/* Tema Cardona-Flix · colores del logo: azul eléctrico, rojo, plata y dorado. Montos en verde neón.
   Se carga después de style.css; "body" sube la prioridad sobre los estilos internos de la página. */
:root{
 --cf-bg:#04060d;--cf-bg2:#080d1c;--cf-card:#0b1226;--cf-card2:#0f1a36;
 --cf-line:#1b2c5c;--cf-blue:#1e8fff;--cf-blue2:#0a5cff;--cf-red:#ff1f3d;--cf-red2:#c8001f;
 --cf-silver:#eef3ff;--cf-muted:#9fb3d9;--cf-gold:#ffc83d;--cf-green:#2bff88;
 background:var(--cf-bg);color:var(--cf-silver)}
body{background:radial-gradient(1200px 600px at 15% -10%,#0a2a8a55,transparent 60%),radial-gradient(900px 500px at 100% 0,#b0001f40,transparent 55%),var(--cf-bg);background-attachment:fixed;min-height:100vh}
body a{color:#5fb0ff}
body .muted,body .g2-sub,body .ap-help{color:var(--cf-muted)}

/* Encabezado */
body header{background:linear-gradient(180deg,#070c1d,#04060d);border-bottom:0;position:relative}
body header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--cf-blue2),var(--cf-blue) 35%,var(--cf-red) 65%,var(--cf-red2))}
body .logo{display:flex;align-items:center;gap:10px;color:#fff;letter-spacing:.3px;text-shadow:0 0 14px #1e8fff55}
body .logo img{width:44px;height:44px;border-radius:12px;box-shadow:0 0 0 2px #1e8fff66,0 0 18px #ff1f3d44}
body .logo-t{white-space:nowrap;font-weight:900}
@media(max-width:480px){body .logo-t{font-size:17px}body .logo img{width:38px;height:38px}}
body .logo span{color:var(--cf-red);text-shadow:0 0 12px #ff1f3d88}
body nav a{color:#cfe0ff;font-weight:600}body nav a:hover{color:#fff;text-shadow:0 0 10px var(--cf-blue)}

/* Tarjetas y bloques */
body .card,body .g2-card,body .ap-stat,body .ap-sec{background:linear-gradient(160deg,var(--cf-card2),var(--cf-card));border:1px solid var(--cf-line);box-shadow:0 10px 30px #0008,inset 0 1px 0 #ffffff0d}
body .hero{background:linear-gradient(120deg,#0a3bd6 0%,#071b5c 45%,#5a0012 100%);border:1px solid #2a4fb8;box-shadow:0 0 40px #1e8fff33}
body .hero h1{text-shadow:0 0 22px #1e8fff88}
body .tag{background:linear-gradient(90deg,var(--cf-red2),var(--cf-red));color:#fff;box-shadow:0 0 12px #ff1f3d55}
body .notice{background:#0d1838;border:1px solid #1e3a8a}
body .ok{background:#06301f;border:1px solid #16a34a}
body .error{background:#3a0612;border:1px solid #be123c}

/* Botones: rojo del logo con brillo; secundarios en azul */
body button,body .btn,body .g2-cta,body .ap-form button{background:linear-gradient(180deg,#ff3b55,var(--cf-red2));color:#fff;border:0;box-shadow:0 6px 18px #ff1f3d40,inset 0 1px 0 #ffffff40;text-shadow:0 1px 0 #0005}
body button:hover,body .btn:hover,body .g2-group:hover .g2-cta{background:linear-gradient(180deg,#ff5a70,#e0002a);box-shadow:0 8px 24px #ff1f3d66}
body .g2-x{background:#16244c;box-shadow:none}
body .bk-copy{background:linear-gradient(180deg,#2f9bff,var(--cf-blue2));box-shadow:0 4px 12px #1e8fff55}

/* Campos */
body input,body select,body textarea{background:#060b19;border:1px solid #24407e;color:#fff}
body input:focus,body select:focus,body textarea:focus{outline:0;border-color:var(--cf-blue);box-shadow:0 0 0 3px #1e8fff33}

/* Catálogo */
body .g2-tabs a{background:#0b1430;border-color:#24407e;color:#d6e4ff}
body .g2-tabs a.on{background:linear-gradient(90deg,var(--cf-blue2),var(--cf-blue));box-shadow:0 0 16px #1e8fff66}
body .g2-card{border-radius:18px}
body a.g2-card:hover,body .g2-group:hover{border-color:var(--cf-blue);box-shadow:0 16px 34px #000a,0 0 0 1px #1e8fff66,0 0 26px #1e8fff40}
body .g2-name{color:#fff}

/* Ventana de montos */
body .g2-modal-card{background:linear-gradient(170deg,#0c1631,#060a17);border:1px solid #2a4fb8;box-shadow:0 30px 80px #000c,0 0 40px #1e8fff30}
body .g2-mhead h2{color:var(--cf-gold);text-shadow:0 0 14px #ffc83d66}
body .g2-chip{background:#0b1430;border-color:#24407e;color:#d6e4ff}
body .g2-chip.on{background:linear-gradient(180deg,#ffd75e,var(--cf-gold));border-color:var(--cf-gold);color:#1a1200;box-shadow:0 0 14px #ffc83d66}
body .g2-row{background:linear-gradient(90deg,#0e1a3a,#0a1228);border-color:#1f3570}
body .g2-row:hover{border-color:var(--cf-green);background:linear-gradient(90deg,#0f2142,#0a1730);box-shadow:0 0 18px #2bff8826}
body .g2-rname{color:#fff}
body .g2-stock{color:#7dd3fc}

/* MONTOS en verde neón */
body .g2-row b,body .g2-opt b,body .price,body .g2-pr b{color:var(--cf-green);text-shadow:0 0 10px #2bff8899,0 0 2px #2bff88;font-weight:900}
body .g2-row b{font-size:17px}
body .g2-usdt{color:#b6ffd6;opacity:.9}
body .price small,body .price .muted{color:#b6ffd6;text-shadow:none}
body #paybox b{color:var(--cf-green);font-size:18px;text-shadow:0 0 10px #2bff8880}
body .bk-num{color:var(--cf-green);text-shadow:0 0 8px #2bff8866}

/* Panel admin */
body .ap-logo{background:none;overflow:hidden;padding:0}body .ap-logo img{width:100%;height:100%;object-fit:cover}
body .ap-stat b{color:var(--cf-green);text-shadow:0 0 10px #2bff8866}
body .ap-sec>summary{color:#fff}
body .ap-tag{background:#1b2c5c;color:var(--cf-gold)}
body .ap-item,body .ap-bank,body .bk{background:#070d1f;border-color:#1f3570}

body footer{color:var(--cf-muted);border-top:1px solid #12204a}

/* ===== Estilo propio Cardona-Flix (no G2Bulk): tarjetas con corte diagonal y brillo neón ===== */
body .g2-grid{gap:18px}
body .g2-card{position:relative;border-radius:16px;border:1px solid transparent;background:linear-gradient(var(--cf-card),var(--cf-card)) padding-box,linear-gradient(140deg,#1e8fff55,#1b2c5c 40%,#ff1f3d44) border-box}
body .g2-media{aspect-ratio:1/1;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}
body .g2-media:after{height:55%;background:linear-gradient(transparent,#04060dcc)}
body .g2-body{padding:4px 14px 14px;margin-top:-6px}
body .g2-name{font-weight:900;letter-spacing:.2px;text-transform:uppercase;font-size:14px}
body .g2-sub{color:#7dd3fc;font-weight:700}
body .g2-cta{background:transparent!important;border:1px solid #1e8fff;color:#cfe6ff;box-shadow:none!important;border-radius:999px}
body .g2-group:hover .g2-cta{background:linear-gradient(90deg,#ff3b55,#c8001f)!important;border-color:transparent;color:#fff}
body a.g2-card:hover,body .g2-group:hover{transform:translateY(-5px);background:linear-gradient(var(--cf-card2),var(--cf-card2)) padding-box,linear-gradient(140deg,#1e8fff,#ff1f3d) border-box;box-shadow:0 18px 40px #000b,0 0 30px #1e8fff40}
body .g2-head h1{text-transform:uppercase;letter-spacing:.5px}

/* Menú compacto en celular: una sola fila deslizable */
@media(max-width:640px){body nav{flex-direction:column;align-items:flex-start;gap:8px}body nav>div{display:flex;gap:16px;width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:2px}body nav>div::-webkit-scrollbar{display:none}body nav>div a{margin-left:0;font-size:14px}}