:root{--color-primary: #3178C6;--color-accent: #0757BA;--color-bg-main: #0E0828;--color-bg-card: rgba(255, 255, 255, .05);--color-bg-header: rgba(5, 3, 20, .8);--header-border: 1px solid rgba(255, 255, 255, .08);--color-text-main: #FFFFFF;--color-text-header: #FFFFFF;--font-primary: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: none;--color-card-title: var(--color-primary);--card-border: 1px solid rgba(255, 255, 255, .1);--input-border: 1px solid rgba(255, 255, 255, .2)}:root[data-theme=admin]{--color-primary: #7c3aed;--color-primary-rgb: 124, 58, 237;--color-accent: #a78bfa;--color-bg-main: #050314;--color-bg-card: rgba(255, 255, 255, .05);--color-bg-header: rgba(5, 3, 20, .95);--header-border: 1px solid rgba(124, 58, 237, .2);--color-text-header: #FFFFFF;--color-text-main: #FFFFFF;--glass-border: 1px solid rgba(124, 58, 237, .2);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--card-border: 1px solid rgba(124, 58, 237, .2)}:root[data-theme=secretos]{--color-primary: #D336C6;--color-accent: #B02CE5;--color-bg-main: #0E0828;--color-bg-card: rgba(255, 255, 255, .05);--color-text-header: #FFFFFF;--color-text-main: #FFFFFF}:root[data-theme=santa]{--color-primary: #E4B04A;--color-accent: #E60000;--color-bg-main: #850000;--color-bg-card: #0F0500;--color-text-header: #FFFFFF;--color-text-main: #FFFFFF}:root[data-theme=storyland]{--color-primary: #D4AF5F;--color-accent: #154656;--color-bg-main: #022D3E;--color-bg-card: rgba(2, 45, 62, .6);--color-text-header: #FFFFFF;--color-text-main: #FFFFFF}:root[data-theme=palacio]{--color-primary: #ffb3cd;--color-accent: #53286F;--color-bg-main: #BDECC9;--color-bg-card: #a5deb3;--color-text-header: #FFFFFF;--color-text-main: #2A3138;--color-card-title: #2A3138;--glass-border: 1px solid rgba(83, 40, 111, .2);--glass-shadow: none;--card-border: 1px solid rgba(83, 40, 111, .2);--card-shadow: 0 5px 15px rgba(83, 40, 111, .08);--input-border: 1px solid rgba(83, 40, 111, .3)}:root[data-theme=palacio] input::placeholder{color:#2a313880}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg-main);color:var(--color-text-main);font-family:var(--font-primary);transition:background-color .5s ease,color .5s ease;overflow-x:hidden;padding-bottom:40px}@media(max-width:768px){body{padding-bottom:100px}}@media(min-width:769px){body{padding-bottom:0}}button{background-color:var(--color-primary);color:var(--color-text-main);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;border-radius:8px}button:hover{filter:brightness(1.1)}.card{background:var(--color-bg-card);border:var(--glass-border);box-shadow:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:visible}.card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff14;border-color:#fff3;box-shadow:none}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .4s}.card:hover:after{opacity:1}.responsive-grid{display:grid;gap:2rem;width:100%}@media(max-width:767px){.responsive-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1199px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1200px)and (max-width:1599px){.responsive-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1600px){.responsive-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.hover-scale{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.95)}.hover-light:hover{background:#ffffff26!important}.hover-danger-subtle:hover{background:#ff453a1a!important}@keyframes slideUpTransition{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}*,*:before,*:after{box-sizing:border-box}