@layer components{.puerta-room{background:var(--wall-paper);--wide-pad:20px;--door-x:calc(var(--cinta-x) - var(--cinta-w) / 2);--door-leg:46px;--door-r:18px;--door-pt:3rem;--door-gap:.75rem;--puerta-mural:clamp(3.25rem, .8rem + 8.6vw, 9.25rem)}@media (min-width:768px){.puerta-room{--wide-pad:32px;--door-leg:72px;--door-r:26px;--door-pt:4.5rem}}@media (min-width:1024px){.puerta-room{--wide-pad:48px;--door-leg:112px;--door-r:32px;--door-pt:5.5rem;--door-gap:1rem}}.puerta-hero{padding-top:var(--door-pt);padding-bottom:5rem}.puerta-door{grid-template-columns:var(--door-leg) minmax(0, 1fr);margin-left:calc(var(--door-x) - var(--wide-pad));display:grid;position:relative}.puerta-door>*{z-index:1;grid-column:2;position:relative}.puerta-head{padding-left:calc(var(--wide-pad) - var(--door-x));grid-row:1;padding-bottom:3rem;grid-column:1/-1!important}.puerta-calle{grid-row:2}.puerta-numero{flex-wrap:nowrap;grid-row:3;align-items:flex-start;gap:.75rem;margin-top:.5rem;display:flex}.puerta-num{font-size:var(--puerta-mural);font-variant-numeric:lining-nums tabular-nums;line-height:.9;display:block}.puerta-num__tag{flex:none;margin-top:.4em}.puerta-resto{margin-top:1rem}.puerta-cinta{margin-top:calc(-1 * var(--door-pt));margin-right:var(--door-gap);margin-bottom:calc(var(--puerta-mural) * .58 - var(--cinta-w) / 2);border-left:var(--cinta-w) solid var(--ma-blue);border-bottom:var(--cinta-w) solid var(--ma-blue);border-bottom-left-radius:var(--door-r);pointer-events:none;grid-row:1/4;z-index:0!important;grid-column:1!important}.puerta-fin{padding-bottom:2rem;position:relative}.puerta-run{top:0;bottom:-6rem;left:var(--door-x);width:var(--cinta-w);background:var(--ma-blue);pointer-events:none;position:absolute}.puerta-bloque{border-top:1px solid var(--ma-line);padding-block:3rem}@media (min-width:768px){.puerta-bloque{padding-block:4.5rem}}.puerta-canales{border-top:1px solid var(--ma-line)}.puerta-canal{border-bottom:1px solid var(--ma-line);grid-template-columns:minmax(0,1fr);gap:.4rem;padding-block:1rem;display:grid}@media (min-width:640px){.puerta-canal{grid-template-columns:10rem minmax(0,1fr);align-items:center;gap:1.5rem}}.puerta-canal__valor{font-family:var(--ma-font-serif);font-size:1.375rem;line-height:1.2}.puerta-semana{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:30rem;display:grid}.puerta-semana li{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.puerta-semana__dia{aspect-ratio:1;border:1px solid var(--ma-line-strong);width:100%;color:var(--ma-ink-muted);font-family:var(--ma-font-sans);letter-spacing:.08em;place-items:center;font-weight:600;font-stretch:75%;display:grid}.is-entrega .puerta-semana__dia{background:var(--ma-ink);border-color:var(--ma-ink);color:var(--ma-paper);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.puerta-semana__nota{color:var(--ma-ink)}}@media (prefers-reduced-motion:no-preference){.puerta-cinta{animation:puerta-draw 1.4s var(--ease-out) .22s backwards}}@keyframes puerta-draw{0%{clip-path:inset(0 calc(100% - var(--door-r) - var(--cinta-w)) 100% 0);animation-timing-function:cubic-bezier(.25,0,.6,1)}82%{clip-path:inset(0 calc(100% - var(--door-r) - var(--cinta-w)) 0 0);animation-timing-function:var(--ease-out)}to{clip-path:inset(0)}}
