/* TeRePido · sistema de diseño (Material 3 Expressive). Azul + gris + rosa. */
@font-face{font-family:"GSF";src:url(/_a/gsf.woff2) format("woff2-variations"),url(/_a/gsf.woff2) format("woff2");font-weight:1 1000;font-style:normal;font-display:swap}
:root{
  color-scheme:light;
  --font:"GSF",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --primary:#4263EB;--on-primary:#fff;--primary-container:#DCE3FF;--on-primary-container:#0B1F66;
  --secondary:#5B6475;--on-secondary:#fff;--secondary-container:#E3E6EE;--on-secondary-container:#1A1F2B;
  --tertiary:#C2255C;--on-tertiary:#fff;--tertiary-container:#FFD8E4;--on-tertiary-container:#5C1134;
  --pink:#E64980;--pink-soft:#FF6B9E;
  --error:#BA1A1A;--on-error:#fff;--error-container:#FFDAD6;--on-error-container:#410002;
  --ok-container:#D3F5E0;--on-ok-container:#0A3A1F;--warn-container:#FFE8C2;--on-warn-container:#4A2800;
  --surface:#FBFBFE;--surface-lowest:#FFFFFF;--surface-low:#F4F5FA;--surface-c:#EEF0F6;--surface-high:#E8EAF2;--surface-highest:#E2E5EE;
  --on-surface:#1A1C22;--on-surface-variant:#464B57;--outline:#767C8A;--outline-variant:#C6CAD5;
  --inverse-surface:#2E3036;--inverse-on-surface:#F0F0F7;--scrim:rgba(14,16,24,.48);
  --wm-t:#5B6475;--wm-r:#E64980;--wm-p:#4263EB;
  --r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--r-full:999px;
  --spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.2,0,0,1);
  --e1:0 1px 2px rgba(20,24,40,.08),0 1px 3px 1px rgba(20,24,40,.05);
  --e2:0 1px 2px rgba(20,24,40,.1),0 2px 6px 2px rgba(20,24,40,.07);
  --e3:0 4px 8px 3px rgba(20,24,40,.08),0 1px 3px rgba(20,24,40,.12);
}
@media (prefers-color-scheme:dark){:root{
  color-scheme:dark;
  --primary:#B4C3FF;--on-primary:#0E2A8A;--primary-container:#2C47BF;--on-primary-container:#DCE3FF;
  --secondary:#C2C7D4;--on-secondary:#2B303C;--secondary-container:#3A404D;--on-secondary-container:#DDE1EC;
  --tertiary:#FFB0CB;--on-tertiary:#5C1134;--tertiary-container:#8E2453;--on-tertiary-container:#FFD8E4;
  --pink:#FF7AA8;--pink-soft:#FF8FB5;
  --error:#FFB4AB;--on-error:#690005;--error-container:#93000A;--on-error-container:#FFDAD6;
  --ok-container:#124A2B;--on-ok-container:#B8F0CF;--warn-container:#5A3A00;--on-warn-container:#FFDDA6;
  --surface:#111318;--surface-lowest:#0C0E13;--surface-low:#191B21;--surface-c:#1D2026;--surface-high:#272A31;--surface-highest:#32353C;
  --on-surface:#E3E4EB;--on-surface-variant:#C5C7D2;--outline:#8F93A0;--outline-variant:#44474F;
  --inverse-surface:#E3E4EB;--inverse-on-surface:#2E3036;--scrim:rgba(0,0,0,.6);
  --wm-t:#AEB4C2;--wm-r:#FF7AA8;--wm-p:#B4C3FF;
  --e1:0 1px 2px rgba(0,0,0,.4),0 1px 3px 1px rgba(0,0,0,.25);
  --e2:0 1px 2px rgba(0,0,0,.4),0 2px 6px 2px rgba(0,0,0,.25);
  --e3:0 4px 8px 3px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4);
}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;accent-color:var(--primary)}
body{margin:0;background:var(--surface);color:var(--on-surface);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--primary)}
[hidden]{display:none!important}
/* Marca */
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand img{width:34px;height:34px;display:block}
.wm{font-weight:800;font-size:22px;letter-spacing:-.035em;font-variation-settings:"ROND" 100;line-height:1}
.wm .t{color:var(--wm-t)}.wm .r{color:var(--wm-r)}.wm .p{color:var(--wm-p)}
/* Botones (forma que cambia al tocar, resorte) */
.btn{--h:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h);padding:0 24px;border-radius:var(--r-full);border:0;
  font:600 15px/1.1 var(--font);letter-spacing:.01em;cursor:pointer;text-decoration:none;text-align:center;
  background:var(--surface-high);color:var(--on-surface);
  transition:border-radius .45s var(--spring),background-color .2s var(--ease),box-shadow .2s var(--ease),transform .3s var(--spring)}
.btn:hover{background-image:linear-gradient(color-mix(in srgb,currentColor 8%,transparent),color-mix(in srgb,currentColor 8%,transparent))}
.btn:active{border-radius:var(--r-sm);transform:scale(.98)}
.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.btn.pri{background:var(--primary);color:var(--on-primary)}.btn.pri:hover{box-shadow:var(--e1)}
.btn.tonal{background:var(--secondary-container);color:var(--on-secondary-container)}
.btn.pink{background:var(--tertiary);color:var(--on-tertiary)}
.btn.outline{background:transparent;box-shadow:inset 0 0 0 1px var(--outline);color:var(--primary)}
.btn.ghost{background:transparent;color:var(--primary);padding:0 14px}
.btn.danger{background:transparent;color:var(--error);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--error) 45%,transparent)}
.btn.sm{--h:40px;padding:0 16px;font-size:14px}
.btn.lg{--h:56px;padding:0 28px;font-size:17px}
.btn.xl{--h:64px;padding:0 34px;font-size:18px;font-weight:700}
.btn:disabled{opacity:.5;cursor:default;transform:none}
.btn svg{width:20px;height:20px;flex:none}
.icon-btn{width:48px;height:48px;padding:0;border-radius:var(--r-full);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--on-surface-variant);cursor:pointer;text-decoration:none;transition:border-radius .45s var(--spring),background-color .2s}
.icon-btn:hover{background:color-mix(in srgb,var(--on-surface) 8%,transparent)}.icon-btn:active{border-radius:var(--r-sm)}
.icon-btn svg{width:24px;height:24px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border-radius:var(--r-sm);font-weight:600;font-size:14px;background:var(--surface-lowest);box-shadow:inset 0 0 0 1px var(--outline-variant);color:var(--on-surface-variant)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}