*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080506;color:#eee;font-family:Inter,Arial,sans-serif;min-height:100vh;background-image:radial-gradient(circle at 50% 10%,rgba(108,47,17,.24),transparent 35%),linear-gradient(120deg,#070506,#170805 48%,#060405)}.page-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 50%,rgba(255,91,19,.13),transparent 25%),radial-gradient(circle at 88% 52%,rgba(45,95,255,.09),transparent 22%)}a{text-decoration:none;color:inherit}.topbar{height:86px;border-bottom:1px solid #9b5516;background:linear-gradient(180deg,#08090b,#111010 65%,#070707);display:flex;align-items:center;padding:0 4%;gap:22px;position:sticky;top:0;z-index:20;box-shadow:0 5px 35px #000}.brand{display:flex;align-items:center;gap:7px;min-width:205px}.brand-mark{font-size:42px;color:#ffb23a;text-shadow:0 0 15px #ff6a00}.brand-text{font:600 21px Cinzel;color:#fff0c7;line-height:.83;text-shadow:0 2px 10px #d97717}.brand-text b{font-weight:800;color:#f7b64a}.main-nav{display:flex;align-items:stretch;justify-content:center;gap:4px;flex:1;height:100%}.main-nav a{min-width:58px;padding:14px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#cfc0a5;font:600 12px Cinzel;transition:.25s;border-bottom:2px solid transparent}.main-nav a span{font-size:10px}.main-nav a:hover,.main-nav a.active{color:#ffd16a;background:linear-gradient(#3a1c09,transparent);border-bottom-color:#ff9b16;text-shadow:0 0 12px #ff8c00}.top-actions{display:flex;align-items:center;gap:14px}.download-btn,.gold-btn,.buy-btn{border:1px solid #ffb21b;background:linear-gradient(#6e3106,#d77a0b 48%,#ffb91f);color:#fff5d5;font:800 14px Cinzel;box-shadow:0 0 16px rgba(255,133,0,.35),inset 0 1px #ffe8a0;border-radius:5px}.download-btn{padding:14px 22px}.social-mini{display:flex;gap:9px;color:#fff;font-weight:800}.shell{width:min(1450px,94%);margin:20px auto}.hero{height:280px;position:relative;border:1px solid #9b5718;border-radius:7px;overflow:hidden;background:linear-gradient(90deg,#18090a,#45200a 50%,#0a111b);box-shadow:0 0 30px rgba(255,105,0,.25),inset 0 0 40px #000}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(120,0,0,.7),transparent 35%,rgba(0,0,0,.25)),url("img/mockup-reference.png") center/cover;opacity:.75}.hero-copy{position:absolute;left:31%;top:44px;text-align:center;z-index:2}.hero-kicker{font:600 16px Cinzel;color:#ffb93e;letter-spacing:5px}.hero h1{font:800 47px Cinzel;margin:5px 0;color:#fff0c5;text-shadow:0 0 22px #ff7b00}.hero p{font:600 16px Cinzel;letter-spacing:2px;margin:0 0 18px}.hero-points{position:absolute;right:6%;top:64px;display:grid;gap:15px;z-index:2;font:600 13px Cinzel;color:#fff0c9}.hero-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);border:0;background:none;color:#ffb31f;font-size:50px;cursor:pointer}.hero-arrow.left{left:10px}.hero-arrow.right{right:10px}.dots{position:absolute;bottom:10px;left:50%;display:flex;gap:7px}.dots i{width:8px;height:8px;border-radius:50%;background:#806020}.dots i.active{background:#ffac15;box-shadow:0 0 10px #ff8a00}.quick-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.quick-card{border:1px solid #71420f;border-radius:7px;background:linear-gradient(115deg,#1d0f07,#09090a);padding:12px 18px;display:flex;align-items:center;gap:15px;box-shadow:inset 0 0 25px #000,0 0 10px rgba(255,143,0,.1);transition:.25s}.quick-card:hover{transform:translateY(-2px);border-color:#ffb21b}.quick-icon{font-size:30px}.quick-card b{font:700 18px Cinzel;color:#ffe6b0}.quick-card small{display:block;color:#d4bfa0;margin-top:2px}.layout{display:grid;grid-template-columns:230px 1fr 250px;gap:14px}.sidebar,.side-panel,.help-card{border:1px solid #75430f;background:linear-gradient(160deg,#160d09,#080809);box-shadow:inset 0 0 25px #000,0 0 12px rgba(255,130,0,.08);border-radius:6px}.panel-title{font:700 17px Cinzel;color:#f4bd55;padding:13px 14px;border-bottom:1px solid #6c3c0b;text-shadow:0 0 8px #e78315}.category-list{padding:8px}.category-list a{display:flex;justify-content:space-between;padding:8px 7px;color:#bdb3a3;font-size:11px;border-radius:3px}.category-list a:hover,.category-list a.selected{background:linear-gradient(90deg,#60300a,#211006);color:#ffd166;box-shadow:inset 2px 0 #ffae17}.category-list hr{border:0;border-top:1px solid #51300f;margin:7px}.store{min-width:0}.section-heading{height:39px;border-top:1px solid #82500e;border-bottom:1px solid #82500e;display:flex;align-items:center;justify-content:center;gap:14px;color:#f4bd55}.section-heading h2{font:700 19px Cinzel;letter-spacing:2px;margin:0}.class-banner{height:130px;margin:10px 0;border:1px solid #9b5816;border-radius:6px;position:relative;overflow:hidden;background:linear-gradient(90deg,#0b0b0d,#28160b 55%,#0c1725)}.class-banner:before{content:"";position:absolute;inset:0;background:url("img/mockup-reference.png") center 35%/cover;opacity:.42;filter:saturate(1.25)}.class-banner>div{position:absolute;left:16%;top:27px;z-index:1}.class-banner span{font-size:10px;color:#ffc75a}.class-banner h2{font:800 34px Cinzel;margin:3px 0;color:#fff2ca;text-shadow:0 0 15px #ff7300}.class-banner p{font:600 12px Cinzel;margin:0;letter-spacing:3px}.banner-arrow{position:absolute;right:17px;top:40px;background:none;border:0;color:#ffad1d;font-size:45px}.tabs{display:flex;gap:4px}.tabs button,.rank-tabs button{flex:1;border:1px solid #54350f;background:#100c09;color:#b7a78d;padding:10px 7px;font:600 10px Cinzel;cursor:pointer}.tabs button.active,.rank-tabs button.active{background:linear-gradient(#6c3208,#1c0e07);color:#ffd267;border-color:#e79a18;box-shadow:0 0 12px rgba(255,143,0,.25)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.product{border:1px solid #77440d;border-radius:6px;background:linear-gradient(#17100d,#08090a);padding:9px;text-align:center;box-shadow:inset 0 0 25px #000;transition:.25s}.product:hover{transform:translateY(-3px);border-color:#f2a516;box-shadow:0 0 18px rgba(255,143,0,.2),inset 0 0 25px #000}.product-image{height:155px;border:1px solid #53320e;border-radius:4px;overflow:hidden;background:#09090a}.placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle,#7b140d,#16090a 65%);font:800 22px Cinzel;color:#ffe2b1;text-shadow:0 0 12px #ff5d00}.placeholder.blue{background:radial-gradient(circle,#0e3b70,#090b12 65%)}.placeholder.gold{background:radial-gradient(circle,#765019,#100b08 65%)}.placeholder.purple{background:radial-gradient(circle,#4d1d70,#0c0710 65%)}.placeholder small{font:600 9px Inter;letter-spacing:3px}.product h3{font:700 11px Cinzel;color:#ffe6a8;min-height:30px;margin:9px 0 2px}.product strong{display:block;color:#14e4e1;font-size:15px;margin-bottom:8px}.buy-btn{padding:7px 13px;font-size:10px;cursor:pointer;width:100%}.side-panel{margin-bottom:12px}.rank-tabs{display:flex;padding:7px;gap:3px}.ranking{list-style:none;margin:0;padding:0 10px 10px}.ranking li{display:grid;grid-template-columns:26px 1fr auto;gap:5px;padding:8px 2px;border-bottom:1px solid #30200f;font-size:11px}.ranking li b{color:#f7b631}.ranking li strong{color:#e6bd6a}.payments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.payments span{padding:10px 4px;border-radius:5px;background:#18294b;text-align:center;font-weight:800;font-size:12px}.payments span:nth-child(2){background:#6d1c79}.payments span:nth-child(3){background:#0b8e8e}.payments span:nth-child(4){background:#183f8f}.payments span:nth-child(5){background:#17295a}.payments span:nth-child(6){background:#442b24}.help-card{text-align:center;padding:14px}.help-art{font-size:42px;color:#ffd052;text-shadow:0 0 18px #ff8a00}.help-card h3{font:700 14px Cinzel;color:#ffe0a0;margin:4px}.help-card p{font-size:10px}.help-card button{border:1px solid #5c4ac1;background:#241c52;color:white;border-radius:4px;padding:7px 10px;margin:3px;font-size:10px}footer{margin-top:25px;border-top:1px solid #6c3e11;background:#070809;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;color:#a99982;font-size:10px}.footer-brand{font:700 15px Cinzel;color:#f0b545}.footer-links{display:flex;gap:16px}.footer-links a:hover{color:#ffc353}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:50;place-items:center}.modal.show{display:grid}.modal-box{width:min(440px,90%);position:relative;border:1px solid #d58b16;background:linear-gradient(150deg,#251207,#09090b);border-radius:8px;padding:28px;text-align:center;box-shadow:0 0 50px rgba(255,130,0,.25)}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#ffd078;font-size:27px;cursor:pointer}.modal-kicker{font:700 11px Cinzel;color:#e99b21}.modal-box h2{font:700 24px Cinzel;color:#ffe5ad}.modal-price{font-size:24px;color:#14e4e1;font-weight:800;margin:15px}.modal-payments{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal-payments button{padding:12px;background:#1a130e;border:1px solid #8e5714;color:#ffd47a;border-radius:4px;cursor:pointer}@media(max-width:1100px){.layout{grid-template-columns:190px 1fr}.rightbar{display:none}.main-nav a:nth-child(n+8){display:none}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:auto;flex-wrap:wrap;padding:10px 3%}.brand{min-width:auto}.main-nav{order:3;width:100%;height:52px}.main-nav a{min-width:45px}.main-nav a span{font-size:8px}.download-btn{display:none}.hero{height:245px}.hero-copy{left:10%;right:10%;top:35px}.hero h1{font-size:32px}.hero-points{display:none}.quick-cards{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.sidebar{display:none}.products{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column;gap:15px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media(max-width:450px){.products{grid-template-columns:1fr}.product-image{height:190px}.section-heading h2{font-size:15px}.tabs{overflow:auto}.tabs button{min-width:85px}}
.config-btn{border:1px solid #9d671a;background:linear-gradient(#231507,#100b07);color:#ffd36a;padding:11px 14px;border-radius:5px;font:700 10px Cinzel;cursor:pointer;box-shadow:0 0 12px rgba(255,145,0,.15)}
.config-btn:hover{border-color:#ffc044;box-shadow:0 0 18px rgba(255,155,0,.3)}
.managed-image{object-fit:cover}
.hero-managed{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.7}
.class-managed{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.7}
.product-managed{width:100%;height:100%;position:absolute;inset:0;z-index:2}
.product-image{position:relative}
.image-config-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);z-index:100;display:none;padding:25px;overflow:auto}
.image-config-overlay.show{display:flex;align-items:center;justify-content:center}
.image-config-panel{width:min(1100px,96vw);border:1px solid #b87416;border-radius:10px;background:linear-gradient(145deg,#1d0e07,#09090b 65%);box-shadow:0 0 70px rgba(255,130,0,.22),inset 0 0 35px #000;padding:24px}
.config-header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #5e380e;padding-bottom:16px}
.config-kicker{font:700 10px Inter;color:#e99a22;letter-spacing:2px}.config-header h2{font:700 25px Cinzel;color:#ffe1a0;margin:4px 0}.config-header p{color:#a99a86;font-size:12px;margin:0}.config-close{background:none;border:0;color:#ffd16a;font-size:34px;cursor:pointer}
.config-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}.config-primary,.config-secondary{border:1px solid #8c5916;border-radius:5px;padding:10px 14px;background:#140e0a;color:#ffd36b;font:700 10px Inter;cursor:pointer}.config-primary{background:linear-gradient(#7b3d08,#c8750e);color:#fff3d1}.config-secondary:hover{border-color:#ffc044}.file-import{position:relative;overflow:hidden}.file-import input{position:absolute;inset:0;opacity:0;cursor:pointer}
.config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.image-field{min-height:230px;border:1px solid #57350f;border-radius:7px;padding:10px;background:linear-gradient(160deg,#16100c,#09090a);display:flex;flex-direction:column;gap:4px;cursor:pointer}.image-field:hover{border-color:#bc7817}.image-field.featured{grid-column:span 2}.image-field span{font:700 12px Cinzel;color:#f6ca72}.image-field small{color:#8e806e;font-size:10px;margin-bottom:5px}.image-field input{font-size:10px;color:#aaa}.config-preview{width:100%;height:145px;object-fit:cover;border-radius:5px;border:1px solid #3e2a10;background:radial-gradient(circle,#25150b,#090909)}.image-field.featured .config-preview{height:180px}.config-note{margin-top:15px;padding:12px;border:1px solid #4b3211;background:#0d0b09;color:#9d917f;font-size:11px;border-radius:5px}.config-note b{color:#eeb34d}
@media(max-width:800px){.config-grid{grid-template-columns:repeat(2,1fr)}.image-field.featured{grid-column:span 2}.config-btn{order:4}}
@media(max-width:480px){.config-grid{grid-template-columns:1fr}.image-field.featured{grid-column:span 1}.image-config-panel{padding:15px}.config-header h2{font-size:19px}}

/* ===== REEL PRINCIPAL LIMPIO ===== */
.hero-reel{height:300px;position:relative;border:1px solid #a05d18;border-radius:7px;overflow:hidden;background:#08090b;box-shadow:0 0 30px rgba(255,105,0,.22);isolation:isolate}
.reel-track{position:absolute;inset:0}
.reel-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(2%);transition:opacity .65s ease,transform .65s ease;z-index:1}
.reel-slide.active{opacity:1;visibility:visible;transform:translateX(0);z-index:2}
.reel-slide>img{width:100%;height:100%;object-fit:cover;display:block}
.reel-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.0) 0%,rgba(0,0,0,.0) 46%,rgba(0,0,0,.0) 100%);z-index:1}
.reel-content{position:absolute;z-index:2;left:12%;top:50%;transform:translateY(-50%);max-width:650px;text-align:left}
.reel-kicker{font:700 13px Cinzel;letter-spacing:5px;color:#ffc45b;text-shadow:0 0 12px #ff7200}
.reel-content h1{font:800 42px Cinzel;line-height:1.05;margin:7px 0;color:#fff0c8;text-shadow:0 3px 18px #000}
.reel-content p{font:600 15px Cinzel;letter-spacing:2px;color:#f5e2be;margin:0 0 18px;text-shadow:0 2px 10px #000}
.reel-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);border:0;background:rgba(0,0,0,.25);color:#ffc13d;font-size:54px;width:50px;height:85px;cursor:pointer;transition:.2s}
.reel-arrow:hover{background:rgba(0,0,0,.55);color:#fff}
.reel-arrow.left{left:8px}.reel-arrow.right{right:8px}
.reel-dots{position:absolute;z-index:6;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.reel-dots button{width:9px;height:9px;border-radius:50%;border:1px solid #bd7c1d;background:#332411;padding:0;cursor:pointer}
.reel-dots button.active{background:#ffb51b;box-shadow:0 0 12px #ff8b00}
.reel-counter{position:absolute;right:18px;bottom:13px;z-index:6;font:700 10px Cinzel;color:#e7c27a}
.manual-text-preview{margin-top:8px;color:#bca98d;font-size:10px;line-height:1.5}
.manual-code-help{margin-top:14px;padding:12px;border:1px solid #52340f;background:#0d0b09;color:#a89a86;font-size:11px;border-radius:5px}
.manual-code-help code,.manual-image-box code{color:#f0bb5a;background:#080706;padding:3px 5px;border-radius:3px}
@media(max-width:760px){
 .hero-reel{height:245px}
 .reel-content{left:9%;right:9%;max-width:none}
 .reel-content h1{font-size:28px}
 .reel-content p{font-size:11px}
 .reel-kicker{font-size:10px;letter-spacing:3px}
}

/* =========================================================
   REDISEÑO FINAL · TIENDA A ANCHO COMPLETO
   Se mantienen los colores y estética Magic Gladiador.
   ========================================================= */
.shell{width:min(1500px,94%);margin:18px auto 35px}
.layout{display:block!important}
.store{width:100%;min-width:0}

/* Header: botones limpios y alineados */
.top-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;white-space:nowrap}
.download-btn{display:inline-flex;align-items:center;justify-content:center;min-width:142px;height:44px;padding:0 20px}
.social-mini{align-items:center;font-size:13px;opacity:.9}

/* Tarjetas principales: funcionan como botones de acceso */
.quick-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 12px}
.quick-card{min-height:72px;padding:13px 20px;position:relative;overflow:hidden}
.quick-card:after{content:"";position:absolute;right:-35px;top:-45px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,170,50,.16),transparent 65%);pointer-events:none}
.quick-card:hover{transform:translateY(-3px) scale(1.005)}
.quick-card b{font-size:16px}
.quick-card small{font-size:10px;letter-spacing:.5px}

/* Franja extra de beneficios */
.premium-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px;padding:7px;border:1px solid #4f300d;border-radius:7px;background:linear-gradient(90deg,#0c0a09,#171008,#0b0a09);box-shadow:inset 0 0 22px #000}
.premium-item{min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-right:1px solid #3c260d}
.premium-item:last-child{border-right:0}
.premium-item>span{font-size:23px;color:#f4b843;text-shadow:0 0 10px rgba(255,132,0,.55)}
.premium-item b{display:block;font:700 11px Cinzel;color:#f3d18b;letter-spacing:.5px}
.premium-item small{display:block;margin-top:2px;color:#857765;font-size:9px}

/* Encabezado de la colección */
.section-heading{height:48px;margin-bottom:10px;border-color:#7d4a10;background:linear-gradient(90deg,transparent,rgba(120,65,12,.10),transparent)}
.section-heading h2{font-size:20px;letter-spacing:3px}
.class-banner{height:155px;margin:0 0 10px}
.class-banner .class-managed{width:100%;height:100%;object-fit:cover;display:block;opacity:.78}
.class-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.78),rgba(5,5,6,.18) 48%,rgba(5,5,6,.40));z-index:0;pointer-events:none}
.class-banner>div{left:9%;top:50%;transform:translateY(-50%);z-index:2}
.class-banner h2{font-size:39px}

/* Botones de categorías en su lugar: debajo del banner */
.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 12px;padding:5px;border:1px solid #4c300d;border-radius:6px;background:#0b0908}
.tabs button{height:39px;border-radius:4px;position:relative;overflow:hidden}
.tabs button:hover{color:#ffd267;border-color:#9b6217;background:#1a1008}
.tabs button.active:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:2px;background:#ffad1a;box-shadow:0 0 10px #ff8b00}

/* Productos más protagonistas */
.products{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:0}
.product{padding:10px 10px 12px;border-radius:7px;position:relative}
.product:before{content:"PREMIUM";position:absolute;top:8px;right:8px;z-index:5;font:700 7px Inter;letter-spacing:1px;color:#ffd26c;border:1px solid #83500f;background:rgba(10,7,5,.82);padding:4px 6px;border-radius:3px}
.product-image{height:215px}
.product h3{font-size:12px;margin:11px 0 4px;min-height:34px}
.product strong{font-size:16px;margin-bottom:9px}
.buy-btn{height:34px;border-radius:4px}

/* Separador decorativo antes de la zona de descarga */
.download-zone{width:min(1500px,94%);margin:25px auto 0;padding:18px 24px;border:1px solid #845014;border-radius:8px;background:linear-gradient(100deg,#180c07,#0b0b0d 55%,#171006);display:flex;align-items:center;gap:18px;box-shadow:inset 0 0 35px #000,0 0 20px rgba(255,120,0,.08);position:relative;overflow:hidden}
.download-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,170,55,.05),transparent);pointer-events:none}
.download-zone-art{width:48px;height:48px;display:grid;place-items:center;border:1px solid #8d5713;border-radius:50%;color:#ffc24b;font-size:24px;box-shadow:0 0 18px rgba(255,126,0,.25)}
.download-zone>div:nth-child(2){flex:1}
.download-zone span{font:700 9px Inter;color:#e99d28;letter-spacing:2px}
.download-zone h2{margin:3px 0;font:700 18px Cinzel;color:#ffe1a1}
.download-zone p{margin:0;color:#8f806d;font-size:10px}
.download-main{padding:12px 19px;font-size:11px;white-space:nowrap}

/* Banner promocional Pack Imperial */
.pack-showcase{width:min(1500px,94%);margin:22px auto 0;padding:0;border:1px solid #6f430f;border-radius:8px;overflow:hidden;background:#080706;box-shadow:inset 0 0 28px #000,0 0 18px rgba(255,140,20,.08);}
.pack-showcase-inner{width:100%;line-height:0;}
.pack-showcase img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}
@media(max-width:760px){.pack-showcase{width:94%;margin-top:18px;border-radius:6px;}}

/* Zona de configuración manual: queda separada del diseño principal */
.manual-image-config{width:min(1500px,94%);margin:22px auto 0;border:1px solid #4e300e;border-radius:8px;padding:18px;background:linear-gradient(150deg,#100b08,#08090a);box-shadow:inset 0 0 28px #000}
.manual-config-header{text-align:center;margin-bottom:14px}
.manual-config-header>span{font:700 9px Inter;letter-spacing:2px;color:#d88a1b}
.manual-config-header h2{font:700 19px Cinzel;color:#f2c46a;margin:4px 0}
.manual-config-header p{font-size:10px;color:#897968;margin:0 auto;max-width:800px}
.reel-manual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.manual-image-box{border-color:#54340f!important;background:#0c0a08!important}
.manual-example-image{height:145px!important;object-fit:cover;border-color:#54340f!important}

/* Elimina visualmente cualquier resto de columnas laterales antiguas */
.sidebar,.rightbar,.side-panel,.help-card{display:none!important}

@media(max-width:1050px){
  .main-nav a:nth-child(n+8){display:none}
  .products{grid-template-columns:repeat(3,1fr)}
  .premium-strip{grid-template-columns:repeat(2,1fr)}
  .premium-item:nth-child(2){border-right:0}
}
@media(max-width:760px){
  .shell{width:94%;margin-top:10px}
  .top-actions{width:auto}
  .social-mini{display:none}
  .quick-cards{grid-template-columns:1fr}
  .premium-strip{grid-template-columns:1fr}
  .premium-item{border-right:0;border-bottom:1px solid #3c260d}
  .premium-item:last-child{border-bottom:0}
  .class-banner{height:135px}
  .class-banner h2{font-size:28px}
  .tabs{grid-template-columns:repeat(3,1fr)}
  .products{grid-template-columns:repeat(2,1fr)}
  .download-zone{flex-wrap:wrap;padding:15px}
  .download-zone>div:nth-child(2){min-width:calc(100% - 70px)}
  .download-main{margin-left:66px}
  .reel-manual-grid{grid-template-columns:1fr}
}
@media(max-width:450px){
  .brand-text{font-size:17px}
  .brand-mark{font-size:32px}
  .download-btn{min-width:110px;height:38px;font-size:10px;padding:0 12px}
  .hero-reel{height:225px}
  .reel-content h1{font-size:24px}
  .reel-content p{font-size:9px}
  .tabs{grid-template-columns:repeat(2,1fr)}
  .products{grid-template-columns:1fr}
  .product-image{height:210px}
}

/* BOTONES GRÁFICOS: SOBRESALEN DEL MARCO */
.quick-cards.image-buttons{gap:14px;align-items:stretch;position:relative;z-index:8}
.image-button-card{display:flex!important;align-items:center;justify-content:center;height:76px;min-height:76px;padding:0!important;position:relative;overflow:visible!important}
.image-button-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,150,25,.13),transparent 58%);pointer-events:none;border-radius:7px}
.image-button-card img{width:330px;height:auto;max-height:none;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;filter:drop-shadow(0 0 9px rgba(255,158,35,.34));transition:transform .22s ease,filter .22s ease}
/* El gráfico cruza el borde superior del marco y queda por encima */
.image-button-card img{margin-top:-20px}
.image-button-card:hover img{transform:translate(-50%,-50%) scale(1.07);filter:drop-shadow(0 0 16px rgba(255,177,50,.68))}
.image-button-card:hover{border-color:#d48a1d;box-shadow:inset 0 0 25px rgba(255,130,0,.08),0 0 18px rgba(255,120,0,.12)}
@media(max-width:650px){.quick-cards.image-buttons{grid-template-columns:1fr}.image-button-card{height:74px;min-height:74px}.image-button-card img{width:min(330px,82vw);margin-top:-17px}}
/* ===== FRANJA DE BOTONES GRAFICOS SIN MARCOS ===== */
.quick-cards.image-buttons{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:10px 0 14px;
  padding:0 10px;
  align-items:center;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.quick-cards.image-buttons .image-button-card{
  height:82px!important;
  min-height:82px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  justify-content:center;
  align-items:center;
  position:relative;
}
.quick-cards.image-buttons .image-button-card::before,
.quick-cards.image-buttons .image-button-card::after{display:none!important}
.quick-cards.image-buttons .image-button-card img{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:300px!important;
  max-width:90%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
  object-fit:contain;
  z-index:2;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,145,25,.24));
  transition:transform .22s ease,filter .22s ease;
}
.quick-cards.image-buttons .image-button-card:hover img{
  transform:scale(1.055)!important;
  filter:drop-shadow(0 8px 13px rgba(0,0,0,.8)) drop-shadow(0 0 17px rgba(255,178,45,.62));
}
@media(max-width:760px){
 .quick-cards.image-buttons{grid-template-columns:repeat(3,1fr);gap:2px;padding:0}
 .quick-cards.image-buttons .image-button-card{height:70px!important;min-height:70px!important}
 .quick-cards.image-buttons .image-button-card img{width:220px!important;max-width:98%!important}
}
@media(max-width:480px){
 .quick-cards.image-buttons{grid-template-columns:1fr;gap:0;margin:6px 0 12px}
 .quick-cards.image-buttons .image-button-card{height:68px!important;min-height:68px!important}
 .quick-cards.image-buttons .image-button-card img{width:250px!important}
}

/* ===== CRUZADER BANNER: IMAGEN LIMPIA + TEXTO UNICO CENTRADO ===== */
.class-banner{position:relative;overflow:hidden}
.class-banner .class-managed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:1!important;filter:none!important;z-index:1}
.class-banner:before,.class-banner:after{display:none!important;content:none!important}
.class-banner .class-banner-title{position:absolute!important;inset:0!important;left:0!important;top:0!important;transform:none!important;display:flex;align-items:center;justify-content:center;text-align:center;z-index:3!important;pointer-events:none}
.class-banner .class-banner-title h2{margin:0!important;font:800 42px Cinzel!important;letter-spacing:5px;color:#fff0c7;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 18px rgba(255,154,35,.55)}
@media(max-width:760px){.class-banner .class-banner-title h2{font-size:30px!important;letter-spacing:3px}}

/* ===== AJUSTE SOLO SETS: IMAGEN PROPORCIONAL + INFORMACION ORDENADA ===== */
.product-image{
  height:235px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
  padding:8px!important;
}
.product-image .product-managed{
  position:absolute!important;
  inset:8px!important;
  width:calc(100% - 16px)!important;
  height:calc(100% - 16px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  z-index:2!important;
}
.product-image .placeholder{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
.product h3{
  min-height:0!important;
  margin:0!important;
  padding:7px 4px!important;
  line-height:1.15!important;
  font-size:10px!important;
  color:#e7d3aa!important;
  border-bottom:1px solid rgba(122,75,18,.28)!important;
}
.product h3:first-of-type{
  margin-top:7px!important;
  padding:7px 4px 6px!important;
  font-size:13px!important;
  color:#ffd98a!important;
  letter-spacing:.4px!important;
  border-bottom:1px solid rgba(208,135,24,.45)!important;
  text-transform:uppercase;
}
.product h3:last-of-type{
  border-bottom:0!important;
  margin-bottom:4px!important;
}
.product strong{
  margin:7px 0 8px!important;
  font-size:16px!important;
  line-height:1!important;
}
.product .buy-btn{
  margin-top:0!important;
}
@media(max-width:760px){
  .product-image{height:225px!important}
}
@media(max-width:450px){
  .product-image{height:220px!important}
}