
:root{--azul:#0b2942;--gris:#f3f5f7;--texto:#1b1f23;--dorado:#c8a858}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--texto);background:#fff}
.navbar{background:rgba(11,41,66,.98)}
.navbar .nav-link,.navbar-brand{color:#fff!important}
.navbar.sticky-top{backdrop-filter:saturate(180%) blur(10px)}
.hero{min-height:70vh;background:linear-gradient(180deg,rgba(11,41,66,.6),rgba(11,41,66,.6)),url('../img/portrait.jpg') center/cover no-repeat;color:#fff;display:flex;align-items:center}
.hero h1{font-family:'Montserrat',sans-serif;font-weight:700}
.btn-gold{background:var(--dorado);color:#101214;border:none}
.btn-gold:hover{filter:brightness(.95)}
.section{padding:64px 0}
.section-alt{background:var(--gris)}
.logo-strip img{height:44px;object-fit:contain;filter:grayscale(100%);opacity:.9}
.logo-strip img:hover{filter:none;opacity:1}
.card-role{border:1px solid #e1e4e8}
.badge-city{background:var(--azul)}
.badge-year{background:#444}
.footer{background:#0b1c2a;color:#fff;padding:48px 0}
figure img{border-radius:8px}
:focus{outline:3px solid var(--dorado);outline-offset:2px}
.modal{--bs-modal-bg:#fff}
.small{font-size:.925rem}
