/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 13 2026 | 22:40:30 */
/**
 * FORMULARIO JJM ASOCIADOS - FIX CENTRADO MÓVIL + UI PREMIUM
 * Versión: 2.1 (Center Force Edition)
 * Se aplica sobre el ID de formulario 1940 para anular estilos inline del tema.
 */

/* ==========================================================================
   1. RESET DE CONTENEDORES (Escritorio y Global)
   ========================================================================== */

/* Atacamos el div con estilo inline que envuelve al formulario en el maquetador */
div[style*="position:absolute"][style*="z-index: 70"],
div[style*="position: absolute"][style*="z-index: 70"] {
    position: absolute !important;
    top: 180px !important;
    right: 5% !important;
    z-index: 999 !important;
    width: auto !important;
    display: block !important;
}

/* El div interno de CF7 */
div.wpcf7[data-wpcf7-id="1940"] {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 400px !important;
}

/* La tarjeta con fondo (Anulando el width: 200px del HTML) */
div.wpcf7[data-wpcf7-id="1940"] form div[style*="background-color"] {
    width: 100% !important; 
    max-width: 400px !important;
    background-color: #ffffff !important;
    padding: 35px 25px !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1) !important;
    border: 1px solid #eef2f6 !important;
    box-sizing: border-box !important;
    margin-left: auto !important; /* FORZAR CENTRADO */
    margin-right: auto !important; /* FORZAR CENTRADO */
    display: block !important;
    float: none !important;
}

/* ==========================================================================
   2. UI/UX: ICONOS Y PLACEHOLDERS (Legibilidad mejorada)
   ========================================================================== */

div.wpcf7[data-wpcf7-id="1940"] input[type="text"],
div.wpcf7[data-wpcf7-id="1940"] input[type="email"],
div.wpcf7[data-wpcf7-id="1940"] input[type="tel"],
div.wpcf7[data-wpcf7-id="1940"] select,
div.wpcf7[data-wpcf7-id="1940"] textarea {
    width: 100% !important;
    height: 52px !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #d1dce5 !important;
    border-radius: 12px !important;
    padding: 0 15px 0 45px !important; 
    margin-bottom: 15px !important;
    font-size: 16px !important; /* 16px evita el zoom automático en iOS */
    color: #1e293b !important;
    box-sizing: border-box !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 18px !important;
}

/* Placeholder más legible */
div.wpcf7[data-wpcf7-id="1940"] ::placeholder {
    color: #475569 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* Inyección de Iconos SVG */
div.wpcf7[data-wpcf7-id="1940"] input[name="your-name"],
div.wpcf7[data-wpcf7-id="1940"] input[name="apellido"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2323a7e0' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z' /%3E%3C/svg%3E") !important;
}

div.wpcf7[data-wpcf7-id="1940"] input[name="your-email"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2323a7e0' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z' /%3E%3C/svg%3E") !important;
}

div.wpcf7[data-wpcf7-id="1940"] input[name="tel-761"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2323a7e0' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z' /%3E%3C/svg%3E") !important;
}

div.wpcf7[data-wpcf7-id="1940"] textarea {
    height: 100px !important;
    padding-top: 15px !important;
    background-position: 15px 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2323a7e0' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z' /%3E%3C/svg%3E") !important;
}

/* ==========================================================================
   3. FIX DE CENTRADO CRÍTICO PARA MÓVIL (Anulación de alineación a la izquierda)
   ========================================================================== */

@media (max-width: 991px) {
    /* El contenedor absoluto se convierte en bloque centrado */
    div[style*="position:absolute"][style*="z-index: 70"],
    div[style*="position: absolute"][style*="z-index: 70"] {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        margin: 40px auto !important; /* Margen automático arriba/abajo y centrado lateral */
        width: 100% !important;
        display: flex !important;
        justify-content: center !important; /* Centrado para navegadores modernos */
        float: none !important;
    }

    /* Forzar a que la tarjeta blanca ignore alineaciones de columna del tema */
    div.wpcf7[data-wpcf7-id="1940"] form div[style*="background-color"] {
        width: 92% !important; /* Ocupa casi todo el ancho pero con aire */
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        display: block !important;
    }

    /* Centrar textos internos */
    div.wpcf7[data-wpcf7-id="1940"] h5 {
        text-align: center !important;
    }
}

/* ==========================================================================
   4. BOTÓN Y LIMPIEZA FINAL
   ========================================================================== */

div.wpcf7[data-wpcf7-id="1940"] input[type="submit"] {
    width: 100% !important;
    background: #23a7e0 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 16px !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(35, 167, 224, 0.3) !important;
	margin-top: 20px;
}

div.wpcf7[data-wpcf7-id="1940"] br { display: none !important; }
div.wpcf7[data-wpcf7-id="1940"] p { margin: 0 !important; padding: 0 !important; }

/* Spinner centrado */
.wpcf7-spinner {
    display: block !important;
    margin: 10px auto 0 !important;
    float: none !important;
}