/* Arrorró · everflowlabs.io/arrorro — mismos colores y letras que la app (src/ui/tema.ts de sueno-bebe-app). */
:root{--noche:#11152B;--alto:#1A1F3F;--tinta:#F5EFE6;--suave:rgba(245,239,230,.76);--tenue:rgba(245,239,230,.52);--linea:rgba(245,239,230,.14);--luna:#F3D3A0;--luna-clara:#FBE7C4;--luna-oscura:#D9AE6A;--lavanda:#B4A5F5;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noche);background-image:radial-gradient(900px 420px at 50% -90px,rgba(243,211,160,.16),transparent 70%),linear-gradient(180deg,var(--alto),var(--noche) 560px);background-repeat:no-repeat;color:var(--tinta);font:17px/1.65 "Nunito",-apple-system,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.envoltura{max-width:44rem;margin:0 auto;padding:2.5rem max(16px,env(safe-area-inset-left)) 4rem max(16px,env(safe-area-inset-right))}
.arriba{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}
.arriba img{width:44px;height:44px;border-radius:11px}
.arriba a{color:var(--tinta);text-decoration:none;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.15rem}
h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(2rem,6vw,2.8rem);line-height:1.08;margin:0 0 .5rem;letter-spacing:-.01em;color:var(--luna-clara)}
h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.3rem;margin:2.4rem 0 .6rem;color:var(--tinta)}
h3{font-size:1rem;font-weight:800;margin:1.6rem 0 .3rem}
p,li{color:var(--suave)}
strong{color:var(--tinta);font-weight:700}
a{color:var(--luna)}
ul,ol{padding-left:1.2rem}li{margin:.35rem 0}
.fecha{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--luna);margin:0 0 2rem}
.caja{border:1px solid var(--linea);background:rgba(255,255,255,.04);border-radius:18px;padding:1.1rem 1.3rem;margin:1.5rem 0}
.caja p{margin:0}
.caja p+p{margin-top:.6rem}
.caja.dorada{border-color:rgba(243,211,160,.5);background:rgba(243,211,160,.1)}
table{width:100%;border-collapse:collapse;font-size:.93rem;margin:1rem 0}
th,td{text-align:left;vertical-align:top;padding:.65rem .5rem;border-bottom:1px solid var(--linea)}
th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--luna);font-weight:800}
td{color:var(--suave)}
.tabla{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabla table{min-width:34rem}
/* En el teléfono la tabla se lee como tarjetas: una fila por servicio, sin desplazarse de costado. */
@media (max-width:40rem){
  .tabla table{min-width:0}
  .tabla tr{display:block;padding:.9rem 0;border-bottom:1px solid var(--linea)}
  .tabla tr:first-child{display:none}
  .tabla td{display:block;border:0;padding:.15rem 0}
  .tabla td:first-child{font-size:1.02rem;color:var(--tinta)}
  .tabla td:nth-child(2)::before,.tabla td:nth-child(3)::before{display:block;margin-top:.45rem;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--luna)}
  .tabla td:nth-child(2)::before{content:"Para qué"}
  .tabla td:nth-child(3)::before{content:"Qué recibe"}
  .tabla td ul{padding-left:1.1rem}
}
footer{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--linea);font-size:.86rem;color:var(--tenue)}
footer a{color:var(--tenue)}
code{font-size:.9em;color:var(--luna-clara)}