/* ============================================================
   PRE-FOOTER: FORMULARIO DE CONTACTO (ANTES DEL FOOTER OSCURO)
   ============================================================ */

.td-prefooter-contact {
    background: #f8fafc;  /* gris muy claro + aspecto profesional */
    border-top: 1px solid rgba(0,0,0,0.06);
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.td-prefooter-contact h2,
.td-prefooter-contact p {
    color: #1b2430; /* tu color de texto principal */
}

.td-prefooter-contact form {
    background: #ffffff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

/* Campos del formulario */
.td-prefooter-contact .form-control,
.td-prefooter-contact .form-select {
    border-radius: 0.6rem;
    border-color: rgba(0,0,0,0.15);
    transition: all 0.2s ease;
}

.td-prefooter-contact .form-control:focus,
.td-prefooter-contact .form-select:focus {
    border-color: var(--td-primary);
    box-shadow: 0 0 0 3px rgba(3,135,230,0.2); /* efecto halo corporativo */
}

/* Botón principal */
.td-prefooter-contact button[type="submit"] {
    background: var(--td-primary);
    border-color: var(--td-primary);
    padding-left: 2rem;
    padding-right: 2rem;
}

.td-prefooter-contact button[type="submit"]:hover {
    background: #045f9c;
    border-color: #045f9c;
}

/* RGPD checkbox */
.td-prefooter-contact .form-check-label a {
    color: var(--td-primary);
}

/* Mensajes de alerta */
.td-prefooter-contact .td-alert {
    border-radius: 0.6rem;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .td-prefooter-contact form {
        padding: 1.5rem;
    }
}
.td-footer {
    background-color: #0b1020;
    color: #cbd5f5;
    margin-top: 3rem;
}

.td-footer a {
    color: #cbd5f5;
    text-decoration: none;
}

.td-footer a:hover {
    text-decoration: underline;
}