/* Pantalla de carga «El trazo»: solo la primera vez en cada visita, máximo 1,9 s.
   Toda la secuencia es CSS: si el JS falla, se retira sola igualmente. */
.carga{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fafaf7;
  animation:cg-telon .55s 1.5s cubic-bezier(.7,0,.2,1) forwards}
.carga svg{width:min(34vw,300px);height:auto;overflow:visible}
.carga .cg-l path{fill:none;stroke:#111;stroke-width:4;stroke-dasharray:1;stroke-dashoffset:1;animation:cg-dibuja .85s cubic-bezier(.6,0,.3,1) forwards}
.carga .cg-l{animation:cg-fuera .2s 1.05s forwards}
.carga .cg-f{fill:#111;opacity:0;animation:cg-ver .35s .7s forwards}
.carga .cg-p{fill:#c8102e;opacity:0;animation:cg-ver .25s 1.15s forwards}
.carga .cg-c{fill:#c8102e;opacity:0;transform-box:fill-box;animation:cg-cae .4s 1s cubic-bezier(.2,.8,.2,1) forwards}
.carga .cg-d{fill:#c8102e;transform:scale(0);transform-box:fill-box;transform-origin:50% 50%;animation:cg-pop .3s 1.28s forwards}
.carga .cg-n{position:absolute;right:max(24px,4vw);bottom:max(24px,4vh);font:900 15px/1 "Inter Display","Inter",system-ui,sans-serif;letter-spacing:-.02em;color:#6b6b66;font-variant-numeric:tabular-nums}
.carga.fuera{animation:cg-telon .4s cubic-bezier(.7,0,.2,1) forwards}
.sin-carga .carga{display:none}
@keyframes cg-dibuja{to{stroke-dashoffset:0}}
@keyframes cg-ver{to{opacity:1}}
@keyframes cg-fuera{to{opacity:0}}
@keyframes cg-cae{from{transform:translateY(-60%);opacity:0}to{transform:none;opacity:1}}
@keyframes cg-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes cg-telon{to{transform:translateY(-101%);visibility:hidden}}
@media (max-width:760px){.carga svg{width:62vw}}
@media (prefers-reduced-motion:reduce){.carga{display:none}}