/* RenovaBMS — paleta propia (oscuro carbon / verde energia / ambar). Scoped a body.renova-page */
body.renova-page{
  --rn-bg:#14181a; --rn-panel:#1b2124; --rn-verde:#3ddc84; --rn-ambar:#ffb020;
  --rn-texto:#e8eae6; --rn-gris:#9aa3a0; --rn-linea:#2a3236;
  background:var(--rn-bg); color:var(--rn-texto);
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
}
body.renova-page #rn-home{overflow-x:hidden}
body.renova-page #rn-home section{position:relative;overflow:hidden;padding:0;margin:0}
body.renova-page #rn-home .rn-cont{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding:11vh 24px}
body.renova-page #rn-home h1,body.renova-page #rn-home h2{font-weight:800;letter-spacing:-.02em;color:var(--rn-texto)}
body.renova-page #rn-home h2{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:1rem}
body.renova-page #rn-home p.rn-lead{color:var(--rn-gris);font-size:clamp(1rem,2vw,1.18rem);max-width:720px}
body.renova-page #rn-home .rn-tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rn-verde);margin-bottom:.9rem}
body.renova-page #rn-home .rn-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* Header oscuro para website Renova */
body.renova-page header#top, body.renova-page header#top nav.navbar{background:#14181a !important;box-shadow:0 1px 0 var(--rn-linea) !important}
body.renova-page header#top .nav-link, body.renova-page header#top .nav-link span{color:#e8eae6 !important}
body.renova-page header#top .nav-link:hover span{color:var(--rn-verde) !important}
body.renova-page header#top .navbar-brand, body.renova-page header#top .navbar-brand span{color:#fff !important;font-weight:800}
body.renova-page header#top .navbar-toggler{color:#fff;border-color:rgba(255,255,255,.3)}
body.renova-page header#top .navbar-toggler-icon{filter:brightness(0) invert(1)}

/* HERO */
body.renova-page #rn-hero{min-height:92vh;display:flex;align-items:center;background:#0d1113}
body.renova-page #rn-hero .rn-fondo{position:absolute;inset:0;background:url('/web-static/renova/hero_bms_pcb.webp') center/cover no-repeat;opacity:.42}
body.renova-page #rn-hero .rn-velo{position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,17,19,.94) 25%,rgba(13,17,19,.55) 65%,rgba(13,17,19,.3))}
body.renova-page #rn-hero h1{font-size:clamp(2rem,5vw,3.4rem)}
body.renova-page #rn-hero h1 .rn-verde-t{color:var(--rn-verde)}
body.renova-page #rn-hero p{color:#c7cdc9;max-width:640px}
body.renova-page .rn-cta{display:inline-block;margin-top:1.6rem;padding:.85rem 2rem;border-radius:8px;background:var(--rn-verde);color:#0d1113;text-decoration:none;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 26px rgba(61,220,132,.25)}
body.renova-page .rn-cta:hover{transform:translateY(-2px);color:#0d1113;box-shadow:0 12px 32px rgba(61,220,132,.4)}
body.renova-page .rn-cta.rn-sec{background:transparent;border:1.5px solid var(--rn-ambar);color:var(--rn-ambar);box-shadow:none;margin-left:.8rem}
body.renova-page .rn-cta.rn-sec:hover{color:var(--rn-ambar)}

/* PROBLEMA */
body.renova-page #rn-problema{background:var(--rn-bg)}
body.renova-page #rn-problema .rn-fondo{position:absolute;inset:0;background:url('/web-static/renova/fondo_abstracto.webp') center/cover;opacity:.25}

/* PASOS */
body.renova-page #rn-pasos{background:var(--rn-panel)}
body.renova-page .rn-tres{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2.2rem}
body.renova-page .rn-paso{background:var(--rn-bg);border:1px solid var(--rn-linea);border-radius:12px;padding:1.6rem}
body.renova-page .rn-paso .rn-num{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--rn-verde);font-size:1.6rem;font-weight:800}
body.renova-page .rn-paso h3{color:var(--rn-texto);font-size:1.15rem;font-weight:700;margin:.5rem 0}
body.renova-page .rn-paso p{color:var(--rn-gris);font-size:.95rem;line-height:1.55;margin:0}

/* COMPATIBILIDAD */
body.renova-page #rn-compat{background:var(--rn-bg)}
body.renova-page .rn-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
body.renova-page .rn-chips span{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88rem;border:1px solid var(--rn-linea);color:var(--rn-texto);background:var(--rn-panel);border-radius:999px;padding:.4rem 1rem}
body.renova-page .rn-chips span.rn-lee{border-color:rgba(61,220,132,.5);color:var(--rn-verde)}
body.renova-page .rn-nota-parser{color:var(--rn-ambar);font-size:.92rem;margin-top:1.2rem;font-family:ui-monospace,Menlo,Consolas,monospace}

/* PLATAFORMA + PRUEBA */
body.renova-page #rn-plataforma{background:var(--rn-panel)}
body.renova-page #rn-prueba{background:var(--rn-bg)}
body.renova-page #rn-prueba .rn-fondo{position:absolute;inset:0;background:url('/web-static/renova/hero_alt_sala_baterias.webp') center/cover;opacity:.3}
body.renova-page #rn-prueba .rn-datos{display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:1.8rem}
body.renova-page #rn-prueba .rn-datos div{font-family:ui-monospace,Menlo,Consolas,monospace}
body.renova-page #rn-prueba .rn-datos b{display:block;color:var(--rn-verde);font-size:1.35rem}
body.renova-page #rn-prueba .rn-datos small{color:var(--rn-gris)}

/* SEGMENTOS */
body.renova-page #rn-segmentos{background:var(--rn-panel)}
body.renova-page .rn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2.2rem}
body.renova-page .rn-card{background:var(--rn-bg);border:1px solid var(--rn-linea);border-radius:12px;overflow:hidden}
body.renova-page .rn-card img{width:100%;height:190px;object-fit:cover;display:block}
body.renova-page .rn-card .rn-cuerpo{padding:1.3rem}
body.renova-page .rn-card h3{color:var(--rn-texto);font-size:1.1rem;font-weight:700}
body.renova-page .rn-card p{color:var(--rn-gris);font-size:.93rem;line-height:1.5;margin:0}

/* BETA FORM */
body.renova-page #rn-beta{background:#0d1113}
body.renova-page #rn-beta .rn-cont{max-width:640px;text-align:center}
body.renova-page .rn-form{margin-top:1.8rem;text-align:left}
body.renova-page .rn-form input,body.renova-page .rn-form textarea{width:100%;background:var(--rn-panel);border:1px solid var(--rn-linea);border-radius:8px;color:var(--rn-texto);padding:.8rem 1rem;margin-bottom:.9rem;font-size:.95rem}
body.renova-page .rn-form input:focus,body.renova-page .rn-form textarea:focus{outline:none;border-color:var(--rn-verde)}
body.renova-page .rn-form button{width:100%;padding:.9rem;border:none;border-radius:8px;background:var(--rn-verde);color:#0d1113;font-weight:800;font-size:1rem;cursor:pointer}
body.renova-page .rn-form button:disabled{opacity:.6}
body.renova-page .rn-form .rn-msg{margin-top:.8rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;min-height:1.2rem}
body.renova-page .rn-form .rn-msg.ok{color:var(--rn-verde)}
body.renova-page .rn-form .rn-msg.err{color:var(--rn-ambar)}

/* FOOTER oscuro */
body.renova-page footer, body.renova-page footer #footer, body.renova-page footer .o_footer_copyright{background:#0d1113 !important;color:var(--rn-gris)}
body.renova-page footer h5{color:var(--rn-texto)}
body.renova-page footer a{color:var(--rn-verde)}
body.renova-page footer .rn-disclaimer{color:var(--rn-ambar);font-size:.85rem;font-family:ui-monospace,Menlo,Consolas,monospace;line-height:1.5}
body.renova-page footer .text-muted{color:var(--rn-gris) !important}

@media (prefers-reduced-motion: reduce){ body.renova-page *{transition:none !important} }