/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 02 2026 | 10:37:24 */
/* =========================================================
   PATECO · Recursos Audiovisuales (page-id-22106)
   CSS scoped — solo afecta a esta página
   ========================================================= */

/* ---- 1. Evitar scroll horizontal (solo esta página) ---- */
body.page-id-22106 { overflow-x: hidden; }
html:has(body.page-id-22106) { overflow-x: hidden; }

body.page-id-22106 .elementor-22106 .elementor-section,
body.page-id-22106 .elementor-22106 .e-con {
  max-width: 100%;
}
body.page-id-22106 img { max-width: 100%; height: auto; }

/* ---- 2. Contenedores principales ---- */
body.page-id-22106 .elementor-22106 .e-con-boxed > .e-con-inner,
body.page-id-22106 .elementor-22106 .elementor-section-boxed > .elementor-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* ---- 3. Hero (95z4fko) ---- */
body.page-id-22106 .elementor-element-95z4fko {
  padding-top: 45px;
  padding-bottom: 50px;
}
body.page-id-22106 .elementor-element-95z4fko h1 {
  color: #c60e0e;
  line-height: 1.2;
}
body.page-id-22106 .elementor-element-95z4fko p {
  max-width: 760px;
  line-height: 1.6;
}

/* ---- 4. Bloque intro gris (0b1ap5o) ---- */
body.page-id-22106 .elementor-element-0b1ap5o {
  padding-top: 40px;
  padding-bottom: 40px;
}
body.page-id-22106 .elementor-element-0b1ap5o p {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1.6;
  font-size: 17px;
}

/* ---- 5. Vídeo destacado (8a70e14) ---- */
body.page-id-22106 .elementor-element-8a70e14 > .e-con-inner {
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: center;
}
body.page-id-22106 .elementor-element-8a70e14 img {
  width: 100%;
  max-height: 380px;
  object-fit: cover;
}
body.page-id-22106 .elementor-element-8a70e14 h2 {
  color: #c60e0e;
  font-size: 28px;
  line-height: 1.25;
}
/* Botón "Ver vídeo" sobrio rojo PATECO */
body.page-id-22106 .elementor-element-8a70e14 .elementor-button {
  background-color: #c60e0e;
  color: #fff;
  border: 1px solid #c60e0e;
  border-radius: 4px;
  padding: 12px 28px;
}
body.page-id-22106 .elementor-element-8a70e14 .elementor-button:hover {
  background-color: #a50b0b;
  border-color: #a50b0b;
}

/* ---- 6. Secciones por categoría ---- */
body.page-id-22106 .elementor-element-1831f31,
body.page-id-22106 .elementor-element-1537b4f,
body.page-id-22106 .elementor-element-17d85a6,
body.page-id-22106 .elementor-element-fe0c412,
body.page-id-22106 .elementor-element-742df63,
body.page-id-22106 .elementor-element-2b34868 {
  padding-top: 50px;
  padding-bottom: 50px;
}
/* H2 editorial en mayúsculas + línea separadora */
body.page-id-22106 .elementor-22106 .e-con > .e-con-inner > .elementor-widget-heading h2,
body.page-id-22106 .elementor-22106 .e-con .elementor-widget-heading h2 {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid #e2e2e2;
  padding-bottom: 12px;
  margin-bottom: 35px;
}

/* ---- 7. Tarjetas editoriales (plantilla 22123) ---- */
body.page-id-22106 .elementor-22123.e-loop-item {
  background: transparent;
  border: none;
  box-shadow: none;
}
body.page-id-22106 .elementor-22123 .elementor-widget-theme-post-featured-image img,
body.page-id-22106 .elementor-22123 img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
/* fecha gris */
body.page-id-22106 .elementor-22123 .elementor-widget-post-info,
body.page-id-22106 .elementor-22123 .elementor-post-info {
  color: #666;
  font-size: 15px;
}
/* Título H3 rojo PATECO + line-clamp 3 líneas */
body.page-id-22106 .elementor-22123 .elementor-widget-theme-post-title h3,
body.page-id-22106 .elementor-22123 h3 {
  color: #c60e0e;
  font-size: 21px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.page-id-22106 .elementor-22123 h3 a { color: #c60e0e; }
/* separación interna imagen/fecha/título */
body.page-id-22106 .elementor-22123 > .e-con-inner > *,
body.page-id-22106 .elementor-22123 .elementor-widget {
  margin-bottom: 12px;
}

/* ---- 8. Botones "Ver todo" (todos menos el destacado) ---- */
body.page-id-22106 .elementor-element-1831f31 .elementor-button,
body.page-id-22106 .elementor-element-1537b4f .elementor-button,
body.page-id-22106 .elementor-element-17d85a6 .elementor-button,
body.page-id-22106 .elementor-element-fe0c412 .elementor-button,
body.page-id-22106 .elementor-element-742df63 .elementor-button,
body.page-id-22106 .elementor-element-2b34868 .elementor-button {
  background-color: #fff;
  color: #c60e0e;
  border: 1px solid #c60e0e;
  border-radius: 6px;
  padding: 12px 28px;
  transition: all .2s ease;
}
body.page-id-22106 .elementor-element-1831f31 .elementor-button:hover,
body.page-id-22106 .elementor-element-1537b4f .elementor-button:hover,
body.page-id-22106 .elementor-element-17d85a6 .elementor-button:hover,
body.page-id-22106 .elementor-element-fe0c412 .elementor-button:hover,
body.page-id-22106 .elementor-element-742df63 .elementor-button:hover,
body.page-id-22106 .elementor-element-2b34868 .elementor-button:hover {
  background-color: #c60e0e;
  color: #fff;
}

/* ---- 9. Responsive ---- */
/* Tablet: 2 columnas en los grids */
@media (max-width: 1024px) {
  body.page-id-22106 .elementor-22106 .elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
/* Móvil */
@media (max-width: 767px) {
  body.page-id-22106 .elementor-22106 .e-con-boxed > .e-con-inner,
  body.page-id-22106 .elementor-22106 .elementor-section-boxed > .elementor-container {
    padding-left: 18px;
    padding-right: 18px;
  }
  /* Vídeo destacado apilado */
  body.page-id-22106 .elementor-element-8a70e14 > .e-con-inner {
    flex-direction: column;
    gap: 24px;
  }
  /* 1 columna */
  body.page-id-22106 .elementor-22106 .elementor-grid {
    grid-template-columns: 1fr !important;
  }
  /* Tipografías reducidas */
  body.page-id-22106 .elementor-element-95z4fko h1 { font-size: 30px; }
  body.page-id-22106 .elementor-22106 .e-con .elementor-widget-heading h2 { font-size: 22px; }
  body.page-id-22106 .elementor-element-8a70e14 h2 { font-size: 22px; }
  body.page-id-22106 .elementor-22123 h3 { font-size: 18px; }
  /* Botones a ancho cómodo */
  body.page-id-22106 .elementor-22106 .elementor-button { width: auto; }
}

/* ---- 10. Limpieza: ocultar SOLO widgets HTML vacíos de Elementor ---- */
body.page-id-22106 .elementor-22106 .elementor-widget-html:empty,
body.page-id-22106 .elementor-22106 .elementor-widget-html .elementor-widget-container:empty {
  display: none;
}