/*
Theme Name: H Spanish Academy
Theme URI: https://hspanishacademy.com
Description: Tema completo de WordPress para H Spanish Academy - Academia de español con sistema de progreso, actividades interactivas y gestión de usuarios.
Author: Javier HL
Author URI: https://hspanishacademy.com
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: education, language, spanish, learning, academy
Text Domain: hspanishconnect
*/

/* Utilidad de accesibilidad: oculto visual, visible para lectores de pantalla */
.screen-reader-text {
  position:absolute !important;
  height:1px; width:1px;
  overflow:hidden; clip:rect(1px,1px,1px,1px);
  white-space:nowrap; border:0; padding:0; margin:-1px;
}
/* === HSA: Gutters para páginas de actividad === */
.single-course_activity .hsa-gutters {
  box-sizing: border-box;
  max-width: 1280px;     /* ajusta si tu home usa otro ancho */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;  /* ~ Tailwind px-6 */
  padding-right: 1.5rem; /* ~ Tailwind px-6 */
}
@media (min-width: 1024px) {
  .single-course_activity .hsa-gutters {
    padding-left: 2rem;   /* aprox lg:px-8 */
    padding-right: 2rem;
  }
}
@media (min-width: 1280px) {
  .single-course_activity .hsa-gutters {
    padding-left: 2.5rem; /* aprox xl:px-10 */
    padding-right: 2.5rem;
  }
}
/* Evita que algún CSS del contenido anule los gutters con 100vw */
.single-course_activity .hsa-gutters *[style*="100vw"] {
  max-width: 100%;
}
/* HSA: hueco superior consistente en actividades */
.single-course_activity .hsa-gutters {
  padding-top: 1rem;        /* el hueco que quieres mantener SIEMPRE */
}
.single-course_activity .entry-content > *:first-child {
  margin-top: 0 !important; /* neutraliza márgenes del primer bloque */
}