.elementor-1486 .elementor-element.elementor-element-7e7fc4f{--display:flex;--flex-direction:column;--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;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:120px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1486 .elementor-element.elementor-element-7e7fc4f:not(.elementor-motion-effects-element-type-background), .elementor-1486 .elementor-element.elementor-element-7e7fc4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.transportesnazar.cl/wp-content/uploads/2026/05/Mask-group-9-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1486 .elementor-element.elementor-element-c52750f{text-align:center;width:var( --container-widget-width, 720px );max-width:720px;--container-widget-width:720px;--container-widget-flex-grow:0;}.elementor-1486 .elementor-element.elementor-element-c52750f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:45px;color:#0F172A;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:30px;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-30px;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-labels-inline .elementor-field-group > label{padding-left:15px;}body:not(.rtl) .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-labels-inline .elementor-field-group > label{padding-right:15px;}body .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-labels-above .elementor-field-group > label{padding-bottom:15px;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group > label, .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-subgroup label{color:#0F172A;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-type-html{padding-bottom:0px;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group .elementor-field{color:#0F172AE6;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group .elementor-field, .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#0000001A;border-radius:10px 10px 10px 10px;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#0000001A;border-radius:10px 10px 10px 10px;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-group .elementor-select-wrapper::before{color:#0000001A;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;border-radius:10px 10px 10px 10px;padding:15px 50px 15px 25px;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-next{background-color:#2B0EBE;color:#ffffff;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button[type="submit"]{background-color:#2B0EBE;color:#ffffff;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-previous{background-color:#2B0EBE;color:#ffffff;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-next:hover{background-color:#38B6FF;color:#ffffff;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button[type="submit"]:hover{background-color:#38B6FF;color:#ffffff;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-previous:hover{background-color:#38B6FF;color:#ffffff;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-message{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator, .elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator__label{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-1486 .elementor-element.elementor-element-eec9c59{--e-form-steps-indicators-spacing:100px;--e-form-steps-indicator-padding:70px;--e-form-steps-indicator-inactive-primary-color:#0F172A;--e-form-steps-indicator-inactive-secondary-color:#E8E4FF;--e-form-steps-indicator-active-primary-color:#0F172A;--e-form-steps-indicator-active-secondary-color:#2B0EBE;--e-form-steps-indicator-completed-primary-color:#0F172A;--e-form-steps-indicator-completed-secondary-color:#2B0EBE;--e-form-steps-divider-width:2px;--e-form-steps-divider-gap:0px;margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:100%;max-width:100%;}@media(max-width:767px){.elementor-1486 .elementor-element.elementor-element-7e7fc4f{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1486 .elementor-element.elementor-element-c52750f .elementor-heading-title{font-size:28px;line-height:35px;}.elementor-1486 .elementor-element.elementor-element-c52750f{--container-widget-width:315px;--container-widget-flex-grow:0;width:var( --container-widget-width, 315px );max-width:315px;}}/* Start custom CSS for form, class: .elementor-element-eec9c59 *//* =========================================
   1. INDICADORES DE PASOS (STEPPER)
   ========================================= */

/* Contenedor y estructura de pasos */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators {
    align-items: flex-end;
    margin-bottom: 40px;
    padding: 0 20px;
}

.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 15px;
}

/* Etiquetas de texto (Labels) */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator__label {
    position: absolute;
    bottom: 100px; /* Ajustado para que no flote demasiado */
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    color: #0F172A;
    left: 50%;
    transform: translateX(-50%); /* Centrado perfecto sin importar el largo */
}

/* Círculos de numeración */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator__number {
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important; /* Centra el número verticalmente */
    border: none !important;
    font-weight: 200;
    font-size: 40px;
    transition: all 0.3s ease;
}

/* Colores por Estado (Activo/Inactivo/Completado) */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number,
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number {
    background-color: #2B0EBE !important;
    color: #FFFFFF !important;
}

.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator--state-inactive .e-form__indicators__indicator__number {
    background-color: #E6E1FF !important;
    color: #2B0EBE !important;
}

/* Línea separadora */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator__separator {
    height: 2px !important;
    background-color: #B0B0B0 !important;
    margin-bottom: 40px;
}

/* =========================================
   2. CHECKBOXES (EQUIPO REQUIERES)
   ========================================= */

/* Label del grupo (Pregunta) */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-type-checkbox .elementor-field-label {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #0F172A;
    margin-bottom: 15px !important;
    display: block;
}

/* Contenedor de opciones y botones redondos */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-subgroup {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-option {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Diseño del Checkbox circular */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-option input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #0F172A !important;
    border-radius: 50% !important; /* Totalmente redondo */
    cursor: pointer;
    position: relative;
    transition: background 0.3s ease;
    margin: 0 !important;
}

/* Checkbox seleccionado */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-option input[type="checkbox"]:checked {
    background-color: #2B0EBE !important;
    border: none !important;
}
/* Texto de cada opción (Sider, Botelleros, etc) */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-option label {
    font-size: 14px;
    font-weight: 400;
    color: #0F172A;
    cursor: pointer;
}

/* =========================================
   3. BOTÓN SIGUIENTE CON ICONO SVG
   ========================================= */

/* =========================================
   ESTILO PARA BOTONES (NEXT Y SEND)
   ========================================= */

/* Estructura base para ambos botones */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-next,
.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button[type="submit"] {
    border: none !important;
    position: relative;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding-right: 50px !important; /* Espacio para el cuadro blanco */
}

/* El recuadro blanco con el icono SVG para ambos botones */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-next::after,
.elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button[type="submit"]::after {
    content: '';
    position: absolute;
    right: 5px;
    width: 35px;
    height: 35px;
    
    /* Inserción del SVG */
    background-image: url('https://www.transportesnazar.cl/wp-content/uploads/2026/04/Group-5-1.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
}

/* Ocultar el botón Anterior por completo */
.elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-previous {
    display: none !important;
}

/* =========================================
   4. ADAPTACIÓN PARA MÓVILES (Max 767px)
   ========================================= */

@media (max-width: 767px) {
    
    /* Ajuste de contenedor de pasos */
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators {
        margin-bottom: 30px;
    }

    /* Reducción de círculos del Stepper */
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator__number {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 24px !important; /* Texto más legible en círculo pequeño */
    }

    /* Ajuste de etiquetas de texto (Labels) */
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator__label {
        bottom: 65px; /* Bajamos la posición ya que el círculo es más pequeño */
        font-size: 13px; /* Reducción de fuente */
    }

    /* Línea separadora entre pasos */
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator__separator {
        margin-bottom: 30px; /* Alineado al centro del nuevo tamaño de círculo */
    }

    /* Ajuste de los Checkboxes (Opciones en 2 columnas o lista completa) */
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-field-subgroup {
        gap: 15px;
        flex-direction: column; /* Apilados verticalmente para facilitar el clic */
    }
    /* Botones de navegación (Next/Send) */
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-next,
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button[type="submit"] {
        width: 100% !important; /* Botón a ancho completo para pulgares */
        min-width: unset;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        font-size: 16px;
    }

    /* Ajuste del icono SVG en el botón mobile */
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__buttons__wrapper__button-next::after,
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .elementor-button[type="submit"]::after {
        width: 30px;
        height: 30px;
        background-size: 30px;
        right: 5px;
    }
}

@media (max-width: 767px) {
    /* Solo ajustamos el texto para que no se encime */
    .elementor-1486 .elementor-element.elementor-element-eec9c59 .e-form__indicators__indicator__label {
        white-space: normal !important; /* Permite que el texto salte de línea */
        text-align: center !important;
        width: 80px !important; /* Forzamos un ancho pequeño para que las palabras bajen */
        line-height: 1.1 !important;
        font-size: 11px !important;
        bottom: 80px !important; /* Ajusta este valor si queda muy alto o muy bajo */
    }
}/* End custom CSS */