:root{--black:#050505;--gold:#e5a91b;--gold2:#ffc94a;--silver:#d9dce0;--muted:#6b7280;--red:#e31b23;--line:#e7e7e7;--bg:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#151515}
a{text-decoration:none;color:inherit}.topbar{background:#050505;color:#fff;height:112px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #222;position:sticky;top:0;z-index:20}
.nav{width:min(1180px,94%);display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;min-width:300px}.brand img{width:285px;max-height:96px;object-fit:contain;display:block}
.navlinks{display:flex;gap:20px;align-items:center;font-size:13px;margin-left:auto}.navlinks a{color:#ddd}.navlinks a:hover{color:var(--gold2)}
.hero{background:#050505;padding:42px 20px 38px;text-align:center;color:white}.hero h1{margin:0;font-size:30px}.hero p{margin:10px auto 0;color:#bbb;max-width:760px;line-height:1.5}.goldline{height:3px;width:80px;background:linear-gradient(90deg,var(--gold),#fff,var(--gold));margin:16px auto}
.container{width:min(1180px,94%);margin:0 auto}.crumb{font-size:12px;color:#777;margin:24px 0 8px}.section-title{font-size:25px;margin:0 0 7px}.section-sub{color:#666;margin:0 0 24px;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px;padding-bottom:55px}.card{border:1px solid var(--line);background:#fff;border-radius:5px;overflow:hidden;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.04)}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.10);border-color:#ddd}
.cardimg{height:120px;background:linear-gradient(135deg,#f6f6f6,#fff);display:flex;align-items:center;justify-content:center;padding:14px;border-bottom:1px solid #eee}.placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;text-align:center;border:1px dashed #ccc}.cardbody{padding:13px}.card h3{font-size:15px;line-height:1.3;margin:0 0 10px;min-height:39px}.digital{font-size:11px;color:#777;margin-bottom:8px}.price{display:flex;align-items:baseline;gap:8px}.price .now{font-weight:800;color:var(--red);font-size:17px}.price .old{text-decoration:line-through;color:#999;font-size:12px}.sale{color:var(--red);font-size:11px;margin:3px 0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;padding:10px 14px;font-weight:700;font-size:12px;cursor:pointer}.btn-gold{background:linear-gradient(135deg,#d89508,#ffc84b);color:#111}.btn-dark{background:#090909;color:#fff}.card .btn{width:100%}
.pager{display:flex;justify-content:center;gap:10px;margin:0 0 45px}.pager a{padding:10px 17px;border:1px solid #ddd;border-radius:4px;font-size:13px}.pager a.active{background:#050505;color:#fff;border-color:#050505}
footer{background:#050505;color:#ccc;padding:38px 0}.foot{width:min(1180px,94%);margin:auto;display:flex;justify-content:space-between;gap:30px}.foot strong{color:#fff}.foot small{color:#aaa}
.detail-wrap{min-height:calc(100vh - 78px);background:#f7f7f7;padding:42px 0 70px}.detail{width:min(920px,94%);margin:auto;background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.08);overflow:hidden}.detail-head{background:#050505;color:#fff;padding:28px 32px}.detail-head .mini{color:#bbb;font-size:12px}.detail-head h1{margin:7px 0 0;font-size:28px}.detail-content{display:grid;grid-template-columns:1fr 1.2fr;gap:0}.detail-image{min-height:340px;background:linear-gradient(145deg,#111,#2a2a2a);display:flex;align-items:center;justify-content:center;padding:35px}.detail-image .placeholder{border-color:#555;color:#aaa}.formbox{padding:35px}.formbox h2{margin-top:0}.label{display:block;font-weight:700;font-size:13px;margin:20px 0 8px}.input{width:100%;height:50px;border:1px solid #ccc;border-radius:6px;padding:0 14px;font-size:17px;text-transform:uppercase;outline:none}.input:focus{border-color:var(--gold)}.summary{background:#fafafa;border:1px solid #eee;border-radius:7px;padding:15px;margin:20px 0}.summary div{display:flex;justify-content:space-between;margin:7px 0}.summary .total{font-weight:800;font-size:19px;border-top:1px solid #ddd;padding-top:12px}.notice{font-size:12px;color:#777;line-height:1.5}.pay{width:100%;height:52px;font-size:15px;margin-top:10px}.success{display:none;background:#eef9ee;border:1px solid #a8d7a8;color:#216b21;padding:14px;border-radius:6px;margin-bottom:14px}.back{display:inline-block;margin-bottom:20px;font-size:13px;color:#666}.admin{padding:35px 0}.admin table{width:100%;border-collapse:collapse;background:#fff}.admin th,.admin td{padding:10px;border:1px solid #ddd;text-align:left;font-size:12px}.admin th{background:#050505;color:#fff}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}.detail-content{grid-template-columns:1fr}.detail-image{min-height:240px}.navlinks{gap:10px}}
@media(max-width:650px){.topbar{height:auto;padding:10px 0}.nav{flex-wrap:wrap;justify-content:center}.brand{justify-content:center;width:100%}.brand img{width:250px;max-height:84px}.navlinks{margin:0 auto;flex-wrap:wrap;justify-content:center}.hero h1{font-size:24px}.grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}.cardimg{height:95px}.cardbody{padding:10px}.card h3{font-size:13px;min-height:48px}.price .now{font-size:15px}.foot{flex-direction:column}.detail-head h1{font-size:23px}.formbox{padding:24px}}
@media(max-width:390px){.grid{grid-template-columns:1fr}}


/* Logo más grande, conservando proporciones */
header img[alt*="logo" i], header img[src*="logo" i], .logo img, img.logo{
  max-height:95px !important;width:auto !important;
}

/* Contacto con enlaces directos */
.contact-links{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.contact-link{display:flex;align-items:center;gap:9px;color:#eee!important;font-size:14px;line-height:1.25;transition:opacity .2s ease}
.contact-link:hover{opacity:.8;color:#fff!important}
.contact-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;font-weight:700;flex:0 0 30px;background:#25D366;color:#fff}
.email-link .contact-icon{background:#e5a91b;color:#111}
.email-link span:last-child{word-break:break-word}

/* Admin access */
body:has(#adminLock) footer{display:none;}