﻿/* Estilo común de las páginas legales de Webrik */
@import url("fonts/fonts-main.css?v=2026111002");
:root{--bg:#FFFFFF;--bg-2:#F5F3FF;--ink:#1E1B4B;--soft:#3F3A6B;--mute:#6E6A99;--a:#6366F1;--b:#A855F7;--line:rgba(30,27,75,.1)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:linear-gradient(180deg,var(--bg-2),var(--bg) 320px);color:var(--ink);font:16.5px/1.75 "Inter",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--a)}
.top{max-width:860px;margin:0 auto;padding:28px 20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.55rem;font:600 1.2rem "Sora",sans-serif;color:var(--ink);text-decoration:none}
.logo i{width:34px;height:34px;border-radius:11px;background:linear-gradient(120deg,var(--a),var(--b));display:grid;place-items:center}
.logo svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.back{font-size:.92rem;text-decoration:none;color:var(--mute)}
main{max-width:860px;margin:0 auto;padding:40px 20px 80px}
h1{font:600 clamp(2rem,5vw,2.8rem)/1.1 "Sora",sans-serif;letter-spacing:-.04em;margin-bottom:.6rem}
.upd{color:var(--mute);font-size:.9rem;margin-bottom:2.2rem}
h2{font:600 1.25rem/1.3 "Sora",sans-serif;letter-spacing:-.02em;margin:2.2rem 0 .7rem}
p,li{color:var(--soft)}
p+p{margin-top:.8rem}
ul{padding-left:1.3rem;margin:.6rem 0}
li{margin:.3rem 0}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.94rem}
th,td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:"Sora",sans-serif;font-weight:600;color:var(--ink);background:var(--bg-2)}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin:1rem 0;box-shadow:0 20px 40px -32px rgba(30,27,75,.35)}
.card p{margin:.2rem 0}
mark{background:#FEF08A;color:#713F12;padding:0 .3em;border-radius:4px;font-weight:600}
footer{max-width:860px;margin:0 auto;padding:30px 20px 60px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem;color:var(--mute)}
footer a{color:var(--mute)}
