/*
 Theme Name: H Spanish Connect Child (No Title)
 Theme URI: https://hspanishacademy.com
 Description: Child theme para actividades. Usa header/footer y no muestra el H1 del post en las actividades.
 Author: Javier HL
 Template: h-spanish-connect-theme
 Version: 1.0.4
*/

/* 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 */
}