/* Crudo · sistema visual compartido (landing, app y páginas legales) */
/* Marca Crudo: Rojo Corte, Hueso y Carbón. El rojo es el corte: se usa para la acción principal y para lo que se quita. */
:root{
  --rojo:#D63A1A; --hueso:#F3EEE4; --carbon:#16130F; --cobalto:#3D5AFE;
  --f:"Geist",ui-sans-serif,system-ui,-apple-system,sans-serif; --display:"Bricolage Grotesque","Geist",ui-sans-serif,system-ui,sans-serif; --mono:"Geist Mono",ui-monospace,Menlo,monospace;
  /* claro (por defecto) */
  --bg:#F3EEE4; --bg2:#EDE7DB; --panel:#FBF8F2; --panel2:#E9E2D5; --line:#E0D8C9; --line2:#CFC5B3;
  --ink:#16130F; --muted:#6B6257; --dim:#7A7063;
  --acc:#D63A1A; --acc-ink:#FFFFFF; --acc-txt:#C9341A; --acc-soft:rgba(214,58,26,.09);
  --cut:#D63A1A; --cut-soft:rgba(214,58,26,.10); --keep:#2B2620; --idea:#3D5AFE; --ok:#1F7A4D;
  --nav:rgba(243,238,228,.82); --shadow:0 1px 2px rgba(22,19,15,.05),0 12px 32px -16px rgba(22,19,15,.18);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#14110E; --bg2:#1B1713; --panel:#201C17; --panel2:#29241E; --line:#332D26; --line2:#443C33;
  --ink:#F3EEE4; --muted:#A89E90; --dim:#857B6E;
  --acc:#D63A1A; --acc-ink:#FFFFFF; --acc-txt:#FF6A45; --acc-soft:rgba(255,106,69,.12);
  --cut:#FF6A45; --cut-soft:rgba(255,106,69,.13); --keep:#E9E2D5; --idea:#7C92FF; --ok:#5FD49A;
  --nav:rgba(20,17,14,.78); --shadow:none;
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#14110E; --bg2:#1B1713; --panel:#201C17; --panel2:#29241E; --line:#332D26; --line2:#443C33;
  --ink:#F3EEE4; --muted:#A89E90; --dim:#857B6E;
  --acc:#D63A1A; --acc-ink:#FFFFFF; --acc-txt:#FF6A45; --acc-soft:rgba(255,106,69,.12);
  --cut:#FF6A45; --cut-soft:rgba(255,106,69,.13); --keep:#E9E2D5; --idea:#7C92FF; --ok:#5FD49A;
  --nav:rgba(20,17,14,.78); --shadow:none;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--f);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
a{color:inherit}
img,svg,video,canvas{max-width:100%}
.w{max-width:1160px;margin:0 auto;padding:0 16px}
@media (min-width:720px){.w{padding:0 28px}}

/* Navegación */
.nav{position:sticky;top:0;z-index:20;background:var(--nav);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .w{display:flex;align-items:center;gap:18px;height:64px}
.marca{display:flex;align-items:center;gap:8px;font:800 23px/1 var(--display);letter-spacing:-.045em;text-decoration:none;color:var(--ink)}
.marca img,.marca svg{width:28px;height:28px;flex:none}
.nav-l{display:none;gap:4px;margin-left:8px}
.nav-l a{color:var(--muted);text-decoration:none;font-size:15px;padding:6px 12px;border-radius:9px}
.nav-l a:hover{color:var(--ink);background:var(--panel2)}
@media (min-width:820px){.nav-l{display:flex}}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.tema{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.tema:hover{color:var(--ink);border-color:var(--line2)}
.tema svg{width:17px;height:17px}

/* Botones */
.btn{appearance:none;border:0;border-radius:12px;padding:12px 18px;font:600 15px/1 var(--f);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,background .15s,border-color .15s;color:var(--ink);white-space:nowrap}
.btn svg{width:17px;height:17px;flex:none}
.btn-a{background:var(--acc);color:var(--acc-ink)}
.btn-a:hover{filter:brightness(1.08)}
.btn-a:active{transform:translateY(1px)}
.btn-g{background:transparent;border:1px solid var(--line2)}
.btn-g:hover{border-color:var(--muted)}
.btn-lg{padding:16px 24px;font-size:16px;border-radius:14px}
.btn-sm{padding:9px 13px;font-size:14px;border-radius:10px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}

.eti{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acc-txt);background:var(--acc-soft);border:1px solid color-mix(in srgb,var(--acc-txt) 25%,transparent);padding:5px 11px;border-radius:999px}
/* palabra destacada de un titular: en Rojo Corte (antes cursiva) */
.serif{color:var(--acc-txt)}
.muted{color:var(--muted)}
.dim{color:var(--dim)}
.mono{font-family:var(--mono)}

.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}

.pie{border-top:1px solid var(--line);margin-top:80px;padding:32px 0 40px;color:var(--dim);font-size:14px}
.pie .w{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.pie a{color:var(--muted);text-decoration:none}
.pie a:hover{color:var(--ink)}
.pie .marca{font-size:17px;color:var(--ink)}
.pie .marca img{width:22px;height:22px}
.pie .sp{margin-left:auto}
@media (max-width:640px){.pie .sp{margin-left:0;width:100%}}