/* Adaptación a pantallas y dispositivos táctiles */
.tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;white-space:nowrap;scroll-snap-align:center}
.card{overflow:visible}
.card::before{border-radius:inherit}
.q,.expr,.opt,.sub{overflow-wrap:anywhere}
.q{overflow-x:auto}
.sub,.q{max-width:72ch}
.expr{overflow-x:auto}
.opt{text-align:left}
.hero-in>div{min-width:0}
h1{font-size:clamp(1.5rem,6vw,2.6rem)}
.vals{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
main input:not([type=radio]){max-width:100%}
body[data-modulo=examen] .bar{display:none}
.en-examen .tabs button:not([aria-selected=true]){opacity:.45;cursor:not-allowed}
.barra-ex{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
@media (max-width:640px){
  .circ{min-width:520px}.tmg{min-width:440px}
  .hero-in{padding:18px 14px;gap:12px}.hero-in img{width:40px;height:40px}.hero p{font-size:.95rem}
  #tema .tx{display:none}
  .tabs,.bar,main{padding-left:14px;padding-right:14px}
  .tabs{padding-top:10px}
  .bar{padding-top:8px;gap:8px;font-size:.9rem}
  .card{padding:14px;margin:12px 0}
  .card h2{font-size:1.2rem}
  .tv th,.tv td{padding:6px 10px}
  .sws{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:4px}
  .sw{min-width:0;padding:8px 2px}
  .sw .w{font-size:.68rem;text-align:center;overflow-wrap:anywhere}
  .row .pri{flex:1 1 auto}
  .barra-ex{gap:10px;padding-left:12px;padding-right:12px}
}
@media (pointer:coarse){
  button,select,input:not([type=radio]){min-height:44px}
  .od{padding:12px 14px}
  input[type=radio]{width:22px;height:22px}
  .sw{min-width:44px}.cell{min-width:56px}
}
@media (hover:none){.card::before,.bit{display:none}}

/* Pestañas: escritorio (todas visibles) y pantallas medianas (deslizables) */
@media (min-width:1000px){
  .tabs,.bar,main,.hero-in{max-width:1040px}
  .tabs{overflow:visible}
  .tabs button{flex:1 1 auto;padding:8px 11px}
}
@media (max-width:999px){
  .tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 14px),transparent)}
}