:root{
    --primary:#0d6efd;
    --accent:#198754;
    --muted:#6c757d;
    --max-width:1200px;
    --font-sans: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
html,body{margin:0;padding:0;font-family:var(--font-sans);}

/* Hero/banner with cover and centered CTA */
.hero{
    width:100vw;
    height:31.25vw;
    margin-left:calc(-50vw + 50%);
    background-image: url('../banner\ FBC\ EAD.png');
    background-size: cover; /* fills ponta a ponta, without crop */
    background-position: center center;
    background-repeat:no-repeat;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.25),rgba(0,0,0,0.45));}
.hero-cta{position:relative;text-align:center;z-index:2;max-width:var(--max-width);padding:0 1rem}
.hero-title{font-size:7rem;margin-bottom:1.75rem;font-weight:900}
@media(min-width:992px){.hero{height:31.25vw}.hero-title{font-size:2.5rem}}

/* Basic card/button tweaks (kept here so included partials inherit styles) */
.card-body{padding:1rem;text-align:center}

.card-deck{
    display:flex;
    flex-wrap:wrap;
    gap:1.5rem;
    justify-content:center;
     background: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(1, 1, 1, 0.25);
}