/* Conócenos — texto separado de las fotos (antes todo era una sola imagen).
   El sitio define html{font-size:75%}: se usan píxeles a propósito. */

body{ min-height:100vh; display:flex; flex-direction:column; }
.footer-07{ margin-top:auto; }

.quienes{
    flex:1 0 auto;
    width:100%; max-width:1180px; margin:0 auto;
    padding: 40px 4% 60px;
    display:flex; flex-direction:column; gap:34px;
}
.quienes *{ text-transform:none; }

.q-bloque{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:38px;
    align-items:center;
    background: rgba(255,255,255,.94);
    border-radius:22px;
    padding:34px 38px;
    box-shadow:0 6px 24px rgba(20,45,10,.10);
}
.q-bloque--invertido .q-texto{ order:2; }
.q-bloque--invertido .q-foto{ order:1; }

.q-texto h1{
    font-family:'Roboto',sans-serif; font-weight:900;
    font-size:clamp(34px,4.4vw,50px); color:#1a2715;
    line-height:1.05; margin:0 0 18px; letter-spacing:-.015em;
}
.q-texto h2{
    font-family:'Roboto',sans-serif; font-weight:900;
    font-size:clamp(26px,3.2vw,38px); color:#1a2715;
    line-height:1.1; margin:0 0 14px; letter-spacing:-.01em;
}
.q-texto h2 + p + h2{ margin-top:26px; }
.q-texto p{
    font-family:'Roboto',sans-serif; font-size:18px; line-height:1.68;
    color:#33402c; margin:0 0 14px;
}
.q-texto p:last-child{ margin-bottom:0; }
.q-texto strong{ color:#2f5d22; font-weight:700; }

.q-foto{ margin:0; }
.q-foto img{
    width:100%; height:100%; max-height:400px;
    object-fit:cover; border-radius:16px; display:block;
}

.q-datos{
    list-style:none; padding:0; margin:22px 0 0;
    display:flex; flex-wrap:wrap; gap:14px 34px;
}
.q-datos li{ display:flex; flex-direction:column; }
.q-num{
    font-family:'Roboto',sans-serif; font-weight:900; font-size:34px;
    color:#4a8b34; line-height:1;
}
.q-lab{
    font-family:'Roboto',sans-serif; font-size:14px; color:#5f6b58; margin-top:4px;
}

.q-cta{ text-align:center; margin:0; }
.q-cta a{
    display:inline-block;
    background:#2f5d22; color:#fff; text-decoration:none;
    font-family:'Roboto',sans-serif; font-weight:700; font-size:18px;
    padding:15px 34px; border-radius:40px;
}
.q-cta a:hover{ background:#4a8b34; }
.q-cta a:focus-visible{ outline:3px solid #8fc74a; outline-offset:3px; }

@media (max-width: 820px){
    .q-bloque{ grid-template-columns:1fr; gap:22px; padding:24px 22px; }
    .q-bloque--invertido .q-texto{ order:1; }
    .q-bloque--invertido .q-foto{ order:2; }
    .q-texto p{ font-size:16.5px; }
    .q-foto img{ max-height:280px; }
    .q-num{ font-size:28px; }
}