*{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:#07080d;font-family:'Manrope',sans-serif;color:#e8e5dd;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:#C08A19;color:#141414}
  input,textarea,select,button{font-family:inherit}
  a{text-decoration:none;color:inherit}
  svg{display:block}
  @keyframes svFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(-1.5deg)}}
  @keyframes svDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,-14px) scale(1.06)}}
  @keyframes svSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
  @keyframes svSpinR{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
  @keyframes svBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes svPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}
  @keyframes svTrail{0%,100%{opacity:.4;transform:scaleX(.92)}50%{opacity:.7;transform:scaleX(1.08)}}
  @keyframes svMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @keyframes svBeam{0%,100%{opacity:.25}50%{opacity:.6}}
  /* FAQ (acordeón nativo con <details>): sin marcador por defecto,
     icono "+" que rota a "x" al abrir y borde dorado en el estado abierto. */
  details[data-sv-faq] summary{cursor:pointer;list-style:none}
  details[data-sv-faq] summary::-webkit-details-marker{display:none}
  details[data-sv-faq] summary::marker{content:""}
  details[data-sv-faq]{transition:border-color .25s ease,box-shadow .25s ease}
  details[data-sv-faq]:hover{border-color:#C08A19!important}
  details[data-sv-faq][open]{border-color:#C08A19!important;box-shadow:0 18px 40px -30px rgba(0,0,0,.35)}
  details[data-sv-faq] [data-sv-faq-icon]{transition:transform .3s ease}
  details[data-sv-faq][open] [data-sv-faq-icon]{transform:rotate(45deg)}