/* Radionicz — hoja de estilo de las páginas legales (compartida por las 2 marcas). El acento lo define cada sitio con --rzl-accent en su . */ :root{ --rzl-bg:#0a0a0a; --rzl-panel:#111; --rzl-line:rgba(255,255,255,.10); --rzl-txt:#e8e6e3; --rzl-dim:#9a948c; --rzl-accent:#c8aa82; } [data-brand="virtual"]{ --rzl-bg:#0c0816; --rzl-panel:#130d22; --rzl-accent:#b9a0ff; } *{box-sizing:border-box} html,body{margin:0;padding:0} body{ background:var(--rzl-bg); color:var(--rzl-txt); font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; } a{color:var(--rzl-accent); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.2)} a:hover{border-bottom-color:var(--rzl-accent)} .rzl-wrap{max-width:760px; margin:0 auto; padding:0 20px 96px} /* --- cabecera --- */ .rzl-top{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:22px 0 18px; border-bottom:1px solid var(--rzl-line); position:sticky; top:0; background:var(--rzl-bg); z-index:5; } .rzl-home{display:flex; align-items:center; gap:10px; border:0; color:var(--rzl-txt); font-size:.9rem} .rzl-home img{height:26px; width:auto; display:block} .rzl-langs{display:flex; gap:6px; flex-wrap:wrap} .rzl-langs button{ background:transparent; border:1px solid var(--rzl-line); color:var(--rzl-dim); border-radius:999px; padding:4px 11px; font:inherit; font-size:.78rem; cursor:pointer; text-transform:uppercase; letter-spacing:.06em; } .rzl-langs button:hover{color:var(--rzl-txt); border-color:var(--rzl-accent)} .rzl-langs button[aria-current="true"]{background:var(--rzl-accent); border-color:var(--rzl-accent); color:#0a0a0a; font-weight:600} /* --- navegación entre documentos --- */ .rzl-nav{display:flex; gap:8px; flex-wrap:wrap; padding:18px 0 0} .rzl-nav a{ border:1px solid var(--rzl-line); border-radius:8px; padding:6px 13px; font-size:.85rem; color:var(--rzl-dim); } .rzl-nav a[aria-current="page"]{color:var(--rzl-accent); border-color:var(--rzl-accent)} /* --- documento --- */ h1{ font-family:'Cinzel','EB Garamond',Georgia,serif; font-weight:600; font-size:clamp(1.7rem,4.5vw,2.5rem); line-height:1.2; margin:34px 0 6px; color:#fff; } .rzl-updated{color:var(--rzl-dim); font-size:.85rem; margin:0 0 34px} h2{ font-family:'Cinzel','EB Garamond',Georgia,serif; font-weight:600; font-size:1.18rem; margin:38px 0 12px; color:var(--rzl-accent); } h2::before{content:counter(rzl-sec) ". "; counter-increment:rzl-sec; opacity:.55} main{counter-reset:rzl-sec} p{margin:0 0 14px} b,strong{color:#fff; font-weight:600} /* Aviso destacado (el bloque de "no es consejo médico") */ .rzl-alert{ border-left:3px solid var(--rzl-accent); background:var(--rzl-panel); padding:16px 20px; border-radius:0 10px 10px 0; margin:0 0 18px; } .rzl-alert p:last-child{margin-bottom:0} footer.rzl-foot{ margin-top:56px; padding-top:22px; border-top:1px solid var(--rzl-line); color:var(--rzl-dim); font-size:.82rem; display:flex; gap:14px; flex-wrap:wrap; justify-content:space-between; } footer.rzl-foot a{color:var(--rzl-dim)} @media print{ body{background:#fff; color:#000} .rzl-top,.rzl-nav,.rzl-langs{display:none} a{color:#000} }