/* contacto.css — CSS específico de contacto.php
 * Extraído del inline el 2026-07-29. El diseño COMPARTIDO vive en psico.css;
 * aquí solo lo propio de esta página. Se carga DESPUÉS de psico.css. */

    .btn_contact {
        padding: 0.875rem 2.4375rem;
        border-radius: 0.4375rem;
    }

    .form-check {
        display: flex !important;
    }

    .form-check-input {
        margin-right: 5px;
        width: 20px !important;
        height: 20px !important;
    }

    .form-check .form-check-input {
        margin-bottom: 15px;
    }

    #opcion:invalid, #producto:invalid {
        color: #6c757d;
    }
    #opcion option, #producto option {
        color: #212529;
    }
    #contacto .form_box input,
    #contacto .form_box select,
    #contacto .form_box textarea,
    #contacto .form-control {
        height: 38px !important;
        font-size: 0.875rem !important;
        padding: 0.375rem 0.75rem !important;
    }
    #contacto .iti {
        width: 100%;
    }
    #contacto .iti input#phone {
        padding-left: 52px !important;
    }
    #contacto .form_box textarea {
        height: 90px !important;
    }
    #contacto .form_box {
        margin-bottom: 12px !important;
    }
    #contacto .mb-20 {
        margin-bottom: 12px !important;
    }
    #contacto .mb-10 {
        margin-bottom: 8px !important;
    }
    .single_contact_rt_thumb {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .single_contact_rt_thumb img {
        object-fit: cover;
        border-radius: 8px;
    }
    .campo-error {
        border: 2px solid #e74c3c !important;
        background-color: #fff5f5 !important;
        box-shadow: 0 0 6px rgba(231, 76, 60, 0.4) !important;
        animation: shake 0.3s ease;
    }
    @keyframes shake {
        0%, 100% { transform: translateX(0); }
        25% { transform: translateX(-5px); }
        75% { transform: translateX(5px); }
    }