.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#7AB9FF;--e-global-color-text:#5862E8;--e-global-color-accent:#000037;--e-global-color-28a7477:#3535A6;--e-global-color-f15eca6:#5B64E4;--e-global-typography-primary-font-family:"Noto Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Sans";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Noto Sans";--e-global-typography-accent-font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:1rem;--e-global-typography-secondary-font-size:1rem;--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1rem;font-size:1rem;}.elementor-kit-7 h1{font-size:2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- ESTILOS DE ENCABEZADO EXISTENTES --- */

.Encabezado-Principal {
  font-family: 'Noto Sans';
  font-weight: 700;
  color: #111827;
  margin: 0; /* Lo dejamos, ya que es espaciado */
}

.Encabezado-Principal-Lato {
  font-family: 'Lato';
  font-weight: 900;
  font-style: italic;
  color: #4F4DDE;
}


/* --- NUEVA CLASE DE SUBTÍTULO --- */

.Subtitulo-lato {
  font-family: 'Lato';
  font-weight: 400;
  color: #4F4DDE;
  /* * NOTA: 
   * Se omiten 'font-size' y 'line-height' para que puedas 
   * controlarlos desde la pestaña "Estilo" de Elementor 
   * y hacerlos responsivos fácilmente.
   */
}
/*
 * 1. Definimos el color por defecto (el de la Pestaña 1)
 * para tu contenedor del título.
 */
#mi-titulo-con-fondo {
  background: linear-gradient(180deg, #FFFFFF, #7AB9FFCC); /* <-- Pon aquí el color para tu Plan 1 */
  /* Transición suave al cambiar de color */
  transition: background-color 0.4s ease;
}

/* * 2. Creamos las clases para los OTROS planes.
 * El script las añadirá y quitará.
 */
#mi-titulo-con-fondo.fondo-plan-2 {
  background: linear-gradient(180deg, #FFFFFF, #5962E6); /* <-- Color para Plan 2 */
}

#mi-titulo-con-fondo.fondo-plan-3 {
  background: linear-gradient(180deg, #FFFFFF, #36E2BA); /* <-- Color para Plan 3 */
}

#mi-titulo-con-fondo.fondo-plan-4 {
  background: linear-gradient(180deg, #FFFFFF, #FFE497); /* <-- Color para Plan 4 */
}
body{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
.custom-container {
    width: 90vw;
    max-width: 1800px;
    margin: 0 auto;
}
.container-rounded{
    border-radius: 30px;
}/* End custom CSS */