/* Approved vector artwork. Homepage only; navigation stays above decoration. */
.header-art{position:relative;isolation:isolate;min-height:240px;align-items:flex-start;background:#2B2E34}
.header-art::before{content:"";position:absolute;inset:0 0 0 auto;width:60%;z-index:-1;pointer-events:none;background:url("/assets/portada-esfera-v146.svg") right center/auto 100% no-repeat}
.header-art>.brand{position:relative;z-index:1}
.header-art>nav{align-self:flex-end;background:radial-gradient(ellipse at center,rgba(43,46,52,.68) 0%,rgba(43,46,52,.5) 45%,rgba(43,46,52,0) 75%);padding:6px 12px;border-radius:0;text-shadow:0 1px 3px #17191b}
.header-art .service-panel{z-index:50}
@media(max-width:900px){.header-art{min-height:0}.header-art::before{width:54%}.header-art>nav{padding:4px 0;background:radial-gradient(ellipse at center,rgba(43,46,52,.68) 0%,rgba(43,46,52,.5) 45%,rgba(43,46,52,0) 75%)}}
@media(min-width:901px){.header-art>.brand{margin-top:15px}.header-art>.brand img{width:215px}}

/* Keep the expanded service directory fully opaque and easy to read. */
.header-art .service-panel{background:#fff;text-shadow:none}

/* On the mobile homepage, quoting lives in the introduction, not over the artwork. */
.header-art~main .home-quote>span{font-size:inherit;line-height:inherit}
.header-art~main .home-quote>.quote-mobile{display:none}
@media(max-width:700px){
.header.header-art>nav>a[href="/cotizar/"]{display:none}
.header-art~main .home-quote>.quote-desktop{display:none}
.header-art~main .home-quote>.quote-mobile{display:inline}
}

/* Seasonal details preserve the permanent cover and the navigation layout. */
html[data-season="muertos"] .header-art::before{background-image:url('/assets/portada-muertos-2026.svg')}
html[data-season="revolucion"] .header-art::before{background-image:url('/assets/portada-revolucion-2026.svg')}
html[data-season="navidad"] .header-art::before{background-image:url('/assets/portada-navidad-2026.svg')}
.consolidated-hero .communication-title{font-size:clamp(2.8rem,6.2vw,6rem);line-height:1.08}
.consolidated-hero .hero-description{max-width:62ch}
.hero-description strong{font-weight:600;color:var(--ink)}
.season-caption{font-size:.9rem;color:var(--muted);margin-top:24px}
.season-caption[hidden]{display:none}
@media(max-width:700px){.consolidated-hero .communication-title{font-size:clamp(2.4rem,10vw,4rem)}}