.elementor-1223 .elementor-element.elementor-element-e78c069{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1223 .elementor-element.elementor-element-e78c069:not(.elementor-motion-effects-element-type-background), .elementor-1223 .elementor-element.elementor-element-e78c069 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1223 .elementor-element.elementor-element-a41da0c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1223 .elementor-element.elementor-element-74b5ff6{width:100%;max-width:100%;}@media(min-width:768px){.elementor-1223 .elementor-element.elementor-element-e78c069{--content-width:100%;}.elementor-1223 .elementor-element.elementor-element-a41da0c{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-815a5cd *//* --- LIMPIEZA GENERAL DEL FORMULARIO 908 --- */

/* Forzar que las etiquetas de pregunta aparezcan arriba de los cuadros */
#forminator-module-1368 .forminator-field-radio .forminator-label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    font-weight: 600;
}

.forminator-pagination-steps {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
    }

/* Contenedor de los radios: Lo convertimos en una rejilla */
#forminator-module-1368 .forminator-field-radio [role="radiogroup"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: stretch !important;
}

/* Estilo de cada Tarjeta/Cuadrado */
#forminator-module-1368 .forminator-radio {
    flex: 1 1 calc(25% - 10px); /* 4 por fila en desktop */
    min-width: 100px;
    margin: 0 !important;
    padding: 0px 0px !important;
    background-color: #fcfcfc;
    border: 2px solid #e1e1e1;
    border-radius: 8px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    position: relative;
}

/* Ocultar elementos nativos de Forminator */
#forminator-module-1368 .forminator-radio input,
#forminator-module-1368 .forminator-radio-bullet {
    display: none !important;
}

/* Ajustar el texto dentro del cuadro */
#forminator-module-1368 .forminator-radio-label {
    margin: 0 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #444;
}

/* --- ESTADOS: HOVER Y SELECCIONADO --- */

/* Hover */
#forminator-module-1368 .forminator-radio:hover {
    border-color: #bababa;
    background-color: #bababa;
}

/* Seleccionado (Checkbox activo) */
#forminator-module-1368 .forminator-radio:has(input:checked) {
    background-color: #000 !important;
    border-color: #000 !important;
    box-shadow: 0 4px 10px rgba(0, 115, 170, 0.2);
}

/* Texto blanco cuando está seleccionado */
#forminator-module-1368 .forminator-radio:has(input:checked) .forminator-radio-label {
    color: #ffffff !important;
}

.forminator-pagination-footer{
    align-content: center !important;
    justify-content: center !important;
}


#forminator-module-1368{
    width: 500px;
}

.forminator-radio {
    display: block !important;
    cursor: pointer !important;
}

/* Forzamos al span a expandirse para llenar todo el contenedor */
.forminator-radio .forminator-radio-label {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    /* Esto asegura que el click en el "aire" alrededor del texto también cuente */
    padding: 10px 0px; 
}

/* Opcional: Si el bullet (el circulito) te molesta para el centrado, 
   puedes ocultarlo, ya que el botón seguirá funcionando al clickear el texto */
.forminator-radio-bullet {
    pointer-events: none; /* El click pasa a través del círculo al label */
}
/* --- AJUSTES PARA MÓVIL --- */
@media (max-width: 600px) {
    #forminator-module-1368 .forminator-radio {
        flex: 1 1 calc(50% - 10px); /* 2 por fila en móvil */
    }
    
    #forminator-module-1368{
    width: 250px;
}
    
    /* Para la segunda pregunta que tiene textos largos, mejor 1 por fila */
    #radio-2 .forminator-radio {
        flex: 1 1 100%;
    }
    .forminator-pagination-steps {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px !important;
    }

    /* Ocultamos los divisores de línea que mete Forminator por defecto */
    .forminator-pagination-steps .forminator-break {
        display: none !important;
    }

    /* Ajustamos el tamaño de cada paso para que no se amontonen */
    .forminator-step {
        margin: 0 !important;
        padding: 5px !important;
        flex: 1; /* Esto hace que ambos ocupen el mismo ancho */
        text-align: center;
    }
    
    /* Si los nombres son muy largos, podemos reducir la fuente */
    .forminator-step-label {
        font-size: 12px !important;
        display: inline-block !important;
    }

    /* Aseguramos que el formulario no se vea tan estrecho (opcional) */
    #forminator-module-1368 {
        width: 100% !important; /* Cambié 250px por 100% para que use todo el móvil */
        max-width: 350px; /* Ajusta según prefieras */
        margin: 0 auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-74b5ff6 *//* Limita el tamaño del contenedor del icono */
.elementor-1223 .elementor-element.elementor-element-74b5ff6 .elementor-icon-list-icon {
    width: 14px !important;
    height: 14px !important;
    display: inline-block;
}

/* Fuerza al SVG a ajustarse al contenedor */
.elementor-1223 .elementor-element.elementor-element-74b5ff6 svg.e-font-icon-svg {
    width: 100% !important;
    height: auto !important;
}
/* Elimina los puntos de lista en el footer */
.elementor-icon-list-items, 
.elementor-icon-list-item {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Asegura que no haya contenido antes de los elementos (como balas decorativas) */
.elementor-icon-list-item::before {
    content: none !important;
}

/* Ajuste preventivo para que los iconos y textos se alineen en fila */
.elementor-icon-list-item {
    display: flex !important;
    align-items: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a41da0c *//* Limita el tamaño del contenedor del icono */
.elementor-1223 .elementor-element.elementor-element-a41da0c .elementor-icon-list-icon {
    width: 14px !important;
    height: 14px !important;
    display: inline-block;
}

/* Fuerza al SVG a ajustarse al contenedor */
.elementor-1223 .elementor-element.elementor-element-a41da0c svg.e-font-icon-svg {
    width: 100% !important;
    height: auto !important;
}
/* Elimina los puntos de lista en el footer */
.elementor-icon-list-items, 
.elementor-icon-list-item {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Asegura que no haya contenido antes de los elementos (como balas decorativas) */
.elementor-icon-list-item::before {
    content: none !important;
}

/* Ajuste preventivo para que los iconos y textos se alineen en fila */
.elementor-icon-list-item {
    display: flex !important;
    align-items: center;
}/* End custom CSS */