/*
.pueblos-section
.pueblos-container ****
.pueblos-section-head
.pueblos-grid
.pueblo-card
.pueblo-card-img
.pueblo-card-body
.pueblo-kicker
.btn-card
.pueblos-empty
.pueblos-footer
*/


.pueblos-section{
    padding:76px 0;
}

.pueblos-container{
    width:min(1180px, calc(100% - 32px));
    margin:0 auto;
}

.pueblos-section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:28px;
}

.pueblos-section-head h2{
    margin:0;
    font-size:clamp(2rem, 4vw, 3.4rem);
    font-weight:900;
    color:#08233d;
}

.pueblos-section-head p{
    max-width:520px;
    margin:0;
    color:#42566b;
    line-height:1.7;
}

.pueblos-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px;
}

.pueblo-card{
    overflow:hidden;
    border-radius:24px;
    background:#ffffff;
    border:1px solid rgba(8,35,61,.10);
    box-shadow:0 18px 46px rgba(8,35,61,.10);
    display:flex;
    flex-direction:column;
    min-height:100%;
    transition:transform .22s ease, box-shadow .22s ease;
}

.pueblo-card:hover{
    transform:translateY(-6px);
    box-shadow:0 26px 58px rgba(8,35,61,.16);
}

.pueblo-card-img{
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
    background:#dbe6ee;
}

.pueblo-card-body{
    padding:22px;
    display:flex;
    flex-direction:column;
    flex:1;
    text-align:center;
}

.pueblo-kicker{
    color:#00895f;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size:.76rem;
}

.pueblo-card h3{
    margin:10px 0 0;
    font-size:1.5rem;
    font-weight:900;
    color:#08233d;
}

.pueblo-card p{
    margin:12px 0 0;
    color:#42566b;
    line-height:1.6;
}

.pueblo-card .btn-card{
    margin-top:auto;
    min-height:46px;
    border-radius:999px;
    padding:12px 16px;
    background:#08233d;
    color:#ffffff;
    text-decoration:none;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.pueblo-card .btn-card:hover{
    background:#00a896;
    color:#062d35;
}


.pueblos-empty{
    border-radius:24px;
    background:#ffffff;
    border:1px solid rgba(8,35,61,.10);
    padding:34px;
    color:#42566b;
    box-shadow:0 18px 46px rgba(8,35,61,.08);
}

.pueblos-footer{
    background:#061b30;
    color:#ffffff;
    padding:34px 0;
}

.pueblos-footer a{
    color:#ffd166;
    font-weight:900;
    text-decoration:none;
}



@media(max-width:992px){
    .pueblos-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .pueblos-section-head{
        align-items:flex-start;
        flex-direction:column;
    }
}