.elementor-3045 .elementor-element.elementor-element-d1abc92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-2339c38{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-dda77c2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3045 .elementor-element.elementor-element-8802a8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-8c357cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3045 .elementor-element.elementor-element-303bf10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-f18e8ea{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-eee3b81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-c3a8215{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-8691951{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-b23f35f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-d47c22a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-d68b7e5{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-0b15f49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-d8760c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-50c9b88{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-40f1689{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-9325a85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-1e1d680{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-7b41d8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-e80eeab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-f28342f{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-cf7d5f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-ff8858c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-1f5855a{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-0d32379{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-025849c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-6437109{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-f13c581{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-4563eca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-94d887b{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-9c2a9b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3045 .elementor-element.elementor-element-b754509{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3045 .elementor-element.elementor-element-0cd342d{--spacer-size:50px;}.elementor-3045 .elementor-element.elementor-element-762dfdf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8c357cf *//* Fuente recomendada (Poppins) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

/* Imagen superior con efecto hover */
.imagen-top img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  transition: transform 0.5s ease, filter 0.5s ease;
  display: block;
  margin: 0 auto;
  border-radius: 0 0 24px 24px;
}

.imagen-top img:hover {
  transform: scale(1.03) rotate(-1deg);
  filter: brightness(1.1) contrast(1.1);
}

/* Botón-encabezado */
.boton-encabezado {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #00bcd4, #3f51b5);
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado:hover {
  transform: scale(1.05);
  background: linear-gradient(135deg, #00acc1, #2c387e);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}

/* Contenido principal */
.contenido-adf {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #e0f7fa, #e1f5fe);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #1b2e4b;
  font-size: 1.05rem;
  line-height: 1.8;
  position: relative; /* necesario para el tooltip */
}

.contenido-adf p {
  margin-bottom: 24px;
}

.contenido-adf span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #003b5b;
}

/* TOOLTIP para SELFIE */
.tooltip-wrapper {
  position: relative;
  display: inline-block;
}

.tooltip-wrapper .tooltip-text-fixed {
  position: absolute;
  top: -150px;
  right: 0;
  width: 320px;
  background: #b2ebf2;
  color: #006064;
  text-align: left;
  padding: 12px 16px;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  font-size: 0.9rem;
  line-height: 1.4;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease;
  z-index: 10;
}
.tooltip-selfie {
  position: relative;
  display: inline-block;
  cursor: help;
  font-weight: bold;
  color: #00838f;
  text-decoration: underline dotted;
}

.tooltip-selfie .tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 320px;
  background: #fff9c4;
  color: #333;
  padding: 14px 16px;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -160px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9rem;
  line-height: 1.5;
  z-index: 999;
  transition: opacity 0.2s ease;
}

.tooltip-selfie:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.tooltip-wrapper:hover .tooltip-text-fixed {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-015ceef *//* CABECERA SEGUNDA, MISMO ESTILO, COLOR DIFERENTE */
.boton-encabezado.color-vecino {
    display: inline-block;
      padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #4dd0e1, #26a69a);
    border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
    margin: 40px auto;
  display: block;
}

.boton-encabezado.color-vecino:hover {
  background: linear-gradient(135deg, #26c6da, #00796b);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);

}

/* BLOQUE DE CONTENIDO CENTRADO Y FUNCIONAL */
.contenido-adf.color-vecino {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #e0f2f1, #dcedc8);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #1b2e4b;
  font-size: 1.05rem;
  line-height: 1.8;
}

/* TEXTO */
.contenido-adf.color-vecino p {
  margin-bottom: 24px;
}

.contenido-adf.color-vecino span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #003b5b;
}

/* TOOLTIP STEAM */
.tooltip-steam {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: help;
  transition: font-weight 0.2s ease;
}

.tooltip-steam:hover {
  font-weight: bold;
}

.tooltip-steam .tooltip-text {
  visibility: hidden;
  width: 260px;
  background-color: #37474f;
  color: #fff;
  text-align: left;
  padding: 12px;
  border-radius: 8px;
  position: absolute;
  z-index: 100;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  font-size: 0.9rem;
  line-height: 1.4;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.tooltip-steam .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #37474f transparent transparent transparent;
}

.tooltip-steam:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f6c278 *//* CABECERA BLOQUE 3 — VERDE LIMA SUAVE */
.boton-encabezado.color-competencias {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #d4e157, #c0ca33); /* Color bloque 3 */
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-competencias:hover {
  background: linear-gradient(135deg, #cddc39, #afb42b);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}



/* CONTENIDO BLOQUE 3 */
.contenido-adf.color-competencias {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #f0f4c3, #f1f8e9); /* amarillo verdoso suave */
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #1b2e4b;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-competencias p {
  margin-bottom: 24px;
}

.contenido-adf.color-competencias span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #33691e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d7014e2 *//* CABECERA BLOQUE 4 — color vecino (naranja suave) */
.boton-encabezado.color-espacios {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #ffcc80, #ffb74d); /* Color bloque 4 */
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-espacios:hover {
  background: linear-gradient(135deg, #ffa726, #fb8c00);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}


/* CONTENIDO BLOQUE 4 */
.contenido-adf.color-espacios {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #fff3e0, #fbe9e7);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #4e342e;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-espacios p {
  margin-bottom: 24px;
}

.contenido-adf.color-espacios span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #bf360c;
}

/* ESTILO DE IMÁGENES CON EFECTO */
.imagen-marco {
  max-width: 800px;
  margin: 20px auto;
  text-align: center;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.imagen-marco:hover {
  transform: scale(1.03);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}

.imagen-marco img {
  width: 100%;
  height: auto;
  display: block;
}

.imagen-marco p {
  font-size: 0.9rem;
  color: #6d4c41;
  background: #fff8e1;
  margin: 0;
  padding: 8px 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f305ef2 */.boton-encabezado.color-organiza {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #f8bbd0, #f48fb1);
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-organiza:hover {
  background: linear-gradient(135deg, #f06292, #ec407a);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}

.contenido-adf.color-organiza {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #fce4ec, #f8bbd0);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #4a1c2d;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-organiza p {
  margin-bottom: 24px;
}

.contenido-adf.color-organiza span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #ad1457;
}

/* TABLA DE HORARIO */
.tabla-horario {
  overflow-x: auto;
  margin-top: 20px;
}

.tabla-horario table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  font-size: 0.95rem;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.tabla-horario th {
  background: #f8bbd0;
  color: #4a1c2d;
  padding: 12px;
  font-weight: 600;
}

.tabla-horario td {
  padding: 10px;
  border-top: 1px solid #f3e5f5;
}

.tabla-horario td.recreo {
  background: #fce4ec;
  font-weight: 600;
  color: #880e4f;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da7d179 */.boton-encabezado.color-generador {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #d1c4e9, #9575cd);
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-generador:hover {
  background: linear-gradient(135deg, #7e57c2, #512da8);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}

.contenido-adf.color-generador {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #ede7f6, #d1c4e9);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #311b92;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-generador p {
  margin-bottom: 24px;
}

.contenido-adf.color-generador span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #4527a0;
}

/* VIDEO CON MARCO CHULO */
.video-marco {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
  margin-top: 20px;
  background: #000;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-marco:hover {
  transform: scale(1.02);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

.video-marco iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e431fe6 */.boton-encabezado.color-zonas {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #b2ebf2, #4dd0e1); /* azul turquesa claro */
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-zonas:hover {
  background: linear-gradient(135deg, #26c6da, #00acc1);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}

.contenido-adf.color-zonas {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #e0f7fa, #b2ebf2);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #006064;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-zonas p {
  margin-bottom: 24px;
}

.contenido-adf.color-zonas span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #00838f;
}

/* NUEVO BLOQUE PARA IMÁGENES CON LEYENDA */
.imagen-marco.zona {
  margin: 32px 0;
  background: #b2ebf2;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.imagen-marco.zona img {
  display: block;
  width: 100%;
  height: auto;
}

.imagen-marco.zona p {
  margin: 0;
  padding: 12px 20px;
  background: #e0f7fa;
  color: #006064;
  font-size: 0.95rem;
  text-align: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-469b4fb */.boton-encabezado.color-recursos {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #c8e6c9, #81c784); /* verde menta */
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-recursos:hover {
  background: linear-gradient(135deg, #66bb6a, #388e3c);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}

.contenido-adf.color-recursos {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #1b5e20;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-recursos p {
  margin-bottom: 24px;
}

.contenido-adf.color-recursos span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #2e7d32;
}

.contenido-adf.color-recursos ul {
  padding-left: 20px;
  margin-bottom: 24px;
}

.contenido-adf.color-recursos li {
  margin-bottom: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-febda71 */.boton-encabezado.color-metodologia {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #fff59d, #fdd835);
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-metodologia:hover {
  background: linear-gradient(135deg, #fbc02d, #f9a825);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}

.contenido-adf.color-metodologia {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #fffde7, #fff9c4);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #795548;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-metodologia p {
  margin-bottom: 24px;
}

.contenido-adf.color-metodologia span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #f57f17;
}

.contenido-adf.color-metodologia ul {
  padding-left: 20px;
  margin-bottom: 24px;
}

.contenido-adf.color-metodologia li {
  margin-bottom: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-353bf84 */.boton-encabezado.color-dinamizadores {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #ffe0b2, #ffb74d);
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-dinamizadores:hover {
  background: linear-gradient(135deg, #ffa726, #fb8c00);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}

.contenido-adf.color-dinamizadores {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #fff3e0, #ffe0b2);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #4e342e;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-dinamizadores p {
  margin-bottom: 24px;
}

.contenido-adf.color-dinamizadores span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #ef6c00;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a65540e */.boton-encabezado.color-difusion {
  display: inline-block;
  padding: 18px 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: white;
  background: linear-gradient(135deg, #f8bbd0, #f48fb1);
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 40px auto;
  display: block;
}

.boton-encabezado.color-difusion:hover {
  background: linear-gradient(135deg, #ec407a, #ad1457);
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0,0,0,0.3);
}

.contenido-adf.color-difusion {
  max-width: 960px;
  margin: 40px auto;
  padding: 40px;
  background: linear-gradient(135deg, #fce4ec, #f8bbd0);
  border-radius: 24px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  color: #4a1c2d;
  font-size: 1.05rem;
  line-height: 1.8;
}

.contenido-adf.color-difusion p {
  margin-bottom: 24px;
}

.contenido-adf.color-difusion span {
  font-weight: 600;
  font-size: 1.1rem;
  display: inline-block;
  margin-bottom: 4px;
  color: #c2185b;
}

.contenido-adf.color-difusion a {
  color: #c2185b;
  text-decoration: underline;
}/* End custom CSS */