/* --- 1. FONDO Y TARJETA DEL FORMULARIO (Estilo Lineone) --- */
form.webform-submission-form {
    background: #ffffff !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
    padding: 50px 40px !important;
    max-width: 750px !important;
    margin: 40px auto !important; /* Lo centra en la página */
    border: 1px solid #e2e8f0 !important;
    font-family: 'Poppins', 'Inter', sans-serif !important;
}

/* --- 2. ETIQUETAS (Nombres de los campos) --- */
form.webform-submission-form label {
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 8px !important;
    display: block !important;
    font-size: 0.95rem !important;
}

/* Asterisco rojo de campos obligatorios */
form.webform-submission-form .form-required {
    color: #e11d48 !important;
}

/* --- 3. CAJAS DE TEXTO Y SELECTORES --- */
form.webform-submission-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), 
form.webform-submission-form textarea, 
form.webform-submission-form select {
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 14px 16px !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    font-family: 'Inter', sans-serif !important;
    margin-bottom: 20px !important; /* Espacio entre campos */
}

/* Efecto al hacer clic para escribir (Borde Indigo) */
form.webform-submission-form input:focus, 
form.webform-submission-form textarea:focus, 
form.webform-submission-form select:focus {
    background-color: #ffffff !important;
    border-color: #4f46e5 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.15) !important;
}

/* --- 4. BOTÓN DE ENVIAR (Estilo Premium) --- */
form.webform-submission-form .webform-button--submit {
    background-color: #4f46e5 !important; /* Indigo Lineone */
    color: white !important;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.1rem !important;
    padding: 16px 30px !important;
    border-radius: 12px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(79, 70, 229, 0.3) !important;
    width: 100% !important; /* Botón ancho */
    margin-top: 10px !important;
}

/* Efecto Hover del botón */
form.webform-submission-form .webform-button--submit:hover {
    background-color: #4338ca !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(79, 70, 229, 0.4) !important;
}