/* Vittoria · sistema de diseño compartido (portal + admin + auth).
Un solo archivo cacheable; versionar el con ?v=N al cambiar. */
/* ===== Fuente propia (self-host, variable) ===== */
@font-face{
font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
src:url('/assets/fonts/inter-latin.woff2') format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
src:url('/assets/fonts/inter-latin-ext.woff2') format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
/* ===== Tokens ===== */
:root{
--pink-700:#d83f82; --pink-600:#ec5a96; --pink-300:#ffc3de;
--blue-700:#4d5ae8; --blue-600:#6e7bf2; --blue-300:#bfd3ff;
--ink:#22233a; --slate:#565b70; --muted:#8a8fa3; --line:#ececf4;
--bg:#f6f8ff; --white:#fff; --soft:#f7f9ff;
--ok:#1aa06a; --ok-bg:#e6f7ef; --fail:#e0435c; --fail-bg:#fdecef;
--warn:#b5820a; --warn-bg:#fff5e0;
--radius:14px; --radius-sm:10px;
--shadow:0 1px 2px rgba(42,42,60,.05),0 12px 30px -18px rgba(110,123,242,.22);
--shadow-lg:0 30px 70px -30px rgba(110,123,242,.4);
--sidebar-w:250px;
--font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
--grad:linear-gradient(120deg,var(--pink-600),var(--blue-600));
}
/* ===== Pull-to-refresh (portal, sensación de app móvil) ===== */
.ptr{position:fixed;top:0;left:0;right:0;height:0;overflow:hidden;z-index:60;
display:flex;align-items:center;justify-content:center;pointer-events:none}
.ptr__spin{width:24px;height:24px;border-radius:50%;opacity:.35;
border:2.5px solid var(--blue-300,#bfd3ff);border-top-color:var(--blue-600,#6e7bf2)}
.ptr.is-armed .ptr__spin{opacity:1;transform:rotate(180deg);transition:transform .15s ease}
.ptr.is-refreshing{height:56px !important;transition:height .2s ease}
.ptr.is-refreshing .ptr__spin{opacity:1;animation:ptr-spin .7s linear infinite}
@keyframes ptr-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ptr.is-refreshing .ptr__spin{animation:none}}
/* ===== Loader de transición entre pantallas =====
El portal navega con normales (recarga completa), no una SPA. El script
al pie de base.html.j2 muestra este overlay al click/submit (antes de que
el navegador descargue la página actual) y lo apaga con 'load'/'pageshow'
en la que llega; un