@font-face{font-family:"Oswald";src:url("../../fonts/Oswald.ttf") format("truetype");font-weight:200 700;font-display:swap}
/* Citrato de Magnesio · «El día que se suelta». El cielo, el reloj y la tensión los mueve js/autor/citrato-de-magnesio.js */
.dia{position:relative;color:var(--tinta-dia,#2B1D1C);transition:color .4s}
.dia__cielo{position:sticky;top:0;height:100vh;margin-bottom:-100vh;z-index:0;background:linear-gradient(180deg,var(--cielo-a,#BFD6F2),var(--cielo-b,#FDEBD3));overflow:hidden;pointer-events:none}
.dia__astro{position:absolute;width:110px;height:110px;border-radius:50%;left:var(--ax,15%);top:var(--ay,30%);background:radial-gradient(circle at 40% 40%,#FFF8DC,var(--astro,#FFC94D));
  box-shadow:0 0 90px 30px color-mix(in srgb,var(--astro,#FFC94D) 50%,transparent);transition:background .4s}
.dia__estrellas{position:absolute;inset:0;opacity:var(--noche,0);background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff,transparent),radial-gradient(1.4px 1.4px at 30% 9%,#fff,transparent),
  radial-gradient(1px 1px at 55% 24%,#fff,transparent),radial-gradient(1.8px 1.8px at 78% 12%,#fff,transparent),radial-gradient(1.1px 1.1px at 90% 34%,#fff,transparent),
  radial-gradient(1.2px 1.2px at 20% 42%,#fff,transparent),radial-gradient(1.5px 1.5px at 66% 46%,#fff,transparent),radial-gradient(1px 1px at 44% 60%,#fff,transparent)}
.dia__hud{position:sticky;top:calc(var(--cab) + 8px);z-index:20;margin:0 auto;width:calc(100% - 24px);max-width:520px;display:flex;align-items:center;gap:12px;
  background:rgba(255,253,249,.9);backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px;box-shadow:0 10px 26px rgba(43,29,28,.14);color:var(--tinta)}
.hud__hora{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.hud__ico{font-size:18px;align-self:center}
.hud__hora b{font-family:"Oswald","LH Sans",sans-serif;font-size:22px;font-weight:700;letter-spacing:.02em}
.hud__hora small{font-size:12px;font-weight:900;color:var(--gris)}
.hud__tension{flex:1;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--gris)}
.hud__barra{height:9px;border-radius:9px;background:#EDE5DD;overflow:hidden}
.hud__barra i{display:block;height:100%;width:var(--t,55%);border-radius:9px;background:linear-gradient(90deg,#7BD36B,#F5C451 50%,#E5533D);background-size:300% 100%;background-position:calc(100% - var(--t,55%)) 0;transition:width .3s}
.hud__tension b{color:var(--tinta);font-size:13px}

.momento{position:relative;z-index:1;padding:74px 0}
.m-hora{font-family:"Oswald","LH Sans",sans-serif;font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:8px}
.m-tit{font-size:clamp(36px,9.4vw,60px);margin-bottom:12px}
.m-tit em{color:var(--em-dia,var(--m-tinta))}
.m-sub{font-size:clamp(28px,7vw,40px);margin:44px 0 10px;text-align:center}.m-sub em{color:var(--em-dia,var(--m-tinta))}
.m-bajada{font-size:17px;opacity:.85;max-width:560px;margin-bottom:22px}
.m-nota{font-size:12.5px;opacity:.7;margin-top:12px;text-align:center}

/* 7 a. m. · alarma con notificaciones */
.alarma{position:relative;margin-top:20px;display:grid}
.alarma__foto{width:78%;border-radius:26px;box-shadow:var(--sombra);aspect-ratio:3/4;object-fit:cover}
.cel{position:absolute;right:0;top:16%;width:58%;max-width:250px;aspect-ratio:9/18;border-radius:34px;background:#111;padding:8px;box-shadow:0 30px 60px rgba(0,0,0,.4);transform:rotate(4deg)}
.cel__pantalla{height:100%;border-radius:27px;overflow:hidden;background:linear-gradient(180deg,#34406B,#7B6AA8 60%,#E7A27C);padding:18px 8px 8px;color:#fff;text-align:center}
.cel__fecha{font-size:11px;font-weight:800;opacity:.85}
.cel__hora{font-family:"Oswald","LH Sans",sans-serif;font-size:52px;font-weight:600;line-height:1;margin:2px 0 12px}
.cel__notis{display:grid;gap:6px;text-align:left}
.noti{display:grid;grid-template-columns:26px 1fr auto;gap:6px;align-items:center;background:rgba(255,255,255,.88);color:#1d1d1f;border-radius:14px;padding:7px 8px;font-size:10.5px;line-height:1.2;
  opacity:0;transform:translateY(-14px) scale(.96);transition:all .5s cubic-bezier(.2,1.3,.4,1);transition-delay:calc(var(--k) * .45s + .3s)}
.cel.visto .noti{opacity:1;transform:none}
.noti i{font-style:normal;width:26px;height:26px;border-radius:8px;background:#F1ECE6;display:grid;place-items:center;font-size:14px}
.noti b{display:block;font-size:10.5px}.noti small{font-size:9px;color:#8a8a8e;align-self:start}

/* 10:30 · agenda que gasta magnesio */
.agenda{background:#fff;border-radius:26px;padding:16px;box-shadow:var(--sombra);max-width:560px;color:var(--tinta)}
.agenda__cab{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--linea);padding-bottom:10px;margin-bottom:6px}
.agenda__cab b{font-family:var(--f-tit);font-weight:400;font-size:26px}.agenda__cab span{color:var(--gris);font-weight:800;font-size:13px}
.evento{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--linea);opacity:.25;transform:translateX(-8px);transition:all .45s}
.evento.on{opacity:1;transform:none}
.evento__hora{font-family:"Oswald","LH Sans",sans-serif;font-weight:700;font-size:16px;color:var(--m-tinta)}
.evento b{display:block;font-size:15px}.evento small{color:#C9343C;font-weight:900;font-size:12px}
.reserva{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;margin-top:14px;font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--gris)}
.reserva__barra{grid-column:1 / -1;grid-row:2;height:14px;border-radius:14px;background:#EDE5DD;overflow:hidden}
.reserva__barra i{display:block;height:100%;width:var(--r,100%);background:linear-gradient(90deg,var(--m-tinta),var(--m-acento));border-radius:14px;transition:width .4s}
.reserva b{font-size:16px;color:var(--tinta)}

/* 3 p. m. · zonas de tensión sobre la foto en movimiento */
.zonas{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--sombra);max-width:520px;aspect-ratio:3/4}
.zonas>img{width:100%;height:100%;object-fit:cover}
.zona{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border:0;background:transparent;padding:0}
.zona span{position:absolute;inset:12px;border-radius:50%;background:#E5533D;box-shadow:0 0 0 0 rgba(229,83,61,.7);animation:pulso 1.6s infinite}
.zona.visto span{background:#F5C451;animation:none}
@keyframes pulso{70%{box-shadow:0 0 0 18px rgba(229,83,61,0)}}
.zonas__tip{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,253,249,.94);color:var(--tinta);border-radius:16px;padding:10px 14px;font-weight:800;text-align:center;font-size:14.5px}
.zonas__tip b{display:block;font-family:var(--f-tit);font-weight:400;font-size:22px;color:#C9343C}
.siempre{margin-top:14px;max-width:520px;background:rgba(255,255,255,.75);border-left:4px solid #C9343C;border-radius:0 14px 14px 0;padding:12px 14px;font-size:15px;color:var(--tinta)}

/* 7 p. m. · receta de la noche + cápsula abierta */
.receta-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}
.receta__foto{width:100%;border-radius:26px;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--sombra)}
.ticket{position:relative;background:#FFFDF7;color:var(--tinta);padding:20px 18px 18px;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:13.5px;box-shadow:var(--sombra);
  -webkit-mask:radial-gradient(circle 7px at 50% 0,#0000 98%,#000) 0 0/18px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) 0 100%/18px 51% repeat-x;margin-top:-50px;width:88%;justify-self:end;transform:rotate(-2deg)}
.ticket__cab{text-align:center;font-weight:800;letter-spacing:.14em;border-bottom:1px dashed #BBB;padding-bottom:10px;margin-bottom:8px}
.ticket__linea{display:flex;justify-content:space-between;padding:5px 0}.ticket__linea b{color:var(--verde)}
.ticket__total{display:flex;justify-content:space-between;border-top:1px dashed #BBB;margin-top:8px;padding-top:10px;font-weight:800}
.ticket__pie{text-align:center;margin-top:10px;opacity:.7}
.capsula{position:relative;height:260px;max-width:520px;margin:10px auto 0}
.capsula__mitad{position:absolute;top:50%;width:150px;height:76px;margin-top:-38px;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.capsula__mitad--a{left:50%;margin-left:-150px;border-radius:38px 0 0 38px;background:linear-gradient(180deg,#fff,#E8E4F7)}
.capsula__mitad--b{left:50%;border-radius:0 38px 38px 0;background:linear-gradient(180deg,#F4F1FF,#C9BEF0)}
.capsula.abierta .capsula__mitad--a{transform:translateX(-26px) rotate(-14deg)}.capsula.abierta .capsula__mitad--b{transform:translateX(26px) rotate(14deg)}
.capsula__polvo{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,255,255,0) 70%);opacity:0;transition:all .9s .3s}
.capsula.abierta .capsula__polvo{opacity:1;transform:scale(2.2)}
.capsula__dato{position:absolute;background:#fff;color:var(--tinta);border-radius:16px;padding:8px 12px;box-shadow:var(--sombra-s);opacity:0;transform:scale(.7);transition:all .6s cubic-bezier(.2,1.4,.4,1)}
.capsula.abierta .capsula__dato{opacity:1;transform:none}
.capsula__dato b{display:block;font-family:var(--f-tit);font-weight:400;font-size:26px;line-height:1;color:var(--m-tinta)}.capsula__dato span{font-size:12px;color:var(--gris)}
.capsula__dato--1{left:0;top:0;transition-delay:.5s}.capsula__dato--2{right:0;top:22px;transition-delay:.7s}.capsula__dato--3{left:20%;bottom:0;transition-delay:.9s}

/* 9 p. m. · la firma se integra al día */
.momento-firma{position:relative;z-index:1;background:transparent!important}

/* 11:30 p. m. · registro de sueño */
.sueno{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:16px;max-width:560px}
.sueno__tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(0,0,0,.25);border-radius:999px;padding:4px;margin-bottom:14px}
.sueno__tabs button{border:0;background:transparent;color:#fff;border-radius:999px;padding:10px;font-weight:900;font-size:14px}
.sueno__tabs button.activo{background:#fff;color:var(--m-tinta)}
.sueno__graf{width:100%;height:150px;display:block}
.sueno__niveles line{stroke:rgba(255,255,255,.12);stroke-width:1}
.sueno__linea{fill:none;stroke:var(--m-luz);stroke-width:3.5;stroke-linejoin:round;transition:d .6s}
.sueno__rayos text{font-size:16px}
.sueno__ejes{display:flex;justify-content:space-between;font-size:11px;opacity:.7;margin-top:4px}
.sueno__datos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;text-align:center}
.sueno__datos div{background:rgba(255,255,255,.1);border-radius:16px;padding:10px 4px}
.sueno__datos b{display:block;font-family:var(--f-tit);font-weight:400;font-size:26px;color:var(--m-luz)}.sueno__datos span{font-size:11.5px;opacity:.8}

/* 6:30 a. m. · chat de buenos días */
.chat-grid{display:grid;gap:14px;margin-top:16px}
.chat__foto{width:100%;max-width:420px;border-radius:26px;box-shadow:var(--sombra)}
.chat{background:#EFE7DD url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='1.2' fill='%23d8ccbf'/%3E%3C/svg%3E");border-radius:26px;padding:12px;box-shadow:var(--sombra);color:var(--tinta);max-width:460px}
.chat__cab{display:flex;gap:10px;align-items:center;background:#fff;border-radius:16px;padding:8px 12px;margin-bottom:10px}
.chat__cab span{font-size:24px}.chat__cab small{display:block;color:var(--gris);font-size:12px}
.msj{display:grid;grid-template-columns:34px 1fr;gap:8px;margin-bottom:8px;opacity:0;transform:translateY(10px);transition:all .45s;transition-delay:calc(var(--k) * .35s + .2s)}
.chat.visto .msj{opacity:1;transform:none}
.msj img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.msj>div{background:#fff;border-radius:4px 16px 16px 16px;padding:8px 12px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.msj b{font-size:12.5px;color:var(--m-tinta)}.msj p{font-size:14.5px;margin:2px 0}.msj small{font-size:10.5px;color:#7aa87a;display:block;text-align:right}

/* calendario de calma */
.planes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.plan{border:2px solid var(--linea);background:#fff;color:var(--tinta);border-radius:18px;padding:12px 6px;display:grid;gap:2px;text-align:center}
.plan b{font-family:var(--f-tit);font-weight:400;font-size:24px}.plan span{font-size:11.5px;font-weight:800}.plan small{font-size:11.5px;color:var(--verde);font-weight:900}
.plan.activo{border-color:var(--m-tinta);box-shadow:0 10px 24px rgba(35,36,79,.18);transform:translateY(-2px)}
.calendario{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:18px 0;max-width:560px}
.calendario span{aspect-ratio:1;border-radius:7px;background:rgba(255,255,255,.6);border:1px solid rgba(43,29,28,.08);display:grid;place-items:center;font-size:10px;color:var(--gris);transition:all .3s}
.calendario span.on{background:var(--m-tinta);color:#fff;border-color:transparent}
.calendario span.on::after{content:"✓"}
.cal__btn{width:100%;max-width:560px}
.cal__pie{font-size:13px;font-weight:800;margin-top:10px;opacity:.8}

/* mesa de noche: comparativa y combínalo */
.cmp{background:#fff;color:var(--tinta);border-radius:24px;overflow:hidden;box-shadow:var(--sombra);max-width:620px;margin-top:16px}
.cmp__fila,.cmp__cab{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--linea);font-size:14px}
.cmp__fila>*,.cmp__cab>*{padding:12px 10px}
.cmp__cab b{display:grid;justify-items:center;gap:2px;font-size:12.5px;background:var(--m-claro);color:var(--m-tinta)}.cmp__cab b img{width:30px}
.cmp__cab em{font-style:normal;font-size:12.5px;font-weight:900;text-align:center;color:var(--gris)}
.cmp__fila b{text-align:center;background:var(--m-claro);color:var(--m-tinta)}.cmp__fila em{font-style:normal;text-align:center;color:#A79C97}
.buro{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 14px;scrollbar-width:none;background:linear-gradient(180deg,transparent 62%,#8B5E3C 62%,#6E4529 100%);border-radius:0 0 18px 18px}
.buro::-webkit-scrollbar{display:none}
.buro__item{flex:0 0 46%;display:grid;justify-items:center;text-align:center;gap:2px;padding:10px 6px}
.buro__item img{height:140px;width:auto;filter:drop-shadow(0 14px 10px rgba(0,0,0,.35))}
.buro__item b{font-size:14px;color:#fff;margin-top:8px}.buro__item small{color:#F2E2CF;font-size:12px}

.m-faq .faq-lista{max-width:720px}
.m-faq .faq-lista details{color:var(--tinta)}

/* cierre con luna */
.m-final .luna{display:block;width:90px;height:90px;border-radius:50%;margin:0 auto 10px;background:radial-gradient(circle at 35% 35%,#FFF9E6,#F2E4B8);box-shadow:0 0 60px 20px rgba(255,233,176,.35),inset -14px -10px 0 rgba(0,0,0,.08)}

.captura .dia__cielo{position:absolute;inset:0;height:auto;margin:0}
.captura .dia__hud{position:relative;top:auto;margin-top:10px}
.captura .noti,.captura .msj,.captura .evento{opacity:1;transform:none}

@media (min-width:900px){
  .momento{padding:110px 0}
  .alarma{grid-template-columns:1fr;max-width:760px}.alarma__foto{width:60%}.cel{right:8%;width:34%}
  .receta-grid{grid-template-columns:1.1fr 1fr;align-items:center}.ticket{margin-top:0;width:100%}
  .chat-grid{grid-template-columns:1fr 1fr;align-items:start}
  .calendario{grid-template-columns:repeat(15,1fr);max-width:760px}
  .buro__item{flex-basis:220px}
}

.captura .momento-firma,.captura .m-sueno{background:linear-gradient(180deg,#2B2A6B,#16183F)!important;color:#fff}
.captura .m-sueno .m-tit em{color:var(--m-luz)}

/* ---------- hero de autor (estilo «Soft Serve»): título grande + escena + tarjeta de una oferta ---------- */
.hm{position:relative;overflow:hidden;padding:22px 0 60px;background:
  radial-gradient(120% 60% at 90% 0%,rgba(255,214,170,.65),rgba(255,214,170,0) 60%),
  linear-gradient(180deg,#F3EEFF 0%,#FBF3EC 55%,var(--crema) 100%)}
.hm__mundo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.hm__in{position:relative;z-index:2;display:grid;gap:14px}
.hm__letrero{font-family:var(--f-tit);font-style:italic;font-size:22px;color:var(--m-tinta)}
.hm__letrero span{color:var(--verde)}
.hm__titulo{font-family:var(--f-txt);font-weight:1000;font-size:clamp(44px,12vw,84px);line-height:.98;letter-spacing:-.035em;color:#1F1A3D;margin:6px 0 12px}
.hm__titulo em{font-family:var(--f-tit);font-weight:400;font-style:italic;letter-spacing:-.01em;color:var(--m-tinta);
  background:linear-gradient(transparent 68%,rgba(184,169,240,.55) 68%);padding:0 .06em}
.hm__sub{font-size:17.5px;color:#4E4766;max-width:520px}
.hm__prueba{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:900;color:var(--bosque);margin-top:10px}
.hm__escena{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 60px rgba(35,36,79,.28);margin-top:4px}
.hm__foto{width:100%;height:100%;object-fit:cover;object-position:50% 70%;animation:hmZoom 14s ease-in-out infinite alternate}
@keyframes hmZoom{to{transform:scale(1.06)}}
.hm__chips{position:absolute;left:12px;top:14px;display:grid;gap:8px}
.hm__chips span{display:flex;align-items:center;gap:6px;background:rgba(255,253,249,.94);border-radius:999px;padding:7px 12px 7px 8px;font-weight:900;font-size:13px;color:#1F1A3D;
  box-shadow:0 8px 18px rgba(0,0,0,.12);animation:hmChip .6s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(.4s + var(--k) * .15s)}
.hm__chips i{font-style:normal}
@keyframes hmChip{from{opacity:0;transform:translateX(-20px)}}
.sello-giro{display:grid;place-items:center;border-radius:50%;color:#fff;box-shadow:var(--sombra-s)}
.sello-giro svg{position:absolute;inset:0;animation:hmGira 16s linear infinite}
.sello-giro text{fill:#fff;font-family:var(--f-txt);font-weight:900;font-size:11px;letter-spacing:.12em}
.sello-giro b{font-size:26px}
@keyframes hmGira{to{transform:rotate(360deg)}}
.hm__sello{position:absolute;right:12px;top:12px;width:96px;height:96px;background:var(--m-tinta)}
.hm__antes{position:absolute;left:12px;right:12px;bottom:14px;text-align:center;background:rgba(31,26,61,.72);backdrop-filter:blur(6px);color:#fff;border-radius:16px;padding:10px;font-size:15px}
.hm__antes s{opacity:.75;text-decoration-color:#FF8A7A;text-decoration-thickness:2px}
.hm__antes b{font-family:var(--f-tit);font-weight:400;font-style:italic;font-size:21px;color:var(--m-luz)}
.hm__oferta{position:relative;margin:-48px 10px 0;background:#fff;border-radius:26px;padding:16px;box-shadow:0 24px 50px rgba(35,36,79,.22);z-index:3}
.hm__oferta-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hm__oferta-top b{display:block;font-size:17px}.hm__oferta-top small{color:var(--verde);font-weight:900;font-size:12.5px}
.hm__oferta-top strong{font-family:var(--f-txt);font-weight:1000;font-size:38px;letter-spacing:-.03em;color:#C9343C}
.hm__btn{width:100%;margin-top:12px;background:#22C55E;box-shadow:0 12px 26px rgba(34,197,94,.38);padding:15px}
.hm__btn:hover{background:#16A34A}
.hm__btn span{display:grid;line-height:1.15}.hm__btn b{font-size:18px;letter-spacing:.02em}.hm__btn small{font-weight:700;font-size:13px;opacity:.95}
.hm__mas{display:block;text-align:center;margin-top:10px;font-size:13.5px;font-weight:900;color:var(--m-tinta)}
.hero__bajar{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:3;width:26px;height:42px;border:2px solid rgba(43,29,28,.35);border-radius:14px}
.hero__bajar span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--m-tinta);animation:hmBaja 1.8s ease-in-out infinite}
@keyframes hmBaja{60%{transform:translateY(14px);opacity:0}}

/* planes del calendario como escalera */
.plan{position:relative;cursor:pointer}
.plan input{position:absolute;opacity:0;pointer-events:none}
.plan__badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--m-tinta);color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px}
.plan__badge--sol{background:var(--sol);color:var(--tinta)}
.planes{margin-top:8px}

@media (min-width:900px){
  .hm{padding:46px 0 80px}
  .hm__in{grid-template-columns:1fr 1fr;align-items:center;column-gap:50px}
  .hm__texto{grid-column:1;grid-row:1}
  .hm__escena{grid-column:2;grid-row:1 / span 2;aspect-ratio:4/5}
  .hm__oferta{grid-column:1;grid-row:2;margin:0;max-width:460px}
}
.hm__antes{bottom:62px}
@media (min-width:900px){.hm__antes{bottom:14px}}
.calendario{grid-template-columns:repeat(10,minmax(0,1fr))}
@media (min-width:900px){.hm__titulo{font-size:66px}.calendario{grid-template-columns:repeat(15,minmax(0,1fr))}}