/* mobbyt-game.css — estilos secundarios, cargados diferido
   Contiene SOLO reglas que NO están en el CSS crítico inline de index.php
   Actualizado: solo detalles de card-header y tabs que no son above-the-fold */

/* Card header detalles */
body .card-header img { width:100%; height:auto; border-radius:8px; object-fit:cover; max-width:140px; }
body .card-header a   { font-weight:bold; color:#2563EB; }
body .card-header p   { padding-left:5px; color:#71717A; text-align:center; }

/* Synopsis grid detalles */
.synopsis-grid a      { font-weight:bold; }
.grid-title           { font-weight:bold; color:#1d4ed8; text-align:right; }

/* Tabs (solo usadas en tab-panes, no en partials) */
.tabs                  { display:flex; flex-direction:column; gap:16px; margin-top:16px; }
.tabs button           { background:none; border:none; padding:8px; cursor:pointer; font-size:16px; font-weight:600; color:#2563eb; }
.tabs button.active    { text-decoration:underline; }
.tab-text              { display:inline; }

/* Responsive: tab-text se oculta en mobile */
@media (max-width:768px) {
    .tab-text { display:none; }
    .synopsis-grid { grid-template-columns:1fr; }
    .grid-title { text-align:left; }
}