/* Proposta Panal. Capa visual independente: conserva contidos e interaccións. */
:root{--hexagono:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}

/* Un único panal, ancorado ao documento: non se reinicia en cada sección.
   As cores das seccións quedan debaixo da trama; o contido, por riba.
   Non usa fondos fixos nin precisa JavaScript para aliñar as celas. */
body{position:relative;isolation:isolate;background-image:none}
body:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../imagenes/decoracion/trama-panal.svg') center 120px/1080px 624px repeat;pointer-events:none}

/* Portada e franxas transparentes para manter a continuidade do fondo. */
.hero-copy{position:relative;isolation:isolate;background:transparent;overflow:clip}
.hero-copy:before{content:'';position:absolute;width:720px;aspect-ratio:600/520;left:-260px;top:65px;background:url('../imagenes/decoracion/hexagono.svg') center/contain no-repeat;opacity:.65;z-index:-1;pointer-events:none}
.hero-seal{border-radius:0;clip-path:var(--hexagono);width:150px;height:132px;box-shadow:none}
.gallery-dot:before{border-radius:0;clip-path:var(--hexagono);width:9px;height:8px}
.value-symbol{font-size:0;background:url('../imagenes/decoracion/hexagono.svg') center/contain no-repeat}
.values-strip,.support-section,.footer{background:transparent}
.product{background:var(--cream)}
.product-kicker{border-radius:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);padding-inline:16px}

/* Só cambia a cor: a trama global pasa seguida pola historia e o contacto.
   Sen isolation nestes bloques, os seus fondos -2 quedan baixo o panal -1. */
.origin{position:relative;isolation:auto;background:transparent;padding-block:clamp(86px,10vw,145px)}
.origin:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--soft);pointer-events:none}
.origin-copy p{color:#60455c}
.process{position:relative}
.process:before{content:'';position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line);pointer-events:none}
.step-index{display:grid;place-items:center;width:33px;height:30px;padding:0;border:0;background:var(--soft);clip-path:var(--hexagono);color:var(--ink)}

/* Os hexágonos pequenos seguen nos selos e controis, sen outras tramas. */
.awards{background:transparent;border-block:0}
.award-carousel,.award-visual,.questions{background:transparent}
.award-type{border-radius:0;clip-path:var(--hexagono);outline:none;border:0}
.contact{position:relative;isolation:auto;background:transparent}
.contact:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--forest);pointer-events:none}

/* Separación entre capítulos, mantendo o mesmo panal de fondo. */
main>section:not(.hero),.footer{position:relative}
main>section:not(.hero):after,.footer:after{content:'';position:absolute;top:-11px;left:var(--gutter);right:var(--gutter);height:22px;background:linear-gradient(90deg,transparent,var(--line)) left center/calc(50% - 28px) 1px no-repeat,linear-gradient(90deg,var(--line),transparent) right center/calc(50% - 28px) 1px no-repeat,url('../imagenes/decoracion/hexagono.svg') center/25px 22px no-repeat;pointer-events:none}
.values-strip{border-bottom:0}
.process:before{content:none}
.faq{padding-top:clamp(58px,7vw,98px)}
.support-section{padding-block:35px}

/* O panal acompaña tamén as xanelas, sen recortar formularios nin carteis. */
.dialog{isolation:isolate;background:var(--paper) url('../imagenes/decoracion/trama-panal.svg') center/720px 416px repeat;border:1px solid var(--line);border-radius:3px}
.dialog-inner{position:relative;isolation:isolate}
.dialog-inner:before{content:'';position:absolute;top:15px;right:12px;width:180px;aspect-ratio:600/520;background:url('../imagenes/decoracion/hexagono.svg') center/contain no-repeat;opacity:.6;z-index:-1;pointer-events:none}
.dialog .close-button{width:44px;height:44px;border:0;border-radius:0;background:url('../imagenes/decoracion/hexagono.svg') center/40px 35px no-repeat}
.dialog .dialog-top .eyebrow:before{content:'';display:inline-block;width:16px;height:14px;margin-right:9px;vertical-align:-2px;background:url('../imagenes/decoracion/hexagono.svg') center/contain no-repeat}
.poster-dialog{background:#fff}
.poster-dialog .dialog-top{background:var(--paper) url('../imagenes/decoracion/trama-panal.svg') center/720px 416px repeat}
.poster-dialog>img{position:relative}

@media(max-width:850px){
  .hero-copy:before{width:500px;left:-210px;top:85px;opacity:.55}
  .hero-seal{width:128px;height:112px}
}
@media(max-width:600px){
  body:before{background-size:720px 416px}
  .hero-copy:before{width:270px;left:auto;right:-70px;top:32px;opacity:.5}
  .hero-seal{width:122px;height:106px;top:16px;right:18px}
  .origin{padding-block:78px}
  .dialog{background-size:540px 312px}
  .dialog-inner:before{width:135px;right:7px;top:14px;opacity:.45}
  .poster-dialog .dialog-top{background-size:540px 312px}
}