@keyframes zervia-shine { 0%{background-position:200% center;} 100%{background-position:-200% center;} }
        .zervia-name {
            background-image: linear-gradient(110deg,#8a6d1f 0%,#d4af37 18%,#f7e8a4 40%,#fffbe8 50%,#f7e8a4 60%,#d4af37 82%,#8a6d1f 100%);
            background-size: 220% auto;
            -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent; color: transparent;
            animation: zervia-shine 4.5s linear infinite;
        }
        .zervia-logo-box {
            background: radial-gradient(circle at 30% 25%, rgb(var(--grad-tarjeta-centro)) 0%, rgb(var(--grad-tarjeta-borde)) 72%);
            border: 1px solid rgba(212,175,55,0.5);
            box-shadow: 0 0 14px rgba(212,175,55,0.18), inset 0 0 6px rgba(212,175,55,0.10);
        }
        body {
            background: radial-gradient(circle at 50% 0%, rgb(var(--grad-fondo-centro)) 0%, rgb(var(--grad-fondo-borde)) 60%);
            font-family: system-ui, -apple-system, sans-serif;
        }
        .tab-activo { background:rgb(var(--acento-700)); color:rgb(var(--acento-50)); }
        .tab-inactivo { background:transparent; color:#94a3b8; }
    
.brand-logo { width:96px; height:auto; margin-bottom:16px; display:block; }
.brand-wordmark { font-size:34px; font-weight:900; letter-spacing:0.24em; text-transform:uppercase; }
.brand-subtitle { font-size:13px; color:rgb(var(--acento-500)); letter-spacing:0.12em; text-transform:uppercase; margin-top:5px; }
#btn-spinner { display:none; }