.elementor-502 .elementor-element.elementor-element-0f4829a{--display:flex;}.elementor-502 .elementor-element.elementor-element-0f4829a.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-502 .elementor-element.elementor-element-0f4829a{--width:97.998%;}}/* Start custom CSS for html, class: .elementor-element-02ef6ff */:root {
  --color-magenta: #8C0052;
  --color-agua: #007f94;
  --color-texto: #333333;
  --color-fondo-claro: #f5f5f5;
  --color-gris-suave: #e0e0e0;
}

/* TITULOS PRINCIPALES */
h1, h2, .elementor-heading-title {
  color: var(--color-magenta);
  font-weight: bold;
}

/* SUBTITULOS o NEGRITAS */
h3, h4, strong, b {
  color: var(--color-agua);
  font-weight: 600;
}

/* PÁRRAFOS GENERALES */
p, li, span {
  color: var(--color-texto);
  line-height: 1.6;
}

/* BOTONES */
.elementor-button {
  background-color: var(--color-agua);
  border-radius: 6px;
  color: #fff;
  font-weight: 600;
}
.elementor-button:hover {
  background-color: var(--color-magenta);
}

/* FONDOS SUAVES */
.section-light {
  background-color: var(--color-fondo-claro);
  padding: 2rem;
  border-radius: 10px;
}

/* BORDES O SEPARADORES */
hr {
  border-top: 2px solid var(--color-magenta);
  margin: 2rem 0;
}

/* ENLACES */
a {
  color: var(--color-agua);
  text-decoration: underline;
}
a:hover {
  color: var(--color-magenta);
}/* End custom CSS */