html.app .tema{width:2.75rem; height:2.75rem}
html.app .barra .marca,html.app .marca{min-height:2.75rem; display:inline-flex; align-items:center}
html.app .vuelta{min-height:2.75rem; display:inline-flex; align-items:center}
html.app .op,html.app .llamada,html.app .atras,html.app .t-resp,html.app .rej2 .t-resp,html.app .t-resp--volver{min-height:2.75rem}
html.app .parte-btn,html.app .chip,html.app .pager button,html.app .accion{min-height:2.75rem}
html.app .cats-cruz a,html.app .migas a{display:inline-flex; align-items:center; justify-content:center; min-height:2.75rem; min-width:2.75rem}
html.app .legal a,html.app .pie-cuentan a,html.app .lista-completa a{display:inline-flex; align-items:center; min-height:2.75rem}
html.app kbd,html.app .tecla,html.app .ayudita,html.app .ayuda-teclado{display:none!important}
html.app summary{min-height:3rem}
html.app .lista-completa{display:none}

html.vm .nodite-img{height:5rem}
html.vm .titulo-pagina{min-height:5rem; font-size:1.12rem}
html.vm .nodite-fig{top:0.625rem}
html.vm .ficha-cab,html.vm .migas{margin-left:6.125rem}
html.vm .rej2{gap:0.25rem}
html.vm .grupo-tit{margin:2px 0 -0.25rem; font-size:.74rem}
html.vm .escena--detalle .t-paso{display:none}
html.vm .respuestas--partes{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.375rem}
html.vm .respuestas--partes .parte-btn,html.vm .respuestas--partes .accion{min-width:0; padding:0 0.25rem; font-size:.74rem; min-height:2.75rem; margin-left:0}
html.vm .parte p,html.vm .parte li{font-size:.86rem; line-height:1.42}
html.vm .escena--detalle .t-globo{padding:0.5rem 0.875rem}
html.vm .escena--detalle .t-dice{margin-bottom:0.25rem}
.respuestas--partes .accion{min-height:2.75rem}

.fuera-pagina{display:none!important}
.menu .pager{display:flex; align-items:center; justify-content:center; gap:0.875rem; margin-top:0.375rem; font-size:.82rem; color:var(--suave)}
.menu .pager button{width:2.75rem; height:2.75rem; border-radius:0.75rem; font-size:1.2rem; cursor:pointer; color:var(--tinta);
  background:var(--v-suave,var(--panel2)); border:1px solid var(--v-borde,var(--linea))}
.menu .pager button:disabled{opacity:.35; cursor:default}

html.hm{--tab:3.25rem}
html.hm .tab .tx{display:none}
html.hm .tab{min-height:3rem; padding:0 0 0.1875rem; justify-content:center}
html.hm .tab .ico{height:2.25rem}
html.hm .tab--centro .ico{width:2.875rem; height:2.875rem; margin-top:-0.75rem}
html.hm .tab--centro svg{width:1.4375rem; height:1.4375rem}
html.hm .hoja{max-height:calc(100dvh - var(--tab) - 1rem)}
html.hm 
  .barra{padding-top:calc(env(safe-area-inset-top) + 0.25rem); padding-bottom:0.25rem}
html.hm .vista{padding:0.5rem 1.125rem}
html.hm .vista:has(.hero){display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto 1fr; gap:0.5rem 0.875rem; align-content:center}
html.hm .hero{grid-row:1 / span 3; grid-column:1; align-self:center}
html.hm .hero .fig{height:8.125rem; width:5.375rem}
html.hm .principal{grid-column:2; margin:0; min-height:3.75rem}
html.hm .mosaico{grid-column:2; margin:0}
html.hm .loseta{min-height:5rem}
html.hm .carrusel{display:none}
html.hm .vista .secundarias{flex-direction:row; margin-top:0.375rem; gap:0.5rem}
html.hm .vista .secundarias > *{flex:1; min-height:2.75rem}
html.hm .dialogo{margin-bottom:0.375rem}
html.hm .dialogo .burbuja{margin-bottom:0}
html.hm .dialogo .fig{height:4rem; width:2.75rem}
html.hm .paso-info{margin-bottom:2px}
html.hm .progreso{margin-bottom:0.375rem}
html.hm .entrada .fig{grid-row:1 / span 2; grid-column:1; height:9.375rem; width:6.25rem; justify-self:center}
html.hm .entrada h1{grid-column:2; font-size:1.2rem; margin:0}
html.hm .entrada .globo{grid-column:2; margin-top:0.5rem}
html.hm .entrada .globo::before{display:none}
html.hm .entrada .lista{display:none}
html.hm .globo{padding:0.625rem 0.75rem}
html.hm .chat{margin-bottom:0.375rem}
html.hm .chat .fig{height:3.5rem; width:2.375rem}
html.hm .menu--aparte{margin-top:0.375rem; padding-top:0.375rem}
html.hm .op small{display:none}
html.hm 
  .escena{grid-template-columns:8.75rem minmax(0,1fr); gap:0 0.875rem; padding:0.25rem 1rem}
html.hm .nodite-img{height:8.75rem}
html.hm .titulo-pagina,html.hm .t-paso,html.hm .llevamos,html.hm .lista-completa,html.hm .migas,html.hm .aparte,html.hm .escena--detalle .lead,html.hm .escena--detalle .foto--mini,html.hm .escena--detalle .etiquetas{display:none}
html.hm .ventana{gap:0.375rem}
html.hm .rej2{grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.375rem}
html.hm .rej2 .t-resp small,html.hm .t-resp small{display:none}
html.hm .grupo-tit{display:none}
html.hm .t-globo{padding:0.5rem 0.75rem}
html.hm .t-dice{font-size:.92rem}
html.hm .tarjeta{grid-template-columns:6.875rem minmax(0,1fr); padding:0.375rem; gap:0.625rem}
html.hm .tarjeta-tx p:not(.dolor){display:none}
html.hm .tarjeta .etiquetas{display:none}
html.hm .contenidos{min-height:0}
html.hm .parte p,html.hm .parte li{font-size:.86rem; line-height:1.4}
html.hm .ficha-cab{margin-left:0; min-height:0}
html.hm .ficha-texto h1{font-size:1.15rem}
html.hm .respuestas--partes{gap:0.25rem}
html.hm .parte-btn{font-size:.74rem; padding:0 0.5rem}
html.hm .ventana{gap:0.25rem}
html.hm .t-resp,html.hm .rej2 .t-resp{padding-block:2px}
html.hm .secundarias{display:flex; flex-direction:row; gap:0.5rem; margin-top:0.375rem}
html.hm .secundarias > *{flex:1}
html.hm .globo h2{font-size:1rem; margin:0}
html.hm 
  .menu{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.375rem}
html.hm .menu .pager,html.hm .menu .atras{grid-column:1 / -1}
html.hm .chat .fig{height:2.75rem; width:1.875rem}
html.hm .chat{margin-bottom:2px}
html.hm .op{padding:0.3125rem 0.625rem}
html.hm .escena--detalle .cats-cruz,html.hm .escena--detalle .ficha-texto .lead{display:none}
html.hm .escena--detalle .ventana{display:grid; grid-template-columns:18.75rem minmax(0,1fr); grid-template-areas:"ficha globo" "partes globo" "salidas salidas";
    gap:0.375rem 0.875rem; align-content:start}
html.hm .escena--detalle .ficha-cab{grid-area:ficha; padding:0}
html.hm .escena--detalle .t-globo--contenido{grid-area:globo; align-self:stretch; overflow:auto}
html.hm .escena--detalle .respuestas--partes{grid-area:partes; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.25rem}
html.hm .escena--detalle .respuestas--partes .accion{grid-column:1 / -1}
html.hm .escena--detalle .salidas--final{grid-area:salidas; flex-wrap:nowrap}
html.hm .escena--detalle .salidas--final .accion{flex:1 1 0; min-width:0; padding:0 0.625rem; font-size:.8rem}

html.vt .vista > *,html.ht .vista > *{max-width:45rem; margin-left:auto; margin-right:auto}