:root{--bg-dark:#0a0b10;--neon-blue:#00d2ff;--neon-red:#ff003c;--accent:var(--neon-blue);--accent-rgb:0,210,255;}
body.combat-mode{--bg-dark:#080000;--accent:var(--neon-red);--accent-rgb:255,77,77;}
* {margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;}
body{margin:0;min-height:100vh;font-family:'Rajdhani',sans-serif;color:#e6edf3;background:linear-gradient(rgba(10,11,16,0.8),rgba(10,11,16,0.8)),url('../img/fondo.png') center/cover fixed no-repeat;background-color:#0a0b10;}
.hero,.section{background:transparent!important;}
.navbar{background:rgba(10,11,16,0.9)!important;backdrop-filter:blur(10px);}
.card,.product-card,.big-book-card{background:rgba(22,27,34,0.7)!important;backdrop-filter:blur(5px);border:1px solid rgba(0,210,255,0.2);}
.logo{font-family:'Orbitron';font-size:2.5rem;display:flex;align-items:center;}
.logo span{color:var(--accent);}
.navbar{padding:10px 8%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--accent);position:sticky;top:0;background:var(--bg-dark);z-index:1000;height:80px;}
.nav-links{display:flex;list-style:none;align-items:center;height:100%;}
.nav-links li{display:flex;align-items:center;}
.nav-links li a{color:white;text-decoration:none;margin:0 15px;font-weight:bold;text-transform:uppercase;transition:0.3s;line-height:1;}
.nav-links li a:hover{color:var(--accent);text-shadow:0 0 10px var(--accent),0 0 20px var(--accent);}
.cart-container{cursor:pointer;display:flex;align-items:center;height:100%;font-size:1.5rem;position:relative;}
#cart-count{background:var(--accent);color:black;font-size:0.8rem;padding:2px 6px;border-radius:50%;position:absolute;top:15px;right:-10px;font-weight:bold;}
.hero{height:90vh;display:flex;align-items:center;padding:0 10%;justify-content:space-between;}
.hero h1{font-family:'Orbitron';font-size:5.5rem;line-height:1.1;}
.blue-text{color:var(--neon-blue)!important;text-shadow:0 0 15px var(--neon-blue);}
body.combat-mode .blue-text{color:var(--neon-red)!important;text-shadow:0 0 15px var(--neon-red)!important;}
.btn-main-action{background:var(--accent);color:black;padding:15px 35px;border:none;font-family:'Orbitron';font-weight:bold;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);cursor:pointer;transition:0.3s;text-decoration:none;}
.btn-main-outline{border:2px solid var(--accent);color:var(--accent);padding:13px 35px;font-family:'Orbitron';font-weight:bold;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:0.3s;text-decoration:none;}
.btn-main-action:hover,.btn-main-outline:hover{box-shadow:0 0 20px var(--accent),0 0 40px var(--accent);transform:scale(1.05);}
.section{padding:80px 8%;}
.section-title{font-family:'Orbitron';text-align:center;color:var(--accent);font-size:3rem;margin-bottom:50px;}
.section-divider{border:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:20px 0;}
.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.card,.product-card{background:#161b22;padding:25px;border-radius:15px;text-align:center;border:1px solid #333;cursor:pointer;transition:0.3s;}
.card:hover{border-color:var(--accent);transform:translateY(-10px);box-shadow:0 0 20px var(--accent);}
.card img,.product-card img{width:100%;height:220px;object-fit:contain;}
.big-book-card{background:#0a0c10;border:1px dashed var(--accent);border-radius:5px;padding:60px;max-width:1100px;margin:0 auto;position:relative;overflow:hidden;}
.big-book-card::before{content:"DATA_CORE";position:absolute;top:10px;right:15px;font-family:'Orbitron';font-size:0.6rem;color:var(--accent);opacity:0.5;}
.book-flex{display:flex;align-items:center;gap:60px;flex-wrap:wrap;justify-content:center;position:relative;z-index:2;}
.book-img{position:relative;}
.book-img img{width:350px;filter:drop-shadow(0 0 30px rgba(var(--accent-rgb),0.3));transition:0.6s cubic-bezier(0.165,0.84,0.44,1);z-index:5;}
.book-img::after{content:'';position:absolute;top:0;left:-5%;width:110%;height:2px;background:var(--accent);box-shadow:0 0 15px var(--accent),0 0 30px var(--accent);animation:scanning 3s infinite ease-in-out;z-index:10;}
@keyframes scanning{0%{top:0;opacity:0;}50%{top:100%;opacity:1;}100%{top:0;opacity:0;}}
.book-img:hover img{transform:scale(1.05) rotateY(-10deg);}
.book-info{flex:1;min-width:300px;}
.book-info h3{font-family:'Orbitron';font-size:2.8rem;color:var(--accent);margin-bottom:25px;letter-spacing:2px;text-shadow:0 0 15px rgba(var(--accent-rgb),0.4);}
.book-info p{font-family:'Rajdhani';font-size:1.3rem;line-height:1.5;color:#e0e0e0;margin-bottom:30px;border-left:4px solid var(--accent);padding-left:20px;}
.book-controls{display:flex;gap:25px;align-items:center;margin-top:30px;background:rgba(var(--accent-rgb),0.05);padding:20px;border-radius:10px;}
.book-controls input{background:#000;color:var(--accent);border:1px solid var(--accent);padding:12px;width:80px;font-family:'Orbitron';text-align:center;font-size:1.2rem;}
.product-options{display:flex;gap:10px;justify-content:center;margin:15px 0;}
.product-options select,.product-options input,.solo-qty{background:#000;color:#fff;border:1px solid var(--accent);padding:5px;}
.price{display:block;font-size:1.5rem;font-weight:bold;color:var(--accent);margin-bottom:15px;}
.btn-add{width:100%;padding:12px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:'Orbitron';cursor:pointer;transition:0.3s;}
.btn-add:hover{background:var(--accent);color:black;}
.category-title{font-family:'Orbitron';border-left:5px solid var(--accent);padding-left:15px;margin-bottom:30px;color:var(--accent);}
.event-card-new{display:flex;align-items:center;justify-content:space-between;background:#161b22;border-left:5px solid var(--accent);padding:25px 40px;border-radius:10px;margin-bottom:20px;}
.ev-date{font-family:'Orbitron';text-align:center;}
.ev-date span{display:block;font-size:2.2rem;color:var(--accent);}
.modal{display:none;position:fixed;z-index:5000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);}
.modal-content.big-modal{max-width:600px;margin:5% auto;padding:50px;text-align:center;background:#0d1117;border:3px solid var(--accent);border-radius:20px;position:relative;}
.close-modal{position:absolute;top:15px;right:20px;font-size:2rem;cursor:pointer;}
.mode-switch{position:fixed;bottom:20px;left:20px;z-index:6000;padding:12px 24px;background:var(--accent);color:black;border:none;cursor:pointer;font-family:'Orbitron';font-weight:bold;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);}
footer{padding:50px;text-align:center;border-top:2px solid var(--accent);margin-top:50px;}
.side-cart{position:fixed;right:-400px;top:0;width:380px;height:100vh;background:rgba(13,17,23,0.98);backdrop-filter:blur(10px);border-left:3px solid var(--accent);box-shadow:-10px 0 30px rgba(0,0,0,0.5);transition:0.5s cubic-bezier(0.16,1,0.3,1);z-index:5000;display:flex;flex-direction:column;}
.side-cart.active{right:0;}
.cart-header{padding:30px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;}
.cart-header h3{font-family:'Orbitron';color:var(--accent);letter-spacing:2px;margin:0;}
#close-cart{background:none;border:1px solid var(--accent);color:var(--accent);width:35px;height:35px;cursor:pointer;transition:0.3s;display:flex;align-items:center;justify-content:center;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);}
#close-cart:hover{background:var(--accent);color:black;}
.cart-items{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;}
.cart-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);margin-bottom:15px;transition:0.3s;}
.cart-item:hover{border-color:var(--accent);background:rgba(255,255,255,0.05);}
.empty-msg{text-align:center;color:#666;margin-top:50px;font-style:italic;}
.cart-footer{padding:30px;background:rgba(0,0,0,0.3);border-top:2px solid var(--accent);}
.total-container{display:flex;justify-content:space-between;font-family:'Orbitron';font-size:1.2rem;margin-bottom:20px;}
#cart-total{color:var(--accent);text-shadow:0 0 10px var(--accent);}
.btn-checkout{width:100%;background:var(--accent);color:black;padding:18px;border:none;font-family:'Orbitron';font-weight:bold;font-size:1rem;cursor:pointer;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);transition:0.3s;}
.btn-checkout:hover{box-shadow:0 0 20px var(--accent);transform:scale(1.02);}
.hero{min-height:90vh;display:flex;align-items:center;padding:100px 10%;justify-content:space-between;gap:40px;}
.hero-content{flex:1;max-width:600px;z-index:2;}
.hero p{font-size:1.2rem;margin-bottom:30px;max-width:500px;}
.hero-btns{display:flex;gap:20px;flex-wrap:wrap;}
.hero-image{flex:1;display:flex;justify-content:center;align-items:center;}
.hero-image img{max-width:100%;height:auto;filter:drop-shadow(0 0 20px var(--accent));animation:floating 3s ease-in-out infinite;}
@keyframes floating{0%,100%{transform:translateY(0);}50%{transform:translateY(-15px);}}
@media (max-width:968px){.hero{flex-direction:column;text-align:center;padding-top:120px;}.hero-content{display:flex;flex-direction:column;align-items:center;}.hero-image img{width:250px;}}
.combat-transition{position:fixed;inset:0;z-index:10000;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);}
.combat-transition.active{display:flex;}
#transition-text{font-family:'Orbitron',sans-serif;font-size:4rem;color:var(--accent);text-shadow:0 0 20px var(--accent);letter-spacing:10px;text-transform:uppercase;opacity:0;transform:translateY(-50px);animation:dropIn 0.5s forwards ease-out;}
@keyframes dropIn{to{opacity:1;transform:translateY(0);}}
.combat-transition.fade-out #transition-text{opacity:0;transform:translateY(30px);transition:0.4s ease-in;}
.checkout-card{width:100%;max-width:800px;max-height:90vh;overflow-y:auto;background:#0d1117!important;border:2px solid var(--accent)!important;box-shadow:0 0 30px rgba(0,210,255,0.3);padding:30px!important;border-radius:4px;position:relative;}
#checkout-modal.modal{display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.9);backdrop-filter:blur(8px);}
.price-summary{background:rgba(0,0,0,0.3);padding:15px;margin-top:15px;border-radius:5px;font-family:'Rajdhani';font-size:1.1rem;}
.flex-row{display:flex;gap:10px;}
.form-input{width:100%;padding:10px;margin-bottom:10px;background:#000;border:1px solid #222;border-bottom:2px solid var(--accent);color:#fff;font-size:0.95rem;}
.shipping-box{padding:12px;margin:12px 0;border:1px dashed var(--accent);}
.box-title{font-family:'Orbitron';font-size:0.7rem;color:var(--accent);margin-bottom:10px;}
.ship-option{display:flex;align-items:center;gap:10px;margin-bottom:8px;cursor:pointer;}
.ship-option input{accent-color:var(--accent);}
.payment-summary{background:#000;padding:15px;border-radius:5px;margin-top:15px;}
.summary-line{display:flex;justify-content:space-between;font-size:0.9rem;margin-bottom:5px;}
.total-line{border-top:1px solid #333;padding-top:10px;margin-top:10px;font-weight:bold;color:var(--accent);font-size:1.2rem;}
.card{position:relative;overflow:hidden;border:1px solid rgba(0,210,255,0.2);transition:all 0.5s ease;background:#0d1117;background-image:linear-gradient(rgba(0,210,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,0.05) 1px,transparent 1px);background-size:20px 20px;border:1px solid rgba(0,210,255,0.15);cursor:pointer;transition:0.4s cubic-bezier(0.175,0.885,0.32,1.275);}
.card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent));transition:0.5s;}
.card::after{content:'UNIT_READY';position:absolute;top:10px;right:15px;font-family:'Orbitron';font-size:0.6rem;color:var(--accent);opacity:0.4;letter-spacing:1px;}
.card:hover::before{left:100%;}
.card:hover{border-color:var(--accent);box-shadow:0 0 20px rgba(0,210,255,0.2),inset 0 0 10px rgba(0,210,255,0.1);transform:translateY(-10px) scale(1.02);}
body.combat-mode .card:hover{box-shadow:0 0 20px rgba(255,0,60,0.3);}
.health-bar-container{width:100%;background:rgba(255,255,255,0.05);height:15px;margin:20px 0;border:1px solid var(--accent);position:relative;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);overflow:hidden;}
.health-fill{height:100%;width:0;background:var(--accent);box-shadow:0 0 15px var(--accent);transition:width 1.5s cubic-bezier(0.17,0.67,0.83,0.67);}
.stat-label{font-family:'Orbitron';font-size:0.9rem;color:var(--accent);display:flex;justify-content:space-between;}
.notification-container{position:fixed;top:20px;right:20px;z-index:9999;}
.toast-card{background:#0d1117;color:var(--accent);border-left:5px solid var(--accent);padding:15px 25px;margin-bottom:10px;font-family:'Orbitron',sans-serif;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 15px rgba(0,0,0,0.5),0 0 5px var(--accent);animation:slideIn 0.5s ease forwards,fadeOut 0.5s ease 4.5s forwards;display:flex;align-items:center;gap:10px;}
.toast-warning{border-left-color:#ff003c!important;color:#ff003c!important;box-shadow:0 0 15px rgba(0,0,0,0.5),0 0 5px #ff003c!important;}
.btn-qty{background:transparent;border:1px solid var(--accent);color:var(--accent);width:30px;height:30px;cursor:pointer;font-family:'Orbitron',sans-serif;font-weight:bold;transition:0.3s;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);display:flex;align-items:center;justify-content:center;}
.btn-qty:hover{background:var(--accent);color:black;box-shadow:0 0 10px var(--accent);}
.btn-remove{background:rgba(255,0,60,0.1);border:1px solid var(--neon-red);color:var(--neon-red);padding:5px 10px;cursor:pointer;font-size:0.8rem;font-family:'Orbitron';transition:0.3s;text-transform:uppercase;}
.btn-remove:hover{background:var(--neon-red);color:white;box-shadow:0 0 10px var(--neon-red);}
.qty-display{font-family:'Orbitron';font-weight:bold;color:white;min-width:25px;text-align:center;}
#tienda .grid-container{perspective:1000px;}
.product-card{transition:transform 0.5s cubic-bezier(0.23,1,0.32,1),box-shadow 0.5s ease;transform-style:preserve-3d;}
.product-card:hover{transform:rotateX(10deg) rotateY(-5deg) translateZ(10px);box-shadow:-10px 10px 20px rgba(0,0,0,0.5),0 0 20px var(--accent);border-color:var(--accent);}
.product-card img{transition:transform 0.5s ease;filter:drop-shadow(0 5px 15px rgba(0,0,0,0.5));}
.product-card:hover img{transform:translateZ(30px) scale(1.1);}
@keyframes cartPulse{0%{transform:scale(1);}50%{transform:scale(1.4);box-shadow:0 0 15px var(--accent);}100%{transform:scale(1);}}
.cart-bump{animation:cartPulse 0.4s ease-out;}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;padding-top:20px;}
.product-card{background:#0f1218;border:1px solid rgba(255,255,255,0.05);position:relative;padding:10px;transition:all 0.4s ease;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%);}
.product-card img{width:100%;height:250px;object-fit:contain;background:#161b22;padding:20px;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%);}
.product-info{padding:20px 10px;}
.product-info h4{font-family:'Orbitron';font-size:1.1rem;color:white;margin-bottom:15px;letter-spacing:1px;}
.product-meta{display:flex;gap:10px;margin-bottom:20px;}
.product-meta select,.product-meta input{background:#000;color:var(--accent);border:1px solid rgba(var(--accent-rgb),0.3);padding:8px;font-family:'Rajdhani';}
.product-buy{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,0.05);padding-top:15px;}
.price{font-family:'Orbitron';font-size:1.3rem;color:var(--accent);text-shadow:0 0 10px var(--accent);}
.btn-glitch{background:var(--accent);color:black;border:none;padding:10px 20px;font-family:'Orbitron';font-weight:bold;font-size:0.8rem;cursor:pointer;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:0.3s;}
.btn-glitch:hover{filter:brightness(1.2);box-shadow:0 0 15px var(--accent);}
.product-tag{position:absolute;top:20px;left:20px;background:var(--neon-red);color:white;font-family:'Orbitron';font-size:0.7rem;padding:5px 12px;z-index:10;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);}
#libro .btn-main-action{background:linear-gradient(45deg,var(--accent),#005f73);border:none;padding:15px 30px;font-weight:bold;box-shadow:0 0 20px rgba(var(--accent-rgb),0.4);transition:0.3s;}
#libro .btn-main-action:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px var(--accent);}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;appearance:textfield;}
#libro input[type="number"],.product-meta input[type="number"],.book-controls input[type="number"]{background:#000;color:var(--accent);border:1px solid var(--accent);font-family:'Orbitron',sans-serif;font-weight:bold;text-align:center;padding:10px;font-size:1.1rem;box-shadow:inset 0 0 10px rgba(var(--accent-rgb),0.2);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);width:60px;outline:none;transition:0.3s;}
#libro input[type="number"]:focus,.product-meta input[type="number"]:focus{box-shadow:0 0 15px var(--accent);background:rgba(var(--accent-rgb),0.1);}
#qty-libro{border-width:2px!important;width:80px!important;height:50px;font-size:1.4rem!important;margin-right:15px;}
.qty-wrapper{position:relative;display:inline-flex;align-items:center;background:#000;border:1px solid var(--accent);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);padding:0 5px;height:38px;}
.qty-wrapper input[type="number"]{background:transparent!important;color:var(--accent);border:none!important;font-family:'Orbitron';text-align:center;width:60px;height:100%;padding-right:15px;font-size:1.1rem;outline:none;cursor:default;}
.qty-up,.qty-down{position:absolute;right:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;cursor:pointer;z-index:10;}
.qty-up{top:6px;border-bottom:7px solid var(--accent);}
.qty-down{bottom:6px;border-top:7px solid var(--accent);}
.qty-up:hover{border-bottom-color:#fff;}
.qty-down:hover{border-top-color:#fff;}
.events-container{display:grid;gap:25px;max-width:900px;margin:0 auto;}
.event-card-new{background:rgba(255,255,255,0.02);border-left:5px solid var(--accent);padding:20px 30px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:0.4s;border-radius:0 15px 15px 0;}
.event-card-new::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),0.1),transparent);transition:0.5s;}
.event-card-new:hover::before{left:100%;}
.event-card-new:hover{background:rgba(var(--accent-rgb),0.05);transform:translateX(10px);box-shadow:-5px 0 20px rgba(var(--accent-rgb),0.2);}
.ev-date{background:var(--accent);color:#000;font-family:'Orbitron';padding:10px;min-width:70px;text-align:center;font-weight:bold;line-height:1;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%,0% 20%);}
.ev-date span{display:block;font-size:1.8rem;}
.ev-info{flex-grow:1;padding-left:30px;}
.ev-info h3{font-family:'Orbitron';font-size:1.4rem;color:#fff;margin-bottom:5px;letter-spacing:1px;}
.ev-info p{color:var(--accent);font-family:'Rajdhani';text-transform:uppercase;font-weight:700;font-size:0.9rem;opacity:0.8;}
.ev-time{font-family:'Orbitron';font-size:1.2rem;color:var(--accent);border:1px solid var(--accent);padding:5px 15px;border-radius:4px;background:rgba(0,0,0,0.3);}
body.combat-mode .event-card-new{border-left-color:var(--neon-red);}
body.combat-mode .ev-date{background:var(--neon-red);}
body.combat-mode .ev-time{color:var(--neon-red);border-color:var(--neon-red);}
body.combat-mode .ev-info p{color:var(--neon-red);}
@keyframes slideIn{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}
.event-card-new{animation:slideIn 0.8s ease forwards;}
.event-card-new:nth-child(2){animation-delay:0.2s;}
.event-card-new:nth-child(3){animation-delay:0.4s;}

/* --- BOTÓN DEL LIBRO DINÁMICO --- */

/* 1. Estado Normal: Azul con el estilo de la web */
#libro .btn-main-action {
    background: var(--accent);
    color: black;
    border: none;
    padding: 15px 30px;
    font-weight: bold;
    box-shadow: 0 0 20px rgba(var(--accent-rgb), 0.4);
    transition: 0.3s;
}

/* 2. Estado MODO COMBATE: Rojo sólido, sin degradado y texto blanco */
body.combat-mode #libro .btn-main-action {
    background: #ff003c !important; /* Rojo puro */
    background-image: none !important; /* Quitamos cualquier degradado */
    color: white !important;
    box-shadow: 0 0 25px #ff003c;
}

/* Hover en modo combate para que brille más */
body.combat-mode #libro .btn-main-action:hover {
    background: #ff4d4d !important;
    box-shadow: 0 0 35px #ff003c;
    transform: translateY(-3px) scale(1.05);
}

/* --- CORRECCIÓN DE BORDES EN MODO COMBATE --- */

/* Forzamos que el borde cambie a rojo cuando el body tiene la clase combat-mode */
body.combat-mode .card, 
body.combat-mode .product-card, 
body.combat-mode .big-book-card {
    border: 1px solid var(--neon-red) !important;
    box-shadow: 0 0 15px rgba(255, 0, 60, 0.2); /* Resplandor rojo suave */
}

/* También actualizamos el detalle de la esquina neón para que sea roja */
body.combat-mode .card::before {
    border-color: transparent transparent var(--neon-red) transparent !important;
}

/* Actualizamos el texto técnico 'UNIT_READY' al color rojo */
body.combat-mode .card::after {
    color: var(--neon-red) !important;
    opacity: 0.6;
}

/* Hover específico en modo combate: Brillo más intenso */
body.combat-mode .card:hover {
    border-color: #fff !important; /* Borde blanco para impacto visual */
    box-shadow: 0 0 25px var(--neon-red);
}

/* --- NAVBAR REPARADA, CENTRADA Y ESTRECHA --- */
.navbar {
    display: flex;
    justify-content: space-between; 
    align-items: center;
    padding: 0 5%;
    background: rgba(10, 11, 16, 0.95);
    border-bottom: 2px solid var(--accent);
    height: 70px; /* Altura reducida para que sea más fina */
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(10px);
}

/* Columna Izquierda: Logo */
.logo {
    flex: 1; 
    display: flex;
    align-items: center;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.6rem;
    letter-spacing: 1px;
    color: #fff;
}

.logo span {
    color: var(--accent);
    margin-left: 8px; /* Espacio justo como en tu captura */
}

/* Columna Central: Menú Centrado */
.nav-links {
    flex: 2; 
    display: flex;
    list-style: none;
    justify-content: center; 
    gap: 30px;
    margin: 0;
    padding: 0;
}

.nav-links li {
    position: relative;
}

/* --- HOVER DE LÍNEA INFERIOR (Apartados Normales) --- */
.nav-links li a {
    color: #fff;
    text-decoration: none;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.85rem;
    text-transform: uppercase;
    transition: 0.3s ease;
    padding: 8px 0;
    display: block;
}

/* La línea que aparece desde el centro */
.nav-links li a:not(.nav-juegos)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--accent);
    box-shadow: 0 0 10px var(--accent);
    transition: 0.3s ease;
    transform: translateX(-50%);
}

.nav-links li a:not(.nav-juegos):hover::after {
    width: 100%;
}

.nav-links li a:not(.nav-juegos):hover {
    color: var(--accent);
    text-shadow: 0 0 8px rgba(var(--accent-rgb), 0.5);
}

/* --- APARTADO JUEGOS (Efecto Diferente: Botón de Alerta) --- */
.nav-juegos {
    color: #ff003c !important;
    border: 1px solid #ff003c;
    padding: 6px 15px !important;
    background: rgba(255, 0, 60, 0.05);
    border-radius: 4px;
    transition: 0.4s !important;
    position: relative;
    overflow: hidden;
}

.nav-juegos:hover {
    background: #ff003c !important;
    color: #fff !important;
    box-shadow: 0 0 20px #ff003c, inset 0 0 10px rgba(255,255,255,0.5);
    transform: scale(1.1) skewX(-5deg); /* Efecto de inclinación táctica */
}

/* Columna Derecha: Carrito */
.cart-container {
    flex: 1; 
    display: flex;
    justify-content: flex-end;
}

.cart-icon {
    font-size: 1.5rem;
    transition: 0.3s;
}

.cart-icon:hover {
    transform: scale(1.2);
    filter: drop-shadow(0 0 8px var(--accent));
}

/* --- MODO COMBATE PARA EL MENÚ --- */
body.combat-mode .nav-links li a:not(.nav-juegos)::after {
    background: #ff003c;
    box-shadow: 0 0 10px #ff003c;
}

body.combat-mode .nav-links li a:not(.nav-juegos):hover {
    color: #ff003c;
}

/* --- ESTILOS DEL MEMORY GAME --- */
.memory-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    max-width: 300px;
    margin: 0 auto;
}

.memory-card {
    aspect-ratio: 1/1;
    background: #000;
    border: 1px solid var(--accent);
    cursor: pointer;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.4s;
}

.memory-card.flipped {
    transform: rotateY(180deg);
}

.memory-card .front, .memory-card .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.memory-card .front {
    background: var(--accent);
    color: #000;
    font-weight: bold;
    font-size: 1.2rem;
}

.memory-card .back {
    background: #161b22;
    transform: rotateY(180deg);
}

.memory-card .back img {
    width: 90%;
    height: 90%;
    object-fit: contain;
}

/* Modo combate para el memory */
body.combat-mode .memory-card { border-color: #ff003c; }
body.combat-mode .memory-card .front { background: #ff003c; }