.eq__foto img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover;
    display: block;
}

/* bloque de texto que ocupa el tercer lugar de la última fila */
.eq__nota {
    width: calc(334 * var(--u));
    height: calc(460 * var(--u));
    background: #E9EBEC;
    display: flex;
    align-items: center;
    padding: 0 calc(30 * var(--u));
}

.eq__nota p {
    margin: 0;
    font-size: clamp(11px, calc(19 * var(--u)), 19px);
    line-height: clamp(18px, calc(36 * var(--u)), 36px);
    color: #101821;
    text-align: left;
    font-weight: 300;
}

/* barra oscura con los nombres: 1296x94 en x=314, partida en tres */
/* Tres columnas FIJAS, no tres cajas que se reparten el espacio: en la última
   fila hay dos personas y una nota, y con flex esos dos nombres se estiraban
   hasta ocupar el ancho de tres, quedando corridos respecto de sus fotos.
   (Revisión del 31-ago-2026.) */
.eq__barra {
    width: calc(1296 * var(--u));
    height: calc(94 * var(--u));
    margin: calc(19 * var(--u)) auto 0;
    background: #151F2B;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.eq__celda a,
.eq__celda .eq__vinculo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.eq__celda a[href]:hover .eq__nombre { color: #fff; }

.eq__celda {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* 40 y no los 52 del diseño: el nombre más largo ("Paulina Fernández
       Barrientos", 383px) tiene que caber de una línea en una celda de 432. En
       el diseño cada celda lleva una sangría distinta —52, 59 y 31— porque
       están puestas a mano. */
    padding-left: calc(40 * var(--u));
    /* el par nombre+cargo no va al centro exacto de la barra: cae 4px más abajo */
    padding-top: calc(8 * var(--u));
    text-align: left;
    border-left: 1px solid rgba(189, 173, 154, 0.45);
}

.eq__celda:first-child { border-left: 0; }

/* Nombre y cargo del PDF final: 16,9px con 4,35px entre letras y 14,6px con
   4,4px. Estaban en 15/2 y 13/1, bastante más apretados que el diseño (el
   nombre completo medía 251px de tinta contra los 330 del PDF). */
.eq__nombre {
    font-size: clamp(12px, calc(16.9 * var(--u)), 16.9px);
    letter-spacing: clamp(0.8px, calc(4 * var(--u)), 4px);
    text-transform: uppercase;
    color: #BDAD9A;
    line-height: 1.2;
}

.eq__cargo {
    margin-top: calc(4 * var(--u));
    font-size: clamp(12px, calc(16.5 * var(--u)), 16.5px);
    letter-spacing: clamp(0.5px, calc(4.3 * var(--u)), 4.3px);
    /* El mismo beige del nombre: en el diseño los dos renglones son #BDAD9A.
       Estaba en un gris frío que no sale de la paleta. */
    color: #BDAD9A;
    line-height: 1.2;
}

/* Entre 901 y 1400px la celda se encoge en proporción pero el cuerpo del nombre
   se queda en su piso de 12px, y los nombres largos se partían en dos líneas.
   En esa franja el nombre va con su propio tamaño y menos interletrado. Debajo
   de 900 manda el bloque de móvil. */
@media (min-width: 1201px) and (max-width: 1400px) {
    .eq__nombre { font-size: 12px; letter-spacing: 1.2px; }
    .eq__cargo  { font-size: 11px; letter-spacing: 1px; }
}

@media (min-width: 1001px) and (max-width: 1200px) {
    .eq__nombre { font-size: 11px; letter-spacing: 0.6px; }
    .eq__cargo  { font-size: 10.5px; letter-spacing: 0.5px; }
}

@media (min-width: 901px) and (max-width: 1000px) {
    .eq__celda  { padding-left: 12px; }
    .eq__nombre { font-size: 10.5px; letter-spacing: 0.3px; }
    .eq__cargo  { font-size: 10px; letter-spacing: 0.3px; }
}


/* el retrato se acerca un poco al pasar el cursor */
.eq__foto img {
    transition: transform .6s cubic-bezier(.2,.7,.3,1);
}

.eq__foto a:hover img {
    transform: scale(1.04);
}

/* rectángulos finos del fondo de Equipo, en los márgenes blancos */
.eq {
    position: relative;
}

.eq__deco {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.eq__deco span {
    position: absolute;
    display: block;
    border: 1px solid rgba(150, 126, 88, 0.45);
}

.eq__deco span:nth-child(1)  { left: calc(1630 * var(--u)); top: calc(84 * var(--u));   width: calc(184 * var(--u)); height: calc(241 * var(--u)); }
.eq__deco span:nth-child(2)  { left: calc(1716 * var(--u)); top: calc(114 * var(--u));  width: calc(123 * var(--u)); height: calc(231 * var(--u)); }
.eq__deco span:nth-child(3)  { left: calc(1698 * var(--u)); top: calc(231 * var(--u));  width: calc(221 * var(--u)); height: calc(390 * var(--u)); }
.eq__deco span:nth-child(4)  { left: calc(1 * var(--u));    top: calc(1281 * var(--u)); width: calc(131 * var(--u)); height: calc(173 * var(--u)); }
.eq__deco span:nth-child(5)  { left: calc(1 * var(--u));    top: calc(1316 * var(--u)); width: calc(176 * var(--u)); height: calc(255 * var(--u)); }
.eq__deco span:nth-child(6)  { left: calc(78 * var(--u));   top: calc(1443 * var(--u)); width: calc(203 * var(--u)); height: calc(112 * var(--u)); }
.eq__deco span:nth-child(7)  { left: calc(93 * var(--u));   top: calc(1467 * var(--u)); width: calc(217 * var(--u)); height: calc(163 * var(--u)); }
.eq__deco span:nth-child(8)  { left: 0;                     top: calc(2127 * var(--u)); width: calc(214 * var(--u)); height: calc(226 * var(--u)); }
.eq__deco span:nth-child(9)  { left: 0;                     top: calc(2231 * var(--u)); width: calc(238 * var(--u)); height: calc(153 * var(--u)); }
.eq__deco span:nth-child(10) { left: calc(1553 * var(--u)); top: calc(2176 * var(--u)); width: calc(144 * var(--u)); height: calc(184 * var(--u)); }
.eq__deco span:nth-child(11) { left: calc(1636 * var(--u)); top: calc(2349 * var(--u)); width: calc(225 * var(--u)); height: calc(119 * var(--u)); }
.eq__deco span:nth-child(12) { left: calc(1654 * var(--u)); top: calc(2374 * var(--u)); width: calc(238 * var(--u)); height: calc(174 * var(--u)); }

.eq__titulo, .eq__fila { position: relative; z-index: 1; }

@media (max-width: 900px) {
    .eq__deco { display: none; }
    .oficina { flex-wrap: wrap; }
    .oficina img { height: 160px; }
    .oficina img:nth-child(1) { width: 58%; }
    .oficina img:nth-child(2) { width: calc(42% - 5px); }
    .oficina img:nth-child(3) { width: 100%; margin-top: 5px; }
}

/* ======================= FOTOS DE OFICINA ======================= */

.oficina {
    background: #fff;
    padding: calc(40 * var(--u)) 0 0;
}

/* tres fotos con los anchos del diseño: 731 · 837 · 343, con 5px entre ellas */
.oficina {
    display: flex;
    gap: calc(5 * var(--u));
}

.oficina img {
    display: block;
    height: calc(528 * var(--u)) !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover;
}

.oficina img:nth-child(1) { width: calc(731 * var(--u)) !important; }
.oficina img:nth-child(2) { width: calc(837 * var(--u)) !important; }
.oficina img:nth-child(3) { width: calc(343 * var(--u)) !important; }

/* ======================= CONTACTO ======================= */

.cto {
    background: #29384B;
    color: #fff;
}

.cto__titulo {
    margin: 0;
    padding: calc(42 * var(--u)) 0 calc(30 * var(--u));
    text-align: center;
    font-size: clamp(16px, calc(28 * var(--u)), 28px);
    font-weight: 300;
    letter-spacing: clamp(3px, calc(7 * var(--u)), 7px);
    padding-right: clamp(3px, calc(7 * var(--u)), 7px);
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    line-height: 1;
}

.cto__cuerpo {
    display: flex;
    align-items: flex-start;
}

.cto__datos {
    flex: 0 0 calc(820 * var(--u));
    /* la regla dorada del logo arranca en x=89 en el PDF final (antes 112) */
    padding: calc(92 * var(--u)) 0 0 calc(89 * var(--u));
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    min-height: calc(470 * var(--u));
}

/* Botón de WhatsApp: círculo de 60px con el glifo de 34,5px, entre el logo y
   los datos. Lo suma el PDF final; en el diseño anterior no existía. */
.cto__wsp {
    /* flex y no inline-flex: al lado del logo, que es inline, se ponía en la
       misma línea en vez de debajo. */
    display: flex;
    align-items: center;
    justify-content: center;
    width: max(40px, calc(60 * var(--u)));
    height: max(40px, calc(60 * var(--u)));
    margin: calc(47.5 * var(--u)) 0 0;
    border-radius: 50%;
    background: #151F2B;
    color: #fff;
    transition: background .25s ease, transform .25s ease;
}

.cto__wsp svg {
    width: max(23px, calc(34.5 * var(--u)));
    height: max(23px, calc(34.5 * var(--u)));
    display: block;
}

.cto__wsp:hover {
    background: #25D366;
    transform: scale(1.05);
}

.cto__logo {
    position: relative;
    display: inline-flex;
}

.cto__linea {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(340 * var(--u));
    height: 1px;
    background: rgba(255, 255, 255, 0.7);
}

.cto__nombre {
    font-size: clamp(16px, calc(36.5 * var(--u)), 36.5px);
    font-weight: 300;
    letter-spacing: clamp(1px, calc(3.5 * var(--u)), 3.5px);
    word-spacing: clamp(8px, calc(26 * var(--u)), 26px);
    line-height: 1.1;
    white-space: nowrap;
}

.cto__nombre b { font-weight: 500; letter-spacing: clamp(1px, calc(4 * var(--u)), 4px); }

.cto__sub {
    margin-top: calc(9 * var(--u));
    font-size: clamp(7px, calc(13 * var(--u)), 13px);
    letter-spacing: clamp(2px, calc(11.5 * var(--u)), 11.5px);
    margin-right: clamp(-11.5px, calc(-11.5 * var(--u)), -2px);
    text-transform: uppercase;
    line-height: 1;
}

/* Medidas del PDF final: los iconos arrancan en x=100 (11px más adentro que el
   logo), el texto en x=154, y las filas van cada 67px. */
.cto__lista {
    list-style: none;
    margin: calc(36 * var(--u)) 0 0;
    padding: 0 0 0 calc(11 * var(--u));
}

.cto__lista li {
    display: flex;
    align-items: center;
    gap: calc(23 * var(--u));
    margin-bottom: calc(36 * var(--u));
    /* 22,3px: ajustado contra el ancho de tinta de la dirección (465px) y del
       teléfono (156px) en el PDF. Estaba en 25px. */
    font-size: clamp(11px, calc(22.3 * var(--u)), 22.3px);
    line-height: 1.4;
}

.cto__lista a { color: #fff; text-decoration: none; }
.cto__lista a:hover { color: #BDAD9A; }

.cto__ico {
    flex: 0 0 calc(32 * var(--u));
    width: calc(32 * var(--u));
    height: calc(32 * var(--u));
    background: no-repeat center / contain;
}

.cto__ico--pin  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E"); }
.cto__ico--tel  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11 11 0 0 0 3.5.55 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.2.2 2.4.55 3.5a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E"); }
.cto__ico--mail { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E"); }

/* ---- formulario ---- */
.cto__form {
    flex: 1 1 auto;
    padding: calc(56 * var(--u)) calc(112 * var(--u)) 0 calc(72 * var(--u));
}

.cto__campo {
    display: block;
    margin-bottom: calc(22 * var(--u));
}

.cto__campo span {
    display: block;
    margin-bottom: calc(10 * var(--u));
    font-size: clamp(11px, calc(19 * var(--u)), 19px);
    font-weight: 300;
}