/* Estilos compartidos */
@keyframes rise { from { opacity: 0; transform: translateY(18px) } to { opacity: 1; transform: none } }
.rise { animation: rise .7s ease-out both; animation-delay: .15s }   /* única animación de entrada: mockup del hero */
@keyframes pulse-dot { 50% { opacity: .35 } }
.pulse-dot { animation: pulse-dot 2.4s ease-in-out infinite }
@media (prefers-reduced-motion: reduce) { .rise, .pulse-dot { animation: none } html { scroll-behavior: auto } }
:focus-visible { outline: 2px solid #4F6BFF; outline-offset: 2px }
dialog::backdrop { background: rgba(11,21,48,.7); backdrop-filter: blur(4px) }
section[id] { scroll-margin-top: 5rem }