/* Portada multigama y navegación principal. */
.portal-hero{background:var(--ink);color:var(--white)}
.portal-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:590px;border-left:1px solid #ffffff30;border-right:1px solid #ffffff30}
.portal-copy{padding:78px 6% 70px 5%;position:relative;z-index:1}
.portal-kicker{color:var(--lime);display:flex;gap:12px;align-items:center}.portal-kicker:before{content:"";height:1px;width:30px;background:currentColor}
.portal-copy h1{font-size:clamp(66px,7.5vw,124px);font-weight:600;line-height:.9;letter-spacing:-.075em;margin:52px 0 35px}.portal-copy h1 em{font-family:var(--serif);font-weight:400;color:var(--orange);white-space:nowrap;letter-spacing:-.05em}
.portal-copy p{max-width:470px;color:#cdd4d2;font-size:18px;line-height:1.55;margin-bottom:34px}
.portal-first{display:inline-flex;justify-content:space-between;gap:45px;padding:12px 0;border-bottom:1px solid var(--orange);font-size:14px;font-weight:700;text-decoration:none;color:var(--white)}.portal-first:hover{color:var(--lime)}
.portal-graphic{position:relative;overflow:hidden;border-left:1px solid #ffffff30;background:radial-gradient(circle at 56% 48%,#34494c 0%,#1d3037 42%,var(--ink) 82%);display:grid;place-items:center;min-height:480px}
.portal-orbit{position:absolute;aspect-ratio:1;border:1px solid #d8e79170;border-radius:50%;width:min(82%,490px);transform:rotate(-19deg) scaleY(.64)}.portal-orbit-two{width:min(114%,680px);border-color:#ffffff28;transform:rotate(28deg) scaleY(.73)}
.portal-mark{font:normal clamp(74px,9vw,157px)/1 var(--serif);letter-spacing:-.055em;position:relative;z-index:1;transform:rotate(-10deg);white-space:nowrap}.portal-mark i{color:var(--lime)}
.portal-graphic-label,.portal-graphic-index{position:absolute;font:500 11px/1.65 var(--mono);letter-spacing:.08em;color:#dbe1da}.portal-graphic-label{left:32px;top:32px}.portal-graphic-index{right:30px;bottom:30px}
.portal-intro{padding:76px 0 38px}.portal-intro-grid{display:grid;grid-template-columns:minmax(210px,.38fr) 1fr;gap:40px;border-bottom:1px solid var(--ink);padding-bottom:35px}
.portal-intro h2,.portal-method h2{font:normal clamp(45px,5vw,75px)/.98 var(--serif);letter-spacing:-.045em;margin:0 0 17px}.portal-intro h2 em,.portal-method h2 em{color:#c65e44}.portal-intro p{font-size:15px;line-height:1.65;max-width:610px;color:#4b595c;margin:0}
.portal-categories{padding:0 0 90px}.portal-category-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,minmax(280px,1fr));gap:12px}
.portal-category{display:flex;flex-direction:column;min-width:0;padding:28px 30px 25px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.portal-category:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--ink)}.portal-category:focus-visible{outline-offset:5px}.portal-category-main{grid-row:span 2;min-height:610px;background:#e6ebd7;padding:32px 42px}.portal-category-energy{background:#e8dad0}.portal-category-monitor{background:#dfe7e7}
.portal-category-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 11px var(--mono);letter-spacing:.07em;position:relative;z-index:1}.portal-category-top span:last-child{font-size:22px}
.portal-category strong{font:normal clamp(40px,4.2vw,64px)/.95 var(--serif);letter-spacing:-.035em;position:relative;z-index:1;margin:auto 0 12px}.portal-category-main strong{font-size:clamp(65px,7vw,105px)}.portal-category strong em{color:#bc593f}.portal-category small{font-size:14px;line-height:1.5;max-width:430px;position:relative;z-index:1}.portal-category-action{border-top:1px solid currentColor;display:flex;justify-content:space-between;gap:16px;padding-top:15px;font-size:13px;font-weight:700;margin-top:30px;position:relative;z-index:1}.portal-category-action span{font-size:19px}
.portal-category-illustration{position:absolute;right:8%;top:18%;opacity:.8}.portal-projector{width:240px;height:150px;border:2px solid #1721297a;border-radius:30px;transform:rotate(-12deg);display:grid;place-items:center}.portal-projector:before{content:"";position:absolute;inset:12px;border:1px solid #17212950;border-radius:22px}.portal-projector span{width:102px;height:102px;border:15px double var(--ink);border-radius:50%;box-shadow:0 0 0 14px #d8e79180}.portal-battery{width:75px;height:120px;border:3px solid var(--ink);border-radius:12px;transform:rotate(12deg);display:grid;place-items:center}.portal-battery:before{content:"";position:absolute;width:24px;height:7px;top:-10px;background:var(--ink);border-radius:3px}.portal-battery span{width:46px;height:78px;background:repeating-linear-gradient(0deg,#cf785c 0 15px,transparent 15px 24px)}.portal-monitor{width:160px;height:95px;border:4px solid var(--ink);border-radius:5px;transform:rotate(-8deg);background:linear-gradient(135deg,#bbd0d4,#f3f4e6)}.portal-monitor:after{content:"";position:absolute;left:70px;bottom:-25px;height:20px;border-left:4px solid var(--ink)}
.portal-method{padding:75px 0 100px;background:#dce2d1}.portal-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.portal-method-points{border-top:1px solid #73837a}.portal-method-points p{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 12px;padding:20px 0;border-bottom:1px solid #73837a;margin:0}.portal-method-points p>span{grid-row:span 2;font:500 12px var(--mono)}.portal-method-points strong{font-size:17px}.portal-method-points small{font-size:13px;line-height:1.55;color:#445650}.portal-method-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:var(--ink);font:700 13px var(--mono);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.portal-method-link span{font-size:18px;transition:transform .2s ease}.portal-method-link:hover span,.portal-method-link:focus-visible span{transform:translateX(4px)}
@media(max-width:1050px){.portal-copy h1{font-size:clamp(63px,7vw,85px)}.portal-category-main strong{font-size:76px}.portal-projector{width:180px;height:110px}.portal-projector span{width:74px;height:74px}}
@media(max-width:760px){.portal-hero-grid{display:flex;flex-direction:column;min-height:0}.portal-copy{padding:53px 5% 45px}.portal-copy h1{font-size:clamp(64px,10vw,83px);margin:34px 0 25px}.portal-copy p{font-size:16px}.portal-graphic{min-height:240px;border-left:0;border-top:1px solid #ffffff30}.portal-mark{font-size:clamp(83px,17vw,125px)}.portal-intro{padding:60px 0 30px}.portal-intro-grid{display:block}.portal-intro h2{margin:14px 0}.portal-category-grid{display:block}.portal-category{min-height:325px;margin-bottom:12px}.portal-category-main{min-height:460px;padding:30px}.portal-category-main strong{font-size:clamp(64px,11vw,90px)}.portal-method-grid{display:block}.portal-method-points{margin-top:30px}.top .wrap{height:auto;min-height:72px;flex-wrap:wrap;padding:16px 0 10px}.nav{order:2;margin:0;width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:8px;gap:23px}.nav a{flex:none;font-size:12px}.nav a:nth-child(2),.nav a:nth-child(3){display:inline-flex}.nav-cta{display:none!important}}
@media(max-width:430px){.portal-copy h1{font-size:clamp(54px,12vw,67px)}.portal-copy h1 em{white-space:normal}.portal-category{padding:23px;min-height:360px}.portal-category-main{min-height:450px}.portal-category-main strong{font-size:clamp(58px,13vw,72px)}.portal-category-illustration{transform:scale(.7) rotate(-12deg);transform-origin:top right}.nav a:not(.nav-cta){display:inline-flex}}