h1, h2, h3 {
    letter-spacing: .4px;
}

.lead {
    color: rgba(255,255,255,0.75);
}

.card {
    background: linear-gradient(
        145deg,
        rgba(255,255,255,0.06),
        rgba(255,255,255,0.015)
    ) !important;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(6px);
    color: #fff;
    transition: all 0.35s ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.55);
    border-color: rgba(162,89,230,0.35);
}

.btn-primary {
    background: linear-gradient(
        135deg,
        #0d6efd,
        #4b8cff
    );
    border: none;
    border-radius: 999px;
    padding: 10px 18px;
    font-weight: 600;
    letter-spacing: .4px;
    transition: all .3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(13,110,253,.45);
}

.text-primary {
    color: #007bff !important;
}

/* Iconos sociales y departamentales en morado */
.contacto-icon {
    color: #a259e6 !important;
    transition: color 0.2s;
}
.contacto-icon:hover {
    color: #7c2ae8 !important;
}

/* Botones sociales en morado */
.contacto-social-btn, .mail-link {
    border-color: #a259e6 !important;
    color: #a259e6 !important;
    transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}

.contacto-social-btn:hover {
    background-color: #a259e6 !important;
    color: #fff !important;
    border-color: #7c2ae8 !important;
}
.contacto-social-btn:hover .contacto-icon {
    color: #fff !important;
}

.contacto-dep-btn {
    border-radius: 999px;
    padding: 6px 16px;
    font-size: .8rem;
}

.contacto-dep-btn:hover {
    background-color: #a259e6 !important;
    color: #fff !important;
    border-color: #7c2ae8 !important;
}

/* =========================
   Inputs dark premium
   ========================= */

.form-control {
    background: rgba(0,0,0,0.55);
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    border-radius: 14px;
    padding: 10px 14px;
}

.form-control::placeholder {
    color: rgba(255,255,255,0.4);
}

.form-control:focus {
    background: rgba(0,0,0,0.65);
    border-color: #0d6efd;
    box-shadow: 0 0 0 4px rgba(13,110,253,0.2);
    color: #fff;
}