/* ── BITÁCORA ──
   [v2026.11.03-1] rubro.css
   2026-11-03 | ARCHIVO NUEVO. Las páginas por rubro de la vitrina (heavensy.cl/para/<rubro>/; preview aprobado por
     Alberto el 03-11; proyecto de posicionamiento). El look de Planes: el fondo de planes_comerciales.css
     (manosuperior1.jpg, fijo, desde debajo de la barra) y tarjetas blancas como las de los planes (pc-tarjeta.css):
     radio 20, su sombra, letras #1E2140 y #70759A, acento #7C6FF7 y el degradado #7C6FF7→#4A9FD4. La barra es
     hv-nav.css. Las páginas las arma deploy/rubros/armar_rubros.js con deploy/rubros/molde.html. Todo bajo .rb-.
*/
/* --barra es la altura de .hv-nav (hv-nav.css); --fondo se ve mientras carga la imagen. */
:root{
  --fondo:#334182;--barra:54px;--tinta:#1E2140;--suave:#70759A;--acento:#7C6FF7;--deg:linear-gradient(135deg,#7C6FF7,#4A9FD4);--borde:#E7E8F2;--lila:#F3F1FD;--lila-b:#E2DEFB}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:'DM Sans',sans-serif;color:#fff;background:var(--fondo) url('../img/manosuperior1.jpg') center var(--barra)/cover no-repeat fixed}
/* Hero */
.rb-hero{text-align:center;padding:56px 20px 34px;max-width:900px;margin:0 auto}
.rb-eti{display:inline-block;font:600 12px 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);margin-bottom:18px}
.rb-hero h1{font:600 clamp(28px,4.2vw,46px)/1.15 'Poppins',sans-serif;margin:0 0 16px;text-shadow:0 4px 22px rgba(10,15,60,.45)}
.rb-hero p{margin:0 auto;max-width:660px;color:rgba(255,255,255,.88);font-size:16.5px;line-height:1.6}
.rb-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.rb-btn{display:inline-flex;align-items:center;gap:8px;font:700 14.5px 'DM Sans',sans-serif;padding:14px 26px;border-radius:12px;text-decoration:none;color:#fff;cursor:pointer;border:0}
.rb-btn-1{background:var(--deg);border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 26px rgba(20,30,90,.45)}
.rb-btn-2{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35)}
.rb-btn-3{background:#fff;color:#4c3fb8;border:1px solid var(--lila-b)}
/* Cuerpo */
.rb-cuerpo{max-width:1060px;margin:0 auto;padding:10px 20px 70px;display:flex;flex-direction:column;gap:22px}
.rb-card{background:#fff;color:var(--tinta);border-radius:20px;padding:30px 30px;box-shadow:0 16px 36px rgba(15,25,80,.45),0 4px 10px rgba(15,25,80,.25)}
.rb-card h2{font:600 22px/1.3 'Poppins',sans-serif;margin:0 0 6px}
.rb-card .sub{color:var(--suave);font-size:14px;margin:0 0 22px;line-height:1.55}
.rb-dolor{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rb-dolor div{background:#FAFAFE;border:1px solid var(--borde);border-radius:14px;padding:16px}
.rb-dolor b{display:block;font-size:14px;margin-bottom:5px}
.rb-dolor span{font-size:13px;color:var(--suave);line-height:1.55}
.rb-dolor i{font-style:normal;font-size:20px;display:block;margin-bottom:8px}
.rb-func{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.rb-func>div{display:flex;gap:13px;align-items:flex-start;padding:4px 2px}
.rb-func .ic{width:38px;height:38px;border-radius:11px;background:var(--deg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.rb-func b{display:block;font-size:14.5px;margin-bottom:3px}
.rb-func span{font-size:13px;color:var(--suave);line-height:1.55}
.rb-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:p}
.rb-pasos div{position:relative;padding:16px 16px 16px 58px;background:var(--lila);border:1px solid var(--lila-b);border-radius:14px}
.rb-pasos div::before{counter-increment:p;content:counter(p);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:9px;background:var(--deg);color:#fff;font:700 14px 'Poppins',sans-serif;display:flex;align-items:center;justify-content:center}
.rb-pasos b{display:block;font-size:14px;margin-bottom:4px}
.rb-pasos span{font-size:12.5px;color:var(--suave);line-height:1.5}
.rb-ejemplo{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#F3F1FD,#EAF4FB);border:1px solid var(--lila-b);border-radius:16px;padding:18px 20px}
.rb-ejemplo .av{width:56px;height:56px;border-radius:50%;background:var(--deg);color:#fff;font:700 18px 'Poppins',sans-serif;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rb-ejemplo b{display:block;font-size:15px}
.rb-ejemplo span{font-size:13px;color:var(--suave)}
.rb-ejemplo a{margin-left:auto;font:700 13px 'DM Sans',sans-serif;color:#4c3fb8;text-decoration:none;white-space:nowrap;border:1px solid var(--lila-b);background:#fff;padding:9px 14px;border-radius:10px}
.rb-faq details{border-bottom:1px solid var(--borde);padding:14px 2px}
.rb-faq details:last-child{border-bottom:0}
.rb-faq summary{cursor:pointer;font-weight:700;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.rb-faq summary::after{content:'+';color:var(--acento);font-size:20px;line-height:1}
.rb-faq details[open] summary::after{content:'−'}
.rb-faq p{margin:9px 0 0;font-size:13.5px;color:var(--suave);line-height:1.6}
.rb-final{text-align:center;padding:34px 24px}
.rb-final h2{font-size:24px}
.rb-otros{text-align:center;font-size:13px;color:rgba(255,255,255,.85);line-height:1.9}
.rb-otros a{color:#fff;font-weight:600;margin:0 6px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4)}
@media(max-width:760px){.rb-dolor,.rb-pasos{grid-template-columns:1fr}.rb-func{grid-template-columns:1fr}.rb-card{padding:22px 18px}.rb-ejemplo{flex-wrap:wrap}.rb-ejemplo a{margin-left:0}}
.rb-final .sub{margin-bottom:0}
.rb-final .rb-ctas{margin-top:20px}