/* r.css · ajustes de retroalimentación (25 sep 2026). Va después de p.css. */

/* On Demand en celular: título → pantallas con clases → información.
   Así se entiende de un vistazo qué es On Demand antes de leer. */
@media (max-width:860px){
  .odg{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .odtx{display:contents}
  .odtx>*{order:4}
  .odtx>.nk{order:1}
  .odtx>.odlock{order:2}
  .odg>.odart{order:3;margin:34px auto 44px}
  .odtx .lede{margin-top:0}
}

/* Paquetes en celular: las 4 pestañas visibles (antes "Ilimitada" quedaba escondida a la derecha) */
@media (max-width:600px){
  .pk2tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:26px;gap:4px;overflow:visible}
  .pk2tabs button{padding:12px 8px;text-align:center;white-space:nowrap}
}

/* Espejos: la silueta del espejo, limpia, sin halo brillante en la orilla */
.mglow{display:none!important}

/* Disciplinas: título claro en lugar de "Opción 2" */
.d2t{margin:0;font:italic 400 clamp(34px,8.6vw,68px)/.95 var(--serif);text-transform:uppercase;letter-spacing:.01em;color:var(--cara)}

/* Barreth On Demand: el logo de la marca + sello "on demand", para que se lea como producto */
.odtx>.nk{text-align:left}
.odlock{margin:16px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:0}
.odlogo{display:block;width:min(100%,440px);aspect-ratio:618/166;overflow:hidden}
.odlogo img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 38px rgba(233,161,91,.3))}
.odtag{display:inline-flex;align-items:center;gap:11px;padding:8px 20px 8px 8px;border-radius:999px;background:var(--ambar);color:var(--noche);font:500 13px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;box-shadow:0 14px 40px -14px rgba(233,161,91,.65)}
.odtag svg{width:26px;height:26px;flex:none}
.odtag svg circle{fill:var(--noche)}
.odtag svg path{fill:var(--ambar)}
@media (max-width:860px){.odlogo{width:min(86%,380px)}}

/* Horarios después de "Dos formas de empezar": antes quedaba pegado (sin espacio arriba).
   Ahora entra con el mismo degradado noche → crema que usan las demás secciones, sin hueco grande. */
.x2 .tone.dr2s+#horarios{padding-top:clamp(52px,7vw,96px);background:linear-gradient(180deg,var(--noche) 0,var(--crema) clamp(32px,4.5vw,60px),var(--crema) 100%)}
/* ¿Primera vez? en celular: un respiro corto después de Horarios (el título tocaba la orilla) */
@media (max-width:860px){.x2 #horarios+#primera-vez{padding-top:24px}}
/* Mientras carga la información real no se ve nada de ejemplo (si algo falla, se muestra sola a los 8 s) */
@keyframes dbshow{to{visibility:visible}}@keyframes dbhide{to{opacity:0;visibility:hidden}}@keyframes dbpulse{50%{opacity:.4}}
html:not(.ready) #pub,html:not(.ready) .shell,html:not(.ready) #tabs{visibility:hidden;animation:dbshow 0s 8s forwards}
html:not(.ready) body::after{content:"barreth";position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:#1E120B;color:#CDAA81;font:italic 400 40px var(--serif);pointer-events:none;animation:dbpulse 1.4s ease-in-out infinite,dbhide .3s 8s forwards}
/* Tipografía legible (sistema de Apple) · números claros */
:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--sfn:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:var(--sans)}
.num{font-family:var(--sfn)!important;font-style:normal!important;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.02em;font-weight:600!important}
input[type=number],input[type=date],input[type=time],.in{font-variant-numeric:tabular-nums}
button,a,[data-a]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#view,#sheet{overscroll-behavior:contain}