.elementor-315 .elementor-element.elementor-element-15171a75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:28px 28px 28px 28px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-315 .elementor-element.elementor-element-15171a75:not(.elementor-motion-effects-element-type-background), .elementor-315 .elementor-element.elementor-element-15171a75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-315 .elementor-element.elementor-element-28805bf4{text-align:center;padding:20px 0px 0px 0px;}.elementor-315 .elementor-element.elementor-element-28805bf4 .elementor-heading-title{font-family:"Miedinger", Sans-serif;font-size:34px;font-weight:500;line-height:42px;color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-1e716458{text-align:center;margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 55px 0px;}.elementor-315 .elementor-element.elementor-element-1e716458 .elementor-heading-title{font-family:"Miedinger", Sans-serif;font-size:40px;font-weight:500;line-height:42px;color:#1AC1DD;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group{padding-right:calc( 13px/2 );padding-left:calc( 13px/2 );margin-bottom:8px;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-form-fields-wrapper{margin-left:calc( -13px/2 );margin-right:calc( -13px/2 );margin-bottom:-8px;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group.recaptcha_v3-bottomleft, .elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group > label, .elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-subgroup label{color:#F6F6F6;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group > label{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-type-html{padding-bottom:0px;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group .elementor-field{color:#000000;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group .elementor-field, .elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-button{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;}.elementor-315 .elementor-element.elementor-element-64eae1ce .e-form__buttons__wrapper__button-next{background-color:#1AC1DD;color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-button[type="submit"]{background-color:#1AC1DD;color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-64eae1ce .e-form__buttons__wrapper__button-previous{background-color:#1AC1DD;color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-64eae1ce .e-form__buttons__wrapper__button-next:hover{background-color:#BDC4D4;color:#0F1A2B;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-button[type="submit"]:hover{background-color:#BDC4D4;color:#0F1A2B;}.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-button[type="submit"]:hover svg *{fill:#0F1A2B;}.elementor-315 .elementor-element.elementor-element-64eae1ce .e-form__buttons__wrapper__button-previous:hover{background-color:#BDC4D4;color:#0F1A2B;}.elementor-315 .elementor-element.elementor-element-64eae1ce{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:29px;--e-form-steps-indicator-inactive-primary-color:#00000000;--e-form-steps-indicator-inactive-secondary-color:#0A0A0A00;--e-form-steps-indicator-active-primary-color:#02365800;--e-form-steps-indicator-active-secondary-color:#002E5000;--e-form-steps-indicator-completed-primary-color:#00082C00;--e-form-steps-divider-width:0px;--e-form-steps-divider-gap:49px;}@media(max-width:767px){.elementor-315 .elementor-element.elementor-element-15171a75{--width:500px;--padding-top:25px;--padding-bottom:35px;--padding-left:18px;--padding-right:18px;}.elementor-315 .elementor-element.elementor-element-28805bf4 .elementor-heading-title{font-size:24px;}.elementor-315 .elementor-element.elementor-element-28805bf4.elementor-element{--align-self:center;}.elementor-315 .elementor-element.elementor-element-1e716458{text-align:center;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-315 .elementor-element.elementor-element-1e716458 .elementor-heading-title{font-size:22px;}.elementor-315 .elementor-element.elementor-element-1e716458.elementor-element{--align-self:center;}.elementor-315 .elementor-element.elementor-element-300070f8.elementor-element{--align-self:center;}}/* Start custom CSS for form, class: .elementor-element-64eae1ce */@media (max-width: 767px) {
    /* 1. Forzar a la COLUMNA a ser vertical */
    /* Este .elementor-315 .elementor-element.elementor-element-64eae1ce apunta al contenedor interno de la columna de Elementor */
    .elementor-column-gap-default .elementor-widget-wrap,
    .elementor-widget-container,
    .elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-element-populated {
        display: flex !important;
        flex-direction: column !important; /* Uno debajo de otro */
        align-items: center !important;    /* Centrado horizontal */
        justify-content: center !important;
        text-align: center !important;
    }

    /* 2. El Título (Eliminar desborde) */
    #titulo-paso-activo {
        font-size: 20px !important;
        width: 100% !important;
        max-width: 280px !important; /* Evita que toque los bordes del cel */
        margin: 10px auto !important;
        display: block !important;
    }

    /* 3. El Icono (Centrado arriba del texto) */
    #icono-paso-activo {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        display: inline-block !important;
    }

    /* 4. La Píldora de Porcentaje (Alineación Central) */
    /* Forzamos que se comporte como un bloque centrado */
    [class*="pildora"], 
    .elementor-widget-button,
    [id*="porcentaje"] {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        margin: 15px auto !important;
        display: table !important; /* Asegura que respete el centrado de margen auto */
        float: none !important;
    }

    /* 5. Ajuste de las Cajas de Subida (Firma/Foto) */
    /* Evitamos que se vean raras en pantallas muy angostas */
    .elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-type-upload {
        width: 100% !important;
        padding: 40px 10px !important;
    }
}






/* 1. Ocultar el círculo nativo */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option input {
    display: none !important;
}

/* 2. Diseño de la tarjeta con fondo #C9C7C7 */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 2px solid #bdc4d4 !important; /* Un borde ligeramente más oscuro para el gris */
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background: #f5f5f5 !important; /* COLOR SOLICITADO */
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

/* 3. Efecto Hover (Cambia a blanco para resaltar) */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option label:hover {
    border-color: #bdc4d4 !important;
    background: #D8D8D8 !important;
}

/* 4. Estilo de tarjeta seleccionada */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option input:checked + label {
    border-color: #bdc4d4 !important;
    background: #D9D9D9 !important;
    box-shadow: 0px 4px 15px rgba(28, 46, 74, 0.2) !important;
}

/* 5. Contenedor de la Imagen (Grande y sin padding) */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option label:before {
    content: '' !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background-size: cover !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 6. Asignación de tus imágenes de WordPress */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option:nth-child(1) label:before { background-image: url('https://drivevista.net/wp-content/uploads/2026/03/1-17.png') !important; }
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option:nth-child(2) label:before { background-image: url('https://drivevista.net/wp-content/uploads/2026/03/2-16.png') !important; }
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option:nth-child(3) label:before { background-image: url('https://drivevista.net/wp-content/uploads/2026/03/3-12.png') !important; }
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option:nth-child(4) label:before { background-image: url('https://drivevista.net/wp-content/uploads/2026/03/4-11.png') !important; }     
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option:nth-child(5) label:before { background-image: url('https://drivevista.net/wp-content/uploads/2026/03/5-4.png') !important; }

/* Ocultar el texto de las opciones para que solo se vean las imágenes */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option label {
    font-size: 0 !important; /* Esconde el texto */
    color: transparent !important;
    padding: 20px !important; /* Ajusta el padding para que la caja sea cuadrada */
    min-height: 120px !important; /* Asegura un tamaño mínimo uniforme */
}

/* Re-ajustar el icono para que quede centrado al no haber texto */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-option label:before {
    margin-bottom: 0 !important; /* Quitamos el margen inferior porque ya no hay texto abajo */
    width: 80px !important; /* Aumentamos un poco el tamaño para que luzca más */
    height: 80px !important;
}




/* Estilo de la línea de la barra */
#custom-price-slider {
    -webkit-appearance: none;
    height: 6px;
    background: #eef2f8;
    border-radius: 5px;
    outline: none;
}

/* El círculo (Thumb): Color #1C2E4A */
#custom-price-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    background: #1AC1DD; /* Color solicitado */
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

#custom-price-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #1C2E4A;
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}

/* Color de la barra de fondo */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-progress-wrapper {
    background-color: #f0f2f5 ;
    height: 8px;
    border-radius: 10px;
}

/* Color de la barra activa (Azul #1C2E4A) */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-progress-bar {
    background-color: #1C2E4A;
    height: 8px;
    border-radius: 10px;
}

/* Ocultar porcentaje nativo */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-progress-percentage {
    display: none;
}



/* Ocultar los botones de editar en las tarjetas de resumen */
.btn-editar { 
    display: none !important; 
}

/* Estilo para resaltar los errores en el Paso 3 */
.error-campo {
    border: 2px solid #1C2E4A !important;
}



/* 1. Contenedor Principal (La zona punteada) */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-type-upload {
    background-color: #f5f5f5 !important;
    border: 2px dashed #1C2E4A !important;
    border-radius: 15px !important;
    padding: 100px 30px !important; /* Más alto para que sea imponente */
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    transition: all 0.3s ease;
}

/* 2. El Título (Label) arriba o adentro */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-type-upload .elementor-field-label {
    font-family: 'Montserrat', sans-serif !important;
    color: #1C2E4A !important;
    font-weight: 500 !important; /* Grosor solicitado */
    font-size: 18px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}

/* 3. Ocultar el botón feo nativo y el texto lateral */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-type-upload input[type="file"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important; /* Lo hace invisible pero clickable */
    cursor: pointer !important;
    z-index: 2;
}

/* 4. Crear el texto "Click to upload" (Simulando la foto) */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-type-upload::after {
    content: 'Click to upload or drag and drop';
    font-family: 'Montserrat', sans-serif !important;
    color: #1C2E4A !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    display: block;
    margin-top: 10px;
}

/* 5. Simular el icono de subida (Opcional, estilo minimalista) */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-type-upload::before {
    content: '\f382'; /* Icono de flecha de FontAwesome */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 40px !important;
    color: #1C2E4A !important;
    margin-bottom: 15px;
    display: block;
}

/* Hover para que el usuario sepa que puede interactuar */
.elementor-315 .elementor-element.elementor-element-64eae1ce .elementor-field-type-upload:hover {
    background-color: #ededed !important;
    border-style: solid !important; /* El borde se vuelve sólido al pasar el mouse */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Miedinger';
	font-display: auto;
	src: url('https://drivevista.net/wp-content/uploads/2026/03/FontsFree-Net-Miedinger-W01-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */