/* Erick Islas Tech | V8 | Compactacion de las cinco secciones de Contenido
   Este archivo SOLO aplica a Contenido, Noticias, Resenas, Tutoriales y Comunidad.
   No modifica Inicio, Soluciones, articulos, administracion ni los formularios. */

/* Encabezados y transiciones entre secciones: menos aire sin perder jerarquia. */
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) :is(.hero,.compact-hero,.hero-compact,.tutorial-hero,.eit-content-hero) {
  min-height: 0 !important;
  padding-top: clamp(20px, 2.3vw, 34px) !important;
  padding-bottom: clamp(16px, 2.2vw, 32px) !important;
  gap: clamp(14px, 2.4vw, 30px) !important;
}
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) :is(.hero,.compact-hero,.hero-compact,.tutorial-hero) h1 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) :is(.hero,.compact-hero,.hero-compact,.tutorial-hero) .hero-actions {
  margin-top: 14px !important;
}
body:is([data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) .hero-image-panel {
  min-height: clamp(210px, 23vw, 340px) !important;
}
body:is([data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) :is(.section,.news-section,.review-section,.contact-section,.tutorial-main-section) {
  padding-top: clamp(16px, 2.4vw, 30px) !important;
  padding-bottom: clamp(16px, 2.4vw, 30px) !important;
}
body:is([data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) :is(.section-heading,.section-header) {
  margin-bottom: clamp(12px, 1.7vw, 20px) !important;
}
/* Footer: menos distancia desde el ultimo bloque y menor espacio inferior. */
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) .eit-footer {
  margin-top: 0 !important;
  padding-top: clamp(18px, 2.2vw, 28px) !important;
}
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) .eit-footer-bottom {
  margin-top: 16px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* Contenido: hero, ultimo video, novedades y cierre. */
body[data-page="contenido"] .eit-content-hero {
  padding-top: 28px !important;
  padding-bottom: 14px !important;
  gap: 24px !important;
}
body[data-page="contenido"] .eit-content-hero h1 { margin: 10px 0 12px !important; }
body[data-page="contenido"] .eit-content-hero p { line-height: 1.6; }
body[data-page="contenido"] .eit-content-actions { margin-top: 16px !important; }
body[data-page="contenido"] .eit-content-hero img { max-width: 290px; }
body[data-page="contenido"] .latest-video-section {
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}
body[data-page="contenido"] .latest-video-copy { padding: 12px 18px 14px; }
body[data-page="contenido"] .home-fresh {
  padding-top: 15px !important;
  padding-bottom: 14px !important;
  margin-bottom: 12px !important;
}
body[data-page="contenido"] .home-fresh-head { margin-bottom: 13px !important; }
body[data-page="contenido"] .home-fresh-toolbar { margin-bottom: 12px !important; }
body[data-page="contenido"] .eit-content-outro {
  margin: 12px auto 18px !important;
  padding: 12px 22px 18px !important;
}
body[data-page="contenido"] .eit-content-outro h2 { margin-bottom: 12px !important; }

/* Noticias: bloque destacado, buscador y tarjetas. */
body[data-page="noticias"] .news-section .section-heading { margin-bottom: 16px !important; }
body[data-page="noticias"] .featured-news { margin-top: 12px !important; margin-bottom: 16px !important; }
body[data-page="noticias"] .featured-news-card { gap: 18px !important; }
body[data-page="noticias"] .news-toolbar { margin-top: 12px !important; margin-bottom: 13px !important; }
body[data-page="noticias"] .news-grid { gap: clamp(12px, 1.6vw, 20px) !important; }

/* Resenas: titulo, filtros y grilla, sin cambiar su comportamiento. */
body[data-page="resenas"] #categorias-resenas {
  padding-top: clamp(16px, 2.1vw, 27px) !important;
  padding-bottom: clamp(16px, 2.4vw, 30px) !important;
}
body[data-page="resenas"] #categorias-resenas .section-header { margin-bottom: 16px !important; }
body[data-page="resenas"] .reviews-eyebrow { margin-bottom: 8px; }
body[data-page="resenas"] .reviews-heading-copy h2 { margin-bottom: 10px !important; }
body[data-page="resenas"] .reviews-toolbar { padding: clamp(13px, 1.6vw, 20px); }
body[data-page="resenas"] .review-search-box { margin-bottom: 12px; }
body[data-page="resenas"] .reviews-grid { margin-top: 16px !important; gap: clamp(13px, 1.5vw, 20px) !important; }

/* Tutoriales: ruta educativa, carrusel y filtros. */
body[data-page="tutoriales"] .learning-path {
  margin: 14px auto 10px !important;
  padding: clamp(17px, 2.2vw, 26px) !important;
}
body[data-page="tutoriales"] .learning-path h2 { margin-bottom: 9px !important; }
body[data-page="tutoriales"] .learning-carousel { margin-top: 13px !important; }
body[data-page="tutoriales"] .tutorial-main-section {
  padding-top: 16px !important;
  padding-bottom: 26px !important;
}
body[data-page="tutoriales"] .tutorial-filter-panel {
  margin-top: 14px !important;
  margin-bottom: 13px !important;
  padding: clamp(15px, 1.9vw, 24px) !important;
}
body[data-page="tutoriales"] .tutorial-filter-block { margin-top: 14px; }
body[data-page="tutoriales"] .tutorial-grid { gap: clamp(14px, 1.65vw, 22px) !important; }

/* Comunidad: el formulario y sus controles mantienen las mismas dimensiones. */
body[data-page="comunidad"] .contact-section {
  padding-top: clamp(18px, 2.6vw, 30px) !important;
  padding-bottom: clamp(19px, 2.8vw, 34px) !important;
}
body[data-page="comunidad"] .contact-grid { gap: clamp(18px, 2.5vw, 32px); }

@media (max-width: 860px) {
  body:is([data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) :is(.hero,.compact-hero,.tutorial-hero) {
    padding-top: 19px !important;
    padding-bottom: 18px !important;
    gap: 16px !important;
  }
  body:is([data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"]) .hero-image-panel {
    min-height: 195px !important;
  }
  body[data-page="contenido"] .eit-content-hero { padding-top: 22px !important; padding-bottom: 10px !important; gap: 10px !important; }
  body[data-page="contenido"] .eit-content-hero img { width: min(185px, 55vw); }
  body[data-page="contenido"] .latest-video-section { padding-top: 8px !important; padding-bottom: 15px !important; }
  body[data-page="contenido"] .eit-content-outro { padding-bottom: 13px !important; }
}