/* ==========================================================================
   AGADIE - Site 2026  |  estilos customizados (complementam o Bootstrap 5.3)
   ========================================================================== */

:root {
    --bs-primary: #0b3d6b;
    --bs-primary-rgb: 11, 61, 107;
    --bs-link-color: #0b3d6b;
    --bs-link-color-rgb: 11, 61, 107;
    --bs-link-hover-color: #072a4b;
    --agadie-accent: #c8a24a;
}

.btn-primary {
    --bs-btn-bg: #0b3d6b;
    --bs-btn-border-color: #0b3d6b;
    --bs-btn-hover-bg: #072a4b;
    --bs-btn-hover-border-color: #072a4b;
    --bs-btn-active-bg: #072a4b;
    --bs-btn-active-border-color: #072a4b;
}

.btn-outline-primary {
    --bs-btn-color: #0b3d6b;
    --bs-btn-border-color: #0b3d6b;
    --bs-btn-hover-bg: #0b3d6b;
    --bs-btn-hover-border-color: #0b3d6b;
}

.text-primary { color: #0b3d6b !important; }
.bg-primary { background-color: #0b3d6b !important; }
.link-primary { color: #0b3d6b !important; }

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #23303c;
}

/* --- Acessibilidade: skip link ------------------------------------------- */
.skip-link {
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    z-index: 1080;
    background: #0b3d6b;
    color: #fff;
    padding: 0.5rem 0.9rem;
    border-radius: 0.25rem;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
    outline: 3px solid rgba(11, 61, 107, 0.45);
    outline-offset: 2px;
}

/* --- Cabecalho --------------------------------------------------------- */
.navbar-brand { letter-spacing: 0.03em; }
.navbar-nav .nav-link.active { color: #0b3d6b; font-weight: 600; }

/* --- Hero / banners --------------------------------------------------- */
.banner-slide {
    position: relative;
    min-height: 380px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #0b3d6b;
}
.banner-slide__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-slide__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 22, 40, 0.82) 0%, rgba(4, 22, 40, 0.35) 100%);
}
.banner-slide__content { position: relative; z-index: 2; }
.banner-caption { max-width: 640px; }

@media (max-width: 575.98px) {
    .banner-slide { min-height: 300px; }
    .banner-caption .display-6 { font-size: 1.6rem; }
}

/* --- Cabecalho de pagina interna ------------------------------------- */
.page-hero .breadcrumb { --bs-breadcrumb-divider: '›'; }

/* --- Conteudo rico (editor) ---------------------------------------- */
.conteudo-rico { line-height: 1.75; }
.conteudo-rico h2 { margin-top: 2rem; font-size: 1.4rem; }
.conteudo-rico h3 { margin-top: 1.5rem; font-size: 1.15rem; }
.conteudo-rico img { max-width: 100%; height: auto; border-radius: 0.375rem; }
.conteudo-rico ul, .conteudo-rico ol { padding-left: 1.4rem; }
.conteudo-rico table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.conteudo-rico th, .conteudo-rico td { border: 1px solid #dee2e6; padding: 0.5rem 0.75rem; }

/* --- Fotos -------------------------------------------------------------- */
.foto-membro { object-fit: cover; }

/* --- Cards com link cobrindo ---------------------------------------- */
.card .stretched-link::after { border-radius: inherit; }

/* --- Honeypot (nunca visivel para humanos) --------------------------- */
.hp-field {
    position: absolute !important;
    left: -10000px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* --- Rodape --------------------------------------------------------- */
.site-footer a { text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

/* --- Impressao ------------------------------------------------------ */
@media print {
    .site-header, .site-footer, .breadcrumb, .btn { display: none !important; }
}