/*
  IMPERIALCRAFT · TIENDA OFICIAL V1.4
  ESTILO PRELIMINAR (inspirado en los logotipos proporcionados)
  Los códigos HEX aquí usados son propuestas de diseño, NO colores oficiales aprobados.
  Colores principales: dorado del logo servidor, azul/violeta del logo de ventas.
*/
:root{
  color-scheme:dark;
  --bg:#080c14;--bg-2:#0e1421;--panel:#121a29;--panel-2:#171f30;--line:#2b3340;--line-gold:#68512b;
  --text:#f5f2ec;--muted:#acb0bd;--quiet:#818a9b;--gold:#f6c66b;--gold-bright:#ffe7aa;--gold-deep:#bd7c26;
  --purple:#aa90ff;--cyan:#5bdaf8;--green:#6bd6ac;--ruby:#ff7987;
  --radius:18px;--shadow:0 24px 80px rgba(0,0,0,.25);
  --body-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --display-font:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px;overflow-x:clip}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:400 15px/1.6 var(--body-font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:absolute;top:0;left:0;right:0;height:930px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 65% 12%,rgba(132,85,25,.13),transparent 78%),linear-gradient(180deg,#111421 0%,#0a0e17 57%,transparent 100%)}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
img{max-width:100%;height:auto;display:block}
svg.ico{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.shell{max-width:1320px;padding-left:38px;padding-right:38px;margin:0 auto}
.ambient{position:absolute;width:380px;height:550px;filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1}
.ambient--left{top:780px;left:-270px;background:#bd6d11}.ambient--right{top:1570px;right:0;width:200px;background:#492fa8}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
::selection{background:#9b752d;color:#fff}
.announcement{background:linear-gradient(90deg,#241a14 0%,#171925 64%,#1a1a2d);color:#dcd4c2;border-bottom:1px solid #564126;font-size:12px;letter-spacing:.015em}
.announcement__inner{height:36px;display:flex;align-items:center;gap:11px}
.announcement strong{color:var(--gold-bright);font-weight:700}.announce-point{width:7px;height:7px;border-radius:50%;background:#f2b857;box-shadow:0 0 15px #ffae40}
.announcement__extra{margin-left:auto;font-size:11px;color:#a4a5b3}
.header{position:sticky;top:0;z-index:50;background:rgba(10,14,24,.91);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(243,197,112,.12)}
.header__inner{min-height:81px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:9px;flex:none;min-width:245px}
.brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(236,146,31,.24))}
.brand__words{display:flex;flex-direction:column;gap:0;line-height:1.1}.brand__words strong{letter-spacing:.072em;font:700 18px/1.1 var(--display-font);color:#f7e6c7}.brand__words small{font-size:9px;font-weight:800;letter-spacing:.34em;margin-top:6px;color:#ae925e}
.nav{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto}.nav__item{font-size:13px;white-space:nowrap;font-weight:600;color:#c5c5ce;transition:color .2s}.nav__item:hover,.nav__item--active{color:var(--gold-bright)}
.header__actions{display:flex;align-items:center;gap:10px}.login-btn{display:flex;gap:8px;align-items:center;border:1px solid #655339;background:linear-gradient(180deg,#2c251d,#201c1c);padding:10px 13px;border-radius:10px;font-weight:700;color:#d1b58d;white-space:nowrap;font-size:12px}.login-btn .ico{width:15px;height:15px}.login-btn__soon{font-weight:600;color:#9a8d7d;font-size:10px}.mobile-toggle{display:none;align-items:center;justify-content:center;background:#1d2431;color:#f9da9d;border:1px solid var(--line);border-radius:10px;width:43px;height:43px}
.hero{position:relative;min-height:595px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:18px;align-items:center;isolation:isolate}
.hero__glow{position:absolute;inset:40px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 44%,rgba(228,148,30,.10),transparent 46%)}
.hero__content{position:relative;padding-top:6px;padding-bottom:12px;z-index:3}
.eyebrow{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.19em;font-size:10px;color:#e9bb6b;margin-bottom:22px}.eyebrow .ico{height:15px;width:15px;color:#fdd68e}.eyebrow__line{height:1px;width:28px;background:var(--gold-deep)}
h1,h2,h3,p{margin-top:0}
.hero h1{font:700 clamp(49px,5.4vw,77px)/1.08 var(--display-font);letter-spacing:-.055em;margin-bottom:23px;text-shadow:0 2px 40px rgba(235,152,45,.04)}
.hero h1 span,.section-title span{background:linear-gradient(116deg,#ffefc0 12%,#f3bd57 58%,#bf802c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__desc{font-size:16px;max-width:505px;line-height:1.8;color:#c1c2cd;margin-bottom:30px}
.hero__buttons{display:flex;flex-wrap:wrap;gap:12px}
.button{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 20px;border-radius:11px;font-size:13px;font-weight:800;letter-spacing:.02em;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;border:1px solid transparent}
.button:hover{transform:translateY(-2px)}.button--primary{background:linear-gradient(115deg,#ffdc8b,#d89637);color:#21160c;box-shadow:0 9px 28px rgba(224,151,53,.18)}.button--primary:hover{box-shadow:0 14px 38px rgba(224,151,53,.3)}.button--primary .ico{width:17px;height:17px}
.button--outline{background:rgba(20,22,30,.62);border-color:#73624a;color:#f0debe}.button--outline:hover{background:rgba(85,67,42,.25);border-color:#ca9652}
.hero__tags{display:flex;flex-wrap:wrap;gap:20px;margin-top:33px;color:#ababb6;font-size:12px}.hero__tags span{display:flex;align-items:center;gap:8px}.hero__tags .ico{width:16px;height:16px;color:#b9965f}
.hero__art{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}
.hero__art:before{content:"";position:absolute;inset:25px 15px 0;background:radial-gradient(circle at 49% 45%,rgba(248,164,53,.17) 0%,rgba(188,102,30,.05) 37%,transparent 68%);z-index:-1}
.hero__halo{position:absolute;width:440px;height:440px;top:48%;left:50%;transform:translate(-50%,-50%) rotate(-17deg);border:1px solid rgba(236,167,66,.12);border-radius:50%;box-shadow:inset 0 0 65px rgba(222,133,30,.07),0 0 65px rgba(228,143,34,.04)}
.hero__halo:before,.hero__halo:after{content:"";position:absolute;inset:16px;border:1px dashed rgba(246,173,62,.12);border-radius:50%}.hero__halo:after{inset:-22px;border-style:solid;opacity:.35}
.hero__logo{position:relative;width:min(100%,560px);max-height:575px;object-fit:contain;filter:drop-shadow(0 25px 38px rgba(0,0,0,.34)) drop-shadow(0 0 32px rgba(227,120,20,.10));animation:crest-float 7s ease-in-out infinite}
@keyframes crest-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-9px)}}
.hero__spark{position:absolute;color:#ffd98c;font-size:24px;text-shadow:0 0 15px #e8a546;animation:twinkle 4s ease-in-out infinite}.hero__spark--a{top:13%;left:3%;font-size:15px}.hero__spark--b{right:6%;top:17%;animation-delay:1s}.hero__spark--c{right:10%;bottom:12%;font-size:18px;animation-delay:2s}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1.08)}}
.hero__crest-note{position:absolute;bottom:15px;right:4px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #584a32;background:rgba(14,17,24,.76);backdrop-filter:blur(10px);border-radius:100px;color:#e3ca96;font-size:10px;letter-spacing:.17em;font-weight:700}.hero__crest-note-dot{width:7px;height:7px;background:#f7d078;border-radius:50%}
.highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:3px;margin-bottom:106px}
.highlight{display:flex;gap:14px;min-height:116px;padding:23px 22px;border:1px solid #2b313d;background:linear-gradient(145deg,rgba(24,31,45,.88),rgba(15,21,33,.94));border-radius:15px}
.highlight__icon{display:flex;justify-content:center;align-items:center;flex:none;width:46px;height:46px;border-radius:12px;border:1px solid #59492f;background:linear-gradient(145deg,#342917,#201e1c);color:#ffc46d}.highlight h2{font-size:14px;margin:0 0 6px;color:#f1ede4}.highlight p{font-size:12px;color:#9ba1af;line-height:1.7;margin:0}
.section-overline{font-size:11px;color:#d7ad68;letter-spacing:.15em;font-weight:800;margin-bottom:13px}.section-overline span{display:inline-block;margin-right:13px;color:#8c764c}
.section-title{font:700 clamp(31px,3.1vw,43px)/1.2 var(--display-font);letter-spacing:-.025em;margin:0 0 12px}.section-lead{max-width:675px;color:#aeb4c1;line-height:1.75;margin:0;font-size:14px}
.catalog-section{margin-bottom:110px}.catalog-section__header{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:31px}.preview-pill{flex:none;display:inline-flex;align-items:center;gap:8px;background:#1a2030;border:1px solid #3b414c;border-radius:100px;color:#b8bccc;padding:8px 13px;font-size:11px;font-weight:700}.preview-pill .ico{height:15px;width:15px}
.catalog-layout{display:grid;grid-template-columns:256px minmax(0,1fr);align-items:start;gap:23px}
.sidebar{position:sticky;top:107px;border:1px solid #303849;background:linear-gradient(155deg,#171e2d,#111723 72%);border-radius:17px;padding:20px 14px 15px;box-shadow:0 14px 40px rgba(0,0,0,.09)}
.sidebar__head{padding:0 10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em;color:#aa9c84;font-weight:900}.sidebar__close{display:none;border:0;color:#fff;background:transparent}
.category-menu{display:flex;flex-direction:column;gap:5px}.category-button{width:100%;display:flex;align-items:center;text-align:left;gap:11px;padding:12px 10px;border:1px solid transparent;background:transparent;color:#bcc3cf;border-radius:10px;transition:background .2s,color .2s,border .2s;font-size:12px;font-weight:800}
.category-button:hover{background:#242c39;color:#fff}.category-button.is-active{background:linear-gradient(90deg,#3c3022,#2a2830);color:#ffe0a0;border-color:#71522e}.category-button .ico{height:17px;width:17px;color:#c9a05e}.category-button.is-active .ico{color:#ffd17d}.category-button__chevron{margin-left:auto;opacity:.65;transition:transform .25s}.category-button.is-expanded .category-button__chevron{transform:rotate(180deg)}
.subcategory-list{list-style:none;margin:0 0 5px 0;padding:4px 0 6px 37px;border-left:1px solid #363b46;display:flex;flex-direction:column;gap:1px}.subcategory-list[hidden]{display:none}.subcategory-button{display:block;text-align:left;padding:7px 4px;border:0;background:transparent;color:#8e98aa;font-size:11px;font-weight:650;width:100%;transition:color .2s}.subcategory-button:hover,.subcategory-button.is-active{color:#ffdc97}.subcategory-button.is-active:before{content:"•";margin-right:6px;color:#f6bd6a}
.sidebar__tip{margin-top:21px;display:flex;gap:9px;background:rgba(181,130,57,.075);padding:13px 10px;border:1px solid rgba(235,174,78,.17);border-radius:11px}.sidebar__tip>.ico{color:#e1b271;width:16px;height:16px}.sidebar__tip strong{display:block;font-size:10px;color:#d3b783;margin-bottom:3px}.sidebar__tip p{margin:0;color:#a7a2a0;font-size:10px;line-height:1.7}
.catalog-main{min-width:0}
.catalog-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:19px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;color:#939bab;min-width:0}.breadcrumb strong{color:#e3d6bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb__sep{color:#5d6370}
.search-field{display:flex;align-items:center;gap:9px;flex:0 1 246px;min-width:160px;border:1px solid #323b4c;background:#141b2a;padding:0 12px;border-radius:10px;height:43px;transition:border-color .2s}.search-field:focus-within{border-color:#b98e56}.search-field .ico{width:16px;height:16px;color:#9fa9b8}.search-field input{color:#f3e9da;min-width:0;outline:0;border:0;background:transparent;width:100%;font-size:12px}.search-field input::placeholder{color:#758090}.search-field__shortcut{color:#687281;font-size:21px;font-weight:300}
.catalog-hero{position:relative;overflow:hidden;background:linear-gradient(117deg,#222335 0%,#171e2d 62%,#282435 100%);border:1px solid #3d3b48;border-radius:15px;padding:25px 29px;min-height:145px;display:flex;align-items:center;margin-bottom:23px}.catalog-hero:after{content:"";position:absolute;right:-38px;top:-80px;width:280px;height:280px;border:1px solid rgba(231,177,83,.18);border-radius:50%;box-shadow:0 0 0 29px rgba(231,177,83,.035),0 0 0 58px rgba(231,177,83,.025)}.catalog-hero:before{content:"✦";position:absolute;right:70px;top:24px;color:#aa8251;opacity:.48;font-size:44px}.catalog-hero__content{position:relative;z-index:1;max-width:650px}.catalog-hero__kicker{color:#d7ad73;font-size:10px;letter-spacing:.15em;font-weight:850;margin-bottom:7px}.catalog-hero h3{font:700 27px/1.2 var(--display-font);margin:0 0 8px}.catalog-hero p{margin:0;color:#afabbc;font-size:12px;line-height:1.7;max-width:460px}
.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.catalog-meta h3{margin:0;font-size:15px;font-weight:800}.catalog-meta p{margin:0;color:#8b95a3;font-size:11px}
.rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.rank-card{position:relative;overflow:hidden;background:linear-gradient(168deg,#192132,#111a27 75%);border:1px solid #303949;border-radius:15px;display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s;min-width:0}
.rank-card:hover{transform:translateY(-4px);border-color:#7f623c;box-shadow:0 18px 37px rgba(0,0,0,.23)}.rank-card__visual{position:relative;margin:10px 10px 0;height:148px;border-radius:11px;overflow:hidden;background:radial-gradient(circle at 52% 30%,color-mix(in srgb,var(--rank) 22%,transparent),transparent 54%),linear-gradient(140deg,#283041,#161e2c)}.rank-card__visual:before{content:"";position:absolute;inset:-85px 18%;border:1px solid color-mix(in srgb,var(--rank) 23%,transparent);border-radius:50%;transform:rotate(-24deg)}.rank-card__visual:after{content:"";position:absolute;bottom:-72px;left:50%;transform:translateX(-50%);width:130px;height:130px;background:var(--rank);opacity:.08;filter:blur(35px)}
.rank-card__edition{position:absolute;z-index:1;top:9px;left:10px;background:rgba(9,13,21,.61);border:1px solid rgba(255,255,255,.13);border-radius:50px;font-size:8px;font-weight:850;letter-spacing:.08em;padding:5px 9px;color:#cad0db}
.rank-card__seal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.rank-card__gem{position:relative;line-height:1;font-size:51px;font-weight:800;color:var(--rank);text-shadow:0 0 35px color-mix(in srgb,var(--rank) 25%,transparent);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.rank-card__seal>.ico{width:56px;height:56px;color:var(--rank);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--rank) 20%,transparent))}.rank-card__seal-small{color:var(--rank);font-size:10px;letter-spacing:.24em;opacity:.95;margin-top:5px}
.rank-card__body{padding:17px 17px 15px;flex:1;display:flex;flex-direction:column}.rank-card__titleline{display:flex;align-items:center;justify-content:space-between;gap:8px}.rank-card h4{font-size:19px;color:#fff;margin:0;font-family:var(--display-font);line-height:1.2}.rank-card__titleline .ico{color:var(--rank);width:17px;height:17px}
.rank-card__subtitle{margin:7px 0 15px;color:#8f98a9;font-size:11px}.rank-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;margin-bottom:16px}.rank-stat{background:#111825;border:1px solid #283142;border-radius:9px;padding:9px 7px}.rank-stat strong{display:block;font-size:18px;line-height:1.1;color:#e8d3a7}.rank-stat span{display:block;margin-top:3px;color:#969ead;font-size:9px;white-space:nowrap}
.rank-card__button{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #655037;border-radius:9px;color:#f5d49c;background:#32281d;padding:10px 9px;width:100%;font-weight:800;font-size:11px;transition:background .2s}.rank-card__button:hover{background:#46331e}.rank-card__button .ico{height:15px;width:15px}
.rank-card[data-tint="amber"]{--rank:#f9b84b}.rank-card[data-tint="jade"]{--rank:#57d9a6}.rank-card[data-tint="pearl"]{--rank:#d9c6f6}.rank-card[data-tint="sapphire"]{--rank:#50aaff}.rank-card[data-tint="ruby"]{--rank:#ff7485}.rank-card[data-tint="emperor"]{--rank:#f5c36b}
.catalog-footnote{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;background:#111723;border-left:2px solid #b58c50;border-radius:4px 9px 9px 4px;color:#9fa4b1;font-size:11px;line-height:1.75}.catalog-footnote .ico{flex:none;color:#d6ab6c;height:17px;width:17px;margin-top:2px}
.empty-state{border:1px dashed #4b4650;border-radius:16px;min-height:300px;padding:46px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 10%,rgba(175,126,48,.075),transparent 58%),linear-gradient(170deg,#181d2a,#121824)}.empty-state__icon{height:75px;width:75px;border-radius:21px;border:1px solid #5d4c35;background:#30281e;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--gold)}.empty-state__icon .ico{height:34px;width:34px}.empty-state h3{font:700 25px var(--display-font);margin:0 0 8px}.empty-state p{max-width:435px;color:#a5adbc;margin:0 0 18px;font-size:13px}.empty-state__badge{font-size:10px;letter-spacing:.1em;font-weight:800;color:#dec189;background:#302719;border:1px solid #675039;border-radius:99px;padding:6px 13px}
.search-empty{min-height:205px;border:1px dashed #3a4656;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;border-radius:14px;padding:26px}.search-empty h3{margin:10px 0 4px}.search-empty p{margin:0;color:#99a4b4;font-size:13px}
.info-category{border:1px solid #303949;background:#141c2a;border-radius:14px;padding:22px}.info-category h3{margin:0 0 10px;font:700 22px var(--display-font)}.info-category p{color:#a8aeb8;font-size:13px}.info-category a{display:inline-flex;align-items:center;gap:7px;border:1px solid #6c5433;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:800;color:#f4d18d}.info-category a:hover{background:#30281e}
.purchase-guide{margin-bottom:104px}.guide-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.coming-tag{color:#bcb4a4;border:1px solid #48443e;background:#202128;border-radius:99px;padding:7px 13px;font-size:10px;font-weight:850;letter-spacing:.11em;white-space:nowrap}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.step{min-height:233px;position:relative;overflow:hidden;border:1px solid #313947;border-radius:15px;background:linear-gradient(145deg,#181f2d,#111925);padding:26px 24px}.step__number{position:absolute;top:18px;right:20px;font:700 35px var(--display-font);color:rgba(230,189,122,.12)}.step__icon{width:48px;height:48px;margin-bottom:21px;display:flex;align-items:center;justify-content:center;background:#2b251e;border:1px solid #605039;color:#efc27b;border-radius:13px}.step h3{margin:0 0 9px;font-size:15px}.step p{color:#a0a8b6;font-size:12px;line-height:1.8;margin:0}
.store-callout{display:flex;align-items:center;gap:25px;margin-top:21px;border:1px solid #414363;background:radial-gradient(ellipse at 18% 50%,rgba(101,65,201,.16),transparent 45%),linear-gradient(105deg,#1c1d32,#181b2c);border-radius:17px;padding:17px 28px 17px 17px}.store-callout__logo{width:126px;height:126px;flex:none;display:flex;align-items:center;justify-content:center}.store-callout__logo img{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 6px 22px rgba(84,107,255,.17))}.store-callout>.store-callout__logo+div{flex:1}.callout-kicker{font-size:10px;letter-spacing:.17em;color:#beaaff;font-weight:800}.store-callout h3{font:700 25px var(--display-font);margin:5px 0 7px}.store-callout p{font-size:12px;line-height:1.8;max-width:590px;color:#b0adbf;margin:0}.store-callout__status{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #625b85;background:#2a2947;padding:9px 11px;font-size:10px;font-weight:700;color:#c9bdf7;border-radius:9px}.store-callout__status .ico{width:13px;height:13px}
.faq{display:grid;grid-template-columns:1fr 1.28fr;gap:55px;margin-bottom:111px}.faq__intro{padding-top:6px}.faq__items{display:flex;flex-direction:column;gap:9px}.faq__items details{background:#141c2a;border:1px solid #323b49;border-radius:11px;overflow:hidden}.faq__items details[open]{border-color:#68583f}.faq__items summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 20px;font-size:12px;font-weight:800}.faq__items summary::-webkit-details-marker{display:none}.faq__items summary .ico{width:16px;height:16px;color:#c49a62;transition:transform .2s}.faq__items details[open] summary .ico{transform:rotate(180deg)}.faq__items details p{font-size:12px;line-height:1.85;padding:0 20px 18px;margin:0;color:#adb3bf}
.modpack{position:relative;overflow:hidden;min-height:268px;display:flex;align-items:center;gap:42px;border:1px solid #47533f;border-radius:22px;background:radial-gradient(ellipse at 11% 50%,rgba(76,144,95,.17),transparent 36%),linear-gradient(110deg,#18241e,#17232a 48%,#131c29);margin-bottom:85px;padding-top:40px;padding-bottom:40px;isolation:isolate}.modpack__decor{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0,transparent 41px,rgba(185,217,148,.025) 42px,transparent 43px)}
.modpack__mark{flex:none;display:flex;align-items:center;flex-direction:column;gap:11px;margin-left:30px}.modpack__mark-inner{height:153px;width:153px;border:2px dashed #526f4e;background:linear-gradient(145deg,#223b2a,#142822);border-radius:26px;display:flex;align-items:center;justify-content:center;color:#a4ca8a;transform:rotate(-7deg);box-shadow:0 16px 35px rgba(0,0,0,.2)}.modpack__mark-inner .ico{width:83px;height:83px;stroke-width:1.15;transform:rotate(7deg)}.modpack__mark>span{font-weight:800;letter-spacing:.12em;color:#8dbb87;font-size:9px}.modpack__body{max-width:670px;position:relative;z-index:1}.modpack__kicker{font-size:10px;font-weight:850;letter-spacing:.18em;color:#a9d4a1}.modpack h2{font:700 34px/1.2 var(--display-font);margin:8px 0 12px}.modpack h2 span{color:#a7d993}.modpack p{font-size:13px;color:#b2bdb4;line-height:1.8;margin:0 0 18px;max-width:570px}.modpack__badges{display:flex;gap:9px;flex-wrap:wrap}.modpack__badges span{display:flex;align-items:center;gap:7px;border:1px solid #3b6456;background:#1d3934;color:#b6debd;font-size:10px;font-weight:800;border-radius:99px;padding:7px 12px}.modpack__badges span+span{background:#222b31;color:#b6bcc6;border-color:#475057}.modpack__badges .ico{width:15px;height:15px}.modpack__corner{position:absolute;top:15px;right:35px;color:#86c498;font-size:39px;opacity:.28}
.footer{border-top:1px solid #2a303b;background:#0b101a}.footer__grid{padding-top:51px;padding-bottom:48px;display:grid;grid-template-columns:1.65fr 1fr 1fr 1.1fr;gap:35px}.footer__brand{display:flex;align-items:center;gap:8px;margin-bottom:12px}.footer__brand img{width:58px;height:58px;object-fit:contain}.footer__brand span{display:flex;flex-direction:column}.footer__brand strong{font:700 17px var(--display-font);letter-spacing:.07em;color:#f4dda9}.footer__brand small{font-size:9px;letter-spacing:.19em;color:#8f7854}.footer__about p,.footer__column p{max-width:295px;color:#8f98a5;font-size:11px;line-height:1.8;margin:0}.footer__column{display:flex;flex-direction:column;gap:10px}.footer__column h3{font-size:12px;color:#e7dcbf;margin:7px 0 7px}.footer__column a,.footer__column span:not(.footer__status){color:#9da6b4;font-size:11px}.footer__column a:hover{color:#f5c570}.footer__status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#e9c189}.footer__status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f5c06a}.footer__bottom{min-height:61px;border-top:1px solid #262d38;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#7e8795}
.rank-dialog{border:0;background:transparent;color:var(--text);padding:18px;max-width:520px;width:calc(100% - 24px);max-height:calc(100vh - 28px);overflow:visible}.rank-dialog::backdrop{background:rgba(2,5,12,.8);backdrop-filter:blur(7px)}.rank-dialog__frame{position:relative;padding:32px;background:linear-gradient(145deg,#252536,#111b2a);border:1px solid #746244;border-radius:19px;box-shadow:0 25px 90px #0009;max-height:calc(100vh - 52px);overflow:auto}.rank-dialog__close{position:absolute;top:14px;right:14px;width:35px;height:35px;background:#333746;border:1px solid #596072;border-radius:10px;color:#dedce4;display:flex;align-items:center;justify-content:center}.rank-dialog__close .ico{width:17px;height:17px}.rank-dialog__kicker{color:#d9b477;letter-spacing:.2em;font-weight:850;font-size:11px}.rank-dialog h2{font:700 37px var(--display-font);margin:7px 0 11px}.rank-dialog p{color:#c1bdc2;font-size:13px}.rank-dialog__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.rank-dialog__stat{border:1px solid #454755;background:#192232;border-radius:10px;padding:13px 8px;text-align:center}.rank-dialog__stat strong{font-size:20px;color:#f5d293;display:block}.rank-dialog__stat span{font-size:10px;color:#aeb5be}.rank-dialog__note{border-left:2px solid #d09e59;padding:11px 12px;background:#27251f;color:#d1c2ae;font-size:11px;line-height:1.75;border-radius:4px}.rank-dialog__status{display:block;margin-top:19px;text-align:center;padding:10px;background:#2b2926;border:1px solid #665238;border-radius:9px;color:#e0bf82;font-size:11px;font-weight:900}
.toast{position:fixed;z-index:100;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);border:1px solid #685336;background:#252322;color:#f4dbad;padding:12px 18px;box-shadow:var(--shadow);border-radius:12px;font-weight:700;font-size:12px;text-align:center}.toast[hidden]{display:none}
.sidebar-scrim{display:none}
/* REYESGP STUDIOS · bloque promocional institucional del pie global */
.studios-promo{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(215px,.68fr) minmax(0,1.8fr);align-items:center;gap:clamp(20px,3vw,50px);margin-top:53px;padding:24px clamp(23px,3.8vw,54px) 26px 24px;border:1px solid #235681;border-radius:24px;background:radial-gradient(ellipse at 13% 47%,rgba(16,160,221,.18),transparent 50%),linear-gradient(117deg,#101c36 0%,#0e1730 45%,#111124 100%);box-shadow:0 24px 66px rgba(0,0,0,.25)}
.studios-promo::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent,rgba(80,207,255,.025) 60%,transparent);opacity:.8}
.studios-promo__glow{position:absolute;pointer-events:none;z-index:-1;left:30px;top:50%;width:250px;height:220px;transform:translateY(-50%);border-radius:50%;background:rgba(12,146,250,.2);filter:blur(90px)}
.studios-promo__art{display:flex;align-items:center;justify-content:center;min-width:0}
.studios-promo__art img{display:block;width:min(100%,280px);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.26)) drop-shadow(0 0 18px rgba(1,165,255,.15))}
.studios-promo__content{position:relative;min-width:0;padding:14px 0}
.studios-promo__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:#89dfff;font-weight:850;letter-spacing:.15em;font-size:10px}
.studios-promo__dot{width:7px;height:7px;border-radius:50%;background:#34cfff;box-shadow:0 0 14px #13baff;flex:none}
.studios-promo h2{margin:0 0 10px;font:700 clamp(26px,3vw,40px)/1.14 var(--display-font);color:#f4f5ff;letter-spacing:-.02em}
.studios-promo h2 span{background:linear-gradient(100deg,#e4f9ff,#53ddff 55%,#9e9bff);color:transparent;-webkit-background-clip:text;background-clip:text}
.studios-promo__credit{font-size:14px;line-height:1.65;color:#e1e9f7;margin:0 0 10px}
.studios-promo__credit strong{color:#fff}
.studios-promo__description{font-size:12px;line-height:1.8;color:#b4c5dd;max-width:790px;margin:0 0 21px}
.studios-promo__actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
.studios-promo__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:11px;padding:10px 16px;font-size:12px;font-weight:850;letter-spacing:.01em;border:1px solid;transition:transform .18s,box-shadow .18s,background .18s}
.studios-promo__button:hover{transform:translateY(-2px)}
.studios-promo__button .ico{width:18px;height:18px}
.studios-promo__button--facebook{color:#e9f4ff;border-color:#2d77ca;background:linear-gradient(130deg,#183d78,#2158a5)}
.studios-promo__button--facebook:hover{box-shadow:0 8px 25px rgba(42,119,229,.19);background:#2462b9}
.studios-promo__button--discord{color:#f3f1ff;border-color:#6566d6;background:linear-gradient(130deg,#383f93,#5654a8)}
.studios-promo__button--discord:hover{box-shadow:0 8px 25px rgba(113,104,255,.19);background:#625fbd}
.studios-promo__button--hosting{color:#defaff;border-color:#237989;background:linear-gradient(130deg,#164654,#1c6171);max-width:100%}
.studios-promo__button--hosting:hover{box-shadow:0 8px 25px rgba(24,173,203,.22);background:#20788b}
.studios-promo__button .studios-promo__external{width:15px;height:15px;opacity:.72}
@media(max-width:940px){.studios-promo{grid-template-columns:185px minmax(0,1fr);padding:24px;gap:18px}.studios-promo__art img{width:185px}.studios-promo h2{font-size:28px}}
@media(max-width:680px){.studios-promo{margin-top:32px;grid-template-columns:1fr;gap:0;text-align:center;padding:24px 19px 28px;border-radius:18px}.studios-promo__art img{width:min(55vw,205px)}.studios-promo__content{padding:0}.studios-promo__eyebrow{justify-content:center;font-size:9px;letter-spacing:.09em;margin-top:2px}.studios-promo h2{font-size:30px;margin-bottom:13px}.studios-promo__credit{font-size:13px}.studios-promo__description{font-size:12px}.studios-promo__actions{justify-content:center}.studios-promo__button{flex:1 1 190px;max-width:280px;min-height:46px}}
@media(max-width:380px){.studios-promo h2{font-size:26px}.studios-promo__art img{width:195px}.studios-promo__button{max-width:none}}

@media(max-width:1160px){.shell{padding-left:28px;padding-right:28px}.brand{min-width:215px}.brand__words strong{font-size:16px}.nav{gap:14px}.nav__item{font-size:12px}.login-btn__soon{display:none}.hero{min-height:515px}.hero__art{min-height:495px}.hero__halo{height:380px;width:380px}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:940px){.nav{display:none}.header__inner{justify-content:space-between}.mobile-toggle{display:flex}.hero{min-height:480px}.hero__art{min-height:455px}.hero__logo{max-height:460px}.hero h1{font-size:58px}.hero__desc{font-size:14px}.highlights{gap:10px}.highlight{padding:18px 13px;gap:10px}.highlight__icon{height:39px;width:39px}.catalog-layout{grid-template-columns:1fr}.sidebar{position:fixed;z-index:70;top:0;bottom:0;left:0;width:min(330px,88vw);overflow-y:auto;border-radius:0;padding:23px 17px;transform:translateX(-110%);transition:transform .24s;box-shadow:30px 0 60px #0009;visibility:hidden}.sidebar.is-open{transform:translateX(0);visibility:visible}.sidebar__close{display:flex;align-items:center;justify-content:center;height:34px;width:34px}.sidebar-scrim:not([hidden]){position:fixed;inset:0;display:block;z-index:65;background:rgba(0,0,0,.66);backdrop-filter:blur(3px)}.sidebar__head{padding-top:12px}.footer__grid{grid-template-columns:repeat(2,1fr)}.faq{gap:30px}.modpack{gap:27px}.modpack__mark{margin-left:0}}
@media(max-width:680px){.shell{padding-left:18px;padding-right:18px}.announcement__inner{font-size:10px;height:auto;min-height:38px;padding-top:6px;padding-bottom:6px}.announcement__extra{display:none}.header__inner{min-height:71px;gap:10px}.brand{min-width:0;gap:3px}.brand img{height:54px;width:54px}.brand__words strong{font-size:14px}.brand__words small{font-size:8px;letter-spacing:.22em}.login-btn{width:39px;height:39px;padding:0;justify-content:center;border-radius:10px}.login-btn span{display:none}.mobile-toggle{width:39px;height:39px}.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:43px}.hero__content{align-self:stretch}.eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:.12em}.hero h1{font-size:clamp(47px,12vw,65px);margin-bottom:16px}.hero__desc{font-size:14px;line-height:1.75;margin-bottom:25px}.hero__buttons{gap:9px}.button{min-height:45px;padding:10px 15px;font-size:12px}.hero__tags{gap:13px;margin-top:21px;font-size:11px}.hero__art{width:100%;min-height:345px;margin-top:0;margin-bottom:8px}.hero__halo{width:min(78vw,320px);height:min(78vw,320px)}.hero__logo{width:min(93vw,420px);max-height:350px}.hero__crest-note{right:4%;bottom:3px;font-size:8px}.hero__spark--a{left:7%;top:12%}.highlights{grid-template-columns:1fr;gap:10px;margin-bottom:67px}.highlight{padding:15px;min-height:85px}.highlight h2{font-size:13px}.highlight p{font-size:11px}.section-title{font-size:32px}.section-lead{font-size:13px}.catalog-section{margin-bottom:75px}.catalog-section__header{align-items:start;flex-direction:column;gap:15px;margin-bottom:20px}.catalog-toolbar{flex-direction:column;align-items:stretch}.search-field{flex:none;width:100%;height:43px}.catalog-hero{padding:23px 22px;min-height:130px}.catalog-hero h3{font-size:25px}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.rank-card__visual{height:118px;margin:7px 7px 0}.rank-card__body{padding:13px 10px}.rank-card h4{font-size:17px}.rank-card__subtitle{font-size:10px}.rank-stat{padding:8px 5px}.rank-stat strong{font-size:16px}.rank-stat span{font-size:8px;white-space:normal}.rank-card__stats{gap:5px}.rank-card__button{font-size:10px;padding:9px 5px}.rank-card__seal>.ico{width:47px;height:47px}.rank-card__edition{font-size:7px}.rank-card__seal-small{font-size:9px}.purchase-guide{margin-bottom:75px}.guide-heading{align-items:start;flex-direction:column;gap:12px}.steps{grid-template-columns:1fr;gap:10px}.step{padding:18px 20px;min-height:150px}.step__icon{width:40px;height:40px;margin-bottom:10px}.step h3{font-size:14px}.step p{font-size:11px}.store-callout{flex-wrap:wrap;gap:8px;padding:17px}.store-callout__logo{width:94px;height:94px}.store-callout__logo img{height:94px;width:94px}.store-callout h3{font-size:22px}.store-callout__status{margin-top:4px}.faq{grid-template-columns:1fr;gap:23px;margin-bottom:75px}.modpack{flex-direction:column;align-items:center;text-align:center;gap:22px;padding-top:31px;padding-bottom:31px;margin-bottom:60px}.modpack__mark-inner{height:135px;width:135px}.modpack__mark-inner .ico{width:70px;height:70px}.modpack h2{font-size:30px}.modpack__badges{justify-content:center}.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;padding-top:37px}.footer__about{grid-column:span 2}.footer__bottom{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding-top:15px;padding-bottom:15px}.rank-dialog__frame{padding:26px 19px}.rank-dialog h2{font-size:31px}}
@media(max-width:380px){.rank-grid{grid-template-columns:1fr}.rank-card__visual{height:145px}.hero h1{font-size:46px}.brand__words strong{font-size:13px}.rank-card__body{padding:15px}.rank-card__titleline h4{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V1.4 · Navegación móvil desde el catálogo y búsqueda contextual */
.catalog-toolbar__trail{display:flex;align-items:center;gap:12px;min-width:0}
.catalog-category-trigger{display:none;align-items:center;gap:8px;justify-content:center;white-space:nowrap;min-height:42px;padding:8px 13px;border:1px solid #705738;border-radius:10px;background:#2b241b;color:#f3d196;font-weight:800;font-size:12px}
.catalog-category-trigger .ico{width:17px;height:17px}
.search-field[hidden]{display:none!important}
/* Legado de estilos de comparación: no se renderiza ningún comparador comercial. */
.rank-compare{margin-top:23px;border:1px solid #4b4650;border-radius:15px;background:linear-gradient(125deg,#1a2030,#131b29);overflow:hidden}
.rank-compare__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 23px}
.rank-compare__eyebrow{color:#e0b36b;letter-spacing:.13em;font-weight:850;font-size:9px}
.rank-compare h3{font:700 24px/1.24 var(--display-font);margin:5px 0 5px}
.rank-compare__header p{color:#aeb6c2;margin:0;font-size:12px;line-height:1.65}
.rank-compare__toggle{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;border:1px solid #856644;border-radius:10px;padding:11px 15px;background:#372a1e;color:#ffdda1;font-size:12px;font-weight:850}
.rank-compare__toggle .ico{height:15px;width:15px;transition:transform .2s}
.rank-compare__toggle[aria-expanded="true"] .ico{transform:rotate(180deg)}
.rank-compare__body{border-top:1px solid #3c414d;padding:0 19px 13px}
.rank-compare__body[hidden]{display:none!important}
.rank-compare__scroll{max-width:100%;overflow-x:auto}
.rank-compare table{border-collapse:collapse;width:100%;min-width:610px;text-align:left;font-size:12px}
.rank-compare caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rank-compare th,.rank-compare td{padding:14px 12px;border-bottom:1px solid #303746;white-space:nowrap}
.rank-compare thead th{font-size:10px;font-weight:850;color:#c7a979;letter-spacing:.05em}
.rank-compare tbody th{font-weight:800;color:#f1efe9}
.rank-compare__dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:11px;background:#f4c26d;box-shadow:0 0 8px currentColor}
.rank-compare__dot--amber{background:#f9b84b;color:#f9b84b}.rank-compare__dot--jade{background:#57d9a6;color:#57d9a6}.rank-compare__dot--pearl{background:#d9c6f6;color:#d9c6f6}.rank-compare__dot--sapphire{background:#50aaff;color:#50aaff}.rank-compare__dot--ruby{background:#ff7485;color:#ff7485}.rank-compare__dot--emperor{background:#f5c36b;color:#f5c36b}
.rank-compare td{color:#d2d5e0}
.rank-compare td button{border:1px solid #635039;border-radius:8px;padding:8px 10px;display:inline-flex;align-items:center;gap:5px;color:#f7d59f;background:#33271e;font-size:11px;font-weight:800}
.rank-compare td button:hover{background:#4a3724}
.rank-compare td button .ico{width:14px;height:14px}
.rank-compare__note{font-size:11px;color:#929cab;line-height:1.7;margin:15px 6px 0}
@media(max-width:940px){.catalog-category-trigger{display:inline-flex}}
@media(max-width:680px){.catalog-toolbar__trail{justify-content:space-between}.rank-compare__header{align-items:stretch;flex-direction:column;padding:19px}.rank-compare__toggle{align-self:stretch}.rank-compare h3{font-size:23px}.rank-compare__body{padding:0 12px 12px}.rank-compare table{min-width:570px}}

.rank-compare__swipe{display:none;margin:12px 5px 3px;color:#d6bd91;font-weight:700;font-size:10px}
@media(max-width:680px){.rank-compare__swipe{display:block}}

/* V1.4: tarjetas visuales sin beneficios, imágenes inventadas ni precios */
.product-preview{display:flex;flex-direction:column;min-width:0;border:1px solid #554832;border-radius:17px;background:linear-gradient(145deg,#1b2231,#121925);overflow:hidden;transition:border-color .2s,transform .2s;box-shadow:0 18px 38px #0002}
a.product-preview:hover{border-color:#d6a858;transform:translateY(-4px)}
.product-preview__art{position:relative;min-height:235px;display:flex;align-items:center;justify-content:center;padding:13px;background:radial-gradient(circle at 50% 32%,#32313c 0%,#171c29 68%)}
.product-preview__art>img{max-height:275px;width:100%;height:100%;object-fit:contain}
.preview-art__fallback{width:100%;height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;position:relative;border:1px dashed #68573e;border-radius:12px;background:linear-gradient(155deg,#252437,#131e2d)}
.preview-art__fallback>svg{display:none}.preview-art__fallback img{height:122px;width:122px;object-fit:contain;opacity:.30;filter:saturate(.5)}.preview-art__fallback span{color:#a6aabb;letter-spacing:.11em;font-size:9px;text-align:center;font-weight:800;padding:0 10px}
.product-preview__body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}
.product-preview__body h4{font:700 24px/1.25 Georgia,serif;margin:0;color:#fff1cd}.product-preview__body p{font-size:13px;color:#b9bdc9;line-height:1.65;margin:0;flex:1}
.product-preview__cta{display:flex;align-items:center;gap:8px;font-weight:850;color:#ffd891;font-size:12px;border-top:1px solid #373944;padding-top:14px;margin-top:7px}
.product-preview__cta .ico{width:16px;height:16px}.product-preview__cta--muted{color:#a4a7b7}
.modpack-official-logo{width:min(100%,230px);height:210px;object-fit:contain}
@media(max-width:680px){.product-preview__art{min-height:145px;padding:8px}.preview-art__fallback{height:145px}.preview-art__fallback img{height:76px;width:76px}.preview-art__fallback span{font-size:7px}.product-preview__body{padding:12px;gap:7px}.product-preview__body h4{font-size:17px}.product-preview__body p{font-size:11px}.product-preview__cta{font-size:10px}}

/* v1.9 · etiqueta de disponibilidad informativa, sin habilitar compras */
.product-preview__state{align-self:flex-start;display:inline-flex;padding:5px 9px;border:1px solid rgba(232,197,122,.35);border-radius:999px;font-size:10px;font-weight:800;color:#f3d69f;background:rgba(37,30,32,.8);letter-spacing:.025em}

/* v2.0 · Tarjetas originales verticales aportadas por el propietario (estética coleccionable). */
.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px}
.product-preview{max-width:100%;border-radius:18px}
.product-preview__art{width:100%;aspect-ratio:1064 / 1478;min-height:0;padding:10px;overflow:hidden;background:#0b1321}
.product-preview__art>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;border-radius:9px}
.product-preview__art .preview-art__fallback{height:100%}
.product-preview__body{padding:15px 17px 18px;gap:8px}
.product-preview__body h4{font-size:clamp(17px,1.65vw,22px)}
.product-preview__body p{font-size:12px;line-height:1.5}
.product-preview__state{font-size:10px}
@media(max-width:1160px){.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-preview__art{min-height:0;padding:5px}.product-preview__body{padding:11px 9px;gap:6px}.product-preview__body h4{font-size:17px}.product-preview__body p{font-size:11px}.product-preview__cta{font-size:10px}}
@media(max-width:380px){.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Cuando se filtra una única tarjeta, no dejarla estrecha en media pantalla. */
.rank-grid:has(> :only-child){grid-template-columns:minmax(0,360px)}
@media(max-width:680px){.rank-grid:has(> :only-child){grid-template-columns:minmax(0,320px)}}



.product-preview__price{display:block;margin:9px 0 3px;color:#f7d68a;font-size:16px;font-weight:900;letter-spacing:.02em}