/* Estado de carga premium: logotipo a todo lo ancho que se rellena con el avance de la carga */
.dl{display:none;position:fixed;inset:0;z-index:2147483600;place-items:center;background:var(--card);color:var(--fg);opacity:1;visibility:visible;transform:none;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s}
html.dl-on .dl{display:grid}
html.dl-on{overflow:hidden}
.dl.is-out{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.025);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),visibility 0s linear .9s}
.dl::before{content:none}
.dl__box{position:relative;width:clamp(230px,62vw,400px);display:grid;gap:clamp(22px,3.4vw,32px);justify-items:stretch}
.dl__mark{position:relative;display:block;width:100%;aspect-ratio:298/51;line-height:0}
.dl__mark svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.dl__mark .dl__base{color:var(--fg);opacity:.1}
.dl__mark .dl__fill{color:var(--fg);clip-path:inset(0 calc(100% - var(--p,0%)) 0 0)}
.dl__mark .dl__fill::after{content:none}
.dl__bar{position:relative;height:1px;background:var(--line);overflow:hidden}
.dl__bar i{position:absolute;inset:0;background:var(--fg);transform:scaleX(0);transform-origin:left;transform:scaleX(calc(var(--pn,0)))}
.dl__meta{display:flex;justify-content:space-between;align-items:baseline;font:500 11px/1 "Manrope","Raleway","Segoe UI",system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.dl__n{font-variant-numeric:tabular-nums;color:var(--text)}
.dl__msg{margin:0;justify-self:center;text-align:center;max-width:380px;font:400 14px/1.6 "Manrope","Raleway","Segoe UI",system-ui,sans-serif;color:var(--text);opacity:0;visibility:hidden;transition:opacity .4s}
.dl__msg button{all:unset;margin-top:14px;display:inline-block;padding:11px 22px;border:1px solid var(--inv-bg);border-radius:4px;color:var(--fg);font-weight:500;cursor:pointer;transition:background .2s,color .2s}
.dl__msg button:hover{background:var(--inv-bg);color:var(--inv-fg)}
.dl__msg button:focus-visible{outline:2px solid var(--inv-bg);outline-offset:2px}
.dl.is-slow .dl__msg{opacity:1;visibility:visible}
@media (max-width:640px){.dl__box{width:66vw}.dl__meta{font-size:10px;letter-spacing:.18em}}
@media (prefers-reduced-motion:reduce){.dl,.dl.is-out{transition:opacity .3s,visibility 0s linear .3s;transform:none}}
.dl__prod{color:var(--muted)}
.dl__st{display:inline-flex;gap:.9em;align-items:baseline}