html { scroll-behavior: smooth; }
body { margin: 0; background: #121619; color: #F1F0EA; font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #D2BE94; text-decoration: none; }
a:hover { color: #F1F0EA; text-decoration: underline; }
* { box-sizing: border-box; }
h1, h2, h3, h4 { font-family: Manrope, system-ui, sans-serif; margin: 0; text-wrap: pretty; }
p { margin: 0; text-wrap: pretty; }
summary::-webkit-details-marker { display: none; }
summary { list-style: none; cursor: pointer; }
:focus-visible { outline: 2px solid #D2BE94; outline-offset: 3px; border-radius: 4px; }
.saltar { position: absolute; left: -9999px; top: 0; background: #D2BE94; color: #121619; font-weight: 700; padding: 10px 16px; border-radius: 0 0 10px 0; z-index: 100; }
.saltar:focus { left: 0; text-decoration: none; }
img { max-width: 100%; }
@media (max-width: 720px) {
  h1 { font-size: 34px !important; }
  h2 { font-size: 27px !important; }
}
[data-hv="hv1"]:hover { background:#1D2426 !important; color:#D2BE94 !important }
[data-hv="hv2"]:hover { background:#F1F0EA !important; text-decoration:none !important }
[data-hv="hv3"]:hover { border-color:#D2BE94 !important; color:#D2BE94 !important; text-decoration:none !important }
[data-hv="hv4"]:hover { border-color:#D2BE94 !important; text-decoration:none !important }