.elementor-6848 .elementor-element.elementor-element-66379fb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6848 .elementor-element.elementor-element-47d2f86 .swiper-pagination{width:28px;}.elementor-6848 .elementor-element.elementor-element-47d2f86 .swiper-button{color:#FFFFFF !important;background-color:#D30B37 !important;}.elementor-6848 .elementor-element.elementor-element-1024faab > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6848 .elementor-element.elementor-element-1540a6dc > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6848 .elementor-element.elementor-element-25a75e18 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}/* Start custom CSS for shortcode, class: .elementor-element-d833cf9 *//* ============================================================
   1. ESTRUCTURA PRINCIPAL Y PANTALLA COMPLETA
   ============================================================ */

/* Ajuste de jerarquía para secciones de Elementor */
section.elementor-section.elementor-top-section.elementor-element.elementor-element-2216bf1f {
    z-index: 999999999999 !important;
}

/* Contenedor a Pantalla Completa Total */
#pmn-conversational-form {
    position: fixed !important; 
    top: 0 !important; 
    left: 0 !important;
    width: 100% !important; 
    height: 100% !important;
    background: #ffffff !important; /* Fondo blanco sólido para tapar cualquier código o sitio de fondo */
    z-index: 9999999999 !important; 
    display: none; 
    align-items: center;
    justify-content: center;
    overflow: hidden; 
    font-family: 'Segoe UI', Roboto, sans-serif;
}

#pmn-conversational-form.active-engine {
    display: flex !important;
}

/* Bloqueo de elementos externos al abrir el form */
body.pmn-form-open header, 
body.pmn-form-open .site-header, 
body.pmn-form-open .navbar,
body.pmn-form-open footer {
    display: none !important;
}

/* ============================================================
   2. BOTONES DE UTILIDAD Y PASOS
   ============================================================ */

/* Botón Cerrar (Esquina superior derecha) */
.pmn-close-form {
    position: absolute;
    top: 30px;
    right: 30px;
    background: #f4f4f4;
    color: #333;
    border: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    z-index: 1000; 
    transition: 0.3s;
    font-size: 14px;
}

.pmn-close-form:hover {
    background: #a30829;
    color: white;
}

/* Botón Ir al sitio (Gris claro) */
.pmn-site-link {
    position: absolute;
    top: 30px;
    right: 140px; 
    background: #ebebeb; 
    color: #555;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    z-index: 1000;
    transition: 0.3s;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.pmn-site-link:hover {
    background: #d1d1d1;
    color: #1a1a1a;
}

/* Contenedor de pasos */
.pmn-step { 
    width: 90%; 
    max-width: 600px; /* Tamaño optimizado para legibilidad */
}

.highlight {
    color: #a30829;
    font-weight: bold;
}

/* ============================================================
   3. INPUTS Y BOTONES DE ACCIÓN (ESTILO PMN)
   ============================================================ */

/* Inputs Minimalistas */
#pmn-conversational-form input[type="text"], 
#pmn-conversational-form input[type="email"],
#pmn-conversational-form select,
#pmn-conversational-form textarea {
    width: 100%; 
    border: none !important; 
    border-bottom: 2px solid #eee !important;
    font-size: 1.8rem !important; 
    padding: 15px 0 !important; 
    margin: 20px 0 !important;
    background: transparent !important; 
    outline: none !important; 
    color: #a30829;
}

/* BOTONES: Unificación Rojo Bordo PMN */
.pmn-next, 
.pmn-submit, 
input[type="submit"].pmn-submit,
#pmn-conversational-form button:not(.pmn-close-form), 
#pmn-conversational-form input[type="submit"] {
    background-color: #a30829 !important; 
    color: #ffffff !important;           
    border: none !important;
    padding: 16px 45px !important;
    border-radius: 8px !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-block !important;
    box-shadow: 0 4px 12px rgba(163, 8, 41, 0.2) !important;
    transition: background 0.3s ease, transform 0.2s ease !important;
    text-align: center !important;
    appearance: none !important; 
}

.pmn-next:hover, 
.pmn-submit:hover, 
#pmn-conversational-form input[type="submit"]:hover {
    background-color: #820621 !important; 
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

.pmn-submit-container {
    margin-top: 30px;
    display: block;
}

/* ============================================================
   4. OPCIONES MÚLTIPLES (LARGO UNIFORME Y ARMONIOSO)
   ============================================================ */

#pmn-conversational-form .wpcf7-list-item {
    display: block !important;
    margin: 12px 0 !important;
    width: 100% !important;
}

#pmn-conversational-form .wpcf7-list-item input[type="radio"],
#pmn-conversational-form .wpcf7-list-item input[type="checkbox"] {
    display: none !important;
}

#pmn-conversational-form .wpcf7-list-item-label {
    display: block !important; 
    width: 100% !important; /* Largo uniforme para todos los botones */
    background: #f8f9ff !important; 
    border: 1px solid #e0e4f6 !important;
    padding: 15px 25px !important;
    border-radius: 50px !important; 
    font-size: 1.1rem !important;
    color: #555555 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

#pmn-conversational-form .wpcf7-list-item-label:hover {
    background: #f0f2ff !important;
    border-color: #a30829 !important; 
    color: #a30829 !important;
}

#pmn-conversational-form .wpcf7-list-item input:checked + .wpcf7-list-item-label {
    background: #a30829 !important; 
    color: #ffffff !important;      
    border-color: #a30829 !important;
    box-shadow: 0 4px 12px rgba(163, 8, 41, 0.2) !important;
}

/* ============================================================
   5. CONTROLES DE NAVEGACIÓN (FLECHAS)
   ============================================================ */

.pmn-controls { 
    position: absolute; 
    bottom: 40px; 
    right: 110px !important; 
    display: flex; 
    gap: 10px; 
}

.pmn-arrow {
    background: #a30829; 
    color: #ffffff; 
    width: 50px; 
    height: 50px;
    display: flex; 
    align-items: center; 
    justify-content: center;
    border-radius: 8px; 
    cursor: pointer; 
    opacity: 0.8; 
    transition: 0.3s;
}

.pmn-arrow:hover { 
    opacity: 1; 
}

.pmn-arrow.disabled { 
    background: #eee; 
    color: #ccc; 
    cursor: not-allowed; 
}

/* Animación de entrada */
@keyframes pmnSlideUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.pmn-step.active {
    animation: pmnSlideUp 0.5s ease forwards;
}

/* ============================================================
   6. OPTIMIZACIÓN ULTRA-RESPONSIVE (CELULARES)
   ============================================================ */

@media (max-width: 768px) {
    #pmn-conversational-form {
        height: -webkit-fill-available !important; 
        min-height: 100vh !important;
    }

    .pmn-step h2 {
        font-size: 1.4rem !important; 
        line-height: 1.2 !important;
        margin-bottom: 15px !important;
    }

    #pmn-conversational-form input, 
    #pmn-conversational-form select,
    #pmn-conversational-form textarea {
        font-size: 1.1rem !important; 
    }

    .pmn-next, .pmn-submit {
        width: 100% !important;
    }

    .pmn-close-form { right: 10px !important; top: 10px !important; }
    .pmn-site-link { right: 90px !important; top: 10px !important; }

    .pmn-controls {
        bottom: 15px !important;
        right: 15px !important;
    }

    .pmn-arrow {
        width: 38px !important;
        height: 38px !important;
    }
}/* End custom CSS */