/* ----------------------------------------- BOTÓN MÁGICO AVALON — FINAL ARCANO ----------------------------------------- */ .boton-magico { background-color: #041327; /* Azul oscuro */ color: #facc15; /* Amarillo brillante */ font-family: sans-serif; /* Sin serif */ padding: 14px 28px; border: 2px solid #0b213f; border-radius: 12px; cursor: pointer; font-size: 1.25rem; letter-spacing: 1.5px; text-transform: uppercase; transition: all 0.3s ease; box-shadow: 0 0 20px rgba(0, 255, 204, 0.25); animation: respiracionMagica 3.5s ease-in-out infinite; } /* HOVER = Manifestación de poder */ .boton-magico:hover { background-color: #06450d; /* Verde oscuro */ color: #ffe45e; /* Amarillo más brillante */ border-color: #0fa34a; box-shadow: 0 0 28px rgba(0, 255, 100, 0.55); transform: scale(1.07); }

Demostración del Sistema Avalon

Todos los componentes visuales y simbólicos incluidos.

ACCESO CEREMONIAL

El diseño no es decoración: es poder visual.

Este hero representa la entrada a un espacio sagrado, con animación, sombra profunda y enfoque en el símbolo.

Botón Base Botón Mágico Royal Button

Pergamino

“Esta sección está diseñada para textos ceremoniales: juramentos, decretos, cartas nobles, incluso amenazas en latín contra extorsionadores.”

Tarjeta (Avalon Card)

Las tarjetas sirven para contenido modular: historia, genealogía, listas, instrucciones o narrativa espiritual.

Grid Responsive

Elemento 1

Elemento 2

Elemento 3

Formulario