/* ==========================================================================
   CONTACTO.CSS — Página "Fale Connosco" (contacto.html)
   ========================================================================== */

/* ----- Hero de contacto ----- */
.hero-contact {
    position: relative;
    padding: clamp(2.75rem, 6vw, 5.5rem) 0 clamp(2.25rem, 5vw, 4.5rem);
    overflow: hidden;
    background:
        linear-gradient(120deg, rgba(15, 35, 70, 0.82) 0%, rgba(25, 53, 105, 0.72) 100%),
        url('../imagens/backgrounds/contacto.jpg') top/cover no-repeat;
    height: 600px;
}

.hero-contact::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 6px;
    background: linear-gradient(90deg, var(--bl-cyan), var(--bl-navy) 60%, var(--bl-cyan));
    background-size: 200% 100%;
    animation: bl-flow 6s linear infinite;
    z-index: 12;
}

/* ----- Secção principal ----- */
.contacts-section {
    background: var(--bl-bg);
}

/* ----- Cartão de contacto (coluna esquerda/direita) ----- */
.contact-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid rgba(25, 53, 105, 0.06);
    border-radius: var(--bl-radius);
    background: #ffffff;
}

.contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1.25rem 2.5rem rgba(15, 35, 70, 0.1) !important;
}

/* ----- Detalhes de contacto (endereço, telefone, etc.) ----- */
.contact-detail-item {
    border-bottom: 1px dashed rgba(25, 53, 105, 0.12);
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem;
}

.contact-detail-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.contact-detail-item i {
    color: var(--bl-navy);
}

.contact-detail-item strong {
    font-size: 0.92rem;
    letter-spacing: 0.01em;
}

/* ----- Mapa ----- */
.map-wrapper {
    border-radius: 0.85rem;
    overflow: hidden;
    box-shadow: 0 0.5rem 1.25rem rgba(15, 35, 70, 0.08);
    border: 1px solid rgba(25, 53, 105, 0.08);
}

/* ----- Trust strip ----- */
.trust-strip {
    background: linear-gradient(135deg, rgba(25, 53, 105, 0.04), rgba(0, 212, 255, 0.06));
    border: 1px dashed rgba(25, 53, 105, 0.18);
}