/* Páginas de temas emocionales — diseño primero para celular,
   con ajustes para tablet (≥600/760px) y escritorio (≥960px). */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --dorado:#C9924A;--rosa:#D4607A;--rosa-d:#b84a64;--rosa-s:#FBEBEF;
  --crema:#FDFAF7;--crema-d:#F5EFE7;--oscuro:#2D2D2D;--gris:#626262;--borde:#E2D9CE;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'DM Sans',system-ui,sans-serif;
  --gutter:16px;
  --top:112px; /* encabezado + barra de estaciones */
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--crema);color:var(--oscuro);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:2rem;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--rosa);outline-offset:2px}

/* ── Encabezado ── */
.site-header{position:sticky;top:0;z-index:100;background:rgba(253,250,247,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{font-family:var(--serif);font-size:1.3rem;font-weight:600;letter-spacing:.02em}
.logo span{color:var(--dorado)}
.nav-links{display:none;gap:1.75rem;font-size:.84rem;color:var(--gris)}
.nav-links a.active{color:var(--rosa);font-weight:500}
.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-10px;background:none;border:none;cursor:pointer;padding:10px}
.nav-toggle span{display:block;height:1.5px;background:var(--oscuro);border-radius:2px;transition:transform .3s,opacity .3s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;inset:56px 0 0 0;z-index:700;background:var(--crema);flex-direction:column;align-items:center;justify-content:center;gap:1.6rem}
.nav-mobile.open{display:flex}
.nav-mobile a{font-family:var(--serif);font-size:clamp(1.5rem,6vw,2.2rem);padding:.3rem 1rem}

/* ── Portada ── */
.volver{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--gutter);font-size:.85rem;font-weight:500;color:var(--rosa-d)}
.hero{text-align:center;padding:.6rem var(--gutter) 1.6rem;background:linear-gradient(180deg,var(--rosa-s) 0%,var(--crema) 100%)}
.hero svg{width:64px;height:64px;margin:0 auto .7rem;display:block}
.hero .etiqueta{display:inline-block;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--rosa-d);margin-bottom:.45rem}
.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(1.9rem,8vw,3.3rem);line-height:1.12;max-width:760px;margin:0 auto .7rem;text-wrap:balance}
.hero p{max-width:620px;margin:0 auto;color:var(--gris);font-size:.97rem;text-wrap:pretty}
.meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:1rem 0 1.1rem}
.meta span{font-size:.75rem;padding:.3rem .7rem;border-radius:999px;background:#fff;border:1px solid var(--borde);color:var(--gris)}
.empezar{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:0 1.6rem;border-radius:999px;background:var(--rosa);color:#fff;font-weight:500;font-size:.95rem;box-shadow:0 6px 16px -8px var(--rosa)}

.aviso{margin:1rem var(--gutter);background:var(--crema-d);border:1px solid var(--borde);border-radius:12px;padding:.85rem 1rem;font-size:.78rem;line-height:1.55;color:var(--gris)}
.aviso strong{display:block;color:var(--oscuro);margin-bottom:.25rem;font-size:.8rem}

/* ── Barra de estaciones ── */
.ruta{position:sticky;top:56px;z-index:90;background:rgba(253,250,247,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde)}
.ruta-in{display:flex;gap:.4rem;overflow-x:auto;padding:.55rem var(--gutter);scrollbar-width:none;max-width:1040px;margin:0 auto;scroll-snap-type:x proximity}
.ruta-in::-webkit-scrollbar{display:none}
.ruta a{flex-shrink:0;scroll-snap-align:center;display:flex;align-items:center;gap:.4rem;min-height:40px;padding:0 .85rem 0 .35rem;border-radius:999px;border:1.5px solid var(--borde);font-size:.78rem;color:var(--gris);white-space:nowrap;background:#fff;transition:all .15s}
.ruta a b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--crema-d);font-weight:500;font-size:.75rem}
.ruta a.on{border-color:var(--rosa);color:var(--rosa-d);background:var(--rosa-s)}
.ruta a.on b{background:var(--rosa);color:#fff}
.ruta a.visto b{background:var(--rosa-s);color:var(--rosa-d)}

/* ── Estaciones ── */
main{max-width:1040px;margin:0 auto;padding:0 var(--gutter)}
.est{padding:2rem 0 1.4rem;border-bottom:1px solid var(--borde);scroll-margin-top:var(--top)}
.est-cab{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1rem}
.num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--rosa);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-size:1.2rem;font-weight:600;margin-top:.15rem}
.est h2{font-family:var(--serif);font-size:clamp(1.45rem,6vw,2.1rem);line-height:1.18;font-weight:600;text-wrap:balance}
.est .sub{color:var(--gris);font-size:.92rem;margin-top:.3rem;text-wrap:pretty}
.panel{background:#fff;border:1px solid var(--borde);border-radius:16px;padding:1.1rem 1rem}
.siguiente{display:flex;justify-content:flex-end;margin-top:1.3rem}
.siguiente a{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 1rem;border-radius:999px;font-size:.85rem;font-weight:500;color:var(--rosa-d);background:var(--rosa-s)}

/* Diseño lateral en escritorio: opciones a la izquierda, lectura a la derecha */
.duo{display:block}

/* ── Chips (opciones) ── */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.chip{min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--borde);background:#fff;color:var(--oscuro);font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-align:left;line-height:1.3}
.chip[aria-pressed="true"]{background:var(--rosa);border-color:var(--rosa);color:#fff}
.lectura{scroll-margin-top:calc(var(--top) + 12px)}
.lectura .tit{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rosa-d);margin-bottom:.25rem;font-weight:500}
.lectura .grupo{font-family:var(--serif);font-size:1.25rem;font-weight:600;margin:.2rem 0 .5rem;padding-top:.8rem;border-top:1px dashed var(--borde)}
.lectura .grupo:first-child{border-top:none;padding-top:0}
.lectura p{margin-bottom:.9rem}
.lectura .hoy{background:var(--rosa-s);border-left:3px solid var(--rosa);border-radius:0 12px 12px 0;padding:.8rem .95rem;margin-bottom:.9rem}
.lectura .hoy p{margin:0}
.lectura .copiar{margin:-.3rem 0 .9rem}
.vacio{color:var(--gris);font-style:italic;margin:0!important}

/* ── Acordeones ── */
.pares{display:grid;gap:.65rem;align-items:start}
.par{background:#fff;border:1px solid var(--borde);border-radius:16px;overflow:hidden}
.par>button{width:100%;min-height:56px;text-align:left;background:none;border:none;padding:.9rem 1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.8rem}
.par .q{font-family:var(--serif);font-size:1.18rem;font-weight:500;line-height:1.3}
.par .mas{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--rosa-s);color:var(--rosa-d);display:grid;place-items:center;font-size:1.2rem;transition:transform .2s}
.par.open .mas{transform:rotate(45deg)}
.par .det{display:none;padding:0 1rem 1rem;font-size:.94rem}
.par.open .det{display:block}
.par .det p{margin-bottom:.65rem}
.par .det p:last-child{margin-bottom:0}
.par .det .lbl{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-bottom:.1rem}
.par .det .nuevo{background:var(--rosa-s);border-radius:12px;padding:.7rem .9rem;color:var(--rosa-d);font-weight:500}
.par .det .nuevo .lbl{color:inherit;opacity:.75}

/* ── Botones ── */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:none;border-radius:999px;padding:0 1.4rem;background:var(--rosa);color:#fff;font-size:.92rem;font-weight:500;cursor:pointer;transition:background .15s}
.btn.sec{background:#fff;color:var(--oscuro);border:1.5px solid var(--borde)}
.btn[disabled]{opacity:.4;cursor:default}
.acc{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.nota-pie{margin-top:1rem;font-size:.8rem;color:var(--gris)}

/* ── Listas de casillas ── */
.limpia{list-style:none;display:grid;gap:.55rem}
.limpia li{background:#fff;border:1.5px solid var(--borde);border-radius:14px;transition:border-color .2s,background .2s}
.limpia li.hecho{border-color:var(--rosa);background:var(--rosa-s)}
.limpia label{display:flex;gap:.8rem;padding:.85rem 1rem;cursor:pointer;align-items:flex-start;min-height:52px}
.limpia input{margin-top:.2rem;accent-color:var(--rosa);width:22px;height:22px;flex-shrink:0}
.limpia strong{display:block;font-weight:500;line-height:1.35}
.limpia span{display:block;font-size:.87rem;color:var(--gris);margin-top:.15rem}
.barra{height:8px;border-radius:5px;background:var(--borde);overflow:hidden;margin:1rem 0 .3rem}
.barra div{height:100%;width:0;background:var(--rosa);transition:width .35s}
.barra-t{font-size:.8rem;color:var(--gris)}
.resultado{margin-top:1rem;padding:1rem;border-radius:14px;background:var(--rosa-s);font-size:.93rem;display:none}
.resultado.show{display:block}
.resultado.alerta{background:#FDECEC;border:1.5px solid #D96C6C}
.resultado strong{display:block;margin-bottom:.2rem}
.resultado .tel{margin-top:.8rem}

/* ── Reto por días ── */
.dias{display:grid;gap:.55rem}
.dia{display:flex;gap:.85rem;align-items:center;background:#fff;border:1.5px solid var(--borde);border-radius:14px;padding:.8rem 1rem;cursor:pointer;transition:border-color .2s,background .2s;width:100%;text-align:left}
.dia .d{flex-shrink:0;min-width:42px;text-align:center;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);line-height:1.15}
.dia .d b{display:block;font-family:var(--serif);font-size:1.6rem;color:var(--rosa-d);font-weight:600;letter-spacing:0}
.dia .t{font-size:.93rem;flex:1}
.dia .ok{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--borde);display:grid;place-items:center;color:transparent;font-size:.85rem;transition:all .2s}
.dia.hecho{border-color:var(--rosa);background:var(--rosa-s)}
.dia.hecho .ok{background:var(--rosa);border-color:var(--rosa);color:#fff}
.fin-reto{display:none;margin-top:1rem;text-align:center;font-family:var(--serif);font-size:1.25rem;color:var(--rosa-d)}
.fin-reto.show{display:block}
.reiniciar{display:block;min-height:44px;margin:.6rem auto 0;padding:0 1rem;background:none;border:none;color:var(--gris);font-size:.8rem;text-decoration:underline;cursor:pointer}

/* ── Ayuda y cierre ── */
.ayuda{margin:2rem 0 1rem;border:1.5px solid var(--rosa);border-radius:16px;padding:1.2rem 1rem;background:#fff}
.ayuda h2{font-family:var(--serif);font-size:1.5rem;line-height:1.2;margin-bottom:.4rem}
.ayuda ul{margin:.6rem 0 1rem 1.1rem;font-size:.93rem}
.ayuda li{margin-bottom:.35rem}
.tel{display:flex;flex-direction:column;gap:.5rem}
.tel a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:.4rem 1rem;border-radius:999px;background:var(--rosa-s);color:var(--rosa-d);font-size:.9rem;font-weight:500}
.tel a.urg{background:var(--rosa);color:#fff}
.cierre{text-align:center;padding:1.8rem 0 .5rem}
.cierre p{font-family:var(--serif);font-size:1.35rem;max-width:560px;margin:0 auto 1rem;line-height:1.35;text-wrap:balance}
.cierre a{display:inline-flex;align-items:center;min-height:44px;margin:0 .3rem;font-size:.86rem;color:var(--rosa-d);font-weight:500}
.site-footer{text-align:center;padding:1.5rem var(--gutter);font-size:.78rem;color:#888}
.site-footer a{color:var(--dorado)}

/* ── Escritura local ── */
.mio h3{font-family:var(--serif);font-size:1.3rem;margin-bottom:.4rem}
.mio ol{padding-left:1.2rem;margin:.5rem 0 .8rem;font-size:.92rem;color:var(--gris)}
.mio ol li{margin-bottom:.25rem}
textarea,input[type=text]{font-size:16px!important;font-family:var(--sans)}
.mio textarea{width:100%;min-height:110px;border:1.5px solid var(--borde);border-radius:12px;padding:.75rem .85rem;background:var(--crema);resize:vertical;line-height:1.5}
.mio textarea:focus{outline:none;border-color:var(--rosa)}
.mio small{display:block;margin-top:.35rem;color:var(--gris);font-size:.75rem}

/* ── Selector de niveles ── */
.niveles{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}
.nivel{min-height:84px;padding:.7rem .4rem;border-radius:14px;border:1.5px solid var(--borde);background:#fff;cursor:pointer;text-align:center;font-size:.85rem;color:var(--oscuro);transition:all .15s;line-height:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}
.nivel>b{font-family:var(--serif);font-size:1.5rem;color:var(--rosa-d);font-weight:600;line-height:1}
.nivel[aria-pressed="true"]{background:var(--rosa);border-color:var(--rosa);color:#fff}
.nivel[aria-pressed="true"]>b{color:#fff}
/* Batería y termómetro dibujados con CSS (no dependen de emojis) */
.bat{position:relative;display:flex;gap:2px;width:42px;height:20px;padding:2px;border:2px solid currentColor;border-radius:5px;color:var(--rosa-d)}
.bat::after{content:"";position:absolute;right:-6px;top:4px;width:3px;height:8px;border-radius:0 2px 2px 0;background:currentColor}
.bat i{flex:1;border-radius:1px;background:currentColor;opacity:.15}
.bat i.on{opacity:1}
.nivel[aria-pressed="true"] .bat{color:#fff}
.term{display:flex;gap:3px;align-items:flex-end;height:22px;color:var(--rosa-d)}
.term i{width:7px;border-radius:2px;background:currentColor;opacity:.18}
.term i:nth-child(1){height:30%}.term i:nth-child(2){height:55%}.term i:nth-child(3){height:78%}.term i:nth-child(4){height:100%}
.term i.on{opacity:1}
.nivel[aria-pressed="true"] .term{color:#fff}

/* ── Pausa / ejercicio guiado ── */
.pausa{text-align:center}
.aire{width:110px;height:110px;border-radius:50%;margin:0 auto 1rem;background:var(--rosa-s);border:3px solid var(--rosa);display:grid;place-items:center;color:var(--rosa-d);font-family:var(--serif);font-size:1.3rem}
.aire.anim{animation:resp 10s ease-in-out infinite}
.aire .fase{font-family:var(--sans);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
@keyframes resp{0%,100%{transform:scale(.72)}40%{transform:scale(1.12)}}
.pausa h3{font-family:var(--serif);font-size:1.45rem;margin-bottom:.4rem;line-height:1.2}
.pausa .instr{max-width:520px;margin:0 auto 1.1rem;color:var(--gris);min-height:4.8em}
.pasos-pt{display:flex;justify-content:center;gap:.4rem;margin-bottom:1rem}
.pasos-pt i{width:28px;height:5px;border-radius:3px;background:var(--borde);transition:background .3s}
.pasos-pt i.on{background:var(--rosa)}
.reloj{font-family:var(--serif);font-size:3rem;font-weight:500;color:var(--rosa-d);line-height:1;margin-bottom:1rem}

/* ── Clasificador ── */
.sorter{display:grid;gap:.5rem}
.sit{display:flex;justify-content:space-between;align-items:center;gap:.7rem;min-height:56px;background:#fff;border:1.5px solid var(--borde);border-radius:14px;padding:.7rem .9rem;cursor:pointer;width:100%;text-align:left;font-size:.93rem;transition:border-color .15s}
.sit .cat{flex-shrink:0;max-width:46%;text-align:center;font-size:.72rem;line-height:1.25;padding:.3rem .65rem;border-radius:999px;background:var(--crema-d);color:var(--gris)}
.sit.c1{border-color:var(--rosa)}.sit.c1 .cat{background:var(--rosa);color:#fff}
.sit.c2{border-color:var(--oscuro)}.sit.c2 .cat{background:var(--oscuro);color:#fff}
.sit.c3{border-color:var(--dorado)}.sit.c3 .cat{background:var(--dorado);color:#fff}
.sit .sug{display:block;font-size:.76rem;color:var(--rosa-d);margin-top:.2rem}
.sit .sug.ok::before{content:"✓ "}
.leyenda{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.8rem;color:var(--gris);margin:0 0 .9rem}
.leyenda span{display:inline-flex;align-items:center;gap:.35rem}
.leyenda i{width:12px;height:12px;border-radius:50%;display:inline-block}
.leyenda i.c1{background:var(--rosa)}.leyenda i.c2{background:var(--oscuro)}.leyenda i.c3{background:var(--dorado)}

/* ── Registro de ánimo ── */
.animos{display:grid;gap:.55rem}
.animo{display:grid;grid-template-columns:44px 1fr;gap:.3rem .7rem;align-items:center;background:#fff;border:1.5px solid var(--borde);border-radius:14px;padding:.7rem .8rem}
.animo .d{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);text-align:center;line-height:1.15}
.animo .d b{display:block;font-family:var(--serif);font-size:1.45rem;color:var(--rosa-d)}
.animo .d .f{display:block;font-size:.62rem;letter-spacing:0;text-transform:none;margin-top:.1rem}
.caras{display:flex;gap:.2rem;justify-content:space-between;max-width:300px}
.caras button{width:44px;height:44px;font-size:1.35rem;background:none;border:1.5px solid transparent;border-radius:12px;cursor:pointer;opacity:.5;transition:all .15s;display:grid;place-items:center}
.caras button[aria-pressed="true"]{opacity:1;border-color:var(--rosa);background:var(--rosa-s)}
.animo input{grid-column:1/-1;border:none;border-bottom:1.5px solid var(--borde);background:transparent;padding:.35rem 0;width:100%}
.animo input:focus{outline:none;border-color:var(--rosa)}
.semana{display:flex;align-items:flex-end;gap:6px;height:70px;margin-top:.8rem}
.semana i{flex:1;border-radius:6px 6px 2px 2px;background:var(--rosa);opacity:.85;min-height:4px;transition:height .3s}
.semana i.vacio{background:var(--borde);opacity:1}

/* ── Carta ── */
.carta textarea{margin-bottom:.8rem}
.carta .pista{font-size:.85rem;color:var(--gris);margin:-.1rem 0 .6rem}
.carta-final{white-space:pre-wrap;font-family:var(--serif);font-size:1.2rem;line-height:1.55;background:var(--rosa-s);border-radius:14px;padding:1.1rem 1.1rem;margin:1rem 0 .9rem}

/* ── Ciclo (adelgazar) ── */
.ciclo{list-style:none;display:grid;gap:0;margin-bottom:1rem;counter-reset:c}
.ciclo li{position:relative;padding-bottom:18px}
.ciclo li:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:.85rem;line-height:18px;color:var(--rosa)}
.ciclo li:last-child::after{content:"↺ vuelve a empezar";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);font-size:.72rem;color:var(--rosa-d);white-space:nowrap}
.ciclo li:last-child{padding-bottom:22px}
.nodo{width:100%;min-height:52px;display:flex;align-items:center;gap:.7rem;padding:.6rem .9rem;border-radius:14px;border:1.5px solid var(--borde);background:#fff;cursor:pointer;text-align:left;font-size:.93rem;font-weight:500}
.nodo b{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--rosa-s);color:var(--rosa-d);font-size:.8rem}
.nodo[aria-pressed="true"]{border-color:var(--rosa);background:var(--rosa-s)}
.nodo[aria-pressed="true"] b{background:var(--rosa);color:#fff}

/* ═════ Tablet ═════ */
@media(min-width:600px){
  :root{--gutter:28px}
  .niveles{grid-template-columns:repeat(4,1fr)}
  .tel{flex-direction:row;flex-wrap:wrap}
  .tel a{flex:1 1 auto}
  .hero{padding:1rem var(--gutter) 2.2rem}
  .hero svg{width:84px;height:84px}
  .hero p{font-size:1.02rem}
  .aviso{max-width:760px;margin:1.2rem auto;padding:1rem 1.25rem}
  .panel{padding:1.3rem 1.4rem}
  .ayuda{padding:1.5rem 1.6rem}
}
@media(min-width:760px){
  .limpia,.sorter,.dias{grid-template-columns:1fr 1fr}
  .animos{grid-template-columns:1fr 1fr}
  .ciclo{grid-template-columns:repeat(5,1fr);gap:1.4rem}
  .ciclo li{padding-bottom:0}
  .ciclo li:not(:last-child)::after{content:"→";left:auto;right:-1.15rem;top:50%;bottom:auto;transform:translateY(-50%)}
  .ciclo li:last-child::after{left:auto;right:0;bottom:-1.4rem;transform:none}
  .ciclo li:last-child{padding-bottom:0}
  .ciclo{margin-bottom:2rem}
  .nodo{flex-direction:column;justify-content:center;text-align:center;min-height:110px;font-size:.88rem}
}

/* ═════ Escritorio ═════ */
@media(min-width:960px){
  :root{--gutter:40px;--top:120px}
  .site-header{height:60px}
  .ruta{top:60px}
  .nav-links{display:flex}
  .nav-toggle{display:none}
  .est{padding:3rem 0 2rem}
  .est-cab{max-width:760px}
  .num{width:42px;height:42px;font-size:1.35rem}
  .duo{display:grid;grid-template-columns:300px 1fr;gap:1.6rem;align-items:start}
  .duo .chips{flex-direction:column;flex-wrap:nowrap;margin:0}
  .duo .chip{border-radius:14px;width:100%}
  .duo .niveles{grid-template-columns:1fr 1fr;margin:0}
  .duo .panel{position:sticky;top:calc(var(--top) + 16px);min-height:200px}
  .pares{grid-template-columns:1fr 1fr}
  .ruta-in{justify-content:center}
}
@media(hover:hover){
  .chip:hover,.nivel:hover,.nodo:hover,.sit:hover,.dia:hover{border-color:var(--rosa)}
  .btn:hover{background:var(--rosa-d)}
  .btn.sec:hover{background:var(--crema-d)}
  .nav-links a:hover{color:var(--rosa)}
  .siguiente a:hover,.tel a:hover{filter:brightness(.97)}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;animation:none!important}}