/* JEM Hub Theme Base — layout mínimo, verdaderamente en blanco. El tema NO le asigna color, tipografía ni fondo al — eso lo controla JEM Hub Studio, widget por widget. Las variables --jht-* siguen generándose (functions.php) para que el plugin las consuma si quiere, pero el tema mismo no las aplica a ningún elemento por su cuenta. */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--jht-color-focus-ring); outline-offset: 2px; } .jht-content { min-height: 60vh; } /* Reservado para contenido que sí necesite un ancho de lectura (ej. un 404 o un aviso de "sin contenido") — nunca se aplica automáticamente al contenido de una página, solo si algo lo usa explícitamente. */ .jht-container { max-width: 1200px; margin: 0 auto; padding: 0 var(--jht-spacing-md); } @media (max-width: 782px) { .jht-container { padding: 0 var(--jht-spacing-sm); } } /* Breakpoints de referencia (deben coincidir con jht_get_breakpoints() en functions.php y con los que usa JEM Hub Studio): Mobile ≤480px · Tablet ≤782px · Desktop ≥1200px */ @media (max-width: 782px) { .jht-container { padding: 0 var(--jht-spacing-sm); } }