/* Fondo claro, texto neutro. Color reservado a controles y conexiones. */
:root{--cinema-bg:#f7f7f2;--cinema-text:#202522;--cinema-copy:#454a46;--cinema-muted:#646a64;--cinema-line:#d8dad2;--daylight-blue:#202522;--ink:#202522;--muted:#646a64;--line:#d8dad2;--pale:#eeefe8;--teal:#496b5a;--blue:#202522}
html,body{background:#f7f7f2!important;color:#202522!important}
header,header.is-scrolled,body:not([data-page="home"]) header{background:#f7f7f2f5!important;border-bottom:1px solid #d8dad2!important}
.primary-nav button,.primary-nav a,.menu-toggle{color:#202522!important}
.site-menu{background:#f7f7f2!important;color:#202522!important}.site-menu button,.site-menu a{color:#202522!important}
.scene-navigation{background:#f7f7f2!important;color:#202522!important;border-color:#d8dad2!important}
.scene-selector,.scene-selector[aria-pressed="true"],.scene-help,.scene-arrows button,.scene-arrows span{color:#202522!important}.scene-selector[aria-pressed="true"]{background:#e9ede5!important;box-shadow:0 2px 0 #496b5a!important}
.hero-slide .hero-shade{background:linear-gradient(90deg,#131713b8,transparent 95%)!important}.hero-slide{min-height:610px!important}.hero-copy .eyebrow{color:#fff!important}
.hero-copy h1,.hero-copy h1 span,.hero-copy p,.hero-copy .micro,.hero-considerations summary{color:white!important}
.hero-copy h1{font-size:clamp(2.8rem,5.4vw,5.4rem)!important}.hero-copy .lead{max-width:43ch!important}
body :is(h1,h2,h3,h4) span{color:inherit!important}
.home-conversion:before{display:none!important}.home-conversion,.comjesa-indicators,.architecture-strip,.contact,.energy-landscape,.home-routes button{background:transparent!important;background-image:none!important;color:#202522!important;box-shadow:none!important}
.conversion-copy{padding-left:0!important}.conversion-steps{padding-right:0!important}
body .conversion-copy :is(h2,p),.conversion-steps :is(b,small,span),body .indicator-heading :is(h2,p),body .indicator-grid :is(h3,p,strong,small),body .home-routes :is(b,small,i){color:#202522!important}
.home-conversion,.comjesa-indicators,.architecture-strip{border-top:1px solid #d8dad2!important}
body .contact :is(h2,p,label,summary,b,small,a){color:#202522!important}.contact form{background:white!important;border:1px solid #d8dad2!important;box-shadow:none!important}.contact input,.contact select,.contact textarea{background:#fafaf7!important;color:#202522!important;border-color:#c8ccc3!important}
body .btn:not(.primary){color:#202522!important;border-color:#8c958c!important}.hero-copy .btn:not(.primary){color:white!important;border-color:white!important}
.btn.primary{background:#ead170!important;border-color:#ead170!important;color:#202522!important;box-shadow:none!important}
body .eyebrow,body .kicker{color:inherit!important;text-transform:none!important;letter-spacing:.09em!important}
body .home-systems{padding-block:70px!important}.home-systems h2{font-size:clamp(2rem,3.4vw,3.4rem)!important}
.system-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.system-card{background:#fff!important;border:1px solid #d8dad2!important;border-radius:12px!important;overflow:hidden;margin:0!important;color:#202522!important}
.system-card summary{display:block!important;cursor:pointer;padding:25px!important;list-style:none!important}.system-card summary::-webkit-details-marker{display:none}
.system-index{display:block!important;color:#496b5a!important;font-size:12px;margin-bottom:18px}.system-card h3{font-size:1.6rem!important;line-height:1.2;margin:0!important}.system-card small{display:block;color:#626a63!important;font-size:12px;letter-spacing:.05em;margin:7px 0 0}
.system-card summary>p{font-size:14px;line-height:1.6;min-height:45px;color:#454a46!important}.system-toggle{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d8dad2;padding-top:16px;margin-top:18px;font-size:13px}.system-toggle i{font-size:23px;font-style:normal;line-height:1}.system-card[open] .system-toggle i{transform:rotate(45deg)}
.system-card-body{padding:0 25px 25px!important}.system-card-body p{font-size:14px!important;line-height:1.65;color:#454a46!important}.system-card-body h4{font-size:13px!important;margin:20px 0 8px}.system-note{font-size:12px!important;line-height:1.65!important;color:#626a63!important;border-left:2px solid #a9baac;padding-left:13px;margin-top:18px!important}.system-link{display:inline-block;font-size:13px;border-bottom:1px solid #496b5a;margin-top:20px;color:#202522!important;text-decoration:none}
.system-diagram{width:100%;height:auto;display:block}.system-diagram.compact{margin:18px 0 12px}.system-diagram:not(.compact){max-width:840px;margin:auto}.system-flow{stroke-dasharray:5 6;animation:system-flow 3s linear infinite}@keyframes system-flow{to{stroke-dashoffset:-44}}
.system-studio{border:1px solid #d8dad2;background:#fff;border-radius:16px;overflow:hidden}.studio-heading{padding:32px 36px 22px}.studio-heading h2{font-size:clamp(1.8rem,3vw,2.8rem)!important}.studio-heading>p:last-child{margin-top:15px;font-size:15px;color:#454a46}.studio-controls{padding:0 36px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.studio-controls>div{display:flex;gap:8px;flex-wrap:wrap}.studio-controls button{padding:10px 15px;border:1px solid #d8dad2;border-radius:8px;background:#fafaf7;color:#202522;font-size:13px}.studio-controls button small{display:block;color:inherit;font-size:10px;opacity:.7;margin-top:3px}.studio-controls button[aria-pressed="true"]{background:#e8eee6;border-color:#67836c}.studio-diagram{padding:30px 25px;background:#f8f9f5;margin-top:25px}.studio-description{padding:26px 36px 8px}.studio-description h3{font-size:1.2rem!important}.studio-description p{font-size:14px;line-height:1.65;margin-top:12px;max-width:85ch}.studio-footnote{padding:15px 36px 30px;font-size:12px;color:#646a64}
.solar-photo-opening{min-height:510px!important}.solar-photo-opening:after{background:linear-gradient(90deg,#181d18cc,transparent)!important}.solar-photo-opening .hero{grid-template-columns:1fr!important}.solar-photo-opening :is(h1,h1 span,.lead,.eyebrow,.micro,.breadcrumb,.breadcrumb button){color:white!important}.solar-photo-opening .btn:not(.primary){color:white!important;border-color:white!important}
body #solar .loads span{background:#e8eee6!important;color:#202522!important}body #solar .section-heading h2,body #company-page h2,body #technology-page h2{color:#202522!important}
.offgrid-photo{max-height:430px}.cinema-details,.advanced-information details{background:#fff!important;color:#202522!important;border-color:#d8dad2!important}.cinema-details summary,.advanced-information summary{color:#202522!important}
.film-stage{max-height:560px}.film-topline,.film-bottom,.film-bottom p{color:white!important}.film-chapters button{color:#202522!important}.film-conversion h3,.film-conversion p,.landscape-heading h2,.landscape-heading p{color:#202522!important}
.visual-intro:after{background:linear-gradient(90deg,#161d16ce,transparent)!important}.visual-intro-content :is(h1,h1 span,p,a){color:white!important}
.home-routes button:hover{background:#e8eee6!important;color:#202522!important}.home-routes button:hover small{color:#454a46!important}
.system-card summary:focus-visible,.studio-controls button:focus-visible{outline:3px solid #67836c;outline-offset:-3px}
@media(max-width:760px){.system-cards{grid-template-columns:1fr}.system-card summary>p{min-height:0}.system-diagram.compact{max-width:400px;margin:10px auto}.studio-heading,.studio-description{padding:23px}.studio-controls{padding-inline:23px}.studio-footnote{padding:15px 23px 23px}.studio-diagram{padding:15px 8px}.studio-controls>div{gap:5px}.studio-controls button{padding:9px 11px}.hero-slide{min-height:620px!important}.system-card summary{padding:22px!important}.system-card-body{padding:0 22px 22px!important}}
@media(prefers-reduced-motion:reduce){.system-flow{animation:none}}
html body :is(.home-systems,.architecture-strip,.comjesa-indicators,.home-conversion){background:#f7f7f2!important;background-image:none!important}
html body :is(.home-systems,.architecture-strip,.comjesa-indicators,.home-conversion,.system-studio) :is(.eyebrow,.kicker){color:#202522!important}
html body :is(.section,.architecture-strip):before,html body :is(.section,.architecture-strip):after{display:none!important}
html body .hero-copy .eyebrow{color:white!important}
html body footer{background:#202522!important}
.project-gallery{background:#f7f7f2!important;background-image:none!important}.project-gallery .eyebrow{color:#202522!important}.project-photos{display:grid;grid-template-columns:1.7fr 1fr;gap:30px}.project-photos figure{margin:0}.project-photos img{display:block;width:100%;height:360px;object-fit:cover;border-radius:10px}.project-photos figure:nth-child(2) img{object-position:50% 80%}.project-photos figcaption{padding-top:20px}.project-photos h3{font-size:1.25rem!important;color:#202522!important}.project-photos p{margin-top:10px;color:#454a46!important;font-size:14px;line-height:1.65}.project-gallery h2{font-size:clamp(2rem,3vw,3rem)!important;max-width:20ch}
@media(max-width:760px){.project-photos{grid-template-columns:1fr}.project-photos img{height:260px}.primary-nav{gap:18px!important}}

html body .solar-hero{background:#202522!important}html body .system-studio .eyebrow{color:#202522!important}
html body .project-gallery .eyebrow,html body .system-studio .eyebrow{color:#202522!important}
html body header .primary-nav a,html body header .primary-nav button{color:#202522!important}
html body .hero-copy .eyebrow,html body .solar-photo-opening .eyebrow{color:#fff!important}
/* Integración V3 · Gris y blanco de la muestra; azul oscuro de referencia. */
:root{--cinema-bg:#e8edee;--cinema-text:#16232c;--cinema-copy:#425764;--cinema-muted:#53636d;--cinema-line:#ccd3d4;--ink:#16232c;--muted:#53636d;--line:#ccd3d4;--pale:#f1f3f1;--blue:#081116}
html body{background:#e8edee!important;color:#16232c!important}
html body header,html body header.is-scrolled,html body:not([data-page="home"]) header{background:#081116!important;border-color:#ffffff20!important;backdrop-filter:none!important}
html body header .wrap:before,html body header .wrap:after,html body header:after{display:none!important}
html body header .primary-nav a,html body header .primary-nav button,html body header .menu-toggle{color:#fff!important}
html body header .primary-nav [aria-current="true"]{border-color:#ffda45!important}
html body header button[data-page="home"]{background:transparent!important}
html body .site-menu{background:#081116!important;color:#fff!important}html body .site-menu button,html body .site-menu a{color:#fff!important}
html body header .logo{filter:none!important;mix-blend-mode:normal!important}
html body .project-gallery,html body .home-system-links,html body .solar-field-intro,html body .unified-architecture{background:#e8edee!important;background-image:none!important;color:#16232c!important}
html body .project-gallery .eyebrow,html body .home-system-links .eyebrow,html body .solar-field-intro .eyebrow,html body .unified-architecture .eyebrow{color:#16232c!important;font-size:14px!important}
html body .project-gallery h2,html body .home-system-links h2,html body .solar-field-intro h2,html body .unified-architecture h2{color:#16232c!important;font-size:clamp(2.3rem,3.8vw,3.6rem)!important}
html body .section-heading>p{color:#53636d!important}
html body .home-conversion{background:#fff!important;background-image:none!important;border:1px solid #d6dddd!important;border-radius:12px;padding:55px!important;margin-block:50px!important}
html body .comjesa-indicators{background:#14212b!important;border:0!important;border-radius:12px;padding:50px!important;color:#fff!important;margin-block:45px!important}
html body .comjesa-indicators :is(h2,h3,p,strong,small,.eyebrow,.kicker,.indicator-number,.indicator-unit){color:#fff!important}
html body .home-routes button{background:#fff!important;border:1px solid #ccd3d4!important;border-radius:9px!important}
html body .project-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
html body .project-photos figure{background:#fff;border:1px solid #d6dddd;border-radius:10px;overflow:hidden}
html body .project-photos img{height:300px;border-radius:0}
html body .project-photos figure:nth-child(2) img{object-position:50% 50%}
html body .project-photos figcaption{padding:23px 25px 26px}
html body .project-photos h3{font-size:1.3rem!important;color:#16232c!important}
html body .project-photos p{font-size:14px!important;color:#53636d!important}
.system-route-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html body .system-route-links button{display:block;text-align:left;background:#fff;border:1px solid #d6dddd;border-radius:10px;color:#16232c;padding:28px;box-shadow:0 10px 24px #122d4010;font:inherit}
.system-route-links button:hover{border-color:#798f9a;transform:translateY(-2px)}
html body .system-route-links h3{font-size:1.5rem!important;color:#16232c!important;margin:0}
.system-route-links small{display:block;margin:8px 0 20px;font-size:12px;color:#63717b}
.system-route-links p{font-size:14px;line-height:1.65;min-height:48px}
.system-route-links span{display:block;padding-top:17px;border-top:1px solid #d6dddd;margin-top:25px;font-size:12px}
html body #solar .solar-photo-opening:after{background:linear-gradient(90deg,#081b2de8,#081b2d60)!important}
html body #solar .solar-photo-opening :is(h1,h1 span,.lead,.eyebrow,.micro,.breadcrumb,.breadcrumb button){color:#fff!important}
html body #solar .solar-photo-opening .btn:not(.primary){color:#fff!important;border-color:#c5d5df!important;background:#08111630!important}
.solar-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.solar-photo-pair figure{margin:0;overflow:hidden;background:#fff;border-radius:10px;border:1px solid #d6dddd}
.solar-photo-pair img{display:block;width:100%;height:290px;object-fit:cover}
.solar-photo-pair figcaption{padding:22px 25px}
html body .solar-photo-pair h3{font-size:1.25rem!important;color:#16232c!important}
.solar-photo-pair p{font-size:14px;color:#53636d;margin-top:10px}
html body .unified-architecture{padding-block:55px!important;border-top:0!important}
.unified-system{background:#fff;border:1px solid #ccd3d4;border-radius:12px;overflow:hidden;margin-top:32px;box-shadow:0 15px 45px #122d4010}
.system-selector{display:flex;gap:10px;flex-wrap:wrap;padding:25px 30px;border-bottom:1px solid #ccd3d4;background:#f9fbfa}
.system-selector button{border:1px solid #c4ced2;border-radius:6px;background:#fff;padding:12px 22px;color:#263b48;font-family:inherit;font-weight:600;font-size:15px;line-height:1.4;text-align:left}
.system-selector button small{display:block;font-size:10px;line-height:1.4;font-weight:400;opacity:.75;margin-top:4px}
.system-selector button[aria-pressed="true"]{background:#081116;color:#fff;border-color:#081116}
.unified-layout{display:grid;grid-template-columns:1.55fr 1fr;align-items:start}
.unified-visual{position:relative;background:radial-gradient(ellipse at center,#fff,#e9eeef 75%);padding-bottom:23px;transition:background .8s;color:#16232c}
.scene-status{padding:24px 28px 0;font-size:12px;font-weight:600;min-height:44px}
.unified-diagram svg{display:block;width:100%;height:auto}
.unified-diagram .svg-label{font:20px "COMJESA Sans",Arial,sans-serif;fill:#233e4e}
.unified-description{padding:40px 30px 30px}
.unified-description .system-english{color:#63717b;font-size:12px;display:block;margin-bottom:15px}
html body .unified-description h3{font-size:clamp(1.55rem,2.2vw,2.1rem)!important;line-height:1.12;letter-spacing:-.04em;color:#16232c!important;margin:0 0 22px}
.unified-description .system-operation{color:#425764;font-size:14px;line-height:1.8}
.unified-description .supply-description{color:#425764;font-size:13px;line-height:1.7;border-left:2px solid #a9bbc1;padding-left:15px;margin:22px 0}
.unified-description .btn{margin-top:23px;font-size:12px!important;padding:12px 17px!important}
.system-equipment{border-top:1px solid #ccd3d4;border-bottom:1px solid #ccd3d4;margin-top:24px;background:transparent}
.system-equipment summary{padding:15px 0!important;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#16232c;cursor:pointer;list-style:none}
.system-equipment summary::-webkit-details-marker{display:none}.system-equipment summary span{font-size:20px}.system-equipment[open] summary span{transform:rotate(45deg)}
.system-equipment>div{padding:0 0 20px}.system-equipment p{font-size:12px;line-height:1.8;color:#53636d}
.unified-footnote{border-top:1px solid #ccd3d4;padding:18px 30px;font-size:11px;color:#546773;background:#f9fbfa}
.scene-state-controls{display:flex;justify-content:center;gap:8px;margin:0 20px;flex-wrap:wrap}
.scene-state-controls button{border-radius:30px;background:#fff;border:1px solid #bac8cf;padding:8px 15px;font:inherit;font-size:12px;color:#263b48}
.scene-state-controls button[aria-pressed="true"]{background:#081116;border-color:#081116;color:#fff}
.scene-state-controls button[hidden]{display:none}
.scene-legend{display:none}
.energy-route{fill:none;stroke:#22a899;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 9;animation:integrated-flow 2s linear infinite;filter:drop-shadow(0 0 3px #31c6ae55);transition:opacity .8s}
@keyframes integrated-flow{to{stroke-dashoffset:-34}}
.lamp-glow{opacity:0;transition:opacity 1s}.lamp-bulb{fill:#b0c4c9;transition:fill 1s}.window-glow{fill:#d7e5e9;transition:fill 1s}
.lamp-on .lamp-glow{opacity:1}.lamp-on .lamp-bulb{fill:#ffdd83}.lamp-on .window-glow{fill:#f6dfac}
.unified-visual.is-night{background:#102537;color:#fff}
.is-night .solar-surface{opacity:.45}.solar-surface,.grid-route,.grid-pole{transition:opacity .8s}
.is-night .svg-label{fill:#e5eff5}.is-night .label-leader{stroke:#94aabc}.label-leader{fill:none;stroke:#708590;stroke-width:1}
.is-night .solar-route{opacity:0}.is-night .battery-route{animation-direction:reverse}.is-night .grid-route{opacity:0}.is-cut .grid-pole{opacity:.35}
.is-night[data-mode="grid"]:not(.is-cut) .grid-route{opacity:1;stroke:#22a899;stroke-width:4;stroke-dasharray:8 9;animation:integrated-flow 2s linear infinite}
.is-cut[data-mode="grid"] .home-route{opacity:0}
html body .application-vision{background:#fff!important;border-radius:12px;padding:45px!important;margin-block:50px!important}
html body #company-page .feature,html body #solar .quality-item,html body #solar .faq details,html body #solar .advanced-information details{background:#fff!important;color:#16232c!important;border-color:#ccd3d4!important}
html body #solar .advanced-information,html body #solar #off-grid{color:#16232c!important}
html body #solar #off-grid :is(h2,h3,p,.location-tag),html body #solar .advanced-information :is(h2,h3,p,summary){color:#16232c!important}
html body .contact:after{display:none!important}
.system-selector button:focus-visible,.scene-state-controls button:focus-visible,.system-route-links button:focus-visible{outline:3px solid #b39523;outline-offset:3px}
@media(max-width:1000px){.unified-layout{grid-template-columns:1fr}.unified-diagram svg{max-height:540px;margin:auto}.unified-description{border-top:1px solid #ccd3d4;padding:30px}.unified-description .system-operation{max-width:80ch}.system-route-links{gap:12px}.system-route-links button{padding:22px}}
@media(max-width:760px){html body .project-photos,.solar-photo-pair{grid-template-columns:1fr}.system-route-links{grid-template-columns:1fr}.system-route-links p{min-height:0}.system-route-links span{margin-top:18px}html body .project-photos img,.solar-photo-pair img{height:255px}.unified-diagram .svg-label,.unified-diagram .label-leader{display:none}.scene-legend{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:0 20px 20px;font-size:11px}.scene-legend span{border:1px solid #c4ced2;padding:4px 8px;border-radius:4px}.is-night .scene-legend{color:#e5eff5}.system-selector{padding:20px;gap:8px}.system-selector button{padding:10px 12px;font-size:13px;flex:1 1 auto}.unified-description{padding:25px}.scene-status{padding:20px 23px 0}.unified-footnote{padding:18px 23px}.scene-state-controls button{font-size:11px;padding:8px 12px}html body .home-conversion,html body .comjesa-indicators,html body .application-vision{padding:28px!important}html body .primary-nav{gap:14px!important}}
@media(prefers-reduced-motion:reduce){.energy-route,.grid-route{animation:none!important}.unified-visual,.lamp-glow,.lamp-bulb,.window-glow,.solar-surface,.grid-pole{transition:none!important}.system-route-links button:hover{transform:none}}

html body .unified-footnote{max-width:none!important;width:100%;margin:0!important}

.is-night[data-mode="grid"] .inverter-out-route{opacity:0}
html body .hero-slide .hero-shade{background:linear-gradient(90deg,#081116dd,#08111650)!important}
@media(max-width:760px){html body .hero-slide .hero-shade{background:linear-gradient(0deg,#081116d9,#08111675)!important}}
html body #solar .system-selector button small{color:inherit!important;opacity:.8}
html body #solar :is(.unified-architecture,.solar-field-intro,.application-vision,.advanced-information,#off-grid) .eyebrow{color:#16232c!important}

/* El video conserva contraste sobre la nueva base clara. */
html body #horizonte-energetico .film-bottom{background:#081116;color:#fff!important}
html body #horizonte-energetico .film-bottom p{color:#fff!important}
html body #horizonte-energetico .film-conversion h3,
html body #horizonte-energetico .film-conversion p,
html body #horizonte-energetico .landscape-heading h2,
html body #horizonte-energetico .landscape-heading p{color:#16232c!important}
/* Segunda línea del título: el celeste #83d9ec de energy-cinema.css daba 1,36:1 sobre #e8edee; este azul da 5,96:1. */
html body #horizonte-energetico .landscape-heading h2 span{color:#075e8b!important}

/* Ajustes puntuales: azul del menú y tarjeta de autonomía. */
html body header,html body header.is-scrolled,html body:not([data-page="home"]) header,
html body .site-menu{background:#102f49!important}
.header-logo-lockup{position:relative;display:inline-flex;align-items:center}
.header-logo-lettering{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
html body #solar #off-grid .two .cinema-details{border:1px solid #ccd3d4!important;border-radius:12px!important;background:#fff!important;overflow:hidden;box-shadow:0 15px 45px #122d4010!important}
html body #solar #off-grid .two .cinema-details>summary{padding:23px 25px!important;background:#102f49!important;color:#fff!important}
html body #solar #off-grid .two .cinema-details>summary:after{color:#fff!important}
html body #solar #off-grid .two .cinema-detail-body{padding:25px!important;color:#425764!important}
html body #solar #off-grid .two .cinema-detail-body :is(h3,h4){color:#102f49!important}
html body #company-page #nosotros h2 span{color:#16232c!important}
html body #company-page .visual-intro-content :is(h1,h1 span,p),
html body #technology-page .visual-intro-content :is(h1,h1 span,p){color:#fff!important}
html body header .header-logo-lockup{width:210px;height:70px;flex:0 0 auto}
html body header .header-logo-lockup .logo{position:static!important;display:block;width:100%!important;height:100%!important;object-fit:contain}
@media(max-width:760px){html body header .header-logo-lockup{width:180px;height:60px}}

/* Ajustes aprobados: identidad, proyectos y equipos visibles. */
html body header,html body header.is-scrolled,html body:not([data-page="home"]) header,
html body .site-menu{background:#081725!important}
html body header .logo{width:230px!important;height:55px!important;object-fit:contain;mix-blend-mode:lighten!important;filter:none!important}
html body .site-menu :is(button,a){color:#fff!important}
html body #home .comjesa-indicators :is(h2,h2 span,h3,p,strong,strong span,small,summary){color:#16232c!important}
html body #home .comjesa-indicators .cinema-details:after,
html body #home .comjesa-indicators summary:after{color:#16232c!important}
html body #home .indicator-grid{gap:36px;margin-top:42px;border:0!important}
html body #home .comjesa-indicators article{min-width:0;min-height:0;padding:28px 0 20px!important;background:transparent!important;border:0!important;border-top:1px solid #bcc8cd!important;box-shadow:none!important;border-radius:0!important}
html body #home .indicator-grid strong{gap:14px;flex-wrap:wrap;font-size:clamp(3.5rem,5.7vw,5.5rem)!important;font-variant-numeric:tabular-nums}
html body #home .indicator-grid strong small{font-size:.75rem;letter-spacing:.06em;text-transform:none}
html body #home .indicator-grid h3{margin:22px 0 0!important;max-width:22ch;min-height:2.7em;font-size:1.2rem!important;line-height:1.35!important;text-wrap:balance;overflow-wrap:break-word}
html body #home .indicator-grid .cinema-details{margin-top:16px;padding:0;background:transparent!important;border:0!important}
html body #home .indicator-grid .cinema-details>summary{width:fit-content;gap:20px;padding:10px 0!important;min-height:44px;font-size:.875rem!important;font-weight:500}
html body #home .indicator-grid .cinema-detail-body{padding:4px 0 0!important}
html body #home .home-conversion>.cinema-details{align-self:center;min-width:0;background:transparent!important;border:0!important;border-block:1px solid #bcc8cd!important;border-radius:0!important;padding:0!important}
html body #home .home-conversion>.cinema-details>summary{padding:24px 0!important;gap:24px;font-size:clamp(1.12rem,1.8vw,1.4rem)!important;line-height:1.4;color:#16232c!important;overflow-wrap:break-word}
html body #home .home-conversion>.cinema-details>summary:after{color:#16232c!important}
html body #home .home-conversion>.cinema-details>.cinema-detail-body{padding:0 0 12px!important}
html body #home .home-conversion h2 span{color:#16232c!important}
html body #home :is(.indicator-grid,.home-conversion) .cinema-details>summary:focus-visible{outline:2px solid #163e5a;outline-offset:6px;border-radius:2px}
html body #home .comjesa-indicators .indicator-disclaimer{color:#425764!important}
html body .project-gallery{scroll-margin-top:100px}
.project-company-link{margin-top:26px;background:#fff!important;color:#16232c!important;border:1px solid #ccd3d4!important}
.more-project-photos{margin:30px 0;background:#fff;border:1px solid #ccd3d4;border-radius:12px;overflow:hidden}
.more-project-photos>summary{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;list-style:none;color:#16232c}
.more-project-photos>summary::-webkit-details-marker{display:none}
.more-project-photos[open]>summary span{transform:rotate(45deg)}
.more-project-photos>.project-photos{padding:0 25px 25px}
html body .company-project-gallery .project-photos{display:grid}
html body .company-project-gallery> .btn{margin-top:24px}
html body .company-project-gallery :is(h2,h2 span,.eyebrow){color:#16232c!important}
html body .company-project-gallery :is(.section-heading>p,figcaption p){color:#425764!important}
html body .project-photos img[src*="IMG_2673"],html body .project-photos img[src*="extra-1"]{object-fit:contain;background:#e8edee}
html body .project-photos img[src*="IMG_3580"]{object-position:center 38%}
html body #technology-page .brand-portfolio{background:#fff!important;padding:65px 45px!important;margin-top:0!important;max-width:1280px;border:0!important;box-shadow:none!important;border-radius:0!important}
html body #technology-page .brand-portfolio :is(h2,h2 span,h3,.eyebrow){color:#16232c!important}
html body #technology-page .brand-portfolio :is(p,p span){color:#425764!important}
html body #technology-page .portfolio-controls{margin:25px 0 50px;padding:0;border-color:#ccd3d4}
html body #technology-page .portfolio-controls button{color:#16232c!important;font-weight:600;opacity:1;background:transparent;border-bottom-color:transparent}
html body #technology-page .portfolio-controls button:hover{color:#0b4a74!important;border-bottom-color:#0b4a74}
html body #technology-page .manufacturer-group{display:block;min-height:0;margin-top:50px;padding:0 0 45px!important;border-bottom:1px solid #ccd3d4!important;scroll-margin-top:110px}
html body #technology-page .manufacturer-category-title{font-size:1.8rem!important;line-height:1.15;margin:0 0 12px!important}
html body #technology-page .manufacturer-heading{margin-bottom:25px}
html body #technology-page :is(.manufacturer-grid,.pv-manufacturer){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
html body #technology-page .manufacturer-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:150px!important;padding:25px 15px!important;background:#f5f7f8!important;border:0!important;border-radius:0!important;color:#16232c!important;opacity:1;box-shadow:none!important}
html body #technology-page .manufacturer-tile img{width:auto!important;max-width:145px!important;height:55px!important;object-fit:contain;filter:none!important;opacity:1!important;mix-blend-mode:multiply}
html body #technology-page .manufacturer-tile span{color:#16232c!important;font-size:13px}
html body #technology-page .pv-manufacturer>div{grid-column:1/-1;max-width:80ch}
html body #technology-page .technology-overview>.cinema-details{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:30px 35px!important;margin-top:35px}
html body #technology-page .technology-overview>.cinema-details>summary{color:#16232c!important;padding:10px 0!important;font-size:1.3rem!important}
html body #technology-page .technology-overview>.cinema-details>summary:after{color:#16232c!important}
html body #technology-page .technology-overview .cinema-detail-body :is(h2,h2 span,h3,p,small,li){color:#425764!important}
.technology-light-transition{--light-progress:0;position:relative;height:200px;background:linear-gradient(180deg,#091f32 0%,#536672 40%,#e8edee 78%,#fff 100%);overflow:hidden;margin:0;isolation:isolate;pointer-events:none}
.light-surface{position:absolute;inset:0;background:linear-gradient(180deg,#e8edee,#fff 85%);opacity:var(--light-progress)}
.ambient-light-glow{position:absolute;inset:0;opacity:.55;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.ambient-light-glow:before{content:"";position:absolute;inset:-75% -15%;background:radial-gradient(ellipse at center,#fff 0%,#ffffff9c 28%,transparent 65%);transform:translateY(calc(-50% + var(--light-progress)*100%));filter:blur(24px)}
html body #technology-page .visual-intro{background:#091f32!important}
.ambient-hero-light{position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(180deg,transparent,#e8edee);opacity:0;pointer-events:none;z-index:0}
html body #technology-page .visual-intro-content :is(h1,h1 span,.lead,.eyebrow){color:#fff!important}
@media(max-width:1000px){html body #technology-page :is(.manufacturer-grid,.pv-manufacturer){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html body header .logo{width:190px!important;height:46px!important}html body #technology-page .brand-portfolio{padding:40px 24px!important;width:100%;margin-inline:0}html body #technology-page :is(.manufacturer-grid,.pv-manufacturer){grid-template-columns:repeat(2,minmax(0,1fr))}html body #technology-page .manufacturer-tile{padding:20px 12px!important;min-height:130px!important}html body #technology-page .manufacturer-tile img{max-width:125px!important;height:45px!important}html body #technology-page .portfolio-controls{gap:5px 20px}html body #technology-page .technology-overview>.cinema-details{padding:25px!important}.technology-light-transition{height:160px}.more-project-photos>.project-photos{padding:0 15px 15px}html body #home .indicator-grid{gap:14px}html body #home .comjesa-indicators article{padding:26px 0 20px!important}html body #home .home-conversion{gap:36px!important}html body #home .indicator-grid h3{max-width:none;min-height:0}}
@media(prefers-reduced-motion:reduce){.technology-light-transition{--light-progress:1!important}.ambient-light-glow{display:none}.ambient-hero-light{opacity:1!important}}
html body header button[data-page="home"]{background:#081725!important}
html body #technology-page .manufacturer-tile span{border-top:0!important;padding-top:0!important;width:auto!important;text-align:center}

/* Presencia y lectura: marcos técnicos y recursos de cada arquitectura. */
html body #solar .advanced-information>details{margin-top:22px;background:#fff!important;border:1.5px solid #aebfc7!important;border-radius:14px!important;box-shadow:0 5px 18px #16232c06!important;overflow:hidden}
html body #solar .advanced-information>details>summary{min-height:148px;padding:32px 38px!important;gap:28px;line-height:1.4;touch-action:manipulation}
html body #solar .advanced-information>details>summary>span{min-width:0}
html body #solar .advanced-information>details>summary b{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:600;line-height:1.35;text-wrap:balance}
html body #solar .advanced-information>details>summary small{display:block;font-size:1rem;line-height:1.6;margin-top:12px;color:#425764!important}
html body #solar .advanced-information>details>summary i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #ccd6da;border-radius:50%;color:#16232c;font-size:28px}
html body #solar .advanced-information>details[open]>summary{background:#f5f8f9;border-bottom:1px solid #ccd6da!important}
html body #solar .advanced-information>details>.advanced-body{padding:0 38px 32px}
html body #solar .advanced-body .soft{margin-inline:0}
html body #solar .advanced-information>details>summary:focus-visible{outline:3px solid #163e5a!important;outline-offset:-6px!important}
html body #solar .advanced-intro>p:not(.eyebrow){font-size:1rem;line-height:1.7}

html body .system-route-links button{--system-accent:#277a9b;--system-tint:#edf6fa;display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid var(--system-accent);padding:30px;min-width:0;transition:border-color .2s,transform .2s}
html body .system-route-links button[data-system-jump="hybrid"]{--system-accent:#b37b17;--system-tint:#fff5df}
html body .system-route-links button[data-system-jump="offgrid"]{--system-accent:#3b8063;--system-tint:#edf6ef}
html body .system-route-links .system-symbol{display:grid;place-items:center;width:66px;height:66px;padding:0;margin:0 0 25px;border:0;border-radius:14px;background:var(--system-tint);color:var(--system-accent)}
html body .system-route-links h3{font-size:clamp(1.65rem,2.2vw,2rem)!important;line-height:1.2;text-wrap:balance}
html body .system-route-links small{font-size:.9rem;margin:10px 0 24px}
html body .system-route-links p{font-size:1.05rem;line-height:1.65;min-height:3.3em;flex:1;margin-top:0}
html body .system-route-links button>span:last-child{font-size:.95rem;width:100%;line-height:1.5}
html body .system-route-links button:hover{border-color:var(--system-accent)}
html body .system-route-links button:focus-visible{outline:3px solid #163e5a!important;outline-offset:5px!important}

html body:not([data-page="solutions-page"]) .btn{font-size:1rem!important}
html body .section-heading>p{font-size:1.08rem;line-height:1.7}
html body :is(.project-photos,.solar-photo-pair) figcaption p{font-size:1rem!important;line-height:1.65}
html body #solar .unified-description .system-operation{font-size:1.05rem;line-height:1.8}
html body #solar .unified-description .supply-description{font-size:1rem;line-height:1.7}
html body #solar .unified-description .system-english{font-size:.9rem}
html body #solar .system-equipment :is(summary,p){font-size:.95rem;line-height:1.65}
html body #solar .system-selector button{font-size:1rem;min-height:64px}
html body #solar .system-selector button small{font-size:.8rem}
html body #solar .scene-state-controls button{font-size:.9rem;min-height:44px;touch-action:manipulation}
html body #solar .scene-status{font-size:.9rem}
html body #solar .scene-legend{font-size:.8rem}
html body #solar .unified-footnote{font-size:.85rem;line-height:1.7}
html body #solar .offgrid-photo{border-radius:12px;overflow:hidden;aspect-ratio:2/1;min-height:0}
html body #solar .offgrid-photo img{object-fit:cover;object-position:center 40%;width:100%;height:100%}

.installation-highlights{margin-top:55px}
.project-photo-media{overflow:hidden}
html body .project-photo-media img[src*="IMG_2734"]{object-fit:cover;object-position:center;transform:scale(1.16)}
html body .installation-highlights>h3{margin-bottom:25px;color:#16232c;font-size:clamp(1.5rem,2vw,1.9rem)}
html body .company-project-gallery .equipment-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html body .equipment-highlights img{height:320px;background:#e8edee;object-fit:contain}
html body .equipment-highlights figcaption{padding:23px}
html body .equipment-highlights h3{font-size:1.2rem!important;line-height:1.35;text-wrap:balance}
html body .more-project-photos>summary{font-size:1.05rem;min-height:72px;gap:20px}
html body .solar-photo-pair img[src*="IMG_2673"]{object-fit:contain;background:#e8edee}

/* Una sola reproducción del logo aprobado, ampliada dentro de sus márgenes. */
html body header button[data-page="home"]{width:255px!important;flex-basis:255px!important;height:78px!important}
html body header .approved-logo-frame{position:relative;display:block;width:255px;height:68px;overflow:hidden;margin:5px 0;background:#081725}
html body header .approved-logo-frame>.logo{inset:auto!important;left:-34px!important;top:-2px!important;width:330px!important;height:79px!important;max-width:none!important;mix-blend-mode:lighten!important;object-fit:contain}

@media(max-width:1100px){html body header button[data-page="home"]{width:230px!important;flex-basis:230px!important}html body header .approved-logo-frame{width:230px}html body header .approved-logo-frame>.logo{width:302px!important;height:72px!important;left:-31px!important;top:1px!important}}
@media(max-width:760px){
 html body #solar .advanced-information>details>summary{padding:27px 24px!important;min-height:162px;gap:16px}
 html body #solar .advanced-information>details>summary b{font-size:1.35rem}
 html body #solar .advanced-information>details>summary small{font-size:.95rem;margin-top:12px}
 html body #solar .advanced-information>details>summary i{width:34px;height:34px;flex-basis:34px;font-size:24px}
 html body #solar .advanced-information>details>.advanced-body{padding:0 24px 24px}
 html body .system-route-links button{padding:28px}
 html body .system-route-links .system-symbol{margin-bottom:22px}
 html body .system-route-links p{min-height:0}
 html body .company-project-gallery .equipment-highlights{grid-template-columns:1fr}
 html body .equipment-highlights img{height:330px}
 html body #solar .offgrid-photo{aspect-ratio:4/3}
 html body header button[data-page="home"]{width:205px!important;flex-basis:205px!important;height:72px!important}
 html body header .approved-logo-frame{width:205px;height:62px}
 html body header .approved-logo-frame>.logo{width:270px!important;height:65px!important;left:-28px!important;top:0!important}
}
@media(prefers-reduced-motion:reduce){html body .system-route-links button{transition:none}html body .system-route-links button:hover{transform:none}}
@media(max-width:380px){
 html body header button[data-page="home"]{width:180px!important;flex-basis:180px!important;height:66px!important}
 html body header .approved-logo-frame{width:180px;height:56px}
 html body header .approved-logo-frame>.logo{width:236px!important;height:57px!important;left:-24px!important;top:0!important}
}

/* Empresa: el mismo marco que la información técnica, con contenido íntegro. */
html body #company-page :is(.company-capabilities,.company-principles)>.cinema-details,
html body #company-page #proceso>.cinema-details{background:#fff!important;border:1.5px solid #aebfc7!important;border-radius:14px!important;margin:0 0 20px!important;padding:0!important;overflow:hidden;box-shadow:0 5px 18px #16232c06!important}
html body #company-page :is(.company-capabilities,.company-principles)>.cinema-details>summary,
html body #company-page #proceso>.cinema-details>summary{min-height:126px;padding:30px 36px!important;gap:26px;font-size:clamp(1.25rem,1.9vw,1.6rem)!important;line-height:1.4;color:#16232c!important;overflow-wrap:break-word;touch-action:manipulation}
html body #company-page .cinema-details>summary:after{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #ccd6da;border-radius:50%;color:currentColor!important;font-size:26px;line-height:1}
html body #company-page .cinema-details[open]>summary{background:#f5f8f9!important;border-bottom:1px solid #ccd6da!important}
html body #company-page .cinema-details>.cinema-detail-body{padding:25px 36px 30px!important;color:#425764!important;line-height:1.75}
html body #company-page .cinema-detail-body :is(p,small,li){color:#425764!important;font-size:1.05rem;line-height:1.75}
html body #company-page .cinema-detail-body :is(h2,h3,h4,b){color:#16232c!important}
html body #company-page .cinema-details>summary:focus-visible{outline:3px solid #163e5a!important;outline-offset:-6px!important}
html body #company-page .experience-number{color:#16232c!important}
html body #company-page h2 span{color:#16232c!important}

/* Subtítulos: oscuros en superficies claras; blancos sobre fotografías. */
html body :is(#home,#solar,#company-page,#technology-page,#solutions-page,#contacto) :is(.eyebrow,.kicker){color:#16232c!important;font-size:clamp(.95rem,1.2vw,1rem)!important;line-height:1.5!important;font-weight:600!important;letter-spacing:.07em!important;text-transform:none!important;text-wrap:balance}
html body :is(#home .hero-copy,#solar .solar-photo-opening,#company-page .visual-intro-content,#technology-page .visual-intro-content) :is(.eyebrow,.kicker){color:#fff!important}
html body .evaluation-invitation .eyebrow{color:#16232c!important;font-size:1rem!important;line-height:1.5;letter-spacing:.07em!important}
html body :is(#solar,#company-page,#technology-page) .cinema-details>summary:after{color:currentColor!important}
html body .contact .required-badge{color:#425764!important}

/* Color recuperado del encabezado publicado: rgb(9,15,20). */
html body header,html body header.is-scrolled,html body:not([data-page="home"]) header,
html body .site-menu,html body header button[data-page="home"],html body header .approved-logo-frame{background:#090f14!important}
/* Original transparente de 1000 px; sin duplicados ni ampliación del raster pequeño. */
html body header .approved-logo-frame>.logo{width:274px!important;height:83.296px!important;left:-12px!important;top:-7px!important;mix-blend-mode:normal!important;filter:saturate(1.12)!important;image-rendering:auto}
@media(max-width:1100px){html body header .approved-logo-frame>.logo{width:248px!important;height:75.392px!important;left:-11px!important;top:-4px!important}}
@media(max-width:760px){
 html body #company-page :is(.company-capabilities,.company-principles)>.cinema-details>summary,
 html body #company-page #proceso>.cinema-details>summary{padding:27px 24px!important;min-height:132px;gap:18px;font-size:1.3rem!important}
 html body #company-page .cinema-details>summary:after{width:34px;height:34px;flex-basis:34px;font-size:24px}
 html body #company-page .cinema-details>.cinema-detail-body{padding:22px 24px 27px!important}
 html body #company-page .cinema-detail-body .section-heading{gap:24px}
 html body header .approved-logo-frame>.logo{width:220px!important;height:66.88px!important;left:-10px!important;top:-4px!important}
}
@media(max-width:380px){html body header .approved-logo-frame>.logo{width:193px!important;height:58.672px!important;left:-8.5px!important;top:-3px!important}}

/* Objetivos táctiles de al menos 44 px y respuesta al presionar (auditoría 2026-10-19, hallazgo 9). */
html body .menu-toggle{min-height:44px!important;min-width:44px!important;padding:10px 12px!important;font-size:14px!important}
html body .scene-selector{min-height:44px!important;min-width:44px!important}
html body .hero-considerations summary{padding-block:11px!important}
html body .site-footer .footer-contact a{display:inline-flex;align-items:center;min-height:44px}
html body :is(.btn,.menu-toggle,.scene-selector,.footer-whatsapp,.header-contact):active{transform:scale(.97)!important;transition-duration:.1s!important}
@media(prefers-reduced-motion:reduce){html body :is(.btn,.menu-toggle,.scene-selector,.footer-whatsapp,.header-contact):active{transform:none!important;opacity:.85}}

/* Ingeniería y estudios eléctricos (2026-10-20): foto principal, contador, normas, 4 pestañas con foto y cierre al chat. */
html body #ingenieria-electrica .eng-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
html body #ingenieria-electrica .eng-lead{margin:18px 0 0;max-width:44ch;font-size:1.15rem;line-height:1.55;color:#3d4d57}
html body #ingenieria-electrica .eng-stat{display:flex;align-items:center;gap:18px;margin-top:32px}
html body #ingenieria-electrica .eng-stat strong{font-size:clamp(3rem,6vw,4.75rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:#16232c;white-space:nowrap}
html body #ingenieria-electrica .eng-stat>span{max-width:20ch;font-size:1rem;line-height:1.4;color:#3d4d57}
html body #ingenieria-electrica .eng-norms{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0}
html body #ingenieria-electrica .eng-norms li{margin:0;padding:8px 14px;border-radius:999px;background:#fff;color:#16232c;font-size:.9rem;font-weight:700;letter-spacing:.02em}
html body #ingenieria-electrica figure{margin:0}
html body #ingenieria-electrica .eng-hero-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px}
html body #ingenieria-electrica .eng-tabs{margin-top:72px}
html body #ingenieria-electrica .eng-tablist{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
html body #ingenieria-electrica .eng-tablist button{flex:none;min-height:44px;padding:10px 22px;border:0;border-radius:999px;background:#fff;color:#16232c;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,transform .1s ease-out}
html body #ingenieria-electrica .eng-tablist button[aria-selected="true"]{background:#16232c;color:#fff}
html body #ingenieria-electrica .eng-tablist button:active{transform:scale(.97)}
html body #ingenieria-electrica .eng-tablist button:focus-visible{outline:3px solid #075e8b;outline-offset:2px}
html body #ingenieria-electrica .eng-panel{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:28px}
html body #ingenieria-electrica .eng-panel[hidden]{display:none}
html body #ingenieria-electrica .eng-panel-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
html body #ingenieria-electrica .eng-items{list-style:none;margin:0;padding:0}
html body #ingenieria-electrica .eng-items li{margin:0;padding:18px 0}
html body #ingenieria-electrica .eng-items h3{margin:0 0 4px;font-size:1.3rem;line-height:1.25;letter-spacing:-.01em;color:#16232c}
html body #ingenieria-electrica .eng-items p{margin:0;font-size:1rem;line-height:1.5;color:#3d4d57}
html body #ingenieria-electrica .eng-panel.eng-in img{animation:eng-img .5s cubic-bezier(.2,.8,.2,1) both}
html body #ingenieria-electrica .eng-panel.eng-in li{animation:eng-item .4s cubic-bezier(.2,.8,.2,1) both}
html body #ingenieria-electrica .eng-panel.eng-in li:nth-child(2){animation-delay:.06s}
html body #ingenieria-electrica .eng-panel.eng-in li:nth-child(3){animation-delay:.12s}
@keyframes eng-img{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@keyframes eng-item{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
html body #ingenieria-electrica .eng-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:64px;padding:28px 32px;border-radius:16px;background:#16232c}
html body #ingenieria-electrica .eng-cta p{margin:0;max-width:52ch;font-size:1.05rem;line-height:1.5;color:#fff!important}
@media(max-width:720px){
  html body #ingenieria-electrica .eng-intro{grid-template-columns:1fr;gap:32px}
  html body #ingenieria-electrica .eng-hero-media img{aspect-ratio:4/3}
  html body #ingenieria-electrica .eng-tabs{margin-top:48px}
  html body #ingenieria-electrica .eng-tablist{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  html body #ingenieria-electrica .eng-panel{grid-template-columns:1fr;gap:16px}
  html body #ingenieria-electrica .eng-items li{padding:12px 0}
  html body #ingenieria-electrica .eng-cta{padding:24px}
  html body #ingenieria-electrica .eng-cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html body #ingenieria-electrica .eng-panel.eng-in img,html body #ingenieria-electrica .eng-panel.eng-in li{animation:none}
}
/* Ingeniería v3 (2026-10-20): imágenes con uniforme, rótulo de visualización, pasos y mosaico "En campo". */
html body #ingenieria-electrica figure{position:relative}
html body #ingenieria-electrica .eng-hero-media img{aspect-ratio:4/3}
html body #ingenieria-electrica .eng-tag{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(9,15,20,.66);color:#fff;font-size:.75rem;font-weight:600;line-height:1.4;pointer-events:none}
html body #ingenieria-electrica .eng-sub{margin:0 0 20px;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;color:#16232c}
html body #ingenieria-electrica .eng-steps{margin-top:72px}
html body #ingenieria-electrica .eng-steps ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0}
html body #ingenieria-electrica .eng-steps li{margin:0;padding:22px;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:6px}
html body #ingenieria-electrica .eng-steps strong{font-size:1.1rem;color:#16232c}
html body #ingenieria-electrica .eng-steps span{font-size:.98rem;line-height:1.45;color:#3d4d57}
html body #ingenieria-electrica .eng-gallery{margin-top:72px}
html body #ingenieria-electrica .eng-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:240px;gap:12px}
html body #ingenieria-electrica .eng-grid .eng-g-wide{grid-column:span 2}
html body #ingenieria-electrica .eng-grid img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
@media(max-width:720px){
  html body #ingenieria-electrica .eng-steps,html body #ingenieria-electrica .eng-gallery{margin-top:48px}
  html body #ingenieria-electrica .eng-steps ol{grid-template-columns:1fr 1fr;gap:10px}
  html body #ingenieria-electrica .eng-steps li{padding:16px}
  html body #ingenieria-electrica .eng-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px}
}