/* V17 · portada unificada, indicadores y movimiento editorial. */
:root{--comjesa-deep:#061a2b;--comjesa-deep-2:#082532;--comjesa-cyan:#71d9ef;--comjesa-yellow:#ffd33d}

body[data-page="home"] #home{position:relative;isolation:isolate;background:var(--comjesa-deep);color:#fff}
body[data-page="home"] #home>.page-energy-flow{
  display:block!important;
  position:absolute;
  z-index:0;
  top:640px;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:calc(100% - 640px);
  opacity:.24;
  pointer-events:none
}
body[data-page="home"] #home>.visual-hero,
body[data-page="home"] #home>.home-conversion,
body[data-page="home"] #home>.comjesa-indicators,
body[data-page="home"] #home>.home-routes{position:relative;z-index:1}

body[data-page="home"] .home-conversion,
body[data-page="home"] .home-routes{
  color:#fff!important;
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.14)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important
}
body[data-page="home"] .home-conversion:before{
  display:block!important;
  opacity:1!important;
  right:-240px;
  top:-260px;
  width:620px;
  height:620px;
  background:radial-gradient(circle,rgba(54,176,219,.2),rgba(7,73,102,.1) 40%,transparent 70%)!important
}
body[data-page="home"] .home-conversion:after{
  left:-210px;
  bottom:-160px;
  width:500px;
  height:500px;
  background:radial-gradient(circle,rgba(255,211,61,.1),transparent 67%)!important
}
body[data-page="home"] .conversion-copy .eyebrow{color:#9fe6f6}
body[data-page="home"] .conversion-copy h2 span{color:#fff}
body[data-page="home"] .conversion-copy p:not(.eyebrow){color:#c7dbe3}
body[data-page="home"] .conversion-steps li{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.16)}
body[data-page="home"] .conversion-steps small{color:#b6ccd5}

.comjesa-indicators{padding:105px 0 96px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);overflow:hidden}
.comjesa-indicators:before{content:"";position:absolute;z-index:-1;left:20%;top:-45%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(56,169,211,.14),transparent 66%);filter:blur(12px)}
.indicator-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:24px 80px;align-items:end}
.indicator-heading .eyebrow{grid-column:1/-1;margin:0;color:#9fe6f6}
.indicator-heading h2{max-width:790px;color:#fff;font-size:clamp(2.6rem,4.4vw,4.8rem);line-height:1;letter-spacing:-.058em}
.indicator-heading>p:last-child{color:#bfd2da;font-size:1rem;line-height:1.7}
.indicator-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:66px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.indicator-grid article{min-height:300px;padding:38px 34px 34px;border-left:1px solid rgba(255,255,255,.16)}
.indicator-grid article:last-child{border-right:1px solid rgba(255,255,255,.16)}
.indicator-grid strong{display:flex;align-items:baseline;gap:12px;color:#fff;font-size:clamp(3.2rem,5.5vw,6rem);font-weight:520;line-height:1;letter-spacing:-.07em}
.indicator-grid strong>span{color:var(--comjesa-yellow)}
.indicator-grid strong small{font-size:.78rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#9fb9c4}
.indicator-grid h3{margin-top:56px;color:#fff;font-size:1.25rem}
.indicator-grid p{margin-top:12px;color:#b5cad3;font-size:.9rem;line-height:1.65}
.indicator-disclaimer{margin-top:20px;color:#89a7b3;font-size:.76rem;line-height:1.6}

body[data-page="home"] .home-routes{padding-top:74px;padding-bottom:104px}
body[data-page="home"] .home-routes button{
  min-height:134px;
  padding:28px 6px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:22px;
  align-content:center;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  border-radius:0!important
}
body[data-page="home"] .home-routes button+button{border-left:0!important;margin-left:44px}
body[data-page="home"] .home-routes button:hover{background:rgba(255,255,255,.035)!important;border-top-color:var(--comjesa-yellow)!important}
body[data-page="home"] .home-routes b{color:#fff!important;font-size:clamp(1.45rem,2vw,2rem)}
body[data-page="home"] .home-routes b{grid-column:1;grid-row:1}
body[data-page="home"] .home-routes small{grid-column:1;grid-row:2;color:#aec5cf!important;font-size:.88rem}
body[data-page="home"] .home-routes i{grid-column:2;grid-row:1/3;align-self:center;color:var(--comjesa-yellow)}
body[data-page="home"] .contact{background:var(--comjesa-deep)!important}

.scene-help{color:#c7dae2!important;font-size:.72rem!important;letter-spacing:.15em!important}
.scene-selector{font-size:.94rem!important;padding-inline:0!important}
.scene-selector[aria-pressed="true"]{color:#fff!important;border-color:var(--comjesa-yellow)!important}
.scene-arrows span{min-width:52px;text-align:center;color:#dce9ed;font-size:.8rem}

html.motion-enhanced [data-scroll-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}
html.motion-enhanced [data-scroll-reveal].is-in-view{opacity:1;transform:translate3d(0,0,0)}
html.motion-enhanced.motion-ready main h2.kinetic-title{opacity:1!important;clip-path:none!important;transform:none!important;transition:none!important}
html.motion-enhanced [data-scroll-image]{overflow:hidden}
html.motion-enhanced [data-scroll-image] img{transform:scale(1.045);filter:saturate(.92);transition:transform 1.05s cubic-bezier(.2,.7,.2,1),filter 1.05s ease}
html.motion-enhanced [data-scroll-image].is-in-view img{transform:scale(1);filter:saturate(1)}
.hero-copy.scene-restart>*{animation:scene-content-in .62s cubic-bezier(.2,.7,.2,1) both}
.hero-copy.scene-restart>*:nth-child(2){animation-delay:.05s}.hero-copy.scene-restart>*:nth-child(3){animation-delay:.1s}.hero-copy.scene-restart>*:nth-child(4){animation-delay:.15s}.hero-copy.scene-restart>*:nth-child(5){animation-delay:.2s}

@keyframes scene-content-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-current-run{to{stroke-dashoffset:-230}}
@media(prefers-reduced-motion:no-preference){
  body[data-page="home"] .page-energy-flow .energy-path{stroke-dasharray:9 18;animation:home-current-run 11s linear infinite}
  body[data-page="home"] .page-energy-flow .energy-path--b{animation-duration:15s;animation-direction:reverse}
}

@media(max-width:900px){
  .indicator-heading{grid-template-columns:1fr;gap:24px}.indicator-heading .eyebrow{grid-column:auto}
  .indicator-grid{grid-template-columns:1fr}.indicator-grid article{min-height:0;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
  .indicator-grid h3{margin-top:32px}
  body[data-page="home"] .home-routes button+button{margin-left:24px}
}
@media(max-width:720px){
  body[data-page="home"] #home>.page-energy-flow{top:600px;height:calc(100% - 600px);opacity:.18}
  .scene-help{margin-bottom:7px!important}.scene-selector{font-size:.82rem!important}
  .comjesa-indicators{padding:76px 0 68px}.indicator-grid{margin-top:46px}.indicator-grid article{padding:30px 22px}.indicator-grid strong{font-size:4rem}
  body[data-page="home"] .home-routes{padding:58px 24px 76px}
  body[data-page="home"] .home-routes button+button{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  html.motion-enhanced [data-scroll-reveal],html.motion-enhanced [data-scroll-image],html.motion-enhanced [data-scroll-image] img{opacity:1;transform:none;filter:none;transition:none}
  .hero-copy.scene-restart>*{animation:none}
}

/* Portada que cambia sola (home-refinement.js): progreso, pausa y flechas sobre la foto, sin franja ni nombre del sector. */
.scene-carousel.hz-ready{position:relative}
.hz-ready .scene-navigation{position:absolute!important;left:0;right:0;bottom:0;z-index:4;margin:0!important;padding:0 0 18px!important;background:transparent!important;border:0!important}
.hz-ready .scene-nav-inner{display:flex!important;align-items:center;gap:16px;margin:0 auto!important;padding-block:0!important;background:transparent!important;border:0!important}
.hz-auto{flex:1;min-width:0}
.hz-name{display:none}
.hz-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:260px}
.hz-bars span{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.hz-bars i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}
.hz-ready .scene-arrows{display:flex!important;align-items:center;gap:8px!important;margin:0 0 0 auto!important}
.hz-ready .scene-arrows button{width:44px!important;height:44px!important;display:grid;place-items:center;padding:0;background:rgba(9,15,20,.35)!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important}
.hz-ready .scene-arrows #scene-count{display:none}
.hz-pause{border-radius:50%!important;cursor:pointer}
.hz-pause svg{width:18px;height:18px}
.hz-ready .scene-arrows button:focus-visible{outline:3px solid #ffda42!important;outline-offset:2px}
.hz-ready .hero-slide .hero-copy{padding-bottom:64px!important}
@media(prefers-reduced-motion:reduce){.hz-bars i{transition:none!important}}