.elementor-23 .elementor-element.elementor-element-bf7b004{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--background-transition:0.3s;--margin-block-start:-130px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:130px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-23 .elementor-element.elementor-element-bf7b004, .elementor-23 .elementor-element.elementor-element-bf7b004::before{--border-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-1ff6a4e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-d64d65f{--display:flex;--min-height:0px;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:space-between;--align-items:center;--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-d64d65f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-a393193{width:var( --container-widget-width, 104.612% );max-width:104.612%;--container-widget-width:104.612%;--container-widget-flex-grow:0;}.elementor-23 .elementor-element.elementor-element-a393193.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-009cf12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-009cf12.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-0ca3039{text-align:center;}.elementor-23 .elementor-element.elementor-element-0ca3039 .elementor-heading-title{color:#196352;font-family:"Roboto", Sans-serif;font-weight:800;}.elementor-23 .elementor-element.elementor-element-0ca3039 > .elementor-widget-container{margin:37px 0px 0px 0px;}.elementor-23 .elementor-element.elementor-element-6a39b1d{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-block-start-width:0px;--border-inline-end-width:0px;--border-block-end-width:0px;--border-inline-start-width:0px;--border-radius:10px 10px 10px 10px;--padding-block-start:9px;--padding-block-end:9px;--padding-inline-start:9px;--padding-inline-end:9px;}.elementor-23 .elementor-element.elementor-element-6a39b1d, .elementor-23 .elementor-element.elementor-element-6a39b1d::before{--border-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-6a39b1d.e-con{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group{padding-right:calc( 31px/2 );padding-left:calc( 31px/2 );margin-bottom:10px;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-form-fields-wrapper{margin-left:calc( -31px/2 );margin-right:calc( -31px/2 );margin-bottom:-10px;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-23 .elementor-element.elementor-element-b967e32 .elementor-labels-inline .elementor-field-group > label{padding-left:12px;}body:not(.rtl) .elementor-23 .elementor-element.elementor-element-b967e32 .elementor-labels-inline .elementor-field-group > label{padding-right:12px;}body .elementor-23 .elementor-element.elementor-element-b967e32 .elementor-labels-above .elementor-field-group > label{padding-bottom:12px;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group > label, .elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-subgroup label{color:#000000;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-type-html{padding-bottom:0px;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group .elementor-field{color:#000000;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group .elementor-field, .elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;line-height:8px;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:26px 26px 26px 26px;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:26px 26px 26px 26px;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-button{font-family:"Montserrat", Sans-serif;font-weight:500;border-radius:25px 25px 25px 25px;padding:15px 40px 15px 40px;}.elementor-23 .elementor-element.elementor-element-b967e32 .e-form__buttons__wrapper__button-next{background-color:#196352;color:#ffffff;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-button[type="submit"]{background-color:#196352;color:#ffffff;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-23 .elementor-element.elementor-element-b967e32 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-23 .elementor-element.elementor-element-b967e32 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-23 .elementor-element.elementor-element-b967e32 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-23 .elementor-element.elementor-element-b967e32 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-23 .elementor-element.elementor-element-b967e32{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-23 .elementor-element.elementor-element-b967e32 > .elementor-widget-container{border-radius:11px 11px 11px 11px;box-shadow:26px -3px 5px -59px rgba(0,0,0,0.5);}.elementor-23 .elementor-element.elementor-element-d4f62d0{--display:flex;--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-ee5dc6d .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;text-decoration:none;text-shadow:0px 0px 10px rgba(0,0,0,0.3);background-color:#196352;border-style:none;border-radius:25px 25px 25px 25px;}.elementor-23 .elementor-element.elementor-element-9c4a47c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:75px;--padding-block-end:75px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-23 .elementor-element.elementor-element-50520d1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-23 .elementor-element.elementor-element-4411a2f{--display:flex;--background-transition:0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-d64d65f{--width:55.955%;}.elementor-23 .elementor-element.elementor-element-009cf12{--width:37.383%;}.elementor-23 .elementor-element.elementor-element-9c4a47c{--content-width:1100px;}.elementor-23 .elementor-element.elementor-element-4411a2f{--width:85%;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-bf7b004{--min-height:375px;--margin-block-start:-85px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-23 .elementor-element.elementor-element-9c4a47c{--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:50px;--padding-block-end:50px;--padding-inline-start:15px;--padding-inline-end:15px;}}/* Start custom CSS for container, class: .elementor-element-009cf12 *//* ============================================= */
/* --- 1. ESTILOS BASE (Mobile-First) --- */
/* Estilos para pantallas pequeñas (móviles) */
/* ============================================= */

/* Contenedor principal fluido */
.container {
  width: 90%; /* Usa un poco de margen en los lados */
  max-width: 1200px; /* Un límite para pantallas muy grandes */
  margin: 0 auto; /* Centra el contenedor */
}

/* Las imágenes deben ser flexibles para que no se desborden */
img, video {
  max-width: 100%;
  height: auto;
}

/* Por defecto, los elementos de layout se apilan verticalmente */
.header,
.main-content,
.sidebar,
.footer {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box; /* Asegura que el padding no afecte el ancho total */
}

/* Esconde la navegación de escritorio en móviles */
.nav-desktop {
  display: none;
}

/* Muestra el menú de hamburguesa (si lo tienes) */
.nav-mobile-icon {
  display: block; /* o inline-block */
}

/* ================================================= */
/* --- 2. BREAKPOINT PARA TABLETS --- */
/* Se aplica si la pantalla mide 768px o MÁS */
/* ================================================= */

@media (min-width: 768px) {
  
  /* Aumentamos el tamaño de la fuente para mejor legibilidad */
  body {
    font-size: 18px;
  }

  .container {
    width: 85%;
  }
  
  /* Ejemplo: Un layout de 2 columnas usando Flexbox */
  .parent-container {
    display: flex;
    gap: 20px; /* Espacio entre las columnas */
  }

  .main-content {
    flex: 2; /* El contenido principal ocupa 2/3 del espacio */
    order: 2; /* El contenido aparece en segunda posición */
  }

  .sidebar {
    flex: 1; /* La barra lateral ocupa 1/3 del espacio */
    order: 1; /* La barra lateral aparece primero */
  }

  /* Ocultamos el icono móvil y mostramos el menú de escritorio */
  .nav-desktop {
    display: flex; /* O block, dependiendo de tu diseño */
  }

  .nav-mobile-icon {
    display: none;
  }
}

/* =================================================== */
/* --- 3. BREAKPOINT PARA DESKTOPS --- */
/* Se aplica si la pantalla mide 1024px o MÁS */
/* =================================================== */

@media (min-width: 1024px) {

  .container {
    width: 80%;
  }

  /* Ejemplo: Aumentar el tamaño de los títulos en pantallas grandes */
  h1 {
    font-size: 2.5rem;
  }

  /* Ejemplo con CSS Grid para un layout más complejo */
  .grid-container {
    display: grid;
    grid-template-columns: 1fr 3fr; /* Columna lateral y columna principal */
    grid-template-areas:
      "header header"
      "sidebar main"
      "footer footer";
    gap: 25px;
  }

  .header { grid-area: header; }
  .main-content { grid-area: main; }
  .sidebar { grid-area: sidebar; }
  .footer { grid-area: footer; }
}/* End custom CSS */