.contact-section{

    margin-top:120px;
    margin-bottom:100px;

}

.contact-card{

    overflow:hidden;
    border-radius:28px;
    background:#fff;
    box-shadow:
        0 25px 60px rgba(0,0,0,.08);

}

.contact-content{
    width:100%;
    padding:80px 70px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    background:linear-gradient(
        135deg,
        #dffaf1,
        #c9f6e6,
        #d9fbf4
    );
}

.contact-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    width:max-content;
    background:#fff;
    color:#18a77d;
    padding:10px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:30px;
}

.contact-content h1{
    font-family:"Poly",serif;
    font-size:62px;
    line-height:1.05;
    color:#21385d;
    margin-bottom:25px;
}

.contact-content p{
    font-size:17px;
    color:#5e6a73;
    line-height:1.8;
    max-width:520px;
}

.contact-buttons{
    display:flex;
    align-items:center;
    gap:25px;
    margin-top:45px;
    flex-wrap:wrap;
}

.btn-book {
    background: linear-gradient(
        180deg,
        #fff1a8 0%,
        #f7d66a 45%,
        #e6b83f 100%
    );

    color: #18355b;
    text-decoration: none;
    padding: 14px 30px;
    border-radius: 10px;

    font-weight: 700;
    font-size: 15px;

    border: 1px solid #d6ad3c;

    box-shadow:
        0 3px 6px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);

    transition: all .3s ease;
    display: inline-block;
}

.btn-book:hover {
    background: linear-gradient(
        180deg,
        #fff5bd 0%,
        #f9dc76 45%,
        #e9bd47 100%
    );

    color: #18355b;

    transform: translateY(-2px);

    box-shadow:
        0 6px 12px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.btn-book:active {
    transform: translateY(0);
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.20),
        inset 0 2px 4px rgba(0, 0, 0, 0.10);
}

.btn-phone{
    display:flex;
    align-items:center;
    gap:18px;
    text-decoration:none;
    color:#21385d;
}

.phone-circle{
    width:62px;
    height:62px;
    border-radius:50%;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.btn-phone:hover .phone-circle{
    transform:rotate(15deg) scale(1.1);
    background:#69e6bc;
}

.btn-phone small{
    display:block;
    color:#888;
}

.btn-phone strong{
    display:block;
    font-size:22px;
    color:#21385d;
}

.contact-image{
    width:100%;
    min-height:720px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transition:1s;
}

.contact-image:hover{
    transform:scale(1.05);
}

/* Tablet */
@media(max-width:992px){
    .contact-content{
        padding:55px 40px;
    }
    .contact-content h1{
        font-size:48px;
    }
    .contact-image{
        height:500px;
    }
}

/* Celular */
@media(max-width:768px){
    .contact-section{
        margin-top:90px;
    }
    .contact-content{
        padding:40px 28px;
        text-align:center;
        align-items:center;
    }
    .contact-content h1{
        font-size:38px;
    }
    .contact-content p{
        font-size:15px;
    }

    .contact-buttons{
        justify-content:center;
    }
    .btn-book{
        width:100%;
        text-align:center;
    }

    .contact-image{
        height:380px;
    }

    .phone-circle{
        width:55px;
        height:55px;
    }

    .btn-phone strong{
        font-size:18px;
    }
}





.contact-info-section{

    padding:120px 0;

    background:#fff;

}

.section-mini-title{

    display:inline-block;

    color:#27b487;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

    font-size:14px;

}

.contact-title{

    font-family:"Poly",serif;

    font-size:62px;

    color:#1d3760;

    line-height:1.05;

    margin-bottom:25px;

}

.contact-description{

    color:#6b7785;

    font-size:18px;

    line-height:1.8;

    margin-bottom:45px;

}

.contact-list{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.contact-item{

    display:flex;

    align-items:flex-start;

    gap:20px;

}

.contact-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#e8faf4;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#16b17f;

    font-size:22px;

    flex-shrink:0;

}

.contact-item h6{

    font-weight:700;

    color:#1d3760;

    margin-bottom:8px;

}

.contact-item p{

    margin:0;

    color:#667684;

    line-height:1.8;

}

.map-card{

    overflow:hidden;

    border-radius:25px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.map-card iframe{

    width:100%;

    height:620px;

    border:none;

}

@media(max-width:992px){

.contact-title{

font-size:46px;

}

.map-card iframe{

height:450px;

}

}

@media(max-width:768px){

.contact-info-section{

padding:70px 0;

}

.contact-title{

font-size:38px;

}

.contact-description{

font-size:16px;

}

.contact-icon{

width:55px;

height:55px;

font-size:20px;

}

.map-card iframe{

height:350px;

}

}

.locations-section{

    padding:120px 0;

}

.locations-title{

    font-family:"Poly",serif;

    font-size:65px;

    color:#18355b;

    margin-bottom:15px;

}

.locations-subtitle{

    color:#708090;

    font-size:18px;

}

.location-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.4s;

}

.location-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 70px rgba(0,0,0,.12);

}

.location-image{

    height:320px;

    background-size:cover;

    background-position:center;

    transition:1s;

}

.location-card:hover .location-image{

    transform:scale(1.05);

}

.location-body{

    padding:35px;

}

.location-body h3{

    font-family:"Poly",serif;

    color:#18355b;

    font-size:42px;

}

.location-label{

    display:block;

    color:#18b27d;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:12px;

}

.location-body p{

    color:#68798d;

    line-height:1.8;

}

.btn-location{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:25px;

    text-decoration:none;

    color:#18355b;

    font-weight:700;

    transition:.3s;

}

.btn-location:hover{

    color:#18b27d;

    gap:18px;

}

@media(max-width:992px){

.locations-title{

font-size:48px;

}

.location-image{

height:260px;

}

.location-body h3{

font-size:34px;

}

}

@media(max-width:768px){

.locations-section{

padding:70px 0;

}

.locations-title{

font-size:38px;

}

.location-body{

padding:25px;

}

.location-image{

height:220px;

}

}