/* Apertura del sitio: «La flecha cruza», sobre rojo.
   La flecha (tinta) atraviesa la pantalla, aparece la C en blanco, entran el nombre y la
   candidatura, y todo el telón sale empujado hacia la derecha.
   El CSS la anima y la retira solo; el JS del <head> sólo decide si se muestra.
   Elegida en el laboratorio el 01/10/2026 a velocidad 1.05 (--t = 1/1.05). */

:root{--t:.952}
.sin-precarga .precarga{display:none}
/* E1: la pausa la pone el JS; si el JS no corre, nada se pausa y la capa se va sola */
.espera .precarga,.espera .precarga *{animation-play-state:paused!important}

.precarga{
  position:fixed;inset:0;z-index:9000;overflow:hidden;
  display:grid;place-items:center;
  background:var(--brand);color:#fff;   /* blanco sobre el rojo: 5.35:1 */
  font-family:'Figtree',system-ui,sans-serif;
  animation:pc-empuja calc(520ms*var(--t)) cubic-bezier(.7,0,.3,1) calc(1850ms*var(--t)) forwards;
}
.pc__centro{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3vw,28px);padding:24px;text-align:center}
.pc__marca{display:flex;align-items:center;gap:clamp(12px,2vw,20px)}
.pc__signo{width:clamp(64px,9vw,96px);height:auto;aspect-ratio:1;overflow:visible}
.pc__b{fill:#fff;animation:pc-aparece calc(380ms*var(--t)) calc(420ms*var(--t)) both}
/* la flecha viene de afuera de la pantalla */
.pc__flecha{fill:var(--ink);transform-box:fill-box;animation:pc-cruza calc(760ms*var(--t)) cubic-bezier(.2,.9,.25,1) 0ms both}
.pc__texto{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.pc__nombre{display:block;font-size:clamp(13px,1.4vw,16px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85);
  animation:pc-desde-izq calc(520ms*var(--t)) calc(620ms*var(--t)) both}
.pc__apellido{display:block;font-size:clamp(40px,6vw,64px);font-weight:900;letter-spacing:-.02em;text-transform:uppercase;margin-top:4px;
  animation:pc-desde-izq calc(560ms*var(--t)) calc(680ms*var(--t)) both}
.pc__bajada{margin:0;overflow:hidden;font-size:clamp(14px,1.6vw,18px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.pc__bajada span{display:block;animation:pc-sube calc(520ms*var(--t)) calc(1000ms*var(--t)) both}

@keyframes pc-cruza{from{transform:translateX(-120vw)}to{transform:none}}
@keyframes pc-aparece{from{opacity:0}to{opacity:1}}
@keyframes pc-desde-izq{from{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateX(-24px);opacity:0}to{transform:none;opacity:1}}
@keyframes pc-sube{from{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(105%)}to{transform:none}}
@keyframes pc-empuja{to{transform:translateX(100%);visibility:hidden}}

@media (prefers-reduced-motion:reduce){ .precarga{display:none} }