.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-2b5f5e8:#FFFFFF;--e-global-color-f3d9feb:#000000;--e-global-color-b2c84df:#FDBC00;--e-global-color-25af781:#FFD102;--e-global-color-c6b5bdc:#EB7104;--e-global-color-5cd295d:#E07000;--e-global-color-4989c75:#F5A800;--e-global-color-1470a0a:#004320;--e-global-color-8210270:#1A6B1A;--e-global-color-59a3efb:#3AAD3A;--e-global-color-0880939:#1A6B1AA1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-97da1cb-font-family:"Poppins";--e-global-typography-97da1cb-font-size:56px;--e-global-typography-97da1cb-font-weight:700;--e-global-typography-97da1cb-line-height:1.2em;--e-global-typography-e0031f3-font-size:38px;--e-global-typography-e0031f3-font-weight:700;--e-global-typography-e0031f3-line-height:1.2em;--e-global-typography-8d64f00-font-family:"Poppins";--e-global-typography-8d64f00-font-size:16px;--e-global-typography-fb881b1-font-family:"Poppins";--e-global-typography-fb881b1-font-size:12px;--e-global-typography-0fb9d90-font-family:"Poppins";--e-global-typography-0fb9d90-font-size:14px;--e-global-typography-f8c8b20-font-family:"Poppins";--e-global-typography-f8c8b20-font-size:18px;--e-global-typography-f8c8b20-font-weight:700;--e-global-typography-f8c8b20-line-height:1.2em;--e-global-typography-021b808-font-family:"Poppins";--e-global-typography-021b808-font-size:40px;--e-global-typography-021b808-font-weight:500;--e-global-typography-021b808-line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:80px;--container-default-padding-right:75px;--container-default-padding-bottom:80px;--container-default-padding-left:75px;}.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);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.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-kit-8{--e-global-typography-97da1cb-font-size:32px;--e-global-typography-e0031f3-font-size:24px;--e-global-typography-8d64f00-font-size:16px;--e-global-typography-8d64f00-line-height:1.2em;--e-global-typography-fb881b1-font-size:12px;--e-global-typography-fb881b1-line-height:1.2em;--e-global-typography-0fb9d90-font-size:14px;--e-global-typography-0fb9d90-line-height:1.2em;--e-global-typography-021b808-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:50px;--container-default-padding-right:20px;--container-default-padding-bottom:050px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-97da1cb-font-size:24px;--e-global-typography-8d64f00-font-size:16px;--e-global-typography-8d64f00-line-height:1.2em;--e-global-typography-fb881b1-font-size:12px;--e-global-typography-fb881b1-line-height:1.2em;--e-global-typography-021b808-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:50px;--container-default-padding-right:20px;--container-default-padding-bottom:50px;--container-default-padding-left:20px;}}
/* Start custom CSS *//* -----------------------------------------
   1. Estilos generales para las etiquetas (Labels)
----------------------------------------- */
.gform_wrapper.gravity-theme .gfield_label {
    color: #5A7A5A !important;
font-family: Poppins !important;
font-size: 12px !important;
font-weight: 400 !important;
    display: block;
}

/* -----------------------------------------
   2. Estilos para Campos de Texto, Email y Teléfono
----------------------------------------- */
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="url"] {
    width: 100%;
    border-radius: 8px;
border: 1px solid #D4E6D4;
background: #F3F8F3;
padding: 8px 12px;
    color: #5A7A5A;
    font-family: poppins !important;
    box-sizing: border-box;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.ginput_container_date input {
    width: 100% !important;
}

/* Efecto al hacer clic en un campo de texto */
.gform_wrapper.gravity-theme input[type="text"]:focus,
.gform_wrapper.gravity-theme input[type="email"]:focus,
.gform_wrapper.gravity-theme input[type="tel"]:focus {
    border-color: #5e7a5e;
    outline: none;
    box-shadow: 0 0 0 1px #5e7a5e; /* Resalte verde */
}

/* Placeholder (texto de ejemplo) */
.gform_wrapper.gravity-theme input::placeholder {
    color: #9EC39E;
font-family: Poppins !important;
font-size: 14px;
font-weight: 400;
}

/* -----------------------------------------
   3. Estilos para el campo Select (Desplegable)
----------------------------------------- */
.gform_wrapper.gravity-theme select {
    width: 100%;
    width: 100%;
    border-radius: 8px;
border: 1px solid #D4E6D4;
background: #F3F8F3;
padding: 8px 12px;
font-family: Poppins !important;
    color: #5A7A5A;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* Ícono de flecha personalizado */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235e7a5e%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px auto;
    box-sizing: border-box;
    cursor: pointer;
}

.gform_wrapper.gravity-theme select:focus {
    outline: none;
    box-shadow: 0 0 0 1px #5e7a5e;
}

/* -----------------------------------------
   4. Estilos para el Radio (Términos y condiciones)
----------------------------------------- */
.gform_wrapper.gravity-theme .gfield_radio .gchoice {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

/* Ocultamos el radio nativo (el círculo) y creamos un cuadrado personalizado */
.gform_wrapper.gravity-theme .gfield_radio input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border: 1.5px solid #a3b8a3; /* Borde verde claro */
    border-radius: 6px; /* Lo hacemos cuadrado pero con bordes redondeados */
    background-color: #f7faf7; /* Fondo sutilmente verde */
    margin-right: 12px;
    margin-top: 0;
    cursor: pointer;
    position: relative;
    display: inline-block;
    transition: all 0.2s ease;
}

/* Fondo verde cuando está seleccionado */
.gform_wrapper.gravity-theme .gfield_radio input[type="radio"]:checked {
    background-color: #5e7a5e;
    border-color: #5e7a5e;
}

/* Dibujamos la "palomita" (check) en lugar del punto tradicional del radio */
.gform_wrapper.gravity-theme .gfield_radio input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Texto al lado del radio */
.gform_wrapper.gravity-theme .gfield_radio label {
    color: #5A7A5A;
font-family: Poppins;
font-size: 12px;
font-weight: 400;
    cursor: pointer;
    line-height: 1.4;
    margin: 0;
}/* End custom CSS */