/* Inicio de kairus.mx · identidad Receta (9-oct-2026).
   Aprobado por Gerardo sobre la vista previa "Receta en movimiento" v6.
   Cada sección tiene su propio formato: hero centrado con mensajes que
   llegan de todos lados; noche que avanza de lado con el scroll; agenda que
   se llena sola en banda verde; pasos con imagen fija; cifra gigante con
   puntos; precios en tabla. Clases con prefijo i- para no chocar con
   landing.css (que sigue sirviendo a evidencia, expediente, FAQ y formulario).
   Movimiento: solo transform/opacity; todo se pausa fuera de pantalla y con
   prefers-reduced-motion queda quieto y completo. */

.pg-inicio{--i-hoja:#FBFCF8;--i-menta-2:#DCEFE4;--i-ease:cubic-bezier(.22,.61,.36,1)}
.pg-inicio main{overflow-x:clip}
.i-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.i-hora{font-family:var(--mono);font-size:13px;color:var(--brand);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pg-inicio h1 em,.pg-inicio h2 em,.pg-inicio h3 em{font-style:italic;color:var(--brand)}
.i-ilu{mix-blend-mode:multiply}
.pausado *,.pausado *::before,.pausado *::after{animation-play-state:paused!important}

/* ---------- 1 · hero ---------- */
.i-hero{padding:calc(var(--nav-h) + clamp(28px,4vw,52px)) 0 0;text-align:center;background:var(--day)}
.i-hero .i-wrap{display:grid;justify-items:center;gap:18px}
.i-hero .i-t{font-family:var(--mono);font-size:13px;letter-spacing:.04em;color:var(--muted)}
.i-hero .i-t b{color:var(--ink);font-weight:500}
.i-hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.98;max-width:18ch}
.i-hero .lead{font-size:clamp(1rem,1.5vw,1.12rem);max-width:56ch;color:#2B3A35}
.i-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.i-btns .btn-line{border:1px solid var(--ink);color:var(--ink);background:transparent}
.i-hero .i-mic{font-size:13.5px;color:var(--muted)}
.i-hero .i-mic a{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.i-cinta{position:relative;margin-top:clamp(8px,2vw,20px);height:clamp(250px,26vw,320px);overflow:hidden;cursor:pointer}
.i-cinta .m{position:absolute;left:0;top:0;max-width:min(230px,58vw);background:var(--i-hoja);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:8px 12px;font-size:13.5px;line-height:1.35;text-align:left;box-shadow:0 10px 24px -18px rgba(16,32,27,.45);will-change:transform,opacity;pointer-events:none}
.i-cinta .m small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.i-cinta .r{position:absolute;left:0;top:0;white-space:nowrap;background:var(--brand);color:var(--paper);border-radius:999px;padding:6px 13px;font-family:var(--serif);font-style:italic;font-size:16px;will-change:transform,opacity;pointer-events:none}
.i-cinta .r::before{content:"✓ ";font-style:normal;color:var(--signal)}
.i-cinta .fija{position:absolute}
.i-dial{position:absolute;left:50%;top:50%;width:clamp(96px,12vw,140px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--day);display:grid;place-items:center;box-shadow:0 0 0 10px var(--day)}
.i-dial img{width:100%;height:auto}
.i-dial svg{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px)}
.i-dial .seg{fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;stroke-dasharray:22 300;transform-origin:50% 50%}
.i-dial.late{animation:i-late .5s var(--i-ease)}
@keyframes i-late{40%{transform:translate(-50%,-50%) scale(1.07)}}
@keyframes i-gira{to{transform:rotate(360deg)}}
@keyframes i-sube{from{opacity:0;transform:translateY(14px)}}
@keyframes i-aparece{from{opacity:0}}
@media (prefers-reduced-motion:no-preference){
  .i-dial .seg{animation:i-gira 6s linear infinite}
  .i-hero .i-t,.i-hero h1,.i-hero .lead,.i-hero .i-btns,.i-hero .i-mic{animation:i-sube .9s var(--i-ease) both}
  .i-hero h1{animation-delay:.08s}.i-hero .lead{animation-delay:.2s}.i-hero .i-btns{animation-delay:.3s}.i-hero .i-mic{animation-delay:.36s}
  .i-cinta{animation:i-aparece 1.2s ease both .5s}
}

/* integraciones (sin logotipos de terceros) */
.i-integ{border-block:1px solid var(--line);overflow:hidden;margin-top:clamp(28px,5vw,56px);background:var(--day)}
.i-integ .pista{display:flex;gap:56px;width:max-content;padding-block:20px;white-space:nowrap}
.i-integ .it{display:inline-flex;align-items:baseline;gap:10px;color:var(--brand);font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.7rem)}
.i-integ .it small{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.i-integ .it i{font-style:normal;color:var(--line)}
@keyframes i-carrusel{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:no-preference){.i-integ .pista{animation:i-carrusel 38s linear infinite}}

/* ---------- 2 · una noche, de lado ---------- */
.i-noche{padding:clamp(56px,8vw,104px) 0 0;background:var(--day)}
.i-noche .pin{min-height:min(100vh,720px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.i-carrete{display:flex;gap:24px;padding:0 20px;width:max-content;align-items:stretch}
.no-pin .i-carrete{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}
.i-tom{flex:0 0 auto;width:min(80vw,420px);scroll-snap-align:start;background:var(--i-hoja);border:1px solid var(--line);border-radius:8px;display:grid;grid-template-rows:auto 1fr;overflow:hidden}
.i-tom figure{margin:0;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line);background:#fff;position:relative}
.i-tom figure img{width:100%;height:100%;object-fit:cover}
.i-tom .t{padding:20px 22px 26px;display:grid;gap:8px;align-content:start}
.i-tom h3{font-family:var(--serif);font-weight:400;font-size:1.55rem;line-height:1.1;letter-spacing:-.015em}
.i-tom p{font-size:15px;color:#2B3A35}
.i-tom.intro{width:min(86vw,520px);background:transparent;border:0;grid-template-rows:1fr}
.i-tom.intro .t{align-content:center;padding:0 12px 0 0}
.i-tom.intro h2{font-size:clamp(2.4rem,5.6vw,4.2rem);line-height:1}
.i-tom.intro p{font-size:17px;margin-top:10px}
.i-tom.wide{width:min(86vw,560px)}
.i-barra{height:2px;background:var(--line);margin:36px 20px 0;position:relative}
.i-barra i{position:absolute;inset:0;background:var(--brand);transform-origin:left;transform:scaleX(var(--p,0))}
.no-pin .i-barra{display:none}
/* animación propia de cada momento */
.i-fx{position:absolute;pointer-events:none}
.i-fx.luz{inset:0;background:var(--ink);opacity:0}
.i-fx.letrero{right:9%;top:8%;font-family:var(--mono);font-size:11px;letter-spacing:.06em;background:var(--ink);color:var(--paper);padding:5px 9px;border-radius:4px;transform-origin:50% -14px}
.i-fx.letrero::before{content:"";position:absolute;left:50%;top:-12px;width:1px;height:12px;background:var(--ink)}
.i-fx.burb{background:var(--i-hoja);border:1px solid var(--line);border-radius:12px 12px 12px 3px;padding:7px 10px;font-size:12px;line-height:1.3;max-width:58%;box-shadow:0 10px 22px -16px rgba(16,32,27,.5)}
.i-fx.burb small{display:block;font-family:var(--mono);font-size:9.5px;color:var(--muted)}
.i-fx.burb.k{background:var(--brand);color:var(--paper);border-color:var(--brand);border-radius:12px 12px 3px 12px}
.i-fx.burb.k small{color:var(--signal)}
.i-fx.brillo{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,rgba(189,238,211,.95),rgba(189,238,211,0) 70%);transform:translate(-50%,-50%)}
.i-fx.chip{background:var(--signal);color:var(--ink);font-weight:600;font-size:12px;border-radius:999px;padding:5px 11px}
.i-fx.zz{right:10%;top:10%;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--brand)}
.i-fx.escribe{left:8%;top:12%;display:flex;gap:4px;padding:10px 12px;background:var(--i-hoja);border:1px solid var(--line);border-radius:12px}
.i-fx.escribe i{width:6px;height:6px;border-radius:50%;background:var(--muted)}
.i-tel{margin:22px;align-self:start;background:#E7EFE6;border-radius:12px;padding:12px;display:grid;gap:6px;font-size:13px}
.i-tel .m{background:var(--i-hoja);border-radius:8px;padding:8px 10px}
.i-tel .bt{background:var(--i-hoja);border-radius:8px;padding:6px;text-align:center;color:var(--brand);font-weight:600}
.i-tel .r{justify-self:end;background:var(--signal);border-radius:8px;padding:6px 10px;font-weight:600}
@keyframes i-luz{0%,35%{opacity:0}45%,80%{opacity:.18}90%,100%{opacity:0}}
@keyframes i-columpio{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes i-burbuja{0%,12%{opacity:0;transform:translateY(10px) scale(.9)}22%,78%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes i-brillo{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}
@keyframes i-chip{0%,10%{opacity:0;transform:translateY(8px)}20%,45%{opacity:1;transform:none}55%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes i-zz{0%,100%{opacity:.2;transform:translateY(4px)}50%{opacity:1;transform:translateY(-4px)}}
@keyframes i-punto{50%{transform:translateY(-3px);opacity:.45}}
@keyframes i-toca{0%,30%{background:var(--i-hoja)}36%,44%{background:var(--i-menta-2);transform:scale(.97)}50%,100%{background:var(--i-hoja);transform:none}}
@keyframes i-resp{0%,48%{opacity:0;transform:translateY(6px)}56%,92%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:no-preference){
  .i-fx.luz{animation:i-luz 5s ease-in-out infinite}
  .i-fx.letrero{animation:i-columpio 2.6s ease-in-out infinite}
  .i-fx.burb.p1{animation:i-burbuja 5s var(--i-ease) infinite}
  .i-fx.brillo{animation:i-brillo 3s ease-in-out infinite}
  .i-fx.burb.k1{animation:i-burbuja 3s var(--i-ease) infinite .4s}
  .i-fx.chip.c1{animation:i-chip 4s var(--i-ease) infinite}
  .i-fx.chip.c2{animation:i-chip 4s var(--i-ease) infinite 2s}
  .i-fx.zz span{display:inline-block;animation:i-zz 3s ease-in-out infinite}
  .i-fx.zz span:nth-child(2){animation-delay:.4s}.i-fx.zz span:nth-child(3){animation-delay:.8s}
  .i-fx.escribe i{animation:i-punto 1s ease-in-out infinite}
  .i-fx.escribe i:nth-child(2){animation-delay:.15s}.i-fx.escribe i:nth-child(3){animation-delay:.3s}
  .i-tel .bt.toca{animation:i-toca 4s ease infinite}
  .i-tel .r{animation:i-resp 4s ease infinite}
}
@media (prefers-reduced-motion:reduce){.i-fx.c2{display:none}}

/* ---------- 3 · agenda viva ---------- */
.i-agenda{background:var(--brand);color:var(--paper);padding:clamp(56px,7vw,96px) 0;overflow:hidden}
.i-agenda .cab{text-align:center;display:grid;justify-items:center;gap:14px;margin-bottom:48px}
.i-agenda h2{color:var(--paper);font-size:clamp(2.4rem,6vw,4.4rem);line-height:1}
.i-agenda h2 em{color:var(--signal)}
.i-agenda .cab p{color:#D9EEE4;max-width:54ch}
.i-agenda .cab .i-hora{color:var(--signal)}
.i-lienzo{position:relative;transform-origin:50% 0;will-change:transform}
.i-ag{background:var(--i-hoja);color:var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 50px 90px -50px rgba(0,0,0,.55)}
.i-ag .top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 22px;border-bottom:1px solid var(--line)}
.i-ag .top b{font-family:var(--serif);font-weight:400;font-size:1.4rem}
.i-ag .kpi{display:flex;gap:22px;margin-left:auto;font-size:13px;color:var(--muted)}
.i-ag .kpi b{font-family:var(--mono);font-size:15px;color:var(--ink);margin-right:4px;font-variant-numeric:tabular-nums}
.i-ag .kpi .ok b{color:var(--brand)}
.i-grid-scroll{overflow-x:auto}
.i-grid{display:grid;grid-template-columns:56px repeat(6,minmax(110px,1fr));min-width:760px}
.i-grid .h{font-family:var(--mono);font-size:11.5px;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line);text-align:center}
.i-grid .h.hoy{color:var(--brand);font-weight:500}
.i-grid .hr{font-family:var(--mono);font-size:10.5px;color:var(--muted);padding:6px 8px;text-align:right;border-top:1px solid #EEF1EC;height:44px}
.i-grid .c{border-top:1px solid #EEF1EC;border-left:1px solid #EEF1EC;height:44px;padding:3px;position:relative}
.i-cita{height:100%;border-radius:5px;padding:3px 7px;font-size:11.5px;line-height:1.25;overflow:hidden;background:var(--i-menta-2)}
.i-cita b{display:block;font-weight:600}
.i-cita.ok{background:var(--signal)}
.i-cita.nueva{background:var(--brand);color:var(--paper)}
.i-cita.entra{animation:i-entra .6s var(--i-ease) both}
@keyframes i-entra{from{opacity:0;transform:scale(.8)}}
.i-ag .pie{display:flex;flex-wrap:wrap;gap:16px;padding:12px 22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.i-ag .pie i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.i-toast{position:absolute;right:18px;top:64px;background:var(--ink);color:var(--paper);font-size:12.5px;border-radius:8px;padding:8px 12px;opacity:0;transition:opacity .4s,transform .4s;transform:translateY(-6px)}
.i-toast.on{opacity:1;transform:none}
.i-toast b{color:var(--signal);font-weight:500}

/* ---------- 4 · pasos con imagen fija ---------- */
.i-pasos{padding:clamp(48px,6vw,80px) 0;background:var(--day)}
.i-pasos .grid2{display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
@media(min-width:960px){.i-pasos .grid2{grid-template-columns:.9fr 1.1fr;gap:72px}}
.i-pasos h2{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.02;max-width:12ch;margin-bottom:28px}
.i-paso{padding:28px 0;border-top:1px solid var(--line);display:grid;gap:8px;transition:opacity .4s}
@media(min-width:960px){.i-paso{min-height:38vh;align-content:center;opacity:.32}.i-paso.act{opacity:1}}
.i-paso h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.015em}
.i-paso p{color:#2B3A35;max-width:44ch}
.i-paso-fig{position:relative;margin-top:14px}
@media(min-width:960px){.i-paso-fig{display:none}}
.i-fijo{display:none}
@media(min-width:960px){.i-fijo{display:block;position:sticky;top:18vh;height:64vh;background:var(--day)}}
.i-fijo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.97);transition:opacity .6s var(--i-ease),transform .8s var(--i-ease)}
.i-fijo img.act{opacity:1;transform:none}
.i-mini{position:absolute;left:0;bottom:6%;width:min(300px,58%);background:var(--i-hoja);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px;box-shadow:0 18px 34px -24px rgba(16,32,27,.5);opacity:0;transform:translateY(12px);transition:opacity .5s var(--i-ease),transform .5s var(--i-ease)}
.i-mini.act{opacity:1;transform:none}
.i-paso-fig .i-mini{bottom:-8px;left:auto;right:0;width:min(260px,72%)}
.i-mini .tit{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-bottom:8px;letter-spacing:.04em}
.i-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.i-slots span{border-radius:6px;padding:6px 0;text-align:center;font-family:var(--mono);font-size:11.5px;background:#EEF1EC;color:#5E6D66;text-decoration:line-through}
.i-slots span.l{background:var(--i-hoja);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.i-chat-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.i-chat-h i{width:26px;height:26px;border-radius:50%;background:var(--i-menta-2);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;flex:none}
.i-estado{position:relative;height:30px}
.i-estado span{position:absolute;inset:0;display:grid;place-items:center;border-radius:6px;font-weight:600}
.i-estado .a{background:var(--ink);color:var(--paper)}
.i-estado .b{background:var(--signal);color:var(--ink);opacity:0}
.i-mini .i-tel{margin:0;padding:0;background:none}
@keyframes i-sel{0%,30%{background:var(--i-hoja);color:var(--ink)}40%,85%{background:var(--brand);color:var(--paper);border-color:var(--brand)}100%{background:var(--i-hoja)}}
@keyframes i-ea{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes i-eb{0%,49%{opacity:0}50%,100%{opacity:1}}
@media (prefers-reduced-motion:no-preference){
  .i-slots span.sel{animation:i-sel 2.4s var(--i-ease) infinite}
  .i-estado .a{animation:i-ea 3s steps(1) infinite}
  .i-estado .b{animation:i-eb 3s steps(1) infinite}
}

/* ---------- 5 · lo que cuestan las citas que no llegan ---------- */
.i-prob{background:var(--paper);border-block:1px solid var(--line);padding:clamp(48px,6vw,80px) 0}
.i-prob .top{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media(min-width:960px){.i-prob .top{grid-template-columns:1fr 260px;align-items:end}}
.i-prob h2{font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.04;max-width:20ch}
.i-prob .top p{color:#2B3A35;max-width:46ch;margin-top:12px}
.i-cifra{font-family:var(--serif);font-size:clamp(4rem,14vw,10.5rem);line-height:.9;letter-spacing:-.04em;color:var(--brand);font-variant-numeric:tabular-nums;margin:18px 0 6px}
.i-cifra small{font-family:var(--sans);font-size:clamp(14px,1.6vw,18px);letter-spacing:0;color:var(--muted);display:block;margin-top:8px}
.i-puntos{display:grid;grid-template-columns:repeat(25,1fr);gap:6px;max-width:640px;margin:8px 0 22px}
@media(max-width:600px){.i-puntos{grid-template-columns:repeat(20,1fr);gap:5px}}
.i-puntos i{aspect-ratio:1;border-radius:50%;background:var(--brand);transition:background-color .35s,box-shadow .35s}
.i-puntos i.v{background:transparent;box-shadow:inset 0 0 0 1.5px #B9C4BE}
.i-leyenda{font-size:13.5px;color:var(--muted);margin-bottom:22px}
.i-leyenda b{color:var(--ink)}
.i-sliders{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--line);padding-top:24px}
@media(min-width:760px){.i-sliders{grid-template-columns:repeat(3,minmax(0,1fr))}}
.i-sliders label{display:grid;gap:6px;font-size:14px;color:var(--muted)}
.i-sliders label span{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
.i-sliders b{color:var(--ink)}
.i-sliders input{width:100%;accent-color:var(--brand)}
.i-vs{margin-top:22px;font-size:15px}
.i-vs b{color:var(--brand)}
.i-prob .cdisc,.i-prob .vermas{margin-top:14px}

/* ---------- 6 · precios en tabla ---------- */
.i-precios{padding:clamp(48px,6vw,80px) 0;background:var(--day)}
.i-precios h2{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.02}
.i-precios .sub{margin-top:14px;color:#2B3A35;max-width:62ch}
.i-planes{margin-top:40px;display:grid;border:1px solid var(--ink);border-radius:8px;overflow:hidden}
@media(min-width:860px){.i-planes{grid-template-columns:1fr 1fr}}
.i-plan{padding:32px;display:grid;gap:12px;align-content:start;background:var(--paper)}
.i-plan+.i-plan{border-top:1px solid var(--ink)}
@media(min-width:860px){.i-plan+.i-plan{border-top:0;border-left:1px solid var(--ink)}}
.i-plan.dest{background:var(--ink);color:var(--paper)}
.i-plan h3{font-family:var(--serif);font-weight:400;font-size:2rem;letter-spacing:-.015em}
.i-plan.dest h3{color:var(--paper)}
.i-plan .precio{font-family:var(--serif);font-size:3.4rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.i-plan .precio small{font-family:var(--sans);font-size:14px;opacity:.7;margin-left:6px;letter-spacing:0}
.i-plan .alt{font-size:14px;opacity:.75}
.i-plan p{font-size:15px}
.i-plan .fund{border-top:1px dashed currentColor;padding-top:12px;font-size:14px}
.i-plan .fund b{color:var(--brand)}.i-plan.dest .fund b{color:var(--signal)}
.i-plan .eti{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--signal)}
.i-cuenta{display:flex;gap:8px;margin-top:6px}
.i-cuenta span{display:grid;justify-items:center;min-width:52px;padding:6px 4px;border:1px solid rgba(242,244,238,.25);border-radius:6px}
.i-cuenta b{font-family:var(--serif);font-size:1.5rem;font-weight:400;line-height:1;font-variant-numeric:tabular-nums}
.i-cuenta small{font-family:var(--mono);font-size:9.5px;opacity:.7;letter-spacing:.05em}
.i-precios .aside{margin-top:18px;font-size:14px;color:var(--muted)}

/* ---------- cierre con reloj (dentro del formulario) ---------- */
.i-ahora{font-family:var(--mono);font-size:13px;color:var(--signal);letter-spacing:.04em;margin-bottom:14px}
.i-reloj{width:min(260px,70%);margin-top:28px}
#lead-form h2 em{color:var(--signal)}
.sr-focus:focus{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:300;width:auto;height:auto;clip:auto;overflow:visible;white-space:nowrap;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-family:var(--mono);font-size:12px}

/* ---------- 4b · la recepción hoy y con Kairus ---------- */
.i-recep{background:var(--day);padding:clamp(48px,6vw,80px) 0}
.i-recep .cab{max-width:62ch}
.i-recep h2{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.04;max-width:18ch;margin:8px 0 14px}
.i-recep .cab p:last-child{color:#2B3A35}
.i-recep .esc{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);margin:32px 0}
@media(min-width:760px){.i-recep .esc{grid-template-columns:repeat(3,minmax(0,1fr))}}
.i-recep .esc article{border-top:1px solid var(--line);padding-top:16px}
.i-recep .esc img{width:100%;height:auto;max-height:200px;object-fit:contain}
.i-recep .esc h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.7rem);margin:10px 0 4px}
.i-recep .esc p{color:#2B3A35}
.i-recep .cmp-wrap{overflow-x:auto}
.i-recep .ancla{margin-top:28px;max-width:62ch}
.i-recep .ancla p{color:#2B3A35}