/* Base compartida: evita variaciones visuales entre sitio público y panel. */
:root{--vx-surface:#fff;--vx-canvas:#f6f8fc;--vx-text:#071a3d;--vx-muted:#64748b;--vx-border:#e2e8f0;--vx-success:#15803d;--vx-danger:#b42318;--vx-radius-card:var(--border-radius-md);--vx-radius-control:10px;--vx-focus:0 0 0 3px rgba(255,122,0,.25)}
button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--vx-focus)}
.vx-card{background:var(--vx-surface);border:1px solid var(--vx-border);border-radius:var(--vx-radius-card);box-shadow:var(--box-shadow-sm)}
.vx-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:0;border-radius:var(--border-radius-full);background:var(--color-orange);color:#fff;font-weight:700;text-decoration:none;cursor:pointer;transition:var(--transition-smooth)}
.vx-button:hover{background:var(--color-orange-dark);transform:translateY(-1px)}
.vx-button-secondary{background:var(--color-blue)}.vx-button-secondary:hover{background:var(--color-blue-dark)}
.vx-field{width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--vx-border);border-radius:var(--vx-radius-control);color:var(--vx-text);background:#fff}.vx-field:focus{border-color:var(--color-orange);box-shadow:var(--vx-focus);outline:0}
.vx-kicker{color:var(--color-orange);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}