/* Rediseño de la propuesta.
   Conserva la identidad de Pia (Cormorant Garamond, #34372f, fotografía a sangre,
   blanco) y aplica los fundamentos de la revisión Apple HIG: jerarquía por espacio
   y tamaño, textos legibles, estados visibles. No introduce una paleta nueva. */

/* ── Pie más contenido ──────────────────────────────────────────────────────
   Pasaba de 628 px: ocupaba más que varias secciones de contenido. */
.elementor-location-footer .elementor-element.elementor-element-e128ae0{padding:64px 40px 40px}
.elementor-location-footer .elementor-element.elementor-element-5911051{padding-block-start:30px}
.elementor-location-footer .elementor-widget-image img{max-width:132px}
.elementor-location-footer .elementor-widget:not(:last-child){margin-block-end:14px}

/* ── Hero: menos recorte ────────────────────────────────────────────────────
   Las cabeceras interiores eran una franja baja con background-size:cover, así que
   la foto se ampliaba muchísimo y cortaba a las personas. Con más altura el mismo
   encuadre respira y se amplía menos. */
@media (min-width:768px){
 body:not(.home) .elementor-location-header + div .elementor-top-section:first-of-type
  .elementor-element[style*="background-image"]{background-position:center 38%}
 body:not(.home) [data-elementor-type="wp-page"] > .elementor-top-section:first-of-type{min-height:52vh}
}

/* ── Equipo: de párrafo corrido a lista con jerarquía ───────────────────────── */
.pia-upgrade.team-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 44px;align-content:start;text-align:left;min-width:0}
/* El estudio son 12 personas y los colaboradores 6: si cada grupo ocupa una
   columna, una queda al doble de alto que la otra. El estudio se reparte en dos. */
.pia-upgrade .team-group:first-child{grid-column:span 2}
.pia-upgrade .team-group:first-child ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
.pia-upgrade .team-group h3{font-family:'Work Sans',Arial,sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pia-upgrade .team-group ul{list-style:none;margin:0;padding:0}
.pia-upgrade .team-group li{display:grid;gap:2px;padding:11px 0;border-bottom:1px solid #eceae6}
.pia-upgrade .team-group li:last-child{border-bottom:0}
.pia-upgrade .team-name{font-size:17px;color:var(--ink)}
.pia-upgrade .team-role{font-size:16px;color:var(--muted)}

/* ── Llamada que sustituye al formulario suelto de "qué hacemos" ───────────── */
.pia-upgrade.ask-cta{max-width:640px;margin:0 auto;padding:86px 30px 96px;text-align:center}
.pia-upgrade.ask-cta h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:400;margin:0 0 14px}
.pia-upgrade.ask-cta p{font-size:17px;color:var(--muted);margin:0 0 30px;line-height:1.7}
.pia-upgrade.ask-cta .button{display:inline-block;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:15px 30px;font-size:16px;text-decoration:none;min-height:48px}
.pia-upgrade.ask-cta .ask-alt{margin:26px 0 0;font-size:16px}
.pia-upgrade.ask-cta .ask-alt a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* ── Formulario de CV: el selector de archivo nativo no se veía como un control ── */
.pia-upgrade.cv-form input[type=file]{font-size:16px;padding:12px;border:1px dashed var(--line-strong);background:#fff;width:100%;cursor:pointer}
.pia-upgrade.cv-form input[type=file]::file-selector-button{font:inherit;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:9px 16px;margin-right:14px;cursor:pointer;min-height:40px}
.pia-upgrade.cv-form input[type=text],.pia-upgrade.cv-form input[type=email]{font-size:16px}

/* ── Contacto: la fotografía ocupaba una pantalla entera antes del contenido ── */
@media (min-width:768px){
 body.page-id-13 [data-elementor-type="wp-page"] > .elementor-top-section:first-of-type,
 .contacto-hero{min-height:46vh}
}

/* ── Mapa propio ────────────────────────────────────────────────────────────
   Sustituye al iframe de Google que Complianz tapaba con el aviso de cookies.
   Teselas servidas desde este dominio: nada viaja a terceros al visitarlo. */
.pia-upgrade.pia-map{max-width:1140px;margin:0 auto;padding:70px 30px 84px}
.pia-upgrade .map-head{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.pia-upgrade .map-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;font-weight:400;margin:0 0 6px}
.pia-upgrade .map-address{margin:0;font-size:16px;color:var(--muted)}
.pia-upgrade .map-controls{display:flex;align-items:center;gap:8px}
.pia-upgrade .map-controls button{min-width:44px;min-height:44px;padding:0 12px;font-size:17px;background:#fff;color:var(--ink);border:1px solid var(--line-strong);cursor:pointer}
.pia-upgrade .map-controls button:hover{border-color:var(--ink)}
.pia-upgrade .map-reset{font-size:16px}
.pia-upgrade .map-zoom{font-size:13px;color:var(--muted);min-width:56px;text-align:center;font-variant-numeric:tabular-nums}
.pia-upgrade .map-viewport{position:relative;overflow:hidden;height:440px;background:#eceae6;border:1px solid var(--line-strong);cursor:grab;touch-action:none}
.pia-upgrade .map-viewport.grabbing{cursor:grabbing}
.pia-upgrade .map-viewport:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.pia-upgrade .map-layer{position:absolute;top:0;left:0;will-change:transform}
.pia-upgrade .map-marker{position:absolute;z-index:3;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#741e43;box-shadow:0 0 0 4px #fff,0 2px 10px rgba(0,0,0,.35);pointer-events:none}
.pia-upgrade .map-status{font-size:16px;color:var(--muted);margin:12px 0 0}
.pia-upgrade .map-links{display:flex;flex-wrap:wrap;gap:24px;margin:14px 0 0}
.pia-upgrade .map-links a{font-size:16px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.pia-upgrade .map-credit{font-size:13px;color:var(--muted);margin:14px 0 0}
@media (max-width:767px){.pia-upgrade .map-viewport{height:320px}.pia-upgrade.pia-map{padding:50px 22px 60px}}

/* ── Menú: señalar dónde estás ──────────────────────────────────────────────
   Un menú a pantalla completa tapa la página, así que sin esta marca el visitante
   pierde la referencia de en qué sección está. */
#elementor-popup-modal-80 .elementor-icon-list-item.is-current > a,
#elementor-popup-modal-80 a[aria-current=page]{position:relative}
#elementor-popup-modal-80 .elementor-icon-list-item.is-current .elementor-icon-list-text::after{
 content:"";display:block;height:1px;background:currentColor;opacity:.55;margin-top:6px}

/* ── Comparador «El valor de una nueva mirada» ───────────────────────────────
   El bloque de texto iba a 13 px frente a un titular de 44: la diferencia era
   tan grande que el cuerpo parecía un pie de foto. Se sube y se le da aire. */
.pia-upgrade .transform-copy{max-width:48ch}





.pia-upgrade .transform-copy .text-link{font-size:17px}
.pia-upgrade .caption{font-size:16px}
.pia-upgrade .compare-tools button{font-size:16px}
.pia-upgrade .compare-label{font-size:13px;padding:6px 14px}

/* ── Equipo: no debe morir contra el borde derecho ───────────────────────── */


/* ── Páginas interiores: 200 px de cabecera para 100 px visibles ─────────────
   Dejaba una banda blanca antes de la primera fotografía. */
@media (min-width:768px){
 body:not(.home) .site-main{margin-block-start:-72px}
}

/* El texto del comparador se alineaba arriba contra una fotografía muy alta:
   centrarlo reparte el blanco en vez de acumularlo debajo. */
@media (min-width:1025px){
 .pia-upgrade .transform-copy{align-self:center}
}

/* La sección del equipo se reparte como en el original: introducción a la
   izquierda y los nombres ocupando el resto, en dos grupos. En flexbox la
   introducción quedaba aplastada a 165 px y los nombres en una sola columna. */
.elementor-element-f95f434 .elementor-inner-section > .elementor-container{
 display:grid;grid-template-columns:minmax(210px,0.8fr) minmax(0,3fr);
 gap:0 64px;align-items:start;padding-right:40px}
.elementor-element-f95f434 .elementor-inner-section > .elementor-container > .elementor-column{width:auto;min-width:0}
@media (max-width:1100px){
 .pia-upgrade.team-roster{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pia-upgrade .team-group:first-child{grid-column:span 1}
 .pia-upgrade .team-group:first-child ul{grid-template-columns:1fr}
}
@media (max-width:900px){
 .elementor-element-f95f434 .elementor-inner-section > .elementor-container{grid-template-columns:1fr;gap:42px;padding-right:22px}
 .pia-upgrade.team-roster{grid-template-columns:1fr}
}