@font-face{font-family:'Outfit';font-weight:400;font-style:normal;font-display:swap;src:url('/web-assets/fonts/outfit-400.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-weight:700;font-style:normal;font-display:swap;src:url('/web-assets/fonts/outfit-700.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-weight:900;font-style:normal;font-display:swap;src:url('/web-assets/fonts/outfit-900.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:400;font-style:normal;font-display:swap;src:url('/web-assets/fonts/jetbrains-mono-400.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:700;font-style:normal;font-display:swap;src:url('/web-assets/fonts/jetbrains-mono-700.woff2') format('woff2')}

/* ===== RentElectric web — chrome compartido (nav + footer + páginas legales) ===== */
:root{--rx-azul:#0B7FD4;--rx-azul2:#2B5BB0;--rx-coral:#FF6B4A;--rx-tinta:#14161C;--rx-navy:#13233F;--rx-pizarra:#5B6B7E;--rx-papel:#F6F4EF;--rx-borde:#E5E0D6;--rx-fila:#FAF8F3;
  --rx-sans:"Outfit","Avenir Next","Segoe UI",system-ui,sans-serif;--rx-mono:"JetBrains Mono","SF Mono",Menlo,monospace}
html{scroll-padding-top:84px}
.rx-nav{position:sticky;top:0;z-index:100;background:rgba(246,244,239,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rx-borde);font-family:var(--rx-sans)}
.rx-navin{max-width:1120px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;gap:22px;position:relative}
.rx-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--rx-tinta)}
.rx-wm{display:inline-flex;align-items:flex-end;font-family:var(--rx-sans);font-size:22px;font-weight:900;letter-spacing:-.01em;line-height:1;color:var(--rx-tinta)}
.rx-wm .rx-b{color:var(--rx-azul)}
.rx-col{display:inline-flex;flex-direction:column;gap:2px;align-items:center;padding:0 2px 4px}
.rx-col span{width:5px;height:5px;border-radius:50%;display:block}
.rx-t1{background:#FF6B4A}.rx-t2{background:#0B7FD4}.rx-t3{background:#13233F}
@keyframes rxTravel{0%{transform:translate(-40px,-7px) scale(.4);opacity:0}18%{transform:translate(-26px,-3px) scale(1);opacity:1}52%,100%{transform:translate(0,0) scale(1);opacity:1}}
@keyframes rxCharge{0%{fill:#1E3A66}6%{fill:#4FA3E3}14%{fill:#0B7FD4}46%,100%{fill:#1E3A66}}
.rx-nav .rx-t1{animation:rxTravel 3.2s cubic-bezier(.3,.8,.3,1) infinite}
.rx-nav .rx-t2{animation:rxTravel 3.2s cubic-bezier(.3,.8,.3,1) .12s infinite}
.rx-nav .rx-t3{animation:rxTravel 3.2s cubic-bezier(.3,.8,.3,1) .24s infinite}
.rx-bolt{fill:#1E3A66;animation:rxCharge 3.2s infinite}
@media (prefers-reduced-motion:reduce){.rx-nav .rx-t1,.rx-nav .rx-t2,.rx-nav .rx-t3,.rx-bolt{animation:none}.rx-bolt{fill:#0B7FD4}}
.rx-links{display:flex;gap:18px;margin-left:auto;align-items:center}
.rx-links a,.rx-mobile a{color:var(--rx-tinta);text-decoration:none;font-size:14.5px;font-weight:500;font-family:var(--rx-sans)}
.rx-links a:hover{color:var(--rx-azul)}
.rx-links a.rx-on,.rx-mobile a.rx-on{color:var(--rx-azul);box-shadow:inset 0 -2px 0 var(--rx-coral);padding-bottom:3px}
.rx-links a.rx-partner,.rx-mobile a.rx-partner{color:var(--rx-azul);font-weight:700}
.rx-links a.rx-login{border:1px solid var(--rx-borde);border-radius:99px;padding:7px 14px;font-size:13.5px}
.rx-links a.rx-login:hover{border-color:var(--rx-azul)}
.rx-btn{display:inline-block;background:var(--rx-azul);color:#fff !important;font-weight:700 !important;border-radius:8px;padding:9px 18px;text-decoration:none}
.rx-btn:hover{background:var(--rx-azul2)}
.rx-drop{position:relative;display:flex;align-items:center;gap:3px;padding-bottom:14px;margin-bottom:-14px}
.rx-caret{font-size:10px;color:var(--rx-pizarra)}
.rx-menu{position:absolute;top:100%;left:-8px;background:#fff;border:1px solid var(--rx-borde);border-radius:8px;padding:6px;min-width:max-content;box-shadow:0 12px 28px rgba(19,35,63,.14);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s,transform .18s}
.rx-drop:hover .rx-menu,.rx-drop:focus-within .rx-menu{opacity:1;pointer-events:auto;transform:none}
.rx-menu a{display:block;padding:8px 10px;border-radius:6px;font-size:14px}
.rx-menu a:hover{background:var(--rx-fila)}
.rx-burger{display:none;margin-left:auto;background:transparent;border:1px solid var(--rx-borde);border-radius:8px;font-size:20px;line-height:1;padding:7px 11px;cursor:pointer;color:var(--rx-tinta)}
.rx-mobile{display:none}
.rx-links a:focus-visible,.rx-mobile a:focus-visible,.rx-burger:focus-visible,.rx-foot a:focus-visible{outline:3px solid var(--rx-coral);outline-offset:2px;border-radius:4px}
@media (max-width:1060px){
  .rx-links{display:none}.rx-burger{display:block}
  .rx-mobile.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--rx-borde);box-shadow:0 16px 30px rgba(19,35,63,.12);padding:8px 16px 18px}
  .rx-mobile a{padding:11px 4px;border-bottom:1px solid var(--rx-fila);font-size:16px}
  .rx-mobile .rx-btn{margin-top:12px;text-align:center;border:none}
  .rx-navin{padding:12px 16px}
}
/* footer */
.rx-foot{background:var(--rx-tinta);color:#B7C2D2;padding:48px 0 28px;margin-top:76px;font-family:var(--rx-sans);font-size:14px;line-height:1.55}
.rx-wrap{max-width:1120px;margin:0 auto;padding:0 28px}
.rx-foot a{color:#B7C2D2;text-decoration:none;display:block;padding:3px 0}
.rx-foot a:hover{color:#fff}
.rx-foot h4{color:#fff;font-size:12.5px;font-family:var(--rx-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-weight:700}
.rx-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:24px}
.rx-brand p{margin:14px 0 0;max-width:34ch;font-size:13.5px}
.rx-lockup{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.rx-logo-w .rx-wm{color:#fff;font-size:21px}
.rx-tag{border-left:1px solid #26374F;padding-left:16px;font-weight:900;font-size:14px;line-height:1.25;color:#fff;max-width:200px}
.rx-logos{padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid #26374F}
.rx-logos .rx-imgs{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.rx-logos .rx-chip{background:#fff;border-radius:8px;padding:8px 14px;display:flex;align-items:center;height:38px}
.rx-logos img{height:22px;width:auto;display:block}
.rx-logos .rx-ltxt{font-family:var(--rx-mono);font-size:11px;letter-spacing:.1em;color:#5B6B7E}
.rx-bottom{border-top:1px solid #26374F;margin-top:36px;padding-top:18px;font-family:var(--rx-mono);font-size:11px;letter-spacing:.05em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;text-transform:uppercase}
@media (max-width:860px){.rx-cols{grid-template-columns:1fr 1fr}.rx-brand{grid-column:1/-1}.rx-wrap{padding:0 16px}}
/* páginas legales */
.rx-legal{font-family:var(--rx-sans);color:var(--rx-tinta);max-width:820px;margin:0 auto;padding:56px 28px 0}
.rx-legal .rx-kick{font-family:var(--rx-mono);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rx-coral)}
.rx-legal h1{font-weight:900;font-size:clamp(30px,4.4vw,44px);line-height:1.1;margin:12px 0 10px;letter-spacing:-.01em}
.rx-legal .rx-upd{font-family:var(--rx-mono);font-size:12px;color:var(--rx-pizarra);letter-spacing:.04em}
.rx-legal h2{font-weight:900;font-size:22px;margin:38px 0 10px}
.rx-legal p,.rx-legal li{font-size:16px;line-height:1.7;color:#2A2F3A}
.rx-legal ul,.rx-legal ol{padding-left:22px}
.rx-legal a{color:var(--rx-azul)}
.rx-card{background:#fff;border:1px solid var(--rx-borde);border-left:3px solid var(--rx-azul);border-radius:10px;padding:20px 24px;margin:22px 0}
.rx-card dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;font-size:15px}
.rx-card dt{font-family:var(--rx-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--rx-pizarra);padding-top:3px}
.rx-card dd{margin:0}
.rx-card.coral{border-left-color:var(--rx-coral)}
@media (max-width:600px){.rx-legal{padding:36px 16px 0}.rx-card dl{grid-template-columns:1fr}.rx-card dd{margin-bottom:8px}}

/* Selector de idioma (i18n/build.py lo inserta en el nav) */
.rx-lang>a:first-child{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:700;letter-spacing:.06em}
.rx-lang .rx-menu{left:auto;right:0;min-width:140px}
.rx-lang .rx-menu a.lang-on,.rx-langs a.lang-on{color:#0B7FD4;font-weight:700}
.rx-langs{padding:10px 0;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.06em}
.rx-langs a{display:inline!important;padding:0 4px!important}
.rx-rent{font-weight:700}
