/* AVANTIA · añadidos del 23/09/2026: menú de áreas con subgrupos y bloques nuevos.
   Solo añade, no pisa main-DAYXFtYA.css. */

/* --- Menú principal: las áreas a primer nivel + subgrupo de páginas nuevas --- */
.head__nav--areas{gap:1.15rem}
.head__area{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}
.head__area span{font-size:.7em;opacity:.65;transition:transform .25s var(--ease)}
.head__grupo:hover .head__area span,.head__grupo:focus-within .head__area span{transform:translateY(2px)}
.head__sub--area{min-width:17rem;padding:.35rem 0 .5rem}
.head__sub-cab{padding:.55rem 1.2rem .3rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.5}
.head__sub--area li:not(.head__sub-cab) a{padding-left:1.2rem}
.head__sub--area li + li a{border-top:1px solid color-mix(in srgb,currentColor 8%,transparent)}
.menu-movil__hijo{padding-left:1.35rem !important;opacity:.78;font-size:.95em}
.menu-movil__hijo::before{content:"— ";opacity:.45}

/* --- Bloque de texto destacado con lista larga (páginas nuevas) --- */
.bloque-lista{padding:clamp(3rem,7vw,5.5rem) 0}
.bloque-lista__cab{max-width:46rem;margin:0 auto clamp(1.6rem,3vw,2.4rem)}
.bloque-lista__cab .eyebrow{margin-bottom:.6rem}
.lista-larga{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.1rem 1.6rem}
.lista-larga li{padding:.55rem 0 .55rem .95rem;position:relative;font-size:.94rem;line-height:1.45;
  border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent)}
.lista-larga li::before{content:"";position:absolute;left:0;top:1.05em;width:.32rem;height:.32rem;
  background:currentColor;opacity:.35}
.bloque-lista__cierre{max-width:46rem;margin:clamp(1.4rem,3vw,2rem) auto 0;font-size:1.02rem}

/* --- Frase de remate, tono editorial --- */
.remate{max-width:44rem;margin:clamp(2rem,4vw,3rem) auto;text-align:center;
  font-family:var(--serif);
  font-size:clamp(1.35rem,3.2vw,2rem);line-height:1.25;text-wrap:balance}
.remate em{font-style:italic}

/* --- Aviso/CTA secundario para profesionales --- */
.pro-cta{padding:clamp(2.5rem,6vw,4.5rem) 0}
.pro-cta__caja{max-width:52rem;margin:0 auto;padding:clamp(1.6rem,4vw,2.6rem);
  border:1px solid var(--linea-navy);background:color-mix(in srgb,currentColor 3%,transparent)}
.pro-cta__caja h2{margin:.2rem 0 .8rem}
.pro-cta__caja p + p{margin-top:.6rem}
.pro-cta__caja .btn{margin-top:1.4rem}

/* --- Rejilla de enlaces a las páginas hijas --- */
.hijas{padding:clamp(2.5rem,6vw,4.5rem) 0}
.hijas__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-top:1.6rem}
.hija{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.4rem;text-decoration:none;
  border:1px solid var(--linea-navy);transition:transform .3s var(--ease),border-color .3s}
.hija:hover{transform:translateY(-3px);border-color:currentColor}
.hija__num{font-size:.72rem;letter-spacing:.14em;opacity:.5}
.hija__h3{font-size:1.12rem;font-weight:600;line-height:1.25}
.hija__txt{font-size:.92rem;opacity:.78;line-height:1.5;flex:1}
.hija .enlace{font-size:.85rem}

/* enlace "ver más" dentro de cada subárea de Edificación */
.subarea__mas{margin-top:1rem}
.subarea__mas .enlace{font-size:.9rem}

/* t287: menú móvil desplazable y teléfono fijo visible en móvil */
.menu-movil{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;max-height:calc(100vh - var(--head-h));max-height:calc(100dvh - var(--head-h));padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px))}
.menu-movil>*{flex-shrink:0}
html:has(.menu-movil.is-open),html:has(.menu-movil.is-open) body{overflow:hidden}
@media(max-width:900px){.head .head__tel{display:inline-flex;grid-column:2;justify-self:end;align-items:center;gap:.4rem;padding:.55rem .8rem;border:1px solid currentColor;border-radius:999px;font-size:.78rem;line-height:1;white-space:nowrap}.head .head__tel::before{content:"";width:.85rem;height:.85rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 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.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 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.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}}
@media(max-width:360px){.head .head__tel{font-size:.7rem;padding:.5rem .6rem}}
html:has(.menu-movil.is-open) .cookies{visibility:hidden}
.menu-movil a.mono{font-size:1.05rem;letter-spacing:.04em;padding:1rem 0;white-space:nowrap}
.menu-movil{z-index:80;isolation:isolate}
html:has(.menu-movil.is-open) #contenido,html:has(.menu-movil.is-open) .pie,html:has(.menu-movil.is-open) .cota-altura{visibility:hidden}
.menu-movil{-webkit-transform:translateZ(0);transform:translateZ(0)}

/* t289 (24/09/2026): subtítulo del hero de servicio integral y bandas de foto */
.hero-int__sub{font-family:var(--serif, "Instrument Serif", serif);font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.15;margin:.6rem 0 1rem;color:inherit}
.hero-int__intro + .hero-int__intro{margin-top:.8rem}
.hero-int__intro strong,.ventajas__lista strong{font-weight:600;color:inherit}
.foto-banda{margin-block:clamp(2.5rem,6vw,5rem)}
.foto-banda img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:0}
@media (max-width:700px){.foto-banda img{aspect-ratio:9/7}}

/* t289: el espaciador del bloque "sobre" tapaba el enlace "El equipo y cómo trabajamos" en escritorio */
.sobre__spacer{pointer-events:none}

/* t289: tarjetas con más de un párrafo (01 a 06 de la home): todo el texto en la columna de contenido y sin huecos */
.razon{align-content:start}
.razon>*:not(.razon__num){grid-column:2}
.razon>p+p{margin-top:.6rem}

/* 06/10/2026: menu de escritorio en una linea en todo el rango (901 px en adelante) y espaciado tras el proceso de servicio integral */
@media (min-width:901px){.head__nav a{white-space:nowrap}}
@media (min-width:1101px) and (max-width:1600px){.head__nav--areas{gap:.9rem;font-size:.68rem;letter-spacing:.09em}}
@media (min-width:901px) and (max-width:1100px){.head{gap:1.2rem}.head__nav--areas{gap:.65rem;font-size:.6rem;letter-spacing:.05em}.head__tel{font-size:.72rem;letter-spacing:.03em}}
.pagina .subareas--proceso{padding-bottom:clamp(3rem,6vw,5rem)}

/* 15/10/2026: textos justificados (peticion de Pablo), solo desde 768 px: en movil la columna es estrecha y abre huecos. Parrafos y listas del contenido; los bloques centrados siguen centrados en su ultima linea */
@media (min-width:768px){
main p:not(.eyebrow):not(.mono):not(.destacado__cifra),main li{text-align:justify;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3}
:is(.servicios__cabecera,.porque__pin,.porque__cta,.cta__grid,.destacado__caja,.gracias-sec) p:not(.eyebrow):not(.mono){text-align-last:center}
}

/* 15/10/2026: tabla de cookies con scroll propio en movil */
.legal__tabla{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}