@font-face{font-family:'Boska';src:url(/fonts/Boska-Light.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Boska';src:url(/fonts/Boska-LightItalic.woff2) format('woff2');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Boska';src:url(/fonts/Boska-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Boska';src:url(/fonts/Boska-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Melodrama';src:url(/fonts/Melodrama-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Melodrama';src:url(/fonts/Melodrama-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
:root{--g:40px;--sec:120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#211E0E;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
img{max-width:100%}
summary::-webkit-details-marker{display:none}
@keyframes foco{from{filter:blur(18px);transform:scale(1.06)}to{filter:blur(0);transform:scale(1)}}
@keyframes entra{from{opacity:0;filter:blur(10px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:none}}
.bg{animation:foco 2.2s ease-out both}
.e{display:block;animation:entra 1.1s ease-out both}
.card .im{transition:transform .8s ease}
.card:hover .im{transform:scale(1.05)}
a.wa:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #D3A345;outline-offset:3px}
@media (max-width:700px){:root{--g:20px;--sec:72px}header nav{gap:14px!important;font-size:13px!important}header span{font-size:24px!important}}
@media (prefers-reduced-motion:reduce){.bg,.e{animation:none}html{scroll-behavior:auto}}