/*! © 2026 SpookGames · Diseño y código de la tienda de NauticMC (store.nauticmc.net). Todos los derechos reservados.
    No se permite copiarlo ni reutilizarlo sin permiso escrito de SpookGames. Contacto: spooknegocios@gmail.com
    Partes de terceros con su propia licencia: la letra Minercraftory (CC BY-SA 3.0, Jayvee D. Enaguas), Bootstrap Icons (MIT)
    y la base de la plantilla de Tebex. Minecraft es una marca de Mojang AB; esta tienda no está afiliada a Mojang ni a Microsoft. */

:root {
  --tebex-legal-footer-background-color: #175374;
  --tebex-legal-footer-border-color: rgba(255, 255, 255, .14);
  --tebex-legal-footer-text-color: rgba(255, 255, 255, .86);
  color-scheme: light;
  --nav: #175374;
  --banda: #1c719f;
  --primario: #1b72a2;
  --primario-h: #1b638a;
  --ambar: #f19b1b;
  --ambar-h: #e0890f;
  --ambar-texto: #063e5d;
  --fondo: #f3fbff;
  --fondo-2: #e9f7fe;
  --borde: #d6f0fe;
  --borde-2: #b5e4fd;
  --cristal: rgba(243, 251, 255, .86);
  --titulo: #063e5d;
  --cuerpo: #3a5766;
  --texto: #0e3d57;
  --apagado: #587382;
  --rebaja: #b91c1c;
  --discord: #5865f2;
  --nav-h: 80px;
  --f-texto: Inter, Roboto, system-ui, sans-serif;
  --f-titulo: 'Merriweather Sans', Inter, sans-serif;
  --f-boton: Rubik, Inter, system-ui, sans-serif;
  --f-mc: 'Minercraftory', 'Monocraft', ui-monospace, monospace;
  --f-mono: 'Monocraft', ui-monospace, monospace;
  --seco: cubic-bezier(.2, .9, .1, 1);
  --suave: cubic-bezier(.4, 0, .2, 1);
  --sombra: 0 12px 30px -14px rgba(27, 114, 162, .35);
}

@font-face { font-family: 'Minercraftory'; font-weight: 400; font-display: swap; src: url(data:font/woff2;base64,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) format('woff2'); }
@font-face { font-family: 'Monocraft'; font-weight: 400; font-display: swap; src: url(data:font/woff2;base64,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) format('woff2'); }
@font-face { font-family: 'Minecraft Pixel'; font-weight: 400; font-display: swap; src: url(data:font/woff2;base64,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) format('woff2'); }
@font-face { font-family: 'Minecraft Pixel'; font-weight: 700; font-display: swap; src: url(data:font/woff2;base64,d09GMgABAAAAABAoAAoAAAAAX6wAAA/aAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAdAqBqij0HQE2AiQDiiALhRIABCAFgTQHIBteQaOipK51oigTpELw1wncGIr9Q6mOArBrCt1IpgeZGrEm1O2ursT3fFv+83ojOXtihA8REIKo34/tyUNED5MSGKpoKK5RS8c71awEUrL8eX557yrSkYfjGX3AJc+0N8rgqoDhwDjfL039wGBIGvgYUmu6laOPB3UqYqSNQr9sWmeH/wOAh8/zrXnixImomKp9jZ74Exv8GAwGg8Vi8fDQ9gHb+t9P/aSW13+c1trw2gHLBAVQX+m+M7b8rC29oxTd+97/K1ne0jvahAY2GBgWgluDHTcUQhbQ+OXeZq9S3B3qI3FIvCRvk8vtZinJp7XuGIRDOXypRiEs92Pt/w/asvl+3iKccERCRESc0Ovfvi1Yf9SbxJ1uOINc56opM3ck2H9I3CUykAg4VygFSwY2rQojjxe72c+rDONOPMppVEVDNEd7dMddlg2CW57jedRFk/DXJT77MKBXjw7xc4i7zyQLoB/6oO4bTaUAYDAfpuSaGEcwa6ypBYEph4AO1g6OvEufpDAM2FLOH4WZkM66UdDCzUYpK3HhYlUjDCcAMH70BrtV+KgvqeQkpr0UAafKalHs2s4y2E11AkCK5tBUagwEiaiXvMQ+Hrfl22Jm88eMvWYe8/kZdx3ff8F9nWmEO35/BGe+0Sj6fzL6weTr4GRza12z1+Lk9300a2Jo5t2cnbWprJkZZ7nTvPOOc+eU73uGubH3B35WhN0y7Us8Ye6y1wxEC+e/3P++iBz2jQe0f/3AWw+VSQgO27FtmJD78+R7WzVcZCoLbeV2dYcPjM0O2NsahNEGZvYb9hIfag1W4Ex3zNdUssjIgCc88/z28KxSATzygMDdkQ8/6A2zI85P88vANthBQzMeNJJ2RMPrbZh5+YgLZCft4JZAIGZWj7fxmjmG4Vt25p1x2ppyeF32c9t8LmLgnqdzYYIaNBqHl2V6sjC8Hrkwfby3Zmfm1ssm6IOb95NOm3N/0ae9PfgwlYS3m1YIN1gNd27Y/H2fRpVELaPuGnAEXFtxCXGJsiIRcDgolFEoNKWUkF1IvVDAZJQo/5pwdWhJPTriMWpTOaDSRqCJy/P6LAVQh7wcf3FcFReXRCBU8WRIras+wucXSl73JajEtesPTHL11KbL5o4wbzQLeeBlCSsOx6pX7LIOSRVhVHmVcKSkTjrNFgJCLDT9jJjytGSd4VwGxYss/dlqyEvednT/UqoMd/V01nL25Eq9nyP6BtdLiOeBrbAQtU7hPCgzGL9QJGGNk/eSWALdilI5OhK+8Q8m+c1iZFFv6XbEPWsPjNa3+rHBC9ubIkIcEdYwmmO1696x0rhuc0fgM671T9S8TTFgHJR8UhIGam/SdrvKSsvtUEdMPDXptWZZ/FCxrdQsqVKOXpRHHRaze3Y2N1Bv9ncIhLK4uLHPTsliIgUJAsCA6wpnZyBKame4BTjzPCjEcTYkjoVoWIFs+PAwuEhZKWeLnTacZWfU25Y1zdVB8cLPOgofnz5E6SfObbr+1Kx6xbjBMcJrUcqb+Nbr6EfQEm0LDUVUjgl+Yb00dk1yBWX7cuhsQ87WPohkC3W4nIr5C6S4wX3gyc3hmkv/tupEWaSvwEk3qXhrSaF6jRb/Wk5Wb7xGpCKiAHTUHPfUVDdhrIfI9cmCSMI28tVytkHrcH/YAMVxIM7ClbKaMMPyTz9x1dqPryMjNdHzJ6grFoyqdSzzXtLPw/5P7dEVw0YvbW22vd1/tO6lKKkBX/sVwcHHFwW3VY5s01OXLBVG5pX0oviAmM4w9ggH+1BzhCoNn9hLx0pMErK4FNPcNn12jH7o6/6o7g0VkjlvrZK4q2mLWDgQOvfbVB2aCRt9kCaOWfjLsMABdMGVUDOJ+5XQyWO2I1LDogSlK+OLqDGqyR7rk0YE9QeUoddIdeNwEhpGoPpv0NwS2RDxzGMK0thGxKpwUzTnN0gpiKwxxbJSRuF4jIziV2WWqV/A2KJsrG3htoxDbMOScbIzwK72b2G8vxXEDu9abW2pRDixTWhtiy71J2FclYRHRIEkiJjySDzhH03zpqHFS9Y/1Y3Zyuvr6p2lqBUjqC4lMIxr+45gx6IjNniIM0XPvJTEPvVP70OuogviO7dG2iU3sMjdQs6K9ex3LGhP9ql+BDZuREnsZUoRX8thJgGag37o4yP6TMsN6I9mGBOyTxABt1cNC9ExfkGTk81J9hZTZv1ABPsMJ3MOqeX5kc8Jyw3VJQoZOVDTVvaGsAyBCdqyu49sp7QUwy01JpKhluhEGVwhkiUV72Sa/JeVNYbBG4WaMReu8cc67UldWST1VOBPFKOarMQXjqVBuWE0dTROoHJxPr5GiFL5ave41vaG3lyEZ++D2AHoV6PTCpLF624VRjBjXLFrwsO6Ji49/wRtGPEzkUchqi8/nkaF1W8yuxq5A0thVr8S2MUsV8ZMZxxBCfsCl/9oMgttGXhk07iJ61m2j+bHYaB1j4DtWuNsbHdbsdKcG7DdDTXF9Y1v3CEye9K8ncnZf1QUXeeUkJK6Cy4whanyuuKeFkx/cESdsNOapQTB6XGctWHG6mwhcaY7Qwbsq2UN/VKF10+Pztjn5VNM7WSYGkFB/U5/I1VmzsyENNQZSEJJLZbK4FV9NAuLueU5FFwMdvVgxSlLVvbU84n94lVGhpro1+gjX6neKcuotDiTWC0uz5dWqGXENnNck0zfo5ClSg/uwJIuzD0QDok4y3ZJc9+GVEislAjJoWKbIglN4M5sL4GXkaSxRPY3bSQ+bNYwKbEkk1RidwcmQzJPQApiabKOIwxv/y+GYxVIqEmBUvA0jhE+NB9vYDXb9IlSx7crLNlXgyM0vzdIWX8Yr22dHB4uyJr1O2sYUk6c/NJqLVoxENm/doQHu/WoqRK/iaIicUgW65G1kMiHOARvskebRaoOaZsBTLZVUxCK3/W+nN1Wy8MgKUty9W8hjRXDpAZpOFycWn4V6Erbgpri8TtFW5+1HLRPhvi2ZGvVeBWt0E1sITuWk1d0IQhYNa6NQ9PlGyfNKHQhNRLTH5HXctVEloq1beTt2cKPKnJUcKRaILAUAdaA/FZBnmCR2ruINL7YvUbaCktEiO2JEDNCCGVDPgFFwhUfSa7YiE/ShZbkSSIW1CHkqeHuY0AuUo/IkhxkG+G3SHIu/p2aXjcMgncEFWS4WYbDBQxGT7il7IUnwQ3dUVEZGbuTrxs5zo0AJFc+srYElhuDA0wyfOVJ5XgtcIyRndzpYMwrMsabUgioxklVM462bGwwFGTR74QrfoUo5TBdhQ1AfJ2T2fhdJEYZQVZu2ABLuvQJ6Zue9itA6dNOPOmRy+3cbkutGYVUKi2Xft99NZQbvRMlVy7SdGv3bb16D7A/KKYpKF9SSXWFYy8l1GTRS45igfHjDrpNQfemUnZN6pfUnXywtHZq8mHwQxcObXlEPjZ9kh0HPs2ioQ+NcOCxJg7GcgvGcUeWJK6rJPH4QQgQRCKxj90TxUbSn0GVRBK8lqoKzjnbe6ok3B+KoZSKhYBh1Q+W5Ks5D0SNxD9oWcKc+h6xCX5JwUq2ZNKOPjaNNWqCb9PoVEgkf6wEMJzkNWLNRT/2UnUw3LMrplVANnl2xEfvErH1tqFSr7oi09Asc43lsZdZBOU3Ktxn2EJom0tNI5wMDJNzC01HVBpWiY69hO66OOXBl1XpXMFZ4iD8ZTsmj5z0WG4HIfzvREOoM6rKeiUUGMwJVWYr7jpmKpXRQUakeo6tmzAAzB5PcSxn5bu4Eswr2F5HXZXNDPBgB3pb90xoCVil/5iSksuqVLZKqaopiapqVRge0Ug4MryCcd+nSPUFGimD6kuxECoD2KhfYlpSKSQ6nc27LaqG20IgU4RcXncMiGFQOLCcIZ11aWUcBn6iOwLLlPslGirR3ie6a9Had2r28YddSSLxc4pFp17JSLn8CLVeBpzD7aZqKjQzC5U6NSn+fA3xWMnHOoetKG0dp5k+ieNOp5p4VyoBSSCIfBueLylYO+QY+S9fUnW+YIHnUU2G4F85UOVrFapKSRWlaGZ6uENNgtvMjBXQhOupVJgAKvVsSBriAE1iSZ4Y0RI+mWmMB9q13mTQBja+IhFwiS7Vz5McNJ3lfQCIgmlw1P+3R93uWRR8DJ1Bcc/6ysTSoKIqh8ikih3j+OKtvEukpBzUimo7IgKMBkz261edSyJJyPKQJp71pcq5r4s+gQ4SIl0pE0lH7d8k6TgRZXdU1aySsG0IRsjXL/x6R0eKpwc9sqYzd8LS1bJJ0UiZNXocc7mb3tH/btA51ZN1gCXM99Qu6e5XWJGWrDRy8qYTTIw7IpAQF1o7KyE0/BA+nctVqtuJ1PHy2cjbgsH+BgN2kLttYO3RxniBgdow6C8BYEqVDMM6hqtng6ZZKvVDWRSOVC7dAfSEv0i0UIO3lWDI8Et75M5Bxi9y+w7UN3+8VNZVhtbGKk9G80k/Dgr9lRWlnF4uJxJHNelE92XVj9UCF7hZcHWihkXbbknVctW4vlrKF0YwKyN5xPztJD93uDtdXxogKHOAunTJrwRPDj4Kdaq2ndr2XqqXOjPv+0c9NLfDClWO9BjnXNm0XQW6ROBpHbOhy7q5F/jwqXZom1dAWttl3e4WLzvM+ooFYsY0Oi17WJi61h14pvVSoTTIHeddX0ZJnsZiXPCpgk4yUQrkNqQ6dXolf3N9uVWE9h0IVpdj1XHpAdFBy05vyuHyflWKzRfpVfryO1c1sQLMQFg/4sI9qFyozpXsFDzlFeYXQVBeFxk7DL64iBfHKVXwad+uYqau3uyNEXPLwcQtgWaqZ5ZQz4qoff3KjO0hXA0Fes/0+h/cvOShQuKU9SAW545FU7a/3N+GHjPKDADN0gU9h/gurOnzNkZbzymsHtnrfluGha3tq7nlcXXjiK9ZyXauaFEhsbprhPxoV3vwiyjEiAdCNeCjuFlezNy2skmOkEl/6oqIP3IR+g1UCr5O5YpMveg02Z26WxEVGpD+It81B9FcWU80qRpjCUTOV8yfr03uL3TfZamefpfG720taDtqA9v9O2a0Q6q15ZrqUVuxapcd4dWO039xRRV8VeXvVJSCQqlQJdJqxm/KGgSbieo2elG/Yy65Y+6acv50P3e/lvrXOgBH5/KLx7/ETJIgjAIQJBlIAWcJ5H+elnV6IGE5yyEGgwiPPZW1RLZLxeo4DOiwiPMixX0xquo85OgApbO0+esdiHVWFRa9EXDSnlI/4GcVI/Cqe+ZPJuW1DL1OH+avR6Dq/4qxspedpirKJswWfH4UvilzgxNEzbsCdf46dd9tSz+FJrLT2s2wQZAyWpbh1OU/DwJZhhQAUHcflQwzMvmIFuDdqvK03Gp66X60/5vJ0cm4MWu2LVmwb86yQ8GMXTt2bBi2Y9MiuNM4guGw6uYOAAA=) format('woff2'); }

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--nav-h) + 16px); }
body { padding-top: var(--nav-h); background: var(--fondo); color: var(--texto); font: 400 16px/24px var(--f-texto); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; color: inherit; background: none; border: 0; }
button { cursor: pointer; }
[hidden] { display: none !important; }
b, strong { font-weight: 700; }
main { overflow-x: clip; }
.oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wrap { width: min(80%, 1536px); margin-inline: auto; }
:focus-visible { outline: 3px solid var(--primario); outline-offset: 2px; }

.b3 { --b: #9cdafb; --b-txt: #063e5d; --b-osc: #1075ac; --labio: 6px;
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; margin-bottom: var(--labio); padding: 0 22px;
  border-radius: 10px; font: 800 14px/1 var(--f-boton); letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; color: var(--b-txt); background: var(--b);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .45), 0 var(--labio) 0 var(--b-osc), 0 12px 22px -10px var(--b-osc);
  transition: transform .12s ease-out, box-shadow .12s ease-out, filter .2s; }
.b3 .bi { font-size: 17px; }
.b3:hover { transform: translateY(3px); filter: brightness(1.04); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .45), 0 calc(var(--labio) - 3px) 0 var(--b-osc), 0 8px 16px -10px var(--b-osc); }
.b3:active { transform: translateY(var(--labio)); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .45), 0 0 0 var(--b-osc); }
.b3:focus-visible { outline: 3px solid var(--b-txt); outline-offset: 3px; }
.b3-ambar { --b: #fcd34d; --b-txt: #713f12; --b-osc: #d97706; }
.b3-dc { --b: #c7d2fe; --b-txt: #1e1b4b; --b-osc: #4338ca; }
.b3-blanco { --b: #fff; --b-txt: #063e5d; --b-osc: #b5e4fd; }

.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: var(--nav); color: #fff; transition: box-shadow .2s; }
.nav.bajada { box-shadow: 0 10px 30px -12px rgba(10, 27, 36, .55); }
.nav-in { height: 80px; display: flex; align-items: center; }
.brand { display: block; padding: 0 16px 0 8px; flex: none; }
.brand img { width: 64px; height: 64px; padding: 4px; object-fit: contain; transition: transform .2s var(--seco); }
.brand:hover img { transform: scale(.95) rotate(-6deg); }
.links { display: flex; align-items: center; gap: 8px; padding: 8px 4px; }
.links a { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 8px 16px; border-radius: 8px; font: 700 14px/20px var(--f-texto); letter-spacing: .7px;
  text-transform: uppercase; color: #fff; white-space: nowrap; transition: background-color .2s cubic-bezier(0, 0, .2, 1); }
.links a .bi { font-size: 15px; opacity: .85; }
.links a:hover, .links a.on { background: rgba(0, 0, 0, .2); }
.links .solo-movil { display: none; }
.nav-acts { margin-left: auto; display: flex; align-items: center; gap: 14px; }
.burger { display: none; place-items: center; width: 54px; height: 48px; border-radius: 8px; font-size: 24px; color: #fff; transition: background-color .2s; }
.burger:hover { background: rgba(0, 0, 0, .2); }

.nav-user { display: flex; align-items: center; gap: 10px; height: 50px; margin-bottom: 6px; padding: 4px 14px 4px 5px; border-radius: 8px; text-align: left;
  background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); transition: background-color .2s, transform .2s var(--suave); }
.nav-user:hover { background: rgba(0, 0, 0, .34); }
.nav-user img { width: 40px; height: 40px; border-radius: 6px; image-rendering: pixelated; background: rgba(255, 255, 255, .1); }
.nav-user-txt { display: grid; gap: 3px; min-width: 0; }
.nav-user-txt b { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 800 13px/1 var(--f-texto); letter-spacing: .06em; text-transform: uppercase; }
.nav-user-txt small { display: inline-flex; align-items: center; gap: 4px; font: 700 12px/1 var(--f-texto); color: #fcd34d; }

.nav-dc, .nav-carro { position: relative; display: inline-flex; align-items: center; justify-content: center; height: 44px; margin-bottom: 6px; border-radius: 6px; color: #fff;
  transition: transform .12s ease-out, box-shadow .12s ease-out, filter .2s; }
.nav-dc { width: 60px; font-size: 26px; background: linear-gradient(to right, #818cf8, #5865f2); box-shadow: 0 3px 0 #c7d2fe, 0 6px 0 #4338ca; }
.nav-carro { gap: 10px; padding: 8px 22px; font: 700 15px/28px var(--f-boton); text-transform: uppercase; text-shadow: 0 1px 0 rgba(180, 83, 9, .45);
  background: linear-gradient(to right, #facc15, #fb923c); box-shadow: 0 3px 0 #ffe975, 0 6px 0 #d97706; }
.nav-carro .bi { font-size: 20px; }
.nav-dc:hover, .nav-carro:hover { transform: translateY(3px); filter: brightness(1.05); }
.nav-dc:hover { box-shadow: 0 1px 0 #c7d2fe, 0 3px 0 #4338ca; }
.nav-carro:hover { box-shadow: 0 1px 0 #ffe975, 0 3px 0 #d97706; }
.nav-dc:active, .nav-carro:active { transform: translateY(6px); box-shadow: none; }
.carro-n { position: absolute; top: -9px; right: -9px; min-width: 24px; height: 24px; padding: 0 6px; display: grid; place-items: center; border-radius: 12px;
  font: 800 13px/1 var(--f-texto); color: #fff; text-shadow: none; background: var(--primario); box-shadow: 0 0 0 3px var(--nav); }
.carro-n[data-n="0"] { display: none; }
.nav :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.carro-panel { position: fixed; z-index: 60; top: calc(var(--nav-h) + 8px); right: max(16px, calc((100vw - min(80vw, 1536px)) / 2)); width: 360px; max-width: calc(100vw - 32px);
  border-radius: 16px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: 0 30px 60px -20px rgba(14, 61, 87, .45);
  color: var(--texto); opacity: 0; translate: 0 -8px; pointer-events: none; visibility: hidden; transition: opacity .18s, translate .18s var(--seco), visibility 0s .18s; }
.carro-panel.on { opacity: 1; translate: 0 0; pointer-events: auto; visibility: visible; transition: opacity .18s, translate .18s var(--seco); }
.carro-panel { display: flex; flex-direction: column; max-height: calc(100vh - var(--nav-h) - 16px); max-height: calc(100dvh - var(--nav-h) - 16px); }
.carro-panel > * { flex: none; }
.carro-panel > .carro-l { flex: 1 1 auto; min-height: 0; }
.carro-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px 12px; border-bottom: 1px solid var(--fondo-2); }
.carro-cab h2 { font: 400 16px/1 var(--f-mc); color: var(--titulo); }
.carro-x { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; color: var(--apagado); }
.carro-x:hover { background: var(--fondo); color: var(--titulo); }
.carro-l { list-style: none; max-height: 300px; overflow: auto; padding: 8px 10px; }
.carro-i { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 8px; border-radius: 10px; }
.carro-i:hover { background: var(--fondo); }
.carro-i img { width: 44px; height: 44px; object-fit: contain; }
.carro-i b { display: block; font: 400 13px/1.2 var(--f-mc); color: var(--titulo); }
.carro-i small { font: 500 12px/1.3 var(--f-texto); color: var(--apagado); }
.carro-p { font: 800 14px/1 var(--f-texto); color: var(--texto); font-variant-numeric: tabular-nums; }
.carro-quitar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; color: var(--apagado); }
.carro-quitar:hover { color: var(--rebaja); background: #fee2e2; }
.carro-vacio { padding: 26px 18px; text-align: center; font: 500 15px/1.5 var(--f-texto); color: var(--apagado); }
.carro-vacio .bi { display: block; margin-bottom: 6px; font-size: 30px; color: var(--borde-2); }
.carro-pie { padding: 12px 18px 16px; border-top: 1px solid var(--fondo-2); }
.carro-total { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; font: 700 15px/1 var(--f-texto); color: var(--cuerpo); }
.carro-total b { font: 400 14px/1 var(--f-mc); color: var(--titulo); }
.carro-acts { display: grid; grid-template-columns: auto 1fr; gap: 10px; }
.carro-acts .b3 { width: 100%; }
@media (max-height: 480px) {
  .carro-cab { padding: 10px 14px 8px; }
  .carro-l { padding: 4px 8px; }
  .carro-i { padding: 4px 6px; }
  .carro-pie { padding: 8px 14px 6px; }
  .carro-total { margin-bottom: 8px; }
  .carro-acts .b3 { --labio: 4px; height: 40px; }
}

.portada { position: relative; overflow: hidden; isolation: isolate; padding: 72px 0 156px; text-align: center; color: #fff; background: #0a1b24; }
.portada-fondo { position: absolute; inset: -28px; z-index: -2; background: center / cover no-repeat; filter: blur(7px) saturate(1.15) brightness(.6); animation: respirar 22s ease-in-out infinite; }
@keyframes respirar { 50% { transform: scale(1.05); } }
.portada::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 27, 36, .45) 0%, rgba(10, 27, 36, .1) 45%, var(--banda) 100%); }
.portada-ver { display: inline-flex; align-items: center; gap: 12px; padding: 6px 10px; border-radius: 6px; font: 700 15px/1 var(--f-boton); letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .9);
  cursor: pointer; transition: background-color .2s; }
.portada-ver:hover { background: rgba(255, 255, 255, .08); }
.portada-ver .bi { font-size: 15px; opacity: .7; }
.portada-cubo { flex: none; width: 18px; height: 18px; background: linear-gradient(#62d13f 0 34%, #3f9a2b 34% 44%, #8a5a2b 44%); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .22); }
.portada-t { margin: 16px 0 12px; font: 400 clamp(28px, 4.17vw, 46px)/1.05 'Minercraftory', var(--f-mc); letter-spacing: .02em; text-transform: uppercase; color: #fff;
  text-shadow: 0 4px 0 rgba(0, 0, 0, .35), 0 16px 36px rgba(0, 0, 0, .5); }
.portada-sub { font: 500 16px/1.5 var(--f-texto); color: rgba(255, 255, 255, .9); }
.portada-acts { display: flex; justify-content: center; gap: 14px; margin-top: 30px; }
.p-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 56px; padding: 0 30px; border-radius: 0;
  font: 800 15px/1 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; color: #fff; cursor: pointer;
  box-shadow: inset 0 4px 0 rgba(255, 255, 255, .2), inset 0 -6px 0 rgba(0, 0, 0, .3); transition: transform .15s var(--seco), filter .15s; }
.p-btn .bi { font-size: 17px; }
.p-btn:hover { transform: translateY(-2px); filter: brightness(1.1); }
.p-btn:active { transform: translateY(1px); }
.p-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.p-ver { min-width: 230px; background: var(--primario); }
.p-dc { width: 56px; padding: 0; font-size: 26px; background: var(--discord); }
.p-como { min-width: 230px; background: #21282b; }
.portada-conf { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 26px; margin-top: 26px; list-style: none; font: 600 14px/20px var(--f-texto); color: rgba(255, 255, 255, .85); }
.portada-conf li { display: inline-flex; align-items: center; gap: 8px; }
.portada-conf .bi { color: #fcd34d; }

.portada.cat { padding: 56px 0 132px; }
.portada :focus-visible { outline-color: #fff; }
.cat-ico { width: 28px; height: 28px; object-fit: contain; filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .3)); }
.portada.cat .portada-t { margin: 14px 0 0; font-size: clamp(20px, 2.62vw, 37px); line-height: 1.1; }

.banda { padding: 0 0 40px; background: linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)), var(--banda); }
.banda .wrap { position: relative; margin-top: -112px; }
.portada.cat + .banda .wrap { margin-top: -96px; }
.oferta { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 360px minmax(0, auto); align-items: center; gap: 24px; min-height: 216px;
  padding: 32px 40px; border-radius: 12px; color: #fff; overflow: visible;
  background: radial-gradient(120% 140% at 50% 0%, rgba(255, 255, 255, .12), transparent 55%), linear-gradient(to top, rgba(0, 0, 0, .22), transparent), var(--primario);
  box-shadow: 0 30px 60px -30px rgba(10, 27, 36, .7), inset 0 0 0 1px rgba(255, 255, 255, .08); }
.oferta::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: .5;
  background: repeating-linear-gradient(0deg, rgba(9, 22, 29, .14) 0 1px, transparent 1px 3px); }
.oferta-tag { display: inline-block; font: 400 14px/1 var(--f-mc); letter-spacing: .06em; text-transform: uppercase; color: #fff;
  filter: drop-shadow(0 3px 0 rgba(0, 0, 0, .25)); }
.oferta-t { margin: 14px 0 8px; font: 400 35px/1 var(--f-mc); letter-spacing: .02em; filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .25)); }
.oferta-t .barrido { --b-t: #fff; --b-a: #fcd34d; }
.oferta-txt p { max-width: 30ch; font: 500 14px/1.5 var(--f-texto); color: rgba(255, 255, 255, .92); }
.oferta-art { justify-self: center; width: 420px; max-width: none; margin: -78px -30px -46px; pointer-events: none;
  filter: drop-shadow(0 18px 18px rgba(10, 27, 36, .45)); animation: flotar 5s ease-in-out infinite; }
@keyframes flotar { 50% { translate: 0 -10px; rotate: -1.5deg; } }
.oferta-reloj { justify-self: end; text-align: center; }
.oferta-l { margin-bottom: 10px; white-space: nowrap; font: 800 12px/1 var(--f-texto); letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
.cuenta { display: flex; gap: 10px; }
.cuenta-u { display: grid; justify-items: center; gap: 6px; width: 70px; padding: 12px 0 10px; border-radius: 10px; background: #fff; color: var(--titulo);
  border-bottom: 4px solid var(--borde-2); box-shadow: 0 10px 20px -12px rgba(10, 27, 36, .6); }
.cuenta-u b { display: block; height: 21px; overflow: hidden; font: 400 21px/1 var(--f-mc); font-variant-numeric: tabular-nums; }
.cuenta-u b span { display: block; }
.cuenta-u small { font: 800 10px/1 var(--f-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--apagado); }

.oferta.fina { grid-template-columns: auto minmax(0, 1fr) auto; min-height: 0; gap: 20px; padding: 18px 24px; }
.oferta.fina .oferta-t { margin: 0; font-size: 26px; }
.oferta.fina .oferta-ttl { display: flex; align-items: center; gap: 14px; }
.oferta.fina .oferta-desc { font: 500 15px/1.45 var(--f-texto); color: rgba(255, 255, 255, .9); }
.oferta.fina .oferta-reloj { display: flex; align-items: center; gap: 12px; }
.oferta.fina .oferta-l { margin: 0; }
.oferta.fina > * { grid-area: auto; }
.oferta.fina .cuenta { gap: 6px; }
.oferta.fina .cuenta-u { width: 52px; padding: 8px 0 6px; gap: 4px; }
.oferta.fina .cuenta-u b { height: 17px; font-size: 17px; }
.oferta.fina .cuenta-u small { font-size: 9px; }

.sec { padding: 72px 0; }
.sec-cab { margin-bottom: 28px; }
.sec-cab.centro { text-align: center; }
.kicker { display: inline-flex; align-items: center; gap: 8px; font: 700 14px/20px var(--f-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--primario); }
.sec-t { margin-top: 6px; font: 400 21px/1.3 var(--f-mc); letter-spacing: .02em; text-transform: uppercase; color: var(--titulo); }
.sec-t b { font-weight: 400; }
.sec-sub { margin-top: 8px; font: 400 17px/1.5 var(--f-texto); color: var(--cuerpo); }

.comunidad { padding-bottom: 72px; }
.com-in { display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); gap: 16px; }
.caja { padding: 22px 24px; border-radius: 16px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: var(--sombra); }
.caja-t { display: flex; align-items: center; gap: 10px; font: 800 15px/1.2 var(--f-titulo); letter-spacing: .04em; text-transform: uppercase; color: var(--titulo); }
.caja-t .chip-ico { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; font-size: 18px; color: #fff; background: var(--primario); box-shadow: 0 3px 0 var(--ambar-texto); }
.caja-t small { display: block; margin-top: 4px; font: 500 13px/1.2 var(--f-texto); letter-spacing: 0; text-transform: none; color: var(--apagado); }
.meta-fila { display: flex; justify-content: space-between; align-items: baseline; margin: 18px 0 10px; font: 700 14px/1 var(--f-texto); color: var(--cuerpo); }
.meta-fila b { font: 400 14px/1 var(--f-mc); color: var(--primario); }
.meta-barra { height: 14px; border-radius: 8px; overflow: hidden; background: var(--fondo-2); box-shadow: inset 0 2px 0 rgba(14, 61, 87, .08); }
.meta-barra i { display: block; width: var(--p, 0%); height: 100%; border-radius: inherit;
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .18) 0 8px, transparent 8px 16px), linear-gradient(90deg, var(--primario), #55bef7);
  background-size: 22.6px 100%, 100% 100%; animation: rayas 1.2s linear infinite; }
@keyframes rayas { to { background-position: 22.6px 0, 0 0; } }
.pagos-l { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; list-style: none; }
.pagos-l li { position: relative; }
.pagos-l img { width: 42px; height: 42px; border-radius: 8px; image-rendering: pixelated; background: var(--fondo-2); box-shadow: 0 3px 0 var(--borde); transition: transform .2s var(--seco); }
.pagos-l li:hover img { transform: translateY(-3px) rotate(-4deg); }
.pagos-l li::after { content: attr(data-nombre); position: absolute; left: 50%; bottom: calc(100% + 6px); translate: -50% 4px; padding: 4px 8px; border-radius: 6px; white-space: nowrap; z-index: 2;
  font: 700 12px/1.2 var(--f-texto); color: #fff; background: var(--titulo); opacity: 0; pointer-events: none; transition: opacity .15s, translate .15s var(--seco); }
.pagos-l li:hover::after { opacity: 1; translate: -50% 0; }

.comprar { position: relative; background: var(--fondo-2); }
.comprar .wrap { position: relative; }
.comprar-art { position: absolute; right: 8px; top: -104px; width: 200px; pointer-events: none; filter: drop-shadow(0 18px 24px rgba(23, 83, 116, .28)); animation: flotar 4s ease-in-out infinite; }
.rondas { display: grid; grid-template-columns: 1fr 48px 1fr 48px 1fr; align-items: stretch; }
.ronda { position: relative; padding: 24px 24px 26px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; border-radius: 12px; box-shadow: var(--sombra); }
.ronda-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.ronda-l { font: 700 13px/1 var(--f-texto); letter-spacing: .16em; text-transform: uppercase; color: var(--primario); }
.ronda-n { display: flex; font: 800 52px/1 var(--f-titulo); color: var(--borde); }
.ronda-ico { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 16px; font-size: 24px; color: #fff; border-radius: 8px; background: var(--primario); box-shadow: 0 3px 0 var(--ambar-texto); }
.ronda h3 { font: 800 19px/1.25 var(--f-titulo); color: var(--titulo); }
.ronda p { margin-top: 8px; font: 400 15px/1.6 var(--f-texto); color: var(--cuerpo); }
.ronda p b { color: var(--titulo); }
.ronda a, .soporte a, .padres-txt a:not(.b3) { font-weight: 700; color: var(--primario); text-decoration: underline; text-underline-offset: 3px; }
.flecha-r { display: grid; place-items: center; color: var(--borde-2); }
.flecha-r svg { width: 40px; height: 40px; }
.flecha-r path { animation: empuje 1.4s var(--seco) infinite; }
.flecha-r path:nth-child(2) { animation-delay: .15s; opacity: .55; }
@keyframes empuje { 0%, 100% { transform: translateX(-3px); } 50% { transform: translateX(3px); } }
.cifras { display: inline-flex; }
.dig { display: inline-block; height: 1em; overflow: hidden; line-height: 1; vertical-align: -.1em; font-variant-numeric: tabular-nums; }
.tira { display: block; }
.tira span { display: block; height: 1em; line-height: 1; text-align: center; }

.confianza { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.conf { display: flex; gap: 14px; align-items: flex-start; padding: 18px; border-radius: 16px; background: #fff; border: 1px solid #dcf0fb; box-shadow: 0 4px 0 var(--borde); transition: transform .25s var(--seco); }
.conf:hover { transform: translateY(-4px); }
.conf-ico { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; font-size: 22px; color: #fff;
  background: linear-gradient(150deg, hsl(var(--h) 92% 66%), hsl(var(--h) 72% 46%)); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .45), 0 4px 0 hsl(var(--h) 60% 34%);
  transform: rotate(-5deg); transition: transform .35s var(--seco); }
.conf:hover .conf-ico { transform: rotate(0) scale(1.06); }
.conf h3 { font: 800 16px/1.25 var(--f-titulo); color: var(--titulo); }
.conf p { margin-top: 4px; font: 400 14px/1.5 var(--f-texto); color: var(--cuerpo); }
.conf p b { color: var(--titulo); }
.soporte { margin-top: 28px; text-align: center; font: 500 15px/1.5 var(--f-texto); color: var(--cuerpo); }

.bloque { padding: 88px 0 40px; }
.bloque-in { display: flex; gap: 96px; align-items: center; }
.bloque-in > * { flex: 1 1 0; min-width: 0; }
.bloque-txt { display: flex; flex-direction: column; gap: 10px; }
.bloque-txt p:not(.kicker) { font: 400 16px/1.65 var(--f-texto); color: var(--texto); }
.bloque-txt p b { color: var(--primario); }
.bloque-acts { display: flex; flex-wrap: wrap; gap: 16px; padding-top: 18px; }
.tarjeta-color { --c: var(--primario); position: relative; height: 260px; display: flex; justify-content: center; align-items: center; border-radius: 12px;
  background: linear-gradient(to top, rgba(0, 0, 0, .15), transparent), var(--c); }
.sale { width: 400px; height: 400px; max-width: none; margin: -80px; object-fit: contain; pointer-events: none;
  filter: drop-shadow(0 8px 5px rgba(0, 0, 0, .08)) drop-shadow(0 24px 24px rgba(6, 62, 93, .25)); animation: flotar 5s ease-in-out infinite; }

.faq { padding: 56px 0 24px; }
.faq-l { display: grid; gap: 12px; max-width: 880px; margin: 0 auto; }
.faq-i { border-radius: 14px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: 0 10px 24px -18px rgba(14, 61, 87, .45); overflow: hidden; }
.faq-i summary { display: flex; align-items: center; gap: 14px; padding: 16px 18px; cursor: pointer; list-style: none; font: 700 17px/1.35 var(--f-texto); color: var(--titulo); }
.faq-i summary::-webkit-details-marker { display: none; }
.faq-i summary:hover { background: var(--fondo); }
.faq-i summary:focus-visible { outline-offset: -3px; }
.faq-ico { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; font-size: 17px; color: var(--primario); background: var(--fondo-2); box-shadow: 0 3px 0 var(--borde); }
.faq-flecha { margin-left: auto; font-size: 16px; color: var(--primario); transition: transform .25s var(--seco); }
.faq-i[open] .faq-flecha { transform: rotate(180deg); }
.faq-i[open] summary { color: var(--primario); }
.faq-r { overflow: hidden; }
.faq-r p { padding: 0 18px 18px 70px; font: 400 16px/1.6 var(--f-texto); color: var(--cuerpo); }
.faq-r a { font-weight: 700; color: var(--primario); text-decoration: underline; text-underline-offset: 3px; }

.aviso-sec { padding: 48px 0 24px; }
.aviso { display: flex; gap: 18px; align-items: flex-start; padding: 26px 30px; border-radius: 16px; color: #fff; background: var(--nav); box-shadow: 0 18px 40px -26px rgba(14, 61, 87, .7); }
.aviso > .bi { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; font-size: 24px; color: var(--nav); background: #fff; }
.aviso h2 { font: 400 21px/1.2 var(--f-mc); letter-spacing: .02em; text-transform: uppercase; }
.aviso p { margin-top: 10px; font: 400 16px/1.6 var(--f-texto); color: rgba(255, 255, 255, .95); }
.aviso-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.aviso-links a { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 8px; font: 700 13px/1 var(--f-texto); letter-spacing: .04em; text-transform: uppercase;
  background: rgba(255, 255, 255, .12); transition: background-color .2s; }
.aviso-links a:hover { background: rgba(255, 255, 255, .22); }
.aviso :focus-visible { outline-color: #fff; }

.dc-sec { padding: 72px 0 88px; overflow-x: clip; }
.dc-card { position: relative; min-height: 300px; padding: 44px 48px; display: flex; align-items: center; border-radius: 12px; color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, .15), transparent), var(--discord); }
.dc-txt { position: relative; z-index: 2; flex: 0 0 56%; display: flex; flex-direction: column; gap: 14px; }
.dc-fila { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.dc-logo { display: inline-flex; align-items: center; gap: 8px; font: 800 20px/24px var(--f-texto); }
.dc-logo .bi { font-size: 26px; line-height: 1; }
.dc-chip { display: inline-flex; align-items: center; gap: 8px; height: 24px; padding: 0 10px 0 12px; border-radius: 30px; font: 700 14px/20px var(--f-texto); background: rgba(0, 0, 0, .2); }
.ping { position: relative; flex: none; width: 12px; height: 12px; border-radius: 50%; background: #eb459e; }
.ping::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: inherit; animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite; }
@keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } }
.dc-txt .sec-t { margin: 0; font-size: 32px; line-height: 1.1; color: #fff; }
.dc-txt .barrido { --b-t: #fff; --b-a: #fcd34d; }
.dc-txt p { width: 90%; font: 400 16px/1.6 var(--f-texto); }
.dc-acts { padding-top: 8px; }
.dc-btn { display: inline-grid; }
.h-off, .h-on { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 8px; }
.h-on { visibility: hidden; }
@media (hover: hover) { .dc-btn:hover .h-off { visibility: hidden; } .dc-btn:hover .h-on { visibility: visible; } }
.dc-art { position: absolute; z-index: 1; top: -80px; bottom: -16px; right: 40px; width: min(484px, 44%); display: flex; align-items: center; justify-content: center; pointer-events: none; }
.dc-art img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 8px 5px rgba(0, 0, 0, .1)); animation: flotar 5s 1s ease-in-out infinite; }

.cat-main { padding: 40px 0 24px; }
.subcats { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; border-radius: 16px; background: #fff; border: 1px solid var(--fondo-2); box-shadow: 0 18px 40px -30px rgba(14, 61, 87, .45); }
.subcats-t { display: inline-flex; align-items: center; gap: 10px; padding: 0 8px 0 6px; font: 800 14px/1 var(--f-boton); letter-spacing: .06em; text-transform: uppercase; color: var(--titulo); }
.subcats-t img { width: 28px; height: 28px; object-fit: contain; }
.subcats a { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 13px; border-radius: 10px; border: 1px solid var(--fondo-2);
  font: 600 14px/1 var(--f-texto); color: var(--cuerpo); white-space: nowrap; transition: color .15s, border-color .15s, background-color .15s; }
.subcats a:hover { color: var(--titulo); background: var(--fondo); border-color: var(--borde); }
.subcats a[aria-current="page"] { color: #fff; font-weight: 800; background: var(--primario); border-color: var(--primario); box-shadow: 0 3px 0 var(--ambar-texto); }
.cat-cab { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 24px; margin: 36px 0 22px; }

.paquetes { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 24px; list-style: none; }
.paquetes > li { grid-column: span 2; display: flex; }
@media (min-width: 1024px) {
  .paquetes > li:nth-child(4n + 1):nth-last-child(3) { grid-column: 2 / span 2; }
  .paquetes > li:nth-child(4n + 1):nth-last-child(2) { grid-column: 3 / span 2; }
  .paquetes > li:nth-child(4n + 1):nth-last-child(1) { grid-column: 4 / span 2; }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .paquetes > li:nth-child(3n + 1):nth-last-child(2) { grid-column: 2 / span 2; }
  .paquetes > li:nth-child(3n + 1):nth-last-child(1) { grid-column: 3 / span 2; }
}
@media (max-width: 640px) {
  .paquetes > li:nth-child(2n + 1):nth-last-child(1) { grid-column: 2 / span 2; }
}
.paquete { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; padding: 18px 18px 14px; text-align: center; border-radius: 16px; background: #fff;
  border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: var(--sombra); transition: transform .25s var(--seco), box-shadow .25s, border-color .25s; }
.paquete:hover { transform: translateY(-6px); border-color: var(--borde-2); box-shadow: 0 26px 40px -22px rgba(27, 114, 162, .5); }
.paquete-dto { position: absolute; top: 12px; left: 12px; z-index: 1; padding: 6px 8px 5px; border-radius: 6px; font: 400 12px/1 var(--f-mc); color: var(--ambar-texto); background: var(--ambar); box-shadow: 0 3px 0 #b45309; rotate: -4deg; }
.paquete-img { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 1.25 / 1; border-radius: 12px; cursor: pointer;
  background: radial-gradient(circle at 50% 62%, rgba(181, 228, 253, .55), rgba(181, 228, 253, 0) 62%), linear-gradient(180deg, #fafdff, var(--fondo)); }
.paquete-img img { width: min(64%, 128px); aspect-ratio: 1;    object-fit: contain; filter: drop-shadow(0 12px 10px rgba(14, 61, 87, .22)); transition: transform .35s var(--seco); }
.paquete:hover .paquete-img img { transform: translateY(-8px) rotate(-4deg) scale(1.06); }
.paquete-n { margin-top: 14px; font: 400 14px/1.25 var(--f-mc); letter-spacing: .03em; color: var(--titulo); }
.paquete-reloj { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 3px 9px; border-radius: 20px; font: 700 11px/18px var(--f-texto); font-variant-numeric: tabular-nums;
  color: var(--primario); background: var(--fondo); border: 1px solid var(--fondo-2); }
.paquete-precio { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin: 12px 0 14px; }
.paquete-precio s { font: 700 13px/1 var(--f-texto); color: var(--rebaja); text-decoration-thickness: 2px; }
.paquete-precio b { font: 400 14px/1 var(--f-mc); color: var(--primario); }
.paquete-precio small { font: 800 11px/1 var(--f-texto); letter-spacing: .06em; color: var(--apagado); }
.paquete-acts { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 8px; width: 100%; margin-top: auto; }
.paquete-acts .b3 { width: 100%; height: 44px; padding: 0 12px; font-size: 13px; }
.b3.info { --b: var(--fondo-2); --b-txt: var(--primario); --b-osc: var(--borde-2); padding: 0; font-size: 18px; }
.b3.info .bi { font-size: 20px; -webkit-text-stroke: .4px currentColor; }

.foot { background: var(--banda); color: #fff; }
.foot-in { display: flex; justify-content: space-between; align-items: flex-start; gap: 48px; padding-block: 72px 64px; }
.foot-brand { display: grid; justify-items: start; gap: 4px; max-width: 28rem; }
.foot-logo { width: 120px; height: auto; margin-bottom: 18px; filter: drop-shadow(0 6px 0 rgba(14, 61, 87, .35)); }
.fb-t { font: 800 28px/1.2 var(--f-titulo); }
.fb-c { font: 400 18px/1.5 var(--f-texto); }
.fb-c a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.fb-s { font: 400 15px/1.5 var(--f-texto); color: #fff; }
.fb-ip { display: inline-flex; align-items: center; gap: 10px; margin-top: 16px; height: 40px; padding: 0 14px; border-radius: 8px; font: 700 15px/1 var(--f-boton); letter-spacing: .06em; text-transform: uppercase; color: #fff;
  background: rgba(0, 0, 0, .2); transition: background-color .2s; }
.fb-ip:hover { background: rgba(0, 0, 0, .32); }
.fb-ip .bi { font-size: 15px; opacity: .8; }
.foot-cols { display: flex; gap: 72px; }
.foot-col { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.fc-t { padding-bottom: 6px; font: 800 20px/1.3 var(--f-titulo); }
.foot-col a { display: inline-flex; align-items: center; gap: 8px; font: 400 17px/1.5 var(--f-texto); color: #fff; }
.foot-col a:hover, .foot-col a[aria-current] { text-decoration: underline; text-underline-offset: 3px; }
.foot :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.ventana { width: min(440px, calc(100vw - 32px)); margin: auto; padding: 0; border: 0; border-radius: 18px; background: #fff; color: var(--texto);
  box-shadow: 0 40px 80px -30px rgba(10, 27, 36, .6); border-bottom: 4px solid var(--borde-2); }
.ventana::backdrop { background: rgba(10, 27, 36, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.ventana[open] { animation: ventana .28s var(--seco); }
@keyframes ventana { from { opacity: 0; transform: translateY(18px) scale(.96); } }
.ventana h2 { font: 400 18px/1.2 var(--f-mc); letter-spacing: .02em; color: var(--titulo); }
.ventana p { font: 400 15px/1.5 var(--f-texto); color: var(--cuerpo); }
.ventana-acts { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding-top: 4px; }
.ventana-acts-1 { grid-template-columns: minmax(0, 1fr); }
.ventana-x { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; color: var(--apagado); }
.ventana-x:hover { background: var(--fondo); color: var(--titulo); }

.toast { position: fixed; left: 50%; bottom: 24px; z-index: 80; translate: -50% 180%; opacity: 0; padding: 12px 20px; border-radius: 8px; background: var(--ambar-texto); color: #fff;
  font: 500 16px/24px var(--f-texto); box-shadow: 0 16px 40px rgba(0, 0, 0, .35); transition: translate .3s cubic-bezier(.34, 1.56, .64, 1), opacity .2s; max-width: calc(100% - 32px); text-align: center; }
.toast.on { translate: -50% 0; opacity: 1; }
.toast b { color: #fcd932; }
.destello { position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: 0; box-shadow: inset 0 0 0 6px var(--ambar), inset 0 0 90px rgba(27, 114, 162, .55); }
.destello.on { animation: destello .2s ease-out; }
@keyframes destello { from { opacity: 1; } to { opacity: 0; } }
.vuela { position: fixed; z-index: 90; width: 72px; height: 72px; object-fit: contain; pointer-events: none; filter: drop-shadow(0 10px 12px rgba(14, 61, 87, .35)); }

.barrido { --b-t: var(--titulo); --b-a: var(--ambar);
  background: linear-gradient(105deg, var(--b-t) 0 42%, var(--b-a) 46.5%, #fff 50%, var(--b-a) 53.5%, var(--b-t) 58% 100%);
  background-size: 280% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.barrido b { --b-t: var(--primario); background: linear-gradient(105deg, var(--b-t) 0 42%, var(--b-a) 46.5%, #fff 50%, var(--b-a) 53.5%, var(--b-t) 58% 100%);
  background-size: 280% 100%; background-position: inherit; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sec-t b { color: var(--primario); }
.visto .barrido, .visto.barrido { animation: barrido 1s .15s var(--seco) both; }
@keyframes barrido { from { background-position: 100% 0; } to { background-position: 0 0; } }
.js [data-anim] { opacity: 0; }
.js.sin-anim [data-anim], .js [data-anim].visto { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js [data-anim] { opacity: 1; }
  *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
  .barrido { background: none; color: inherit; -webkit-text-fill-color: currentColor; }
  .barrido b { background: none; -webkit-text-fill-color: currentColor; }
}

@media (max-width: 1279px) {
  .wrap { width: auto; margin-inline: 16px; }
  .links a { padding: 8px 12px; }
  .oferta { grid-template-columns: minmax(0, 1fr) 300px minmax(0, auto); padding: 28px 30px; }
  .oferta-art { width: 360px; }
  .bloque-in { gap: 64px; }
  .comprar-art { width: 170px; top: -90px; }
}
@media (max-width: 1180px) {
  .nav-user-txt { display: none; }
  .nav-user { padding: 4px; }
  .confianza { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oferta { grid-template-columns: minmax(0, 1fr) minmax(0, auto); grid-template-areas: "art art" "txt reloj"; row-gap: 8px; padding-top: 0; }
  .banda .wrap { margin-top: -100px; }
  .oferta-art { grid-area: art; width: 380px; margin: -40px 0 -10px; }
  .oferta-txt { grid-area: txt; }
  .oferta-reloj { grid-area: reloj; }
  .oferta.fina { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: none; padding: 18px 22px; }
  .oferta.fina .oferta-desc { display: none; }
}
@media (max-width: 1023px) {
  .burger { display: grid; }
  .brand { padding: 0 8px; }
  .links { position: fixed; left: 0; right: 0; top: var(--nav-h); flex-direction: column; align-items: stretch; gap: 4px; padding: 8px 16px 16px; background: var(--nav);
    box-shadow: 0 16px 24px -12px rgba(0, 0, 0, .4); opacity: 0; translate: 0 -8px; pointer-events: none; visibility: hidden;
    transition: opacity .2s, translate .2s var(--seco), visibility 0s .2s; }
  .links.open { opacity: 1; translate: 0 0; pointer-events: auto; visibility: visible; transition: opacity .2s, translate .2s var(--seco); }
  .links a { height: 46px; padding: 12px 16px; }
  .links .solo-movil { display: inline-flex; }
  .nav-acts { gap: 10px; }
  .rondas { grid-template-columns: 1fr; }
  .flecha-r { height: 30px; }
  .flecha-r svg { transform: rotate(90deg); width: 26px; height: 26px; }
  .ronda { display: grid; grid-template-columns: 52px 1fr; column-gap: 18px; padding: 20px 20px 22px; }
  .ronda-top { grid-column: 2; grid-row: 1; margin-bottom: 6px; }
  .ronda-n { position: absolute; right: 18px; top: 14px; font-size: 40px; }
  .ronda-ico { grid-column: 1; grid-row: 1 / span 3; margin: 0; }
  .ronda h3 { grid-column: 2; grid-row: 2; padding-right: 44px; }
  .ronda p { grid-column: 2; grid-row: 3; margin-top: 6px; }
  .comprar-art { display: none; }
  .bloque-in { flex-direction: column-reverse; align-items: stretch; gap: 80px; }
  .bloque-in > * { flex: none; }
  .tarjeta-color { height: 200px; }
  .sale { width: 340px; height: 340px; }
  .bloque-acts { justify-content: flex-start; }
  .paquetes { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .dc-sec { padding-top: 110px; }
  .dc-card { flex-direction: column; align-items: stretch; padding: 0 32px 36px; }
  .dc-art { position: relative; inset: auto; width: 100%; height: auto; order: -1; margin: -92px 0 8px; }
  .dc-art img { width: min(374px, 88%); height: auto; }
  .dc-txt { flex: none; }
  .dc-txt p { width: 100%; }
  .foot-in { flex-direction: column; gap: 40px; padding-block: 56px 48px; }
  .foot-cols { flex-wrap: wrap; gap: 32px 56px; }
}
@media (max-width: 640px) {
  .nav-in { gap: 0; }
  .brand img { width: 54px; height: 54px; }
  .nav-acts { gap: 8px; }
  .nav-user { height: 44px; margin-bottom: 6px; padding: 3px; }
  .nav-user img { width: 38px; height: 38px; }
  .nav-dc { width: 46px; height: 40px; font-size: 21px; }
  .nav-carro { height: 40px; padding: 6px 14px; }
  .nav-carro span { display: none; }
  .portada { padding: 44px 0 132px; }
  .portada-ver { font-size: 12px; gap: 8px; }
  .portada-cubo { width: 14px; height: 14px; }
  .portada-sub { font-size: 15px; }
  .portada-acts { display: grid; grid-template-columns: 1fr 52px; gap: 10px; margin-top: 24px; }
  .p-btn { height: 52px; padding: 0 16px; font-size: 15px; }
  .p-ver, .p-como { min-width: 0; }
  .p-dc { width: 52px; font-size: 24px; }
  .p-como { grid-column: 1 / -1; }
  .portada.cat .portada-acts { grid-template-columns: minmax(0, 1fr); }
  .portada-conf { gap: 6px 16px; font-size: 13px; }
  .portada.cat { padding: 40px 0 110px; }
  .banda .wrap { margin-top: -84px; }
  .portada.cat + .banda .wrap { margin-top: -80px; }
  .oferta { grid-template-columns: minmax(0, 1fr); grid-template-areas: "art" "txt" "reloj"; padding: 0 20px 22px; text-align: center; }
  .oferta-art { width: 280px; max-width: 100%; margin: -40px auto -6px; }
  .oferta-txt p { margin-inline: auto; }
  .oferta-reloj { justify-self: center; }
  .cuenta { gap: 8px; }
  .cuenta-u { width: 62px; }
  .oferta.fina { grid-template-columns: minmax(0, 1fr); padding: 16px; gap: 12px; text-align: center; }
  .oferta.fina .oferta-ttl { justify-content: center; flex-wrap: wrap; gap: 8px 12px; }
  .oferta.fina .oferta-reloj { flex-direction: column; gap: 8px; }
  .oferta.fina .oferta-t { font-size: 22px; }
  .oferta-t { font-size: 32px; }
  .dc-txt .sec-t { font-size: 26px; }
  .oferta.fina .oferta-reloj { justify-content: center; }
  .sec { padding: 52px 0; }
  .com-in { grid-template-columns: minmax(0, 1fr); }
  .comunidad { padding-bottom: 52px; }
  .pagos-l { gap: 6px; }
  .pagos-l img { width: 36px; height: 36px; }
  .confianza { grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 28px; }
  .bloque { padding: 72px 0 24px; }
  .tarjeta-color { height: 150px; }
  .sale { width: 280px; height: 280px; margin: -70px; }
  .faq-i summary { padding: 14px; gap: 12px; font-size: 16px; }
  .faq-ico { width: 34px; height: 34px; font-size: 15px; }
  .faq-r p { padding: 0 14px 16px; font-size: 15px; }
  .aviso { flex-direction: column; padding: 22px 20px; gap: 14px; }
  .aviso > .bi { width: 44px; height: 44px; font-size: 20px; }
  .aviso h2 { font-size: 20px; }
  .aviso p { font-size: 15px; }
  .dc-card { padding: 0 20px 26px; }
  .dc-art { margin-top: -80px; }
  .dc-art img { width: 275px; }
  .dc-btn { width: 100%; }
  .subcats { padding: 8px; gap: 6px; }
  .subcats-t { flex: 1 1 100%; padding: 6px 4px 4px; }
  .subcats a { height: 38px; padding: 0 11px; font-size: 14px; }
  .paquetes { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .paquete { padding: 12px 10px 10px; border-radius: 14px; }
  .paquete-dto { top: 8px; left: 8px; font-size: 11px; padding: 5px 6px 4px; }
  .paquete-n { margin-top: 10px; }
  .paquete-reloj { font-size: 11px; padding: 2px 7px; gap: 4px; }
  .paquete-precio { margin: 10px 0 12px; gap: 6px; }
  .paquete-acts { grid-template-columns: 40px minmax(0, 1fr); gap: 6px; }
  .paquete-acts .b3 { height: 42px; padding: 0 6px; font-size: 13px; gap: 6px; }
  .paquete-acts .b3 .bi { font-size: 15px; }
  .foot-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
  .carro-panel { right: 16px; }
}
@media (max-width: 360px) {
  .nav-dc { display: none; }
  .cuenta-u { width: 56px; }
}

.portada.cat .portada-ver { cursor: default; }
.portada.cat .portada-ver:hover { background: none; }
.faq-i.cerrando .faq-flecha { transform: none; }

.entrada-sec { padding: 72px 0; }
.entrada-sec.otras-sec { padding: 64px 0 8px; }
.im { position: relative; display: grid; place-items: center; }
.im img { object-fit: contain; image-rendering: auto; }

.entrada-a { position: relative; isolation: isolate; display: flex; align-items: center; gap: 32px; min-height: 168px; padding: 26px 36px; border-radius: 14px; color: #fff;
  background: radial-gradient(90% 140% at 82% 0%, rgba(255, 255, 255, .16), transparent 60%), linear-gradient(to top, rgba(0, 0, 0, .2), transparent), var(--primario);
  box-shadow: inset 0 -6px 0 rgba(0, 0, 0, .14), 0 30px 50px -30px rgba(23, 83, 116, .75);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s; }
.entrada-a::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; opacity: .45;
  background: repeating-linear-gradient(0deg, rgba(9, 22, 29, .14) 0 1px, transparent 1px 3px); }
.entrada-a:hover { transform: translateY(-4px); filter: brightness(1.05); box-shadow: inset 0 -6px 0 rgba(0, 0, 0, .14), 0 14px 30px rgba(14, 61, 87, .4); }
.entrada-a:focus-visible { outline: 3px solid var(--titulo); outline-offset: 4px; }
.ea-txt { position: relative; z-index: 1; flex: 1 1 auto; min-width: 0; display: grid; justify-items: start; gap: 8px; }
.ea-k { display: inline-flex; align-items: center; gap: 8px; font: 800 12px/1 var(--f-texto); letter-spacing: .16em; text-transform: uppercase; color: #fcd34d; }
.ea-t { font: 800 18px/1.25 var(--f-titulo); letter-spacing: .04em; text-transform: uppercase; }
.ea-p { max-width: 38ch; margin-top: -2px; font: 500 14px/1.5 var(--f-texto); color: rgba(255, 255, 255, .9); }
.ea-ir { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; height: 40px; margin: 6px 0 6px; padding: 0 16px; border-radius: 8px; font: 800 14px/1 var(--f-boton); letter-spacing: .04em;
  text-transform: uppercase; color: var(--ambar-texto); background: #fcd34d; box-shadow: 0 5px 0 #d97706; transition: transform .12s ease-out, box-shadow .12s ease-out; }
.ea-ir .bi { font-size: 16px; transition: transform .2s var(--seco); }
.entrada-a:hover .ea-ir { transform: translateY(2px); box-shadow: 0 3px 0 #d97706; }
.entrada-a:hover .ea-ir .bi { transform: translateX(3px); }
.ea-iconos { position: relative; z-index: 1; flex: none; align-self: flex-start; display: grid; grid-template-columns: repeat(7, 74px); gap: 0 8px; margin: -50px 12px -6px 0; }
.ea-iconos .im:nth-child(n + 8) { translate: 41px 0; }
.ea-iconos .im img { width: 74px; height: 74px; rotate: -7deg; filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, .2)); }
.ea-iconos .im:nth-child(even) img { rotate: 6deg; }
@keyframes saltito { 45% { transform: translateY(-10px); } }
.entrada-a:hover .ea-iconos .im img { animation: saltito .42s var(--seco) calc(var(--i) * 28ms) both; }


@media (max-width: 1279px) {
  .ea-iconos { grid-template-columns: repeat(7, 58px); gap: 0 6px; margin-top: -44px; margin-right: 0; }
  .ea-iconos .im:nth-child(n + 8) { translate: 32px 0; }
  .ea-iconos .im img { width: 58px; height: 58px; }
}
@media (max-width: 1023px) {
  .entrada-a { gap: 24px; padding: 24px 28px; }
  .ea-iconos { grid-template-columns: repeat(7, 46px); gap: 2px 6px; margin-top: -46px; }
  .ea-iconos .im:nth-child(n + 8) { translate: 26px 0; }
  .ea-iconos .im img { width: 46px; height: 46px; filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, .2)); }
}
@media (max-width: 900px) {
  .entrada-a { flex-direction: column; align-items: stretch; gap: 14px; min-height: 0; padding: 0 24px 24px; margin-top: 18px; }
  .ea-iconos { order: -1; align-self: stretch; grid-template-columns: repeat(7, minmax(0, 64px)); justify-content: center; gap: 0 6px; margin: -30px 0 0; }
  .ea-iconos .im:nth-child(n + 8) { translate: 0 0; }
  .ea-iconos .im img { width: 100%; height: auto; aspect-ratio: 1; filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .2)); }
  .ea-txt { justify-items: center; text-align: center; }
  .entrada-sec.otras-sec { padding-bottom: 32px; }
}
@media (max-width: 640px) {
  .entrada-sec { padding: 56px 0; }
  .entrada-sec.otras-sec { padding: 52px 0 56px; }
  .entrada-a { padding: 0 20px 22px; }
  .ea-iconos { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0 4px; }
  .ea-ir { justify-self: stretch; justify-content: center; gap: 8px; height: 46px; padding: 0 10px; font-size: 13px; letter-spacing: .02em; }
}
.portada.cat .portada-sub { margin-top: 12px; text-wrap: balance; }
@media (max-width: 360px) {
  .ea-ir { font-size: 12px; letter-spacing: 0; }
}

a.nav-user { color: #fff; }
.nav-user:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.nav-user-txt small .bi-chevron-down { font-size: 10px; -webkit-text-stroke: .6px currentColor; transition: transform .2s var(--seco); }
.nav-user[aria-expanded="true"] .bi-chevron-down { transform: rotate(180deg); }
.nav-user.con-jugador img { background: rgba(255, 255, 255, .16); }
.yo-menu, .carro-panel { right: max(16px, calc((100vw - min(80vw, 1536px)) / 2)); }
@media (max-width: 1279px) { .yo-menu, .carro-panel { right: 16px; } }
.yo-menu { position: fixed; z-index: 61; top: calc(var(--nav-h) + 8px); width: 300px; max-width: calc(100vw - 32px); display: grid; gap: 14px; padding: 18px;
  border-radius: 16px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: 0 30px 60px -20px rgba(14, 61, 87, .45); color: var(--texto);
  opacity: 0; translate: 0 -8px; pointer-events: none; visibility: hidden; transition: opacity .18s, translate .18s var(--seco), visibility 0s .18s; }
.yo-menu.on { opacity: 1; translate: 0 0; pointer-events: auto; visibility: visible; transition: opacity .18s, translate .18s var(--seco); }
.yo-menu { max-height: calc(100vh - var(--nav-h) - 16px); max-height: calc(100dvh - var(--nav-h) - 16px); overflow-y: auto; overscroll-behavior: contain; }
.yo-cab { display: flex; align-items: center; gap: 14px; }
.yo-cab img { width: 52px; height: 52px; border-radius: 10px; image-rendering: pixelated; background: var(--fondo-2); }
.yo-cab div { display: grid; gap: 3px; min-width: 0; }
.yo-cab small { font: 700 12px/1 var(--f-texto); letter-spacing: .08em; text-transform: uppercase; color: var(--apagado); }
.yo-cab b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 800 17px/1.2 var(--f-texto); color: var(--titulo); }
.yo-cab span { font: 600 13px/1 var(--f-texto); color: var(--primario); }
.yo-txt { font: 400 14px/1.5 var(--f-texto); color: var(--cuerpo); }
.yo-acts { display: grid; grid-template-columns: auto 1fr; gap: 10px; }
.yo-acts .b3 { height: 42px; padding: 0 14px; font-size: 13px; }

.carro-yo { display: flex; align-items: center; gap: 10px; padding: 10px 18px; background: var(--fondo); border-bottom: 1px solid var(--fondo-2); }
.carro-yo:empty { display: none; }
.carro-yo img { flex: none; width: 36px; height: 36px; border-radius: 8px; image-rendering: pixelated; background: var(--fondo-2); }
.carro-yo-t { flex: 1; min-width: 0; display: grid; gap: 2px; font: 500 13px/1.25 var(--f-texto); color: var(--cuerpo); }
.carro-yo-t > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.carro-yo-t b { color: var(--titulo); }
.carro-yo-t small { font: 600 12px/1 var(--f-texto); color: var(--primario); }
.carro-salir { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border-radius: 8px; font: 700 13px/1 var(--f-texto); color: var(--primario);
  background: #fff; border: 1px solid var(--borde); transition: background-color .15s, color .15s, border-color .15s; }
.carro-salir:hover { color: var(--titulo); border-color: var(--borde-2); }
.carro-vacio small { display: block; margin-top: 4px; font: 400 14px/1.4 var(--f-texto); }

.portada-ver.solo-ico .cat-ico { width: 44px; height: 44px; }
.portada-ver[hidden] { display: none; }
.cat-nada { padding: 40px 0; text-align: center; font: 500 16px/1.5 var(--f-texto); color: var(--apagado); }

.tramos { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: -4px 0 12px; }
.tramo { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-width: 42px; height: 34px; padding: 0 10px; border-radius: 8px;
  font: 800 14px/1 var(--f-boton); font-variant-numeric: tabular-nums; color: var(--cuerpo); background: var(--fondo); border: 2px solid var(--borde); box-shadow: 0 2px 0 var(--borde);
  transition: color .15s, background-color .15s, border-color .15s, transform .12s; }
.tramo:hover { color: var(--titulo); border-color: var(--borde-2); transform: translateY(-1px); }
.tramo[aria-pressed="true"] { color: #fff; background: var(--primario); border-color: var(--primario); box-shadow: 0 3px 0 var(--ambar-texto); }
.tramo .bi-fire { font-size: 13px; color: #ea580c; }
.tramo[aria-pressed="true"] .bi-fire { color: #fcd34d; }
.paquete-nota { margin: -2px 0 12px; padding: 3px 10px; border-radius: 20px; font: 700 13px/18px var(--f-texto); }
.paquete-nota.regalo { color: #166534; background: #dcfce7; }
.paquete-nota.ahorro { color: #9a3412; background: #ffedd5; }
.b3.quitar { --b: #fee2e2; --b-txt: #991b1b; --b-osc: #f87171; }
.paquete-acts .b3.agregar { min-width: 0; overflow: hidden; }
.paquete-acts .b3.agregar:has(.suf) { gap: 5px; padding: 0 6px; letter-spacing: 0; }
@media (max-width: 1279px) { .paquete-acts .b3.agregar:has(.suf) .bi { display: none; } }

.cat-main.plus .cat-cab { justify-content: center; text-align: center; margin-top: 10px; }
.cat-main.plus .cat-cab > * { flex: 1 1 100%; }
.cat-main.plus .paquetes { grid-template-columns: repeat(auto-fit, minmax(280px, 400px)); justify-content: center; gap: 22px; }
.cat-main.plus .paquetes > li { grid-column: auto !important; }
.cat-main.plus .paquete { padding: 26px 24px 22px; }
.cat-main.plus .paquete-img { aspect-ratio: auto; height: 190px; }
.cat-main.plus .paquete-img img { width: auto; height: 160px; }
.cat-main.plus .paquete-precio { gap: 10px; }
.cat-main.plus .paquete-precio s { font-size: 15px; }
.cat-main.plus .paquete-precio b { font-size: 21px; }
.cat-main.plus .paquete-precio small { font-size: 13px; }
.cat-main.plus .paquete-acts { grid-template-columns: 50px minmax(0, 1fr); }
.cat-main.plus .paquete-acts .b3 { height: 50px; font-size: 15px; }

.info-paq { width: min(420px, calc(100vw - 32px)); }
.info-in { position: relative; display: grid; justify-items: center; gap: 10px; padding: 22px 24px 24px; text-align: center; }
.info-img { position: relative; display: grid; place-items: center; width: 100%; height: 190px; border-radius: 12px;
  background: radial-gradient(circle at 50% 62%, rgba(181, 228, 253, .55), rgba(181, 228, 253, 0) 62%), linear-gradient(180deg, #fafdff, var(--fondo)); }
.info-img img { width: 150px; height: 150px; object-fit: contain; filter: drop-shadow(0 12px 10px rgba(14, 61, 87, .22)); }
.info-img .paquete-dto { top: 10px; left: 10px; }
.info-cat { margin-top: 4px; font: 700 12px/1.3 var(--f-texto) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--primario) !important; }
.info-paq h2 { font-size: 14px; line-height: 1.3; }
.info-paq .paquete-precio { margin: 2px 0 0; }
.info-cant { font: 600 14px/1.3 var(--f-texto) !important; }
.info-nota { display: flex; gap: 10px; align-items: flex-start; width: 100%; margin-top: 4px; padding: 12px 14px; border-radius: 10px; text-align: left;
  font: 500 14px/1.45 var(--f-texto) !important; color: var(--cuerpo); background: var(--fondo); border: 1px solid var(--fondo-2); }
.info-nota .bi { flex: none; margin-top: 1px; color: var(--primario); }
.info-paq .ventana-acts { width: 100%; }
.info-paq .ventana-x { z-index: 2; }

@media (min-width: 641px) and (max-width: 740px) {
  .paquetes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .paquetes > li:nth-child(3n + 1):nth-last-child(2), .paquetes > li:nth-child(3n + 1):nth-last-child(1) { grid-column: span 2; }
  .paquetes > li:nth-child(2n + 1):nth-last-child(1) { grid-column: 2 / span 2; }
}
@media (max-width: 400px) { .paquete-acts .b3.agregar .suf { display: none; } .paquete-acts .b3.agregar:has(.suf) .bi { display: inline-block; } }
@media (max-width: 640px) {
  .tramos { gap: 4px; margin-bottom: 10px; }
  .tramo { min-width: 34px; height: 30px; padding: 0 7px; font-size: 13px; }
  .paquete-nota { font-size: 12px; padding: 2px 8px; }
  .paquete-acts .b3.agregar { font-size: 12px; letter-spacing: 0; gap: 4px; padding: 0 4px; }
  .paquete-acts .b3.agregar:has(.suf) { font-size: 11px; }
  .cat-main.plus .paquetes { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .cat-main.plus .paquete { padding: 20px 16px 18px; }
  .cat-main.plus .paquete-img { height: 160px; }
  .cat-main.plus .paquete-img img { height: 130px; }
  .cat-main.plus .paquete-acts { grid-template-columns: 46px minmax(0, 1fr); }
  .cat-main.plus .paquete-acts .b3 { height: 46px; font-size: 15px; }
  .info-in { padding: 20px 18px 20px; }
  .info-img { height: 160px; }
  .info-img img { width: 124px; height: 124px; }
  .carro-yo { padding: 10px 14px; }
}

.portada.cu-portada { padding: 40px 0 128px; }
.cu-pre { font: 700 13px/1 var(--f-boton); letter-spacing: .32em; text-transform: uppercase; color: #b4e4fe; }
.portada.cu-portada .portada-t { margin-top: 10px; }

.cu-sec { position: relative; padding: 0 0 80px; }
.cu-sec > .wrap { position: relative; margin-top: -96px; }

.cu-n { flex: none; display: grid; place-items: center; width: 34px; height: 34px; padding-top: 1px; border-radius: 10px; font: 400 14px/1 var(--f-mc); color: #fff;
  background: var(--primario); box-shadow: 0 3px 0 var(--ambar-texto); }
.cu-paso-t { display: block; font: 400 14px/1.3 var(--f-mc); letter-spacing: .02em; color: var(--titulo); }
.cu-paso-sub { margin-top: 3px; font: 500 12px/1.45 var(--f-texto); color: var(--apagado); }
.cu-prefijo { flex: none; padding: 2px 8px; border-radius: 6px; font: 900 18px/1.2 var(--f-texto); color: var(--primario); background: var(--fondo-2); }

.cu-login { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 24px; align-items: stretch; }
.cu-ayuda, .cu-card { border-radius: 16px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: 0 30px 60px -32px rgba(14, 61, 87, .55); }

.cu-ayuda { display: flex; flex-direction: column; overflow: hidden; }
.cu-arte { position: relative; isolation: isolate; display: flex; align-items: flex-end; justify-content: center; min-height: 300px; padding: 22px 0 18px; overflow: hidden;
  background: linear-gradient(to top, rgba(0, 0, 0, .22), transparent 60%), var(--primario); }
.cu-arte::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .45; pointer-events: none;
  background: repeating-linear-gradient(0deg, rgba(9, 22, 29, .14) 0 1px, transparent 1px 3px); }
.cu-arte::after { content: ''; position: absolute; left: 50%; bottom: 12px; z-index: -1; width: 120px; height: 16px; translate: -50% 0; border-radius: 50%; background: rgba(10, 27, 36, .35);
  filter: blur(2px); animation: cu-sombra 5s ease-in-out infinite; }
@keyframes cu-sombra { 50% { scale: .82; opacity: .7; } }
.cu-arte-luz { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .28), transparent 58%); }
.cu-arte img { width: auto; height: 283px; image-rendering: pixelated; filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, .2)); animation: flotar 5s ease-in-out infinite; }
.cu-ayuda-cuerpo { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 22px 24px 26px; text-align: center; }
.cu-ayuda-t { font: 400 21px/1.3 var(--f-mc); letter-spacing: .02em; color: var(--titulo); }
.cu-ayuda-txt { font: 500 13px/1.6 var(--f-texto); color: var(--cuerpo); }
.cu-guia-btn { font-size: 13px; }
.cu-dc { display: inline-flex; align-items: center; gap: 6px; padding: 2px 4px; border-radius: 6px; font: 600 12px/1.4 var(--f-texto); color: var(--apagado); transition: color .15s; }
.cu-dc .bi { font-size: 14px; }
.cu-dc:hover { color: var(--primario); }

.cu-card { display: flex; flex-direction: column; justify-content: center; padding: 30px 34px 28px; }
.cu-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.cu-paso { display: flex; align-items: center; gap: 14px; margin-top: 6px; }

.cu-plataformas { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; padding: 10px 14px 6px; }
.cu-plataforma { position: relative; display: block; border-radius: 14px; opacity: .62; filter: saturate(.75); transform: scale(.92); transition: opacity .2s, filter .2s, transform .25s var(--seco); }
.cu-plataforma img { width: 100%; height: auto; filter: drop-shadow(0 8px 14px rgba(14, 61, 87, .25)); transition: filter .2s; }
.cu-plataforma:hover { opacity: .9; transform: scale(.97); }
.cu-plataforma.activa { opacity: 1; filter: none; transform: scale(1.06); z-index: 1; cursor: default; }
.cu-plataforma.activa img { filter: drop-shadow(0 16px 22px rgba(14, 61, 87, .38)); }
.cu-plataforma:focus-visible { outline: 3px solid var(--primario); outline-offset: 4px; }
.cu-ok { position: absolute; top: -6px; right: -6px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-size: 18px; color: #fff;
  background: var(--primario); box-shadow: 0 0 0 3px #fff, 0 4px 0 3px var(--ambar-texto); opacity: 0; scale: .3; transition: opacity .15s, scale .3s var(--seco); }
.cu-ok .bi { -webkit-text-stroke: .6px currentColor; }
.cu-plataforma.activa .cu-ok { opacity: 1; scale: 1; }

.cu-campo { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 12px; border-radius: 10px; background: var(--fondo); border: 2px solid var(--borde);
  transition: border-color .15s, background-color .15s, box-shadow .15s; }
.cu-campo:focus-within { border-color: var(--primario); background: #fff; box-shadow: 0 0 0 4px rgba(27, 114, 162, .12); }
.cu-campo img { flex: none; width: 32px; height: 32px; border-radius: 6px; image-rendering: pixelated; background: var(--fondo-2); }
.cu-campo input { flex: 1; width: 100%; min-width: 0; height: 36px; padding: 0 4px; font: 700 18px/1 var(--f-texto); color: var(--titulo); }
.cu-campo input:focus { outline: none; }
.cu-campo input::placeholder { font-weight: 600; color: var(--apagado); opacity: 1; }
.cu-campo.mal { border-color: #ef4444; box-shadow: 0 0 0 4px rgba(239, 68, 68, .14); }
.cu-error { display: flex; align-items: flex-start; gap: 8px; padding: 10px 14px; border-radius: 8px; font: 600 13px/1.45 var(--f-texto); color: #991b1b; background: #fef2f2; border: 1px solid #fca5a5; }
.cu-error .bi { flex: none; margin-top: 1px; font-size: 15px; }

.cu-entrar { width: 100%; height: 56px; gap: 10px; font-size: 15px; }
.cu-entrar .bi { font-size: 19px; }
.cu-entrar[disabled] { cursor: wait; }
.cu-entrar.listo { --b: #86efac; --b-txt: #14532d; --b-osc: #16a34a; cursor: default; }
.cu-entrar .gira { animation: cu-girar .8s linear infinite; }
@keyframes cu-girar { to { rotate: 360deg; } }

.cu-pasos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cu-guia-paso { display: flex; flex-direction: column; gap: 14px; padding: 24px 22px; border-radius: 16px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px;
  box-shadow: 0 30px 60px -32px rgba(14, 61, 87, .5); }
.cu-guia-cab { display: flex; align-items: center; gap: 12px; }
.cu-guia-paso p { font: 500 13px/1.7 var(--f-texto); color: var(--cuerpo); }
.cu-guia-paso p b { color: var(--titulo); }
.cu-guia-paso p a { font-weight: 700; color: var(--primario); text-decoration: underline; text-underline-offset: 3px; }
.cu-visual { margin-top: auto; display: flex; gap: 10px; }
.cu-ediciones { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cu-ediciones img { width: 100%; height: auto; filter: drop-shadow(0 8px 12px rgba(14, 61, 87, .25)); transition: transform .25s var(--seco); }
.cu-ediciones img:hover { transform: translateY(-3px) rotate(-1.5deg); }
.cu-muestra { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 50px; padding: 9px 14px; border-radius: 10px; text-align: left;
  font: 700 16px/1.2 var(--f-texto); color: var(--titulo); background: var(--fondo); border: 2px solid var(--primario); box-shadow: 0 0 0 4px rgba(27, 114, 162, .1); }
.cu-muestra img { flex: none; width: 28px; height: 28px; border-radius: 6px; image-rendering: pixelated; }
.cu-muestra .bi { font-size: 22px; color: var(--primario); }
.cu-ip { cursor: pointer; transition: background-color .15s, transform .15s var(--seco); }
.cu-ip:hover { background: #fff; transform: translateY(-2px); }
.cu-ip .cu-ip-copia { margin-left: auto; font-size: 16px; color: var(--apagado); }
.cu-ip:focus-visible { outline-offset: 3px; }
.cu-cta { display: flex; justify-content: center; margin-top: 32px; }
.cu-cta-btn { flex-direction: column; gap: 5px; height: auto; min-width: 220px; padding: 13px 28px 12px; font-size: 13px; }
.cu-cta-btn small { font: 700 9px/1 var(--f-texto); letter-spacing: .14em; opacity: .85; }

@media (max-width: 1100px) {
  .cu-login { grid-template-columns: 300px minmax(0, 1fr); }
  .cu-card { padding: 26px 26px 24px; }
}
@media (max-width: 1023px) {
  .cu-pasos { grid-template-columns: minmax(0, 1fr); max-width: 640px; margin-inline: auto; }
  .cu-ediciones { max-width: 460px; }
}
@media (max-width: 860px) {
  .cu-login { grid-template-columns: minmax(0, 1fr); max-width: 640px; margin-inline: auto; }
  .cu-ayuda { order: 2; }
  .cu-arte { min-height: 220px; }
  .cu-arte img { height: 200px; }
}
@media (max-width: 640px) {
  .portada.cu-portada { padding: 28px 0 108px; }
  .cu-pre { font-size: 11px; letter-spacing: .26em; }
  .cu-sec { padding-bottom: 56px; }
  .cu-sec > .wrap { margin-top: -80px; }
  .cu-card { padding: 22px 18px 20px; }
  .cu-paso { gap: 12px; }
  .cu-plataformas { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 6px 10px 2px; }
  .cu-plataforma { width: min(100%, 260px); justify-self: center; transform: scale(.96); }
  .cu-plataforma:hover { transform: scale(.98); }
  .cu-plataforma.activa { transform: scale(1.03); }
  .cu-guia-paso { padding: 20px 18px; }
  .cu-ediciones { grid-template-columns: minmax(0, 260px); justify-content: center; gap: 12px; }
}

.portada.pg-portada { padding: 40px 0 128px; }
.pg-pre { display: inline-flex; align-items: center; gap: 8px; font: 700 13px/1 var(--f-boton); letter-spacing: .32em; text-transform: uppercase; color: #b4e4fe; }
.pg-pre .bi { font-size: 15px; letter-spacing: 0; color: #86efac; }
.portada.pg-portada .portada-t { margin-top: 10px; }

.pg-sec { position: relative; padding: 0 0 80px; }
.pg-sec > .wrap { position: relative; margin-top: -96px; }
.pg-caja { box-shadow: 0 30px 60px -32px rgba(14, 61, 87, .55); }

.pg { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.pg-main, .pg-lado { display: grid; gap: 20px; min-width: 0; }
@media (min-width: 1024px) and (min-height: 760px) {
  .pg-lado { position: sticky; top: calc(var(--nav-h) + 16px); }
}
.pg-cab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.pg-seguir { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 8px; font: 700 14px/1 var(--f-texto); color: var(--primario);
  background: var(--fondo); border: 1px solid var(--fondo-2); transition: background-color .15s, border-color .15s; }
.pg-seguir:hover { background: var(--fondo-2); border-color: var(--borde); }
.pg-k { font: 800 12px/1 var(--f-texto); letter-spacing: .16em; text-transform: uppercase; color: var(--primario); }
.pg-nota { display: flex; align-items: flex-start; gap: 8px; margin-top: 14px; font: 500 14px/1.5 var(--f-texto); color: var(--apagado); }
.pg-nota .bi { flex: none; margin-top: 2px; color: var(--primario); }

.pg-items { display: grid; gap: 10px; margin-top: 18px; list-style: none; }
.pg-i { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto minmax(104px, auto) auto; grid-template-areas: "img txt cant precio acts"; align-items: center; gap: 8px 16px;
  padding: 12px 12px 12px 14px; border-radius: 12px; background: var(--fondo); border: 1px solid var(--fondo-2); overflow: hidden; transition: border-color .15s; }
.pg-i:hover { border-color: var(--borde); }
.pg-i-img { grid-area: img; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 10px;
  background: radial-gradient(circle at 50% 62%, rgba(181, 228, 253, .55), rgba(181, 228, 253, 0) 62%), #fff; box-shadow: inset 0 0 0 1px var(--fondo-2); }
.pg-i-img img { width: 50px; height: 50px; object-fit: contain; filter: drop-shadow(0 6px 6px rgba(14, 61, 87, .22)); transition: transform .3s var(--seco); }
.pg-i:hover .pg-i-img img { transform: translateY(-3px) rotate(-4deg) scale(1.06); }
.pg-i-txt { grid-area: txt; display: grid; gap: 4px; min-width: 0; }
.pg-i-n { font: 400 13px/1.3 var(--f-mc); letter-spacing: .02em; color: var(--titulo); overflow-wrap: anywhere; }
.pg-i-cat { font: 500 13px/1.35 var(--f-texto); color: var(--apagado); }
.pg-i-cat:empty { display: none; }
.pg-i-op + .pg-i-op::before { content: ", "; }
.pg-x { font-weight: 800; color: var(--primario); }
.pg-i-u { font: 600 12px/1.3 var(--f-texto); color: var(--cuerpo); font-variant-numeric: tabular-nums; }
.pg-cant { grid-area: cant; display: inline-flex; align-items: center; height: 40px; border-radius: 10px; background: #fff; border: 1px solid var(--borde); box-shadow: 0 3px 0 var(--borde); }
.pg-cant button { display: grid; place-items: center; width: 36px; height: 100%; font-size: 16px; color: var(--primario); border-radius: 9px; transition: background-color .15s, color .15s; }
.pg-cant button .bi { -webkit-text-stroke: .4px currentColor; }
.pg-cant button:hover:not(:disabled) { background: var(--fondo); }
.pg-cant button:disabled { color: var(--borde-2); cursor: not-allowed; }
.pg-cant output { min-width: 28px; text-align: center; font: 400 13px/1 var(--f-mc); color: var(--titulo); font-variant-numeric: tabular-nums; }
.pg-i-p { grid-area: precio; display: grid; justify-items: end; gap: 5px; text-align: right; }
.pg-i-p s { font: 700 12px/1 var(--f-texto); color: var(--rebaja); text-decoration-thickness: 2px; font-variant-numeric: tabular-nums; }
.pg-i-pp { display: inline-flex; align-items: baseline; gap: 5px; }
.pg-i-pp b { font: 400 14px/1 var(--f-mc); color: var(--primario); }
.pg-i-pp small { font: 800 11px/1 var(--f-texto); letter-spacing: .06em; color: var(--apagado); }
.pg-i-acts { grid-area: acts; display: flex; align-items: center; gap: 2px; }
.pg-quitar, .pg-info { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; font-size: 17px; color: var(--apagado); transition: background-color .15s, color .15s; }
.pg-quitar:hover { color: var(--rebaja); background: #fee2e2; }
.pg-info:hover { color: var(--primario); background: var(--fondo-2); }

.pg-cupon { max-width: 520px; margin-top: 16px; }
.pg-campo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: start; }
.pg-campo input { width: 100%; height: 46px; padding: 0 14px; border-radius: 10px; font: 600 15px/1 var(--f-texto); color: var(--titulo); background: var(--fondo); border: 2px solid var(--borde);
  transition: border-color .15s, background-color .15s; }
.pg-campo input::placeholder { color: var(--apagado); font-weight: 500; }
.pg-campo input:focus { outline: none; border-color: var(--primario); background: #fff; }
.pg-campo input[aria-invalid="true"] { border-color: #f87171; }
.pg-campo .b3 { --labio: 4px; height: 46px; min-width: 84px; padding: 0 18px; }
.pg-campo .b3 .bi-arrow-repeat { animation: pg-gira .8s linear infinite; }
@keyframes pg-gira { to { rotate: 360deg; } }
.pg-msg { display: flex; align-items: flex-start; gap: 6px; margin-top: 4px; font: 600 14px/1.4 var(--f-texto); color: var(--rebaja); }
.pg-msg:empty { display: none; }
.pg-msg .bi { flex: none; margin-top: 2px; }
.pg-msg b { overflow-wrap: anywhere; }

.pg-casillas { display: grid; gap: 10px; margin-top: 16px; }
.pg-casilla { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 14px; padding: 14px 16px; border-radius: 12px; cursor: pointer;
  font: 400 15px/1.5 var(--f-texto); color: var(--cuerpo); background: var(--fondo); border: 2px solid var(--fondo-2); transition: border-color .15s, background-color .15s; }
.pg-casilla:hover { border-color: var(--borde); }
.pg-casilla input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.pg-check { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; font-size: 19px; color: #fff; background: #fff; border: 2px solid var(--borde-2);
  box-shadow: 0 3px 0 var(--borde); transition: background-color .15s, border-color .15s, box-shadow .15s; }
.pg-check .bi { opacity: 0; transform: scale(.4) rotate(-20deg); transition: opacity .15s, transform .25s var(--seco); -webkit-text-stroke: .6px currentColor; }
.pg-casilla:has(input:checked) { background: #fff; border-color: var(--borde-2); }
.pg-casilla:has(input:checked) .pg-check { background: var(--primario); border-color: var(--primario); box-shadow: 0 3px 0 var(--ambar-texto); }
.pg-casilla:has(input:checked) .pg-check .bi { opacity: 1; transform: none; }
.pg-casilla:has(input:focus-visible) { outline: 3px solid var(--primario); outline-offset: 2px; }
.pg-casilla a { font-weight: 700; color: var(--primario); text-decoration: underline; text-underline-offset: 3px; }
.pg-casilla a .bi { font-size: 12px; }
.pg-casilla b { color: var(--titulo); overflow-wrap: anywhere; }
.pg-aviso { display: flex; align-items: flex-start; gap: 8px; margin-top: 14px; font: 700 14px/1.4 var(--f-texto); color: var(--rebaja); }
.pg-aviso .bi { flex: none; margin-top: 1px; font-size: 16px; }
.pg-aviso.ok { color: #15803d; }
.pg-acuerdo.llamar { animation: pg-llamar .7s var(--seco); }
@keyframes pg-llamar { 20%, 60% { box-shadow: 0 0 0 4px var(--ambar), 0 30px 60px -32px rgba(14, 61, 87, .55); } }

.pg-quien { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: center; gap: 12px; margin-top: 12px; }
.pg-quien img { width: 56px; height: 56px; border-radius: 10px; image-rendering: pixelated; background: var(--fondo-2); box-shadow: 0 3px 0 var(--borde); }
.pg-quien-txt { display: grid; justify-items: start; gap: 5px; min-width: 0; }
.pg-quien-txt b { max-width: 100%; overflow-wrap: anywhere; font: 800 16px/1.25 var(--f-texto); color: var(--titulo); }
.pg-quien-txt small { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; border-radius: 20px; font: 700 12px/18px var(--f-texto); color: var(--primario);
  background: var(--fondo); border: 1px solid var(--fondo-2); }
.pg-quien-fila { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.pg-cambiar { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 20px; font: 800 12px/1 var(--f-texto); color: #fff; background: var(--primario);
  box-shadow: 0 2px 0 var(--ambar-texto); transition: filter .15s, transform .12s; }
.pg-cambiar:hover { filter: brightness(1.12); transform: translateY(-1px); }
.pg-salir { gap: 5px; color: var(--primario); background: #fff; box-shadow: inset 0 0 0 1px var(--borde-2), 0 2px 0 var(--borde); }
.pg-salir .bi { font-size: 13px; }
.pg-salir:hover { filter: none; background: var(--fondo); }

.pg-filas { display: grid; gap: 10px; margin: 16px 0 0; }
.pg-fila { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font: 600 15px/1.3 var(--f-texto); color: var(--cuerpo); }
.pg-fila dd { font-variant-numeric: tabular-nums; text-align: right; }
.pg-fila s { color: var(--rebaja); text-decoration-thickness: 2px; }
.pg-ahorro dd { font-weight: 800; color: #15803d; }
.pg-dto { display: inline-block; margin-left: 4px; padding: 4px 6px 3px; border-radius: 6px; font: 400 12px/1 var(--f-mc); color: var(--ambar-texto); background: var(--ambar); box-shadow: 0 2px 0 #b45309; rotate: -4deg; }
.pg-total { align-items: center; margin-top: 4px; padding-top: 14px; border-top: 2px dashed var(--fondo-2); }
.pg-total dt { font: 800 15px/1.2 var(--f-titulo); letter-spacing: .04em; text-transform: uppercase; color: var(--titulo); }
.pg-total dd { display: inline-flex; align-items: baseline; gap: 6px; }
.pg-total b { font: 400 21px/1 var(--f-mc); color: var(--primario); }
.pg-total small { font: 800 12px/1 var(--f-texto); letter-spacing: .06em; color: var(--apagado); }
.pg-final { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 16px; font: 500 13px/1.45 var(--f-texto); color: var(--apagado); }
.pg-final .bi { flex: none; margin-top: 2px; color: var(--primario); }
.pg-pagar { width: 100%; height: 54px; font-size: 15px; }
.pg-pagar .bi { font-size: 17px; }
.pg-pagar:disabled, .pg-pagar:disabled:hover, .pg-pagar:disabled:active { cursor: not-allowed; transform: none; filter: saturate(.2); opacity: .55;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .45), 0 var(--labio) 0 var(--b-osc); }
.pg-falta { display: block; width: 100%; margin-top: 4px; padding: 6px; border-radius: 8px; font: 700 13px/1.35 var(--f-texto); color: var(--rebaja); text-align: center; text-wrap: balance; }
.pg-falta:hover span { text-decoration: underline; text-underline-offset: 3px; }
.pg-falta .bi { margin-right: 5px; font-size: 14px; vertical-align: -1px; }
.pg-conf { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 16px; margin-top: 14px; list-style: none; font: 600 13px/1.3 var(--f-texto); color: var(--apagado); }
.pg-conf li { display: inline-flex; align-items: center; gap: 6px; }
.pg-conf .bi { color: var(--primario); }

.pg-vacio { display: grid; justify-items: center; gap: 10px; max-width: 640px; margin: 0 auto; padding: 38px 28px 32px; text-align: center; }
.pg-vacio-ico { display: grid; place-items: center; width: 80px; height: 80px; margin-bottom: 6px; border-radius: 20px; font-size: 38px; color: #fff; background: var(--primario);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .25), 0 5px 0 var(--ambar-texto); rotate: -5deg; }
.pg-vacio .sec-t { margin: 0; }
.pg-vacio p { font: 400 16px/1.6 var(--f-texto); color: var(--cuerpo); }
.pg-vacio-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 16px; margin-top: 12px; }

.pg-hecho { display: grid; gap: 24px; }
.pg-gracias { position: relative; display: grid; grid-template-columns: 88px minmax(0, 1fr) 150px; align-items: center; gap: 28px; padding: 28px 32px; }
.pg-tick { width: 88px; height: 88px; fill: #4da564; filter: drop-shadow(0 4px 0 rgba(47, 122, 69, .25)); }
.pg-gracias-txt { min-width: 0; }
.pg-gracias .pg-quien { margin-top: 10px; }
.pg-gracias-p { max-width: 56ch; margin-top: 14px; font: 400 16px/1.6 var(--f-texto); color: var(--cuerpo); }
.pg-gracias-acts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.pg-gracias-acts .b3 { --labio: 4px; height: 42px; padding: 0 16px; }
.pg-cuerpo { justify-self: center; width: 120px; height: auto; max-width: none; margin: -86px 0 -20px; pointer-events: none; image-rendering: pixelated;
  filter: drop-shadow(0 14px 14px rgba(14, 61, 87, .3)); animation: flotar 5s ease-in-out infinite; }
.pg-hecho-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.pg-items-ver .pg-i { grid-template-columns: 56px minmax(0, 1fr) auto; grid-template-areas: "img txt precio"; gap: 8px 14px; }
.pg-items-ver .pg-i-img { width: 56px; height: 56px; }
.pg-items-ver .pg-i-img img { width: 44px; height: 44px; }
.pg-pagado { margin-top: 10px; font: 600 14px/1.4 var(--f-texto); color: var(--apagado); text-align: right; }
.pg-pagado b { color: var(--titulo); }
.pg-ayuda { padding: 24px 26px; }
.pg-ayuda-btn { --labio: 4px; margin-top: 18px; height: 44px; }
.pg-hecho-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 16px; margin-top: 36px; }
.pg-papel { position: fixed; z-index: 95; width: 9px; height: 9px; pointer-events: none; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .18); }

@media (max-width: 1279px) {
  .pg { grid-template-columns: minmax(0, 1fr) 330px; gap: 20px; }
  .pg-i { grid-template-columns: 56px minmax(0, 1fr) auto minmax(96px, auto) auto; gap: 8px 12px; }
  .pg-i-img { width: 56px; height: 56px; }
  .pg-i-img img { width: 44px; height: 44px; }
}
@media (max-width: 1023px) {
  .pg { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
  .pg-main, .pg-lado { display: contents; }
  .pg-carro { order: 1; }
  .pg-jugador { order: 2; }
  .pg-codigos-c { order: 3; }
  .pg-acuerdo { order: 4; }
  .pg-resumen { order: 5; }
  .pg-gracias { grid-template-columns: 72px minmax(0, 1fr) 120px; gap: 22px; padding: 24px 26px; }
  .pg-tick { width: 72px; height: 72px; }
  .pg-cuerpo { width: 100px; margin-top: -70px; }
  .pg-hecho-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .pg-hecho { gap: 16px; }
}
@media (max-width: 640px) {
  .portada.pg-portada { padding: 28px 0 108px; }
  .pg-pre { font-size: 12px; letter-spacing: .24em; }
  .pg-sec { padding-bottom: 56px; }
  .pg-sec > .wrap { margin-top: -80px; }
  .pg-caja.caja { padding: 18px 16px 20px; }
  .pg-seguir { height: 34px; padding: 0 10px; font-size: 13px; }
  .pg-items { margin-top: 14px; gap: 8px; }
  .pg-i { grid-template-columns: 52px minmax(0, 1fr) auto 36px; grid-template-areas: "img txt txt acts" "img cant precio acts"; gap: 10px 10px; padding: 10px; }
  .pg-i-img { width: 52px; height: 52px; align-self: start; }
  .pg-i-img img { width: 42px; height: 42px; }
  .pg-cant { justify-self: start; height: 36px; }
  .pg-cant button { width: 34px; }
  .pg-i-p { gap: 4px; }
  .pg-i-acts { flex-direction: column; align-self: start; gap: 4px; }
  .pg-quitar, .pg-info { width: 36px; height: 36px; }
  .pg-items-ver .pg-i { grid-template-columns: 48px minmax(0, 1fr) auto; grid-template-areas: "img txt precio"; }
  .pg-items-ver .pg-i-img { width: 48px; height: 48px; }
  .pg-items-ver .pg-i-img img { width: 38px; height: 38px; }
  .pg-casilla { gap: 12px; padding: 12px 12px 12px 14px; font-size: 14px; }
  .pg-quien { grid-template-columns: 48px minmax(0, 1fr); }
  .pg-quien img { width: 48px; height: 48px; }
  .pg-fila { font-size: 14px; }
  .pg-vacio { padding: 30px 18px 26px; }
  .pg-vacio-acts { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
  .pg-gracias { grid-template-columns: 56px minmax(0, 1fr); gap: 16px; align-items: start; padding: 20px 16px 22px; }
  .pg-tick { width: 56px; height: 56px; }
  .pg-gracias-p { font-size: 15px; }
  .pg-cuerpo { display: none; }
  .pg-ayuda { padding: 22px 20px; }
  .pg-ayuda-btn { width: 100%; }
  .pg-hecho-acts { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 28px; }
}
@media (max-width: 370px) {
  .pg-i { grid-template-columns: 44px minmax(0, 1fr) auto 34px; }
  .pg-quitar, .pg-info { width: 34px; height: 34px; }
  .pg-i-img { width: 44px; height: 44px; }
  .pg-i-img img { width: 36px; height: 36px; }
  .pg-quien { gap: 10px; }
}


.portada-fondo { background-color: #0a1b24; }

.carro-acts-1 { grid-template-columns: minmax(0, 1fr); }
.carro-sin-img { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 8px; font-size: 20px; color: var(--borde-2); background: var(--fondo); }
.carro-i small { display: block; overflow-wrap: anywhere; }

.toast.error { background: #991b1b; }
.toast.error b { color: #fecaca; }

.spook-aviso { width: min(440px, calc(100vw - 32px)); padding: 28px 24px 22px; text-align: center; }
.spook-aviso__icono { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 14px; border-radius: 14px; font-size: 26px; color: #fff;
  background: var(--primario); box-shadow: 0 4px 0 var(--ambar-texto); rotate: -5deg; }
.spook-aviso__titulo { margin-bottom: 8px; }
.spook-aviso__texto { margin-bottom: 20px; }
.spook-aviso__botones { display: grid; gap: 4px; }
.spook-aviso__botones .b3 { width: 100%; }

.v3-rico { font: 400 15px/1.6 var(--f-texto); color: var(--cuerpo); overflow-wrap: anywhere; }
.v3-rico > * + * { margin-top: .7em; }
.v3-rico h1, .v3-rico h2, .v3-rico h3, .v3-rico h4, .v3-rico h5 { font: 800 17px/1.3 var(--f-titulo); color: var(--titulo); }
.v3-rico ul, .v3-rico ol { padding-left: 1.4em; }
.v3-rico li + li { margin-top: .3em; }
.v3-rico a { font-weight: 700; color: var(--primario); text-decoration: underline; text-underline-offset: 3px; }
.v3-rico b, .v3-rico strong { color: var(--titulo); }
.v3-rico img { display: inline-block; max-width: 100%; height: auto; }
.v3-rico img.spook-titulo { image-rendering: pixelated; }
.v3-rico table { width: 100%; border-collapse: collapse; }
.v3-rico td, .v3-rico th { padding: 6px 8px; border: 1px solid var(--fondo-2); text-align: left; }
.v3-rico hr { border: 0; border-top: 2px dashed var(--fondo-2); }

.spook-perks { display: none !important; }
.featured__packages, #ipServer, #modal, #modal-login, .iziModal-overlay { display: none !important; }
#spook-cat-grid[hidden], .spook-qty-grid[hidden] { display: none !important; }
#waiting-overlay { position: fixed; inset: 0; z-index: 200; padding-top: 42vh; text-align: center; font-size: 22px; color: #fff; background: rgba(10, 27, 36, .55); }

.v3-fuera, .v3-fuera *, .v3-fuera::before, .v3-fuera::after, .v3-fuera *::before, .v3-fuera *::after { animation-play-state: paused !important; }

.banner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 16px; padding: 10px 16px; text-align: center;
  font: 600 14px/1.4 var(--f-texto); color: #fff; background: var(--banda); }
.banner a.button { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 8px; font: 800 13px/1 var(--f-boton); text-transform: uppercase; color: var(--ambar-texto); background: #fcd34d; box-shadow: 0 3px 0 #d97706; }

dialog.modal { width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow: auto; overscroll-behavior: contain;
  border: 0; border-bottom: 4px solid var(--borde-2); border-radius: 18px; background: #fff; color: var(--texto); box-shadow: 0 40px 80px -30px rgba(10, 27, 36, .6); }
dialog.modal::backdrop { background: rgba(10, 27, 36, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
dialog.modal[open] { animation: ventana .28s var(--seco); }
dialog.modal[closing] { animation: v3-cierra .16s ease-in forwards; }
@keyframes v3-cierra { to { opacity: 0; transform: translateY(12px) scale(.97); } }
dialog.modal .modal__loading { display: none; place-items: center; min-height: 220px; }
dialog.modal[data-loading-modal] .modal__loading { display: grid; }
dialog.modal[data-loading-modal] .modal__content { display: none; }
dialog.modal .modal__loading svg { animation: v3-gira .8s linear infinite; }
dialog.modal .modal__loading path { stroke: var(--primario); }
@keyframes v3-gira { to { rotate: 360deg; } }
dialog.modal .modal__content { position: relative; }
dialog.modal .modal__content--close { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 8px; font-size: 20px; color: var(--apagado); }
dialog.modal .modal__content--close:hover { background: var(--fondo); color: var(--titulo); }
dialog.modal .modal__content__box { padding: 22px 24px 24px; }
.package__modal, .package-modal-bottom { display: grid; gap: 16px; }
.package__modal__side__header__content { display: grid; justify-items: center; gap: 10px; text-align: center; }
.package__modal img:not(.package__modal__content__description img), .package-modal-bottom img:not(.package-modal-bottom-content-description img) { max-height: 164px; width: auto; object-fit: contain; }
.package__modal h3, .package-modal-bottom h3 { font: 400 14px/1.3 var(--f-mc); letter-spacing: .02em; color: var(--titulo); }
.package__modal s, .package-modal-bottom s { color: var(--rebaja); }
.package__modal__side__header__content__actions, .package-modal-bottom-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.package__modal__side__header__content__actions--cta, .package-modal-bottom-actions a, .package-modal-bottom-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 42px; padding: 0 16px; border-radius: 10px; font: 800 13px/1 var(--f-boton); text-transform: uppercase; color: var(--ambar-texto); background: #fcd34d; box-shadow: 0 4px 0 #d97706; }
.package__modal__side__header__content__notallowed { padding: 10px 14px; border-radius: 10px; font: 600 14px/1.4 var(--f-texto); color: #991b1b; background: #fef2f2; border: 1px solid #fca5a5; }
.package__modal__content__description, .package-modal-bottom-content-description { font: 400 15px/1.6 var(--f-texto); color: var(--cuerpo); overflow-wrap: anywhere; }
.package__modal__content__description > * + *, .package-modal-bottom-content-description > * + * { margin-top: .6em; }
.package__modal__content__description img, .package-modal-bottom-content-description img { display: inline-block; max-width: 100%; height: auto; }
.package__modal__content__description img.spook-titulo, .package-modal-bottom-content-description img.spook-titulo { image-rendering: pixelated; }
.package__modal__side__header__content__actions__gift { max-height: 0; overflow: hidden; transition: max-height .2s; }

.body--with-sidebar { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; width: min(80%, 1536px); margin: 40px auto 72px; }
.body--with-sidebar > main, .spook-main-content { min-width: 0; padding: 24px 26px; border-radius: 16px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: var(--sombra); }
.category__header { margin-bottom: 18px; }
.category__header h3 { font: 400 21px/1.3 var(--f-mc); letter-spacing: .02em; text-transform: uppercase; color: var(--titulo); }
.category__header__description { margin-top: 10px; font: 400 15px/1.6 var(--f-texto); color: var(--cuerpo); }
.spook-body-description { font: 400 15px/1.6 var(--f-texto); color: var(--cuerpo); }
.spook-body-description > * + * { margin-top: .7em; }
.spook-body-description a:not([class]) { font-weight: 700; color: var(--primario); text-decoration: underline; text-underline-offset: 3px; }
.form-group { margin-bottom: 12px; }
.input-group { display: flex; align-items: stretch; gap: 8px; }
.input-group-addon { display: grid; place-items: center; padding: 0 12px; border-radius: 10px; font: 700 13px/1 var(--f-texto); color: var(--apagado); background: var(--fondo); }
.__input--options, .spook-main-content input[type="text"], .spook-main-content input[type="email"], .spook-main-content input[type="number"], .spook-main-content select, .spook-main-content textarea {
  width: 100%; min-height: 46px; padding: 10px 14px; border-radius: 10px; font: 600 15px/1.3 var(--f-texto); color: var(--titulo); background: var(--fondo); border: 2px solid var(--borde); }
.__input--options:focus, .spook-main-content input:focus, .spook-main-content select:focus, .spook-main-content textarea:focus { outline: none; border-color: var(--primario); background: #fff; }
.__options--buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.__back--btn-options, .__continue--btn--options, .spook-main-content .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 22px; border-radius: 10px;
  font: 800 14px/1 var(--f-boton); letter-spacing: .02em; text-transform: uppercase; cursor: pointer; transition: transform .12s ease-out, filter .2s; }
.__back--btn-options { color: var(--ambar-texto); background: #fff; box-shadow: inset 0 0 0 2px var(--borde), 0 4px 0 var(--borde-2); }
.__continue--btn--options, .spook-main-content .btn { color: #713f12; background: #fcd34d; box-shadow: 0 5px 0 #d97706; }
.__back--btn-options:hover, .__continue--btn--options:hover, .spook-main-content .btn:hover { transform: translateY(2px); filter: brightness(1.04); }
.alert { padding: 10px 14px; border-radius: 10px; font: 600 14px/1.45 var(--f-texto); color: var(--cuerpo); background: var(--fondo); border: 1px solid var(--fondo-2); }
.alert-danger { color: #991b1b; background: #fef2f2; border-color: #fca5a5; }
.alert-warning { color: #92400e; background: #fffbeb; border-color: #fcd34d; }
.alert-success { color: #166534; background: #f0fdf4; border-color: #86efac; }
.panel { margin-bottom: 16px; border-radius: 14px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; }
.panel-heading { padding: 14px 18px; font: 800 15px/1.3 var(--f-titulo); color: var(--titulo); border-bottom: 1px solid var(--fondo-2); }
.panel-body { padding: 16px 18px; font: 400 15px/1.6 var(--f-texto); color: var(--cuerpo); }
.label { display: inline-block; padding: 2px 8px; border-radius: 6px; font: 700 12px/1.4 var(--f-texto); color: #fff; background: var(--primario); }
.label-success { background: #15803d; }
.label-danger { background: #b91c1c; }
.spook-main-content table { width: 100%; border-collapse: collapse; font: 500 14px/1.4 var(--f-texto); }
.spook-main-content th, .spook-main-content td { padding: 8px 10px; border-bottom: 1px solid var(--fondo-2); text-align: left; }

.v3-lateral { display: grid; gap: 14px; min-width: 0; }
.v3-lateral-ir { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 14px; color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, .2), transparent), var(--primario); box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .14); transition: transform .2s, filter .2s; }
.v3-lateral-ir:hover { transform: translateY(-2px); filter: brightness(1.05); }
.v3-lateral-ir .bi { font-size: 22px; color: #fcd34d; }
.v3-lateral-ir span { display: grid; gap: 4px; font: 800 15px/1.2 var(--f-titulo); letter-spacing: .03em; text-transform: uppercase; }
.v3-lateral-ir small { font: 800 11px/1 var(--f-texto); letter-spacing: .16em; color: #fcd34d; }
.v3-lateral-l { display: grid; gap: 2px; padding: 8px; border-radius: 14px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; }
.v3-lateral-l a { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 6px 10px; border-radius: 10px; font: 600 14px/1.25 var(--f-texto); color: var(--cuerpo); transition: background-color .15s, color .15s; }
.v3-lateral-l a:hover { color: var(--titulo); background: var(--fondo); }
.v3-lateral-l a[aria-current] { color: #fff; font-weight: 800; background: var(--primario); }
.v3-lateral-l img { flex: none; width: 28px; height: 28px; object-fit: contain; image-rendering: auto; }
.v3-lateral-mods { display: grid; gap: 14px; }

.spook__modules__module { padding: 18px 20px; border-radius: 14px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: var(--sombra); font: 400 14px/1.5 var(--f-texto); color: var(--cuerpo); }
.spook__modules__module__header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font: 800 14px/1.2 var(--f-titulo); letter-spacing: .04em; text-transform: uppercase; color: var(--titulo); }
.spook__modules__module__header .mdi { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; font-size: 17px; color: #fff; background: var(--primario); }
.top-donator { display: flex; align-items: center; gap: 10px; }
.top-donator .ign { font: 800 15px/1.2 var(--f-texto); color: var(--titulo); }
.giftcard__buttons { display: grid; gap: 8px; }
.giftcard__buttons input { width: 100%; height: 42px; padding: 0 12px; border-radius: 10px; background: var(--fondo); border: 2px solid var(--borde); }
.giftcard__buttons button { height: 42px; border-radius: 10px; font: 800 13px/1 var(--f-boton); text-transform: uppercase; color: #713f12; background: #fcd34d; box-shadow: 0 4px 0 #d97706; }
#giftcard__response--stage2 { display: none; }
[data-giftcard-element="loader"] { display: none; }
[data-giftcard-state="loading"] [data-giftcard-element="loader"] { display: inline; }
[data-giftcard-state="loading"] [data-giftcard-element="cta"] { display: none; }

@media (max-width: 1279px) {
  .body--with-sidebar { width: auto; margin-inline: 16px; }
}
@media (max-width: 860px) {
  .body--with-sidebar { grid-template-columns: minmax(0, 1fr); }
  .body--with-sidebar > .v3-lateral { order: 2; }
}
@media (max-width: 640px) {
  .body--with-sidebar { margin-block: 24px 48px; }
  .body--with-sidebar > main, .spook-main-content { padding: 18px 16px; }
  dialog.modal .modal__content__box { padding: 20px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  dialog.modal[closing] { animation: v3-cierra 1ms forwards !important; }
}



.portada.sin-oferta { padding-bottom: 96px; }
.portada.cat.sin-oferta { padding-bottom: 72px; }
.portada.cat.con-cuadros.sin-oferta { padding-bottom: 64px; }
.portada.sin-oferta::after { background: linear-gradient(180deg, rgba(10, 27, 36, .45) 0%, rgba(10, 27, 36, .1) 45%, rgba(10, 27, 36, .35) 100%); }
.portada.cat.con-cuadros.sin-oferta::after { background: linear-gradient(180deg, rgba(10, 27, 36, .45) 0%, rgba(10, 27, 36, .1) 45%, var(--banda) 100%); }
.portada.con-cuadros.sin-oferta + .cuadros-sec { background: linear-gradient(180deg, var(--banda) 0, #12394f 24px, #0f161a 48px); }
.portada:has(+ .banda[hidden]) { padding-bottom: 96px; }
.portada.cat:has(+ .banda[hidden]) { padding-bottom: 72px; }
.portada.cat:has(+ .banda.sobre-cuadros[hidden]) { padding-bottom: 64px; }
.portada:has(+ .banda[hidden])::after { background: linear-gradient(180deg, rgba(10, 27, 36, .45) 0%, rgba(10, 27, 36, .1) 45%, rgba(10, 27, 36, .35) 100%); }
.portada.cat:has(+ .banda.sobre-cuadros[hidden])::after { background: linear-gradient(180deg, rgba(10, 27, 36, .45) 0%, rgba(10, 27, 36, .1) 45%, var(--banda) 100%); }
.banda.sobre-cuadros[hidden] + .cuadros-sec { background: linear-gradient(180deg, var(--banda) 0, #12394f 24px, #0f161a 48px); }
@media (max-width: 640px) {
  .portada.sin-oferta { padding-bottom: 64px; }
  .portada.cat.sin-oferta { padding-bottom: 56px; }
  .portada.cat.con-cuadros.sin-oferta { padding-bottom: 48px; }
  .portada.con-cuadros.sin-oferta + .cuadros-sec { background: linear-gradient(180deg, var(--banda) 0, #12394f 18px, #0f161a 36px); }
  .portada:has(+ .banda[hidden]) { padding-bottom: 64px; }
  .portada.cat:has(+ .banda[hidden]) { padding-bottom: 56px; }
  .portada.cat:has(+ .banda.sobre-cuadros[hidden]) { padding-bottom: 48px; }
  .banda.sobre-cuadros[hidden] + .cuadros-sec { background: linear-gradient(180deg, var(--banda) 0, #12394f 18px, #0f161a 36px); }
}


.oferta.con-colores { background: radial-gradient(120% 140% at 50% 0%, rgba(255, 255, 255, .12), transparent 55%), linear-gradient(to top, rgba(0, 0, 0, .22), transparent),
  linear-gradient(90deg, var(--sale-a, var(--primario)), var(--sale-b, var(--sale-a, var(--primario)))); }
.oferta-cta { height: 44px; margin-top: 16px; padding: 0 18px; font-size: 13px; }
.com-in.sin-meta { grid-template-columns: minmax(0, 1fr); }
.com-in > .spook__modules__module { grid-column: 1 / -1; }
@media (max-width: 640px) {
  .portada-acts.sin-dc { grid-template-columns: minmax(0, 1fr); }
}

tebex-checkout { display: block; }
a.pg-pagar { display: flex; }
.pg-i.pg-espera .pg-i-p, .pg-i.pg-espera .pg-i-u, #pg-total.pg-espera { opacity: .45; transition: opacity .15s; }
.pg-i-img > .bi { font-size: 26px; color: var(--primario); }
.pg-i-cat .bi { color: var(--primario); }
.pg-i-cat b { color: var(--titulo); }
.pg-i-pp b:only-child { font-size: 13px; }
.pg-cupones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; list-style: none; }
.pg-cupon-chip { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; padding: 6px 6px 6px 12px; border-radius: 10px; color: #14532d; background: #dcfce7; border: 1px solid #86efac; }
.pg-cupon-chip > .bi { flex: none; font-size: 16px; color: #15803d; }
.pg-cupon-chip span { display: grid; gap: 2px; min-width: 0; }
.pg-cupon-chip b { font: 800 14px/1.2 var(--f-texto); letter-spacing: .04em; overflow-wrap: anywhere; }
.pg-cupon-chip small { font: 500 12px/1.3 var(--f-texto); color: #166534; }
.pg-cupon-chip a { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 8px; color: #166534; transition: background-color .15s, color .15s; }
.pg-cupon-chip a:hover { color: var(--rebaja); background: #bbf7d0; }
.pg-fila dt b { font-weight: 800; color: var(--titulo); }
.pg-casilla a .mdi { font-size: 13px; vertical-align: -1px; }
.pg-tebex-txt .v3-rico { margin-top: 14px; }
.pg-tebex-txt .v3-rico > div + div { margin-top: 10px; }
.pg-hecho-grid > :only-child { grid-column: 1 / -1; }
.pg-gracias-sin { grid-template-columns: 88px minmax(0, 1fr); }
.pg-regalo-op { display: grid; gap: 8px; margin-top: 12px; }
.gifting .hide, .gifting .hidden, #save-token.hidden, #paypal-token.hidden { display: none !important; }
.gifting:has(input[type="checkbox"]:checked) .pg-campo.hidden { display: grid !important; }
.pg-guardar label { display: inline-flex; align-items: center; gap: 8px; font: 500 14px/1.4 var(--f-texto); color: var(--cuerpo); }
.checkout__form { display: grid; gap: 6px; margin-bottom: 12px; }
.checkout__form label { font: 700 14px/1.3 var(--f-texto); color: var(--titulo); }
.checkout__form--input { width: 100%; height: 46px; padding: 0 14px; border-radius: 10px; font: 600 15px/1 var(--f-texto); color: var(--titulo); background: var(--fondo); border: 2px solid var(--borde); }
.checkout__form--input:focus { outline: none; border-color: var(--primario); background: #fff; }
@media (max-width: 1023px) {
  .pg-gracias-sin { grid-template-columns: 72px minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .pg-gracias-sin { grid-template-columns: 56px minmax(0, 1fr); }
  .pg-cupon-chip { width: 100%; }
  .pg-cupon-chip span { flex: 1; }
}


.banda.sobre-cuadros { padding-bottom: 0; }
.cuadros-sec { position: relative; padding: 48px 0 96px; color: #fff; background: linear-gradient(180deg, #1b6791 0, #12394f 24px, #0f161a 48px); }
.spook-cats-page { position: relative; z-index: 1; }
.spook-cats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 16px; }
.spook-cats-grid .spook-cat-card { --c: #55bef7; --u: 4px; position: relative; display: flex; align-items: flex-start; justify-content: flex-start; gap: 18px; min-height: 168px; padding: 26px 30px;
  border: 0; border-radius: 14px; background: var(--c); overflow: hidden; isolation: isolate; text-decoration: none; box-shadow: inset 0 -6px 0 rgba(0, 0, 0, .14);
  -webkit-font-smoothing: auto; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.spook-cats-grid .spook-cat-card:hover { transform: translateY(-4px); border: 0; box-shadow: inset 0 -6px 0 rgba(0, 0, 0, .14), 0 14px 30px rgba(0, 0, 0, .35); filter: brightness(1.05); }
.spook-cats-grid .spook-cat-card:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.spook-cats-grid .spook-cat-card:first-child { grid-row: span 2; --u: 6px; }
.spook-cats-grid .spook-cat-card:last-child:nth-child(2n) { grid-column: span 2; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 1) { --c: #55bef7; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 2) { --c: #1fa0ff; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 3) { --c: #fbbf2a; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 4) { --c: #14b89c; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 5) { --c: #e04ad8; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 6) { --c: #ff7a1c; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 7) { --c: #5b63f6; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 8) { --c: #12b3de; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 9) { --c: #55cf35; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 10) { --c: #ff4d7e; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 11) { --c: #b8713c; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 12) { --c: #96d62a; }
.spook-cats-grid .spook-cat-card:nth-child(13n + 13) { --c: #f83b3b; }
.spook-cats-grid .spook-cat-card-info { position: relative; z-index: 1; max-width: 68%; font: 500 14px/normal Montserrat, var(--f-texto); }
.spook-cats-grid .spook-cat-card-name { color: #fff; font-family: 'Minecraft Pixel', monospace; font-weight: 700; font-size: calc(var(--u) * 8); line-height: calc(var(--u) * 10);
  letter-spacing: 0; text-transform: uppercase; overflow-wrap: normal; text-shadow: var(--u) var(--u) 0 rgba(0, 0, 0, .28); -webkit-font-smoothing: none; }
.spook-cats-grid .spook-cat-card-hint { margin-top: 10px; color: #fff; opacity: .95; font-family: 'Minecraft Pixel', monospace; font-weight: 400; font-size: 16px; line-height: 20px;
  letter-spacing: 0; text-transform: uppercase; text-shadow: 2px 2px 0 rgba(0, 0, 0, .28); -webkit-font-smoothing: none; }
.spook-cats-grid .spook-cat-card img { position: absolute; right: -10px; bottom: -16px; flex-shrink: 0; width: 144px; height: 144px; max-width: none; object-fit: contain;
  image-rendering: auto; transform: rotate(-7deg); filter: drop-shadow(8px 8px 0 rgba(0, 0, 0, .2)); transition: transform .2s ease; }
.spook-cats-grid .spook-cat-card:hover img { transform: rotate(0) scale(1.06); }
.spook-cats-grid .spook-cat-card:first-child img { width: 256px; height: 256px; right: -12px; bottom: -24px; }
.spook-cats-grid .spook-cat-card:is([href$="/category/spook"], [href$="/category/2395875"]) .spook-cat-card-info { position: static; }
.spook-cats-grid .spook-cat-card:is([href$="/category/spook"], [href$="/category/2395875"]) .spook-cat-card-info::before { content: 'GLOBAL'; position: absolute; top: 18px; right: 18px; left: auto; z-index: 2;
  display: inline-flex; align-items: center; margin: 0; padding: 6px 11px; border: 0; border-radius: 4px; background: #fff; color: #101d24;
  font-family: 'Minecraft Pixel', monospace; font-weight: 900; font-size: 11px; line-height: 1; letter-spacing: 1.8px;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, .25); transform: rotate(4deg); text-shadow: none; -webkit-font-smoothing: auto; }
.v3-oferta-ir { margin-left: 4px; font-weight: 700; color: #fcd34d; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.v3-oferta-ir:hover { color: #fff; }

.v3-cms-caja { max-width: 880px; margin-inline: auto; padding: 30px 34px; box-shadow: 0 30px 60px -32px rgba(14, 61, 87, .55); }
.v3-cms-vacia { font: 500 15px/1.6 var(--f-texto); color: var(--apagado); text-align: center; }
.v3-cms-acts { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 14px; margin-top: 28px; }
.v3-cms-caja img { max-width: 100%; height: auto; }

@media (max-width: 768px) {
  .spook-cats-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 12px; }
  .spook-cats-grid .spook-cat-card:last-child:nth-child(2n) { grid-column: auto; }
  .spook-cats-grid .spook-cat-card, .spook-cats-grid .spook-cat-card:first-child { grid-row: auto; --u: 3px; min-height: 124px; padding: 20px; }
  .spook-cats-grid .spook-cat-card-info { max-width: none; padding-right: 84px; }
  .spook-cats-grid .spook-cat-card img, .spook-cats-grid .spook-cat-card:first-child img { width: 96px; height: 96px; right: -10px; bottom: -10px; }
  .spook-cats-grid .spook-cat-card:is([href$="/category/spook"], [href$="/category/2395875"]) .spook-cat-card-info { position: relative; }
  .spook-cats-grid .spook-cat-card:is([href$="/category/spook"], [href$="/category/2395875"]) .spook-cat-card-info::before { position: relative; top: auto; right: auto; display: inline-block; margin: 0 0 12px; padding: 6px 10px; transform: rotate(-3deg); }
  .spook-cats-grid .spook-cat-card-hint { margin-top: 8px; }
}
@media (max-width: 640px) {
  .cuadros-sec { padding: 36px 0 64px; background: linear-gradient(180deg, #1b6791 0, #12394f 18px, #0f161a 36px); }
  .v3-cms-caja { padding: 22px 18px; }
  .v3-cms-acts .b3 { flex: 1 1 100%; }
}


.cat-desc { display: flex; align-items: flex-start; gap: 14px; margin: -6px 0 26px; padding: 14px 18px; border-radius: 14px; background: #fff;
  border: 1px solid var(--fondo-2); border-left: 4px solid var(--primario); box-shadow: 0 18px 40px -32px rgba(14, 61, 87, .45); }
.cat-desc-ico { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; font-size: 16px; color: #fff; background: var(--primario); box-shadow: 0 3px 0 var(--ambar-texto); }
.cat-desc .v3-rico { flex: 1; min-width: 0; align-self: center; font-size: 14px; line-height: 1.55; }
.cat-desc .v3-rico > * + * { margin-top: .2em; }
.cat-desc .v3-rico u { text-decoration-color: var(--borde-2); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.cat-desc .v3-rico em { color: var(--apagado); }
.cat-desc-plus { display: block; max-width: 880px; margin: 40px auto 0; padding: 24px 28px; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: var(--sombra); }
.cat-desc .spook-plus-incluye h4 { margin-bottom: 14px; font: 800 15px/1.2 var(--f-titulo); letter-spacing: .04em; text-transform: uppercase; color: var(--titulo); }
.cat-desc .spook-plus-incluye ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 28px; padding: 0; list-style: none; }
.cat-desc .spook-plus-incluye li { position: relative; margin: 0; padding-left: 26px; font: 500 15px/1.45 var(--f-texto); color: var(--cuerpo); }
.cat-desc .spook-plus-incluye li::before { content: ''; position: absolute; left: 5px; top: 3px; width: 7px; height: 12px; border: solid #16a34a; border-width: 0 3px 3px 0; rotate: 45deg; }

.paquete-tipo { display: inline-flex; align-items: center; gap: 6px; margin: -6px 0 12px; font: 700 12px/1.3 var(--f-texto); color: var(--apagado); }
.paquete-precio b.paquete-elige { font: 800 14px/1.2 var(--f-texto); }
.paquete-sin-img { font-size: 56px; line-height: 1; color: var(--borde-2); }
.b3.agregar[aria-disabled="true"] { pointer-events: none; filter: saturate(.75); }

.info-paq { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; }
.info-paq.con-desc { width: min(520px, calc(100vw - 32px)); }
.info-paq.con-desc .info-img { height: 150px; }
.info-paq.con-desc .info-img img { width: 120px; height: 120px; }
.info-desc { width: 100%; margin-top: 4px; padding: 14px 16px; border-radius: 12px; text-align: left; background: var(--fondo); border: 1px solid var(--fondo-2); }
.info-desc > * + * { margin-top: .3em; }
.info-paq .info-desc p, .info-paq .info-desc li { font: 400 14px/1.5 var(--f-texto); color: var(--cuerpo); }
.info-desc img.spook-titulo { margin: .7em 0 .15em; }
.info-desc > p:first-child img.spook-titulo { margin-top: 0; }
.info-paq .info-no { display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 10px 14px; border-radius: 10px; text-align: left;
  font: 600 14px/1.45 var(--f-texto); color: #991b1b; background: #fef2f2; border: 1px solid #fca5a5; }
.info-no .bi { flex: none; margin-top: 2px; }
.info-regalo { display: grid; gap: 8px; width: 100%; padding: 12px 14px; border-radius: 12px; text-align: left; border: 2px dashed var(--borde); }
.info-regalo label { font: 800 12px/1 var(--f-texto); letter-spacing: .08em; text-transform: uppercase; color: var(--primario); }
.info-regalo div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.info-regalo input { min-width: 0; height: 44px; padding: 0 12px; border-radius: 10px; font: 600 15px/1 var(--f-texto); color: var(--titulo); background: var(--fondo); border: 2px solid var(--borde); }
.info-regalo input:focus { outline: none; border-color: var(--primario); background: #fff; }
.info-regalo .b3 { --labio: 4px; height: 44px; padding: 0 14px; font-size: 13px; }
.info-paq.con-desc .ventana-acts { position: sticky; bottom: 0; z-index: 2; width: calc(100% + 48px); margin: 2px -24px -24px; padding: 12px 24px 24px; background: #fff; border-top: 1px solid var(--fondo-2); }

.cmp-barra { display: flex; justify-content: flex-end; margin: -8px 0 16px; }
.cmp-sw { display: inline-flex; align-items: center; gap: 10px; height: 40px; padding: 0 14px 0 9px; border-radius: 10px; font: 700 14px/1 var(--f-texto); color: var(--titulo);
  background: #fff; border: 1px solid var(--borde); box-shadow: 0 3px 0 var(--borde); transition: transform .12s; }
.cmp-sw:hover { transform: translateY(1px); }
.cmp-int { position: relative; width: 38px; height: 22px; border-radius: 11px; background: var(--borde); transition: background-color .2s; }
.cmp-int::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .25); transition: translate .2s var(--seco); }
.cmp-sw[aria-pressed="true"] .cmp-int { background: var(--primario); }
.cmp-sw[aria-pressed="true"] .cmp-int::after { translate: 16px 0; }
.cmp { overflow: hidden; border-radius: 16px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: var(--sombra); }
.cmp-x { overflow-x: auto; overscroll-behavior-x: contain; }
.cmp-t { display: grid; grid-template-columns: minmax(130px, 180px) repeat(var(--rangos), minmax(104px, 1fr)); }
.cmp-cab { display: grid; justify-items: center; align-content: start; gap: 6px; padding: 16px 10px 12px; text-align: center; border-bottom: 2px solid var(--fondo-2); }
.cmp-cab img { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 6px 6px rgba(14, 61, 87, .2)); }
.cmp-n { font: 400 13px/1.25 var(--f-mc); letter-spacing: .02em; color: var(--titulo); }
.cmp-p { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 4px 6px; }
.cmp-p s { font: 700 12px/1 var(--f-texto); color: var(--rebaja); }
.cmp-p b { font: 400 13px/1 var(--f-mc); color: var(--primario); }
.cmp-p small, .cmp-cab > small { font: 800 10px/1 var(--f-texto); letter-spacing: .06em; color: var(--apagado); }
.cmp-c { display: grid; place-items: center; min-height: 44px; padding: 8px 10px; text-align: center; font: 600 14px/1.3 var(--f-texto); color: var(--cuerpo); border-bottom: 1px solid var(--fondo-2); }
.cmp-c b { font-weight: 800; color: var(--titulo); }
.cmp-c.si .bi { font-size: 18px; color: #16a34a; }
.cmp-c.no .bi { font-size: 18px; color: #fca5a5; }
.cmp-l, .cmp-esq { position: sticky; left: 0; z-index: 1; background: #fff; border-right: 1px solid var(--fondo-2); }
.cmp-l { justify-items: start; text-align: left; font-weight: 700; color: var(--titulo); }
.cmp-estrellas i { font-style: normal; color: var(--borde); }
.cmp-estrellas i.llena { color: #f59e0b; }
.cmp-pie { display: grid; padding: 12px 10px 14px; }
.cmp-pie .b3 { --labio: 4px; width: 100%; min-width: 0; height: 40px; padding: 0 8px; gap: 6px; overflow: hidden; font-size: 12px; }

.niveles-l .paquete { align-items: stretch; }
.niveles-l .paquete > :not(.paquete-acts):not(.nivel-desc) { align-self: center; }
.nivel-desc { max-height: 220px; overflow-y: auto; margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; text-align: left; background: var(--fondo); border: 1px solid var(--fondo-2); }
.nivel-desc.v3-rico { font-size: 14px; }
.nivel-desc.v3-rico > * + * { margin-top: .3em; }
.niveles-l .paquete-acts { grid-template-columns: minmax(0, 1fr); }
.niveles-l .paquete.suscrito { border-color: var(--primario); box-shadow: 0 0 0 2px var(--primario), var(--sombra); }
.nivel-marca { position: absolute; top: 12px; right: 12px; z-index: 1; padding: 6px 8px 5px; border-radius: 6px; font: 800 11px/1 var(--f-texto); letter-spacing: .06em; text-transform: uppercase; color: #fff; background: var(--primario); box-shadow: 0 3px 0 var(--ambar-texto); }
.nivel-estado { cursor: default; }
.nivel-estado:hover, .nivel-estado:active { transform: none; filter: none; }
.b3[aria-disabled="true"]:not(.agregar) { opacity: .6; pointer-events: none; }

.portada.cat.op-portada { padding-bottom: 124px; }
.op-sec { padding: 0 0 72px; }
.op-caja { position: relative; z-index: 1; display: grid; gap: 18px; max-width: 640px; margin: -64px auto 0; padding: 28px 30px 26px; }
.op-cab { display: flex; align-items: center; gap: 14px; }
.op-cab img { flex: none; width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 6px 6px rgba(14, 61, 87, .2)); }
.op-cab p { font: 500 15px/1.5 var(--f-texto); color: var(--cuerpo); }
.op-campo { display: grid; gap: 8px; }
.op-caja .form-group { margin-bottom: 0; }
.op-l { font: 800 12px/1.3 var(--f-texto); letter-spacing: .08em; text-transform: uppercase; color: var(--primario); }
.op-caja .__input--options { width: 100%; min-height: 48px; padding: 10px 14px; border-radius: 10px; font: 600 15px/1.3 var(--f-texto); color: var(--titulo); background: var(--fondo); border: 2px solid var(--borde); }
.op-caja select.__input--options { appearance: none; -webkit-appearance: none; padding-right: 42px; cursor: pointer;
  background: var(--fondo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath fill='%237e22ce' d='M1.6 4.6a1 1 0 0 1 1.4 0L8 9.6l5-5a1 1 0 1 1 1.4 1.4l-5.7 5.7a1 1 0 0 1-1.4 0L1.6 6a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E") no-repeat right 16px center; }
.op-caja .__input--options:focus { outline: none; border-color: var(--primario); background-color: #fff; }
.op-caja .__input--options[readonly] { color: var(--apagado); }
.op-fila { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.op-fila .input-group-addon { min-width: 64px; }
.op-fila .b3 { --labio: 4px; height: 48px; }
.op-acts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding-top: 6px; }
.op-acts .b3 { height: 48px; }
.op-acts .b3-blanco, .niveles-l .b3-blanco { --b: var(--fondo-2); }
.op-nada { font: 500 15px/1.5 var(--f-texto); color: var(--apagado); }
.op-nota { display: flex; align-items: flex-start; gap: 8px; font: 500 13.5px/1.45 var(--f-texto); color: var(--apagado); }
.op-nota i { flex: none; margin-top: 2px; font-size: 14px; color: var(--primario); }
.op-nota-oblig { color: #b42318; font-weight: 600; }
.op-nota-oblig i { color: #d92d20; }
.op-dc[data-op-dc="obligatorio"] .op-fila-dc { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 900px) {
  .cat-desc .spook-plus-incluye ul { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .cat-desc { gap: 12px; margin-bottom: 20px; padding: 12px 14px; }
  .cat-desc-ico { width: 28px; height: 28px; font-size: 14px; }
  .cat-desc-plus { margin-top: 28px; padding: 20px 18px; }
  .info-paq.con-desc .ventana-acts { width: calc(100% + 36px); margin: 2px -18px -20px; padding: 12px 18px 20px; }
  .info-paq.con-desc .info-img { height: 130px; }
  .info-paq.con-desc .info-img img { width: 104px; height: 104px; }
  .cmp-barra { justify-content: stretch; }
  .cmp-sw { width: 100%; justify-content: center; }
  .cmp-t { grid-template-columns: 112px repeat(var(--rangos), minmax(96px, 1fr)); }
  .cmp-l { font-size: 13px; }
  .cmp-pie { padding: 12px 6px 14px; }
  .cmp-pie .b3 { font-size: 11px; letter-spacing: 0; }
  .cmp-pie .b3:not(.quitar) .bi { display: none; }
  .op-fila-dc { grid-template-columns: minmax(0, 1fr); }
  .portada.cat.op-portada { padding-bottom: 100px; }
  .op-caja { margin-top: -48px; padding: 22px 18px 20px; }
  .op-acts { grid-template-columns: minmax(0, 1fr); }
  .op-acts .b3-blanco { order: 2; }
}

.v3-estado p { max-width: 560px; }
.v3-nivel .v3-cms-acts { margin-top: 24px; }
.v3-nivel .b3-blanco { --b: var(--fondo-2); }
.op-caja + .op-caja { margin-top: 24px; }
.v3-pedido + .v3-pedido { margin-top: 18px; padding-top: 18px; border-top: 2px dashed var(--fondo-2); }


html.tr-espera body { visibility: hidden; }

.banderas { position: absolute; width: 0; height: 0; overflow: hidden; }
.bandera { flex: none; display: inline-block; width: 24px; height: 16px; border-radius: 3px; overflow: hidden; line-height: 0; background: var(--fondo-2);
  box-shadow: 0 0 0 1px rgba(14, 61, 87, .16); }
.bandera svg { display: block; width: 100%; height: 100%; }

.nav-idioma { display: flex; align-items: center; gap: 9px; height: 50px; margin-bottom: 6px; padding: 4px 12px 4px 11px; border-radius: 8px; text-align: left; color: #fff;
  background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); transition: background-color .2s; }
.nav-idioma:hover, .nav-idioma[aria-expanded="true"] { background: rgba(0, 0, 0, .34); }
.nav-idioma .bandera { width: 27px; height: 18px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .28); }
.nav-idioma-txt { display: grid; gap: 3px; }
.nav-idioma-txt b { font: 800 13px/1 var(--f-texto); letter-spacing: .06em; }
.nav-idioma-txt small { font: 700 12px/1 var(--f-texto); color: #fcd34d; }
.nav-idioma > .bi { font-size: 10px; -webkit-text-stroke: .6px currentColor; transition: transform .2s var(--seco); }
.nav-idioma[aria-expanded="true"] > .bi { transform: rotate(180deg); }

.idioma-panel { position: fixed; z-index: 62; top: calc(var(--nav-h) + 8px); right: max(16px, calc((100vw - min(80vw, 1536px)) / 2)); width: 340px; max-width: calc(100vw - 32px);
  max-height: calc(100vh - var(--nav-h) - 16px); max-height: calc(100dvh - var(--nav-h) - 16px); overflow-y: auto; overscroll-behavior: contain;
  padding: 12px 14px 12px; border-radius: 16px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; box-shadow: 0 30px 60px -20px rgba(14, 61, 87, .45);
  color: var(--texto); opacity: 0; translate: 0 -8px; pointer-events: none; visibility: hidden; transition: opacity .18s, translate .18s var(--seco), visibility 0s .18s; }
.idioma-panel.on { opacity: 1; translate: 0 0; pointer-events: auto; visibility: visible; transition: opacity .18s, translate .18s var(--seco); }
.idioma-cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 -4px 10px 4px; }
.idioma-titulo { font: 800 12px/1 var(--f-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--apagado); }

.idioma-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.idioma-tab { display: grid; gap: 7px; justify-items: start; min-width: 0; padding: 10px 12px 11px; border-radius: 12px; text-align: left; color: var(--texto);
  background: var(--fondo); border: 2px solid var(--borde); box-shadow: 0 3px 0 var(--borde); transition: background-color .15s, border-color .15s, box-shadow .15s; }
.idioma-tab:hover { border-color: var(--borde-2); }
.idioma-tab small { font: 800 11px/1 var(--f-texto); letter-spacing: .12em; text-transform: uppercase; color: var(--apagado); }
.idioma-tab-v { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; font: 800 15px/1.1 var(--f-texto); color: var(--titulo); }
.idioma-tab-v b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 800; }
.idioma-sim { display: inline-grid; place-items: center; min-width: 24px; height: 20px; padding: 0 5px; border-radius: 6px; font: 800 12px/1 var(--f-texto); color: var(--primario);
  background: #fff; box-shadow: inset 0 0 0 1px var(--borde-2); }
.idioma-tab[aria-selected="true"] { background: #fff; border-color: var(--primario); box-shadow: 0 4px 0 var(--primario); }
.idioma-tab[aria-selected="true"] small { color: var(--primario); }
.idioma-tab:focus-visible, .idioma-op:focus-visible { outline: 3px solid var(--primario); outline-offset: 2px; }

.idioma-lista { margin-top: 12px; }
.idioma-lista ul { display: grid; gap: 2px; list-style: none; }
.idioma-op { width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr) auto 18px; align-items: center; gap: 12px; min-height: 44px; padding: 8px 12px;
  border-radius: 10px; text-align: left; color: var(--texto); transition: background-color .15s; }
.idioma-op:hover { background: var(--fondo); }
.idioma-op-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 15px/1.25 var(--f-texto); }
.idioma-op-c { display: inline-flex; align-items: baseline; gap: 6px; font: 800 12px/1 var(--f-texto); letter-spacing: .08em; color: var(--apagado); }
.idioma-op-c small { font: 700 12px/1 var(--f-texto); letter-spacing: 0; opacity: .75; }
.idioma-ok { visibility: hidden; font-size: 18px; line-height: 1; color: var(--primario); -webkit-text-stroke: .5px currentColor; }
.idioma-op[aria-current="true"] { background: var(--fondo-2); box-shadow: inset 3px 0 0 var(--primario); }
.idioma-op[aria-current="true"] .idioma-op-n { font-weight: 800; color: var(--titulo); }
.idioma-op[aria-current="true"] .idioma-op-c { color: var(--primario); }
.idioma-op[aria-current="true"] .idioma-ok { visibility: visible; }
.idioma-nota { display: flex; align-items: flex-start; gap: 8px; margin: 10px 4px 2px; font: 500 12.5px/1.45 var(--f-texto); color: var(--apagado); }
.idioma-nota .bi { flex: none; margin-top: 2px; color: var(--borde-2); }

.paquetes > li, .paquete { min-width: 0; }
.paquete-precio { flex-wrap: wrap; row-gap: 2px; }
.pg-i-pp { flex-wrap: wrap; justify-content: flex-end; row-gap: 2px; }
@media (max-width: 640px) { .pg-i { grid-template-columns: 52px auto minmax(0, 1fr) 36px; } }
@media (max-width: 370px) { .pg-i { grid-template-columns: 44px auto minmax(0, 1fr) 34px; } }

@media (prefers-reduced-motion: reduce) {
  .idioma-panel *, .carro-panel *, .yo-menu * { transition-property: none !important; }
}

@media (max-width: 1279px) { .idioma-panel { right: 16px; } }
@media (max-width: 1180px) {
  .nav-idioma-txt { display: none; }
  .nav-idioma { padding: 4px 10px; }
}
@media (max-width: 640px) {
  .nav-idioma { justify-content: center; gap: 0; width: 44px; height: 44px; padding: 0; }
  .nav-idioma > .bi { display: none; }
  .idioma-panel { top: var(--nav-h); left: 0; right: 0 !important; width: auto; max-width: none; padding: 14px 16px 14px;
    max-height: calc(100vh - var(--nav-h)); max-height: calc(100dvh - var(--nav-h)); border-width: 0 0 4px; border-radius: 0 0 18px 18px; }
}
@media (max-width: 400px) { .nav-acts { gap: 6px; } }

.entrada-a { overflow: visible; }
.ea-arte { position: relative; z-index: 1; flex: none; align-self: flex-end; width: 330px; margin: -104px 28px -48px 0; pointer-events: none; }
.ea-arte img { display: block; width: 100%; height: auto; filter: drop-shadow(0 18px 22px rgba(10, 27, 36, .35)); transition: transform .35s var(--seco, cubic-bezier(.2, .9, .1, 1)); }
.entrada-a:hover .ea-arte img { transform: translateY(-6px) rotate(-1.5deg); }
@media (max-width: 1100px) { .ea-arte { width: 280px; margin: -90px 12px -42px 0; } }
@media (max-width: 900px) { .ea-arte { width: 230px; margin: -76px 0 -36px 0; } }
@media (max-width: 640px) {
  .ea-arte { order: -1; align-self: center; width: min(260px, 78%); margin: -78px auto -6px; }
}
@media (prefers-reduced-motion: reduce) { .ea-arte img { transition: none; } .entrada-a:hover .ea-arte img { transform: none; } }

.nav-user.con-jugador #nav-user-sub { display: none; }
.nav-user.con-jugador .nav-user-txt b { letter-spacing: .02em; text-transform: none; }

.entrada-a { min-height: 250px; padding: 44px 52px; gap: 40px; }
.ea-txt { gap: 12px; }
.ea-k { font-size: 14px; }
.ea-t { font-size: 30px; line-height: 1.15; letter-spacing: .03em; }
.ea-p { max-width: 42ch; font-size: 17px; }
.ea-ir { height: 56px; margin: 10px 0 6px; padding: 0 28px; border-radius: 12px; font-size: 17px; gap: 12px; }
.ea-ir .bi { font-size: 20px; }
.ea-arte { width: 430px; margin: -128px 20px -64px 0; }
@media (max-width: 1100px) { .entrada-a { padding: 36px 40px; } .ea-t { font-size: 26px; } .ea-arte { width: 340px; margin: -104px 8px -52px 0; } }
@media (max-width: 900px) { .ea-ir { font-size: 15px; padding: 0 20px; } .ea-arte { width: 270px; margin: -84px 0 -40px 0; } }
@media (max-width: 640px) {
  .entrada-a { padding: 0 22px 26px; gap: 16px; }
  .ea-t { font-size: 24px; }
  .ea-p { font-size: 16px; }
  .ea-ir { height: 54px; padding: 0 12px; font-size: 15px; letter-spacing: .02em; }
  .ea-arte { width: min(300px, 86%); margin: -88px auto -4px; }
}
@media (max-width: 370px) { .ea-ir { font-size: 13px; letter-spacing: 0; } .ea-t { font-size: 22px; } }

.fc-link { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; cursor: pointer; font: 400 17px/1.5 var(--f-texto); color: #fff; text-align: left; }
.fc-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.contacto { width: min(480px, calc(100vw - 32px)); overflow: hidden; }
.contacto-cab { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 24px; color: #fff; background: linear-gradient(to top, rgba(0, 0, 0, .14), transparent), var(--primario); }
.contacto-cab h2 { font: 400 22px/1.2 var(--f-mc); letter-spacing: .02em; color: #fff; }
.contacto-x { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .55); background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; font-size: 18px; transition: background-color .15s; }
.contacto-x:hover { background: rgba(255, 255, 255, .25); }
.contacto-cuerpo { display: grid; justify-items: start; gap: 14px; padding: 22px 24px 26px; }
.contacto-cuerpo p { font: 400 16px/1.55 var(--f-texto); color: var(--cuerpo); }
.contacto-correo { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; padding: 12px 20px; border-radius: 999px; border: 2px solid var(--borde, #d6f0fe); background: var(--fondo); font: 700 16px/1.2 var(--f-texto); color: var(--titulo); overflow-wrap: anywhere; }
.contacto-correo .bi { color: var(--primario); }
.contacto-correo:hover { border-color: var(--primario); }
.contacto-copiar { display: inline-flex; align-items: center; gap: 8px; margin-top: -6px; padding: 4px 6px; border: 0; background: none; cursor: pointer; font: 700 13px/1.2 var(--f-texto); color: var(--primario); }
.contacto-copiar:hover { text-decoration: underline; }
.contacto-dc { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 50px; margin-bottom: 6px; padding: 0 26px; border-radius: 12px; font: 800 15px/1 var(--f-boton); letter-spacing: .04em; text-transform: uppercase; color: #fff; background: #5865f2; box-shadow: inset 0 2px 0 rgba(255, 255, 255, .25), 0 6px 0 #3c45c5; transition: transform .12s ease-out, box-shadow .12s ease-out; }
.contacto-dc .bi { font-size: 20px; }
.contacto-dc:hover { transform: translateY(3px); box-shadow: inset 0 2px 0 rgba(255, 255, 255, .25), 0 3px 0 #3c45c5; }
.contacto :focus-visible { outline: 3px solid var(--titulo); outline-offset: 3px; }
.contacto-cab :focus-visible { outline-color: #fff; }
@media (max-width: 640px) { .contacto-cab { padding: 18px 18px; } .contacto-cuerpo { padding: 18px 18px 22px; } .contacto-dc { width: 100%; } }
@media (max-width: 640px) { .ea-ir { width: 100%; max-width: 100%; box-sizing: border-box; padding: 0 10px; font-size: 14px; letter-spacing: 0; gap: 8px; } }
@media (max-width: 400px) { .ea-ir { font-size: 13px; } .ea-ir .bi { font-size: 16px; } }

@media (min-width: 1280px) { .wrap { width: min(80%, 1200px); } }
@media (min-width: 1400px) {
  .oferta { grid-template-columns: minmax(0, 1fr) 360px minmax(0, 1fr); }
  .oferta-art { justify-self: center; }
  .oferta-reloj { justify-self: end; }
}

.pagos-l { display: grid; grid-template-columns: repeat(auto-fill, 42px); gap: 8px; }
.pagos-l.llena { justify-content: space-between; }
.pagos-l li[hidden] { display: none; }
@media (max-width: 640px) { .pagos-l { grid-template-columns: repeat(auto-fill, 36px); gap: 6px; } }

.ea-arte { width: 400px; margin: -120px 24px -44px 0; }
@media (max-width: 1100px) { .ea-arte { width: 330px; margin: -100px 8px -36px 0; } }
@media (max-width: 900px) { .ea-arte { width: 264px; } }
@media (max-width: 640px) { .ea-arte { width: min(280px, 80%); margin: -92px auto -4px; } }
.comprar-art { width: 270px; top: -128px; right: 0; }
@media (max-width: 1279px) { .comprar-art { width: 220px; top: -104px; } }

.tarjeta-color .sale-aldeano { width: 250px; height: auto; margin: -150px 0 -40px; filter: drop-shadow(0 20px 24px rgba(10, 27, 36, .35)); }
@media (max-width: 1100px) { .tarjeta-color .sale-aldeano { width: 210px; margin: -120px 0 -30px; } }
@media (max-width: 640px) { .tarjeta-color .sale-aldeano { width: 150px; margin: -100px 0 -20px; } }

.ea-arte { width: 480px; margin: -150px 0 -70px 0; }
@media (max-width: 1100px) { .ea-arte { width: 380px; margin: -120px 0 -56px 0; } }
@media (max-width: 900px) { .ea-arte { width: 304px; } }
@media (max-width: 640px) { .ea-arte { width: min(330px, 94%); margin: -96px auto -8px; } }
.comprar-art { width: 200px; top: -150px; right: 16px; }
@media (max-width: 1279px) { .comprar-art { width: 170px; top: -128px; } }
.tarjeta-color .sale-steve { width: 380px; height: auto; margin: -110px 0 -50px; filter: drop-shadow(0 20px 24px rgba(10, 27, 36, .35)); }
@media (max-width: 1100px) { .tarjeta-color .sale-steve { width: 310px; margin: -90px 0 -36px; } }
@media (max-width: 640px) { .tarjeta-color .sale-steve { width: 240px; margin: -80px 0 -20px; } }

.comprar-art { z-index: 3; }

.portada-t.portada-t-grande { margin: 8px 0 14px; font-size: clamp(40px, calc((100vw - 40px) / 5.6), 124px); line-height: 1; letter-spacing: .02em;
  text-shadow: 0 6px 0 rgba(0, 0, 0, .35), 0 20px 44px rgba(0, 0, 0, .5); }

.comprar-art { top: -123px; }
@media (max-width: 1279px) { .comprar-art { top: -105px; } }

.comprar-art { top: -128px; width: 180px; }
@media (max-width: 1279px) { .comprar-art { top: -110px; width: 153px; } }

.comprar-art { top: -125px; }
@media (max-width: 1279px) { .comprar-art { top: -107px; } }
.comprar-art { right: 19px; }

.tarjeta-color .sale-steve { width: 437px; margin: -126px 0 -58px; }
@media (max-width: 1100px) { .tarjeta-color .sale-steve { width: 357px; margin: -104px 0 -41px; } }
@media (max-width: 640px) { .tarjeta-color .sale-steve { width: 276px; margin: -92px 0 -23px; } }
.tarjeta-color .sale-steve { translate: 40px 0; }
@media (max-width: 1100px) { .tarjeta-color .sale-steve { translate: 28px 0; } }
@media (max-width: 640px) { .tarjeta-color .sale-steve { translate: 14px 0; } }

.info-lado { display: contents; }
.info-regalo { order: 1; }
.info-paq .ventana-acts { order: 2; }
@media (min-width: 900px) {
  .info-paq.con-desc { width: min(780px, calc(100vw - 64px)); }
  .info-paq.con-desc .info-img { height: 150px; }
  .info-paq.con-desc .info-img img { width: 120px; height: 120px; }
}

.tarjeta-color:has(> .sale-steve) { height: 320px; }
.tarjeta-color .sale-steve { width: 512px; max-width: none; margin: -96px 0; translate: 40px 0; }
@media (max-width: 1100px) { .tarjeta-color:has(> .sale-steve) { height: 240px; } .tarjeta-color .sale-steve { width: 432px; margin: -96px 0; translate: 24px 0; } }
@media (max-width: 640px) { .tarjeta-color:has(> .sale-steve) { height: 166px; } .tarjeta-color .sale-steve { width: 358px; max-width: calc(100% + 40px); margin: -96px auto; translate: 0 0; } }

.tarjeta-color .sale-steve { animation: flotar-suave 7s ease-in-out infinite; }
@keyframes flotar-suave { 50% { translate: var(--sx, 40px) -5px; } }
@media (max-width: 1100px) { .tarjeta-color .sale-steve { --sx: 24px; } }
@media (max-width: 640px) { .tarjeta-color .sale-steve { --sx: 0px; } }
.portada-fondo:not([class*="v3-modo-"]) { background-position: center 65%; filter: blur(5px) saturate(1.05) brightness(.72); }

:root { --nav: #1386cf; --banda: #1f9fe8; --primario: #3AB5F9; --primario-h: #1f9fe8; --titulo: #0b5f96; }
.portada-t.portada-t-grande { font-size: clamp(40px, calc((100vw - 40px) / 6.5), 124px); }
.portada-fondo:not([class*="v3-modo-"]) { background-position: center 45%; filter: blur(1.5px) saturate(1.08) brightness(.66); }
.aviso-java { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 10px 14px; border-radius: 12px; background: rgba(58, 181, 249, .12); border: 1px solid rgba(58, 181, 249, .55); color: inherit; font-size: 14px; line-height: 1.45; text-align: left; }
.aviso-java i { color: #3AB5F9; font-size: 18px; flex: none; }
.aviso-java b { color: #3AB5F9; }
.aviso-java a { color: #3AB5F9; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.portada-java a { color: #8fd8ff; }
.comunidad { padding-bottom: 16px; }
#como-comprar .rondas { position: relative; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 36px 10px 32px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 4px; border-radius: 16px; box-shadow: var(--sombra); }
#como-comprar .flecha-r { display: none; }
#como-comprar .rondas::before { content: ''; position: absolute; left: 16.66%; right: 16.66%; top: 64px; height: 4px; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--borde-2) 0 12px, transparent 12px 20px); }
#como-comprar .ronda { display: flex; flex-direction: column; align-items: center; padding: 0 30px; text-align: center; background: none; border: 0; box-shadow: none; border-radius: 0; }
#como-comprar .ronda-ico { order: 1; position: relative; z-index: 1; width: 60px; height: 60px; margin: 0 0 16px; font-size: 27px; border-radius: 14px; box-shadow: 0 4px 0 var(--ambar-texto), 0 0 0 10px #fff; }
#como-comprar .ronda-top { order: 2; justify-content: center; gap: 8px; margin: 0 0 8px; }
#como-comprar .ronda-l, #como-comprar .ronda-n { position: static; font: 400 14px/1 var(--f-mc); letter-spacing: .08em; color: var(--primario); }
#como-comprar .ronda h3 { order: 3; padding-right: 0; }
#como-comprar .ronda p { order: 4; }
#como-comprar .confianza { margin-top: 28px; }
@media (max-width: 1023px) { #como-comprar .rondas { grid-template-columns: minmax(0, 1fr); padding: 6px 22px; } #como-comprar .rondas::before { display: none; } #como-comprar .ronda { display: grid; grid-template-columns: 60px minmax(0, 1fr); column-gap: 18px; align-items: start; padding: 22px 0; text-align: left; } #como-comprar .ronda + .flecha-r + .ronda { border-top: 2px dashed var(--borde); } #como-comprar .ronda-ico { grid-column: 1; grid-row: 1 / span 3; margin: 0; box-shadow: 0 4px 0 var(--ambar-texto); } #como-comprar .ronda-top { grid-column: 2; grid-row: 1; justify-content: flex-start; margin: 4px 0 6px; } #como-comprar .ronda h3 { grid-column: 2; grid-row: 2; } #como-comprar .ronda p { grid-column: 2; grid-row: 3; margin-top: 6px; } }
.portada-fondo { animation: none; transform: none; }
.tarjeta-color .sale-steve { width: 300px; }
@media (max-width: 1100px) { .tarjeta-color .sale-steve { width: 245px; } }
@media (max-width: 640px) { .tarjeta-color .sale-steve { width: 190px; } }
.ea-arte { width: 360px; margin: -128px 24px -50px 0; translate: none; }
@media (max-width: 1100px) { .ea-arte { width: 320px; margin: -80px 12px -36px 0; } }
@media (max-width: 900px) { .ea-arte { width: 260px; margin: -64px 0 -30px 0; } }
@media (max-width: 640px) { .ea-arte { width: min(270px, 80%); margin: -40px auto -4px; } }
.banda-modalidad + .comunidad { padding-top: 32px; }
.edicion-sec { padding: 0 0 72px; }
.caja.edicion { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px; }
.edicion-txt { margin-top: 12px; max-width: 62ch; font: 500 15px/1.55 var(--f-texto); color: var(--apagado); }
.edicion-txt b { color: var(--titulo); }
.edicion-cartas { display: grid; grid-template-columns: repeat(2, minmax(0, 260px)); align-items: center; gap: 18px; }
.edicion-java { position: relative; display: block; }
.edicion-java img { width: 100%; height: auto; filter: drop-shadow(0 10px 16px rgba(14, 61, 87, .3)); }
.edicion-java .cu-ok { opacity: 1; scale: 1; }
.bedrock-caja { position: relative; display: grid; align-content: center; justify-items: center; gap: 8px; aspect-ratio: 800 / 306; padding: 10px 16px; border-radius: 14px; background: linear-gradient(160deg, #f6eda9, #ecdf8e); color: #66634a; text-align: center; text-decoration: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55), 0 8px 16px rgba(14, 61, 87, .22); transition: transform .2s var(--seco), box-shadow .2s, filter .2s; }
.bedrock-caja:hover { transform: translateY(-3px); filter: brightness(1.04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), 0 12px 22px rgba(14, 61, 87, .3); }
.bedrock-caja:focus-visible { outline: 3px solid var(--primario); outline-offset: 4px; }
.bedrock-iconos { display: flex; gap: 9px; font-size: 19px; color: #6f6c50; }
.bedrock-t { font: 800 14px/1.25 var(--f-titulo); letter-spacing: .01em; color: #5e5b42; }
.bedrock-ir { position: absolute; right: 10px; bottom: 8px; font-size: 15px; color: #8a865f; transition: transform .2s var(--seco); }
.bedrock-caja:hover .bedrock-ir { transform: translateX(3px); }
.cu-plataformas .bedrock-caja { transform: scale(.92); }
.cu-plataformas .bedrock-caja:hover { transform: scale(.96) translateY(-2px); }
.cu-ediciones { grid-template-columns: minmax(0, 1fr); gap: 14px; max-width: 360px; margin-inline: auto; width: 100%; }
.cu-plataformas { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.cu-ediciones .bedrock-caja, .cu-plataformas .bedrock-caja { width: 100%; min-width: 0; }
.cu-ediciones .bedrock-t { font-size: 14px; }
.cu-ediciones .bedrock-iconos { gap: 8px; font-size: 18px; }
@media (max-width: 640px) { .cu-ediciones, .cu-plataformas { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 900px) { .caja.edicion { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .edicion-cartas { grid-template-columns: minmax(0, 1fr); justify-items: center; } .edicion-java, .bedrock-caja { width: min(100%, 280px); } .cu-plataformas .bedrock-caja { width: min(100%, 260px); justify-self: center; } }
.oferta-art { width: 378px; }
@media (max-width: 1279px) { .oferta-art { width: 324px; } }
@media (max-width: 1180px) { .oferta-art { width: 342px; } }
@media (max-width: 640px) { .oferta-art { width: 252px; } }
.portada-logo { margin: 0 auto; font-size: 0; line-height: 0; }
.portada-logo img { display: block; width: min(560px, 86vw); height: auto; margin: 0 auto; filter: drop-shadow(0 12px 26px rgba(0, 0, 0, .45)); }
@media (max-width: 640px) { .portada-logo img { width: min(340px, 86vw); } }
.nav-plataforma { display: flex; align-items: center; gap: 10px; height: 50px; margin-bottom: 6px; padding: 4px 14px 4px 5px; border-radius: 8px; text-align: left; color: #fff; text-decoration: none; background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); transition: background-color .2s, transform .2s var(--suave); }
.nav-plataforma:hover { background: rgba(0, 0, 0, .34); }
.nav-plataforma:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.nav-plataforma-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 6px; background: rgba(255, 255, 255, .14); font-size: 20px; color: #fff; }
.nav-plataforma-txt { display: grid; gap: 3px; min-width: 0; }
.nav-plataforma-txt b { font: 800 13px/1 var(--f-texto); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.nav-plataforma-txt small { display: inline-flex; align-items: center; gap: 4px; font: 700 12px/1 var(--f-texto); color: #fcd34d; white-space: nowrap; }
@media (max-width: 1360px) { .nav-plataforma { padding: 4px 5px; } .nav-plataforma-txt { display: none; } }
@media (max-width: 1023px) { .nav-plataforma { display: none; } }
.nav-user-txt small, .nav-idioma-txt small { white-space: nowrap; }
@media (min-width: 1361px) and (max-width: 1500px) { .links { gap: 4px; } .links a { padding: 8px 11px; } .nav-acts { gap: 8px; } .nav-plataforma { padding-right: 11px; } }
.oferta:not(.fina) .oferta-tag { font-size: 20px; }
.oferta:not(.fina) .oferta-t { margin: 16px 0 12px; font-size: 60px; }
.oferta:not(.fina) .oferta-txt p { max-width: 32ch; font-size: 17px; }
@media (max-width: 640px) { .oferta:not(.fina) .oferta-tag { font-size: 17px; } .oferta:not(.fina) .oferta-t { font-size: 46px; } .oferta:not(.fina) .oferta-txt p { font-size: 16px; } }
.portada-java { display: inline-flex; margin: 14px auto 0; padding: 8px 16px; border-radius: 999px; background: rgba(6, 26, 44, .66); color: #eaf7ff; font-weight: 600; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.portada-java b { color: #8fd8ff; }
.info-desc.v3-rico, .nivel-desc.v3-rico { background: #13283b; border-color: #0e2132; color: #d1d5d8; }
.nivel-desc.v3-rico { padding: 12px 14px; border-radius: 12px; }
.info-paq .info-desc p, .info-paq .info-desc li, .nivel-desc.v3-rico p, .nivel-desc.v3-rico li { color: #d1d5d8; }
.info-desc.v3-rico b, .info-desc.v3-rico strong, .nivel-desc.v3-rico b, .nivel-desc.v3-rico strong { color: inherit; }
.info-desc.v3-rico h1, .info-desc.v3-rico h2, .info-desc.v3-rico h3, .info-desc.v3-rico h4, .info-desc.v3-rico h5, .nivel-desc.v3-rico h1, .nivel-desc.v3-rico h2, .nivel-desc.v3-rico h3, .nivel-desc.v3-rico h4, .nivel-desc.v3-rico h5 { color: #fff; }
.info-desc.v3-rico a, .nivel-desc.v3-rico a { color: #7cd0ff; }
.package__modal__content__description, .package-modal-bottom-content-description { padding: 14px 16px; border-radius: 12px; background: #13283b; color: #d1d5d8; }
.package__modal__content__description :is(h1, h2, h3, h4, h5), .package-modal-bottom-content-description :is(h1, h2, h3, h4, h5) { color: #fff; }
.package__modal__content__description :is(b, strong), .package-modal-bottom-content-description :is(b, strong) { color: inherit; }
.package__modal__content__description a, .package-modal-bottom-content-description a { color: #7cd0ff; }
.package__modal__content__description img, .package-modal-bottom-content-description img { height: auto !important; max-width: 100%; }
.v3-rico img { height: auto !important; }
.info-desc.v3-rico [style*="color:rgb(184,49,47)"], .nivel-desc.v3-rico [style*="color:rgb(184,49,47)"], .package__modal__content__description [style*="color:rgb(184,49,47)"], .package-modal-bottom-content-description [style*="color:rgb(184,49,47)"] { color: #ff8f85 !important; }
.info-desc.v3-rico [style*="color:rgb(84,84,84)"], .nivel-desc.v3-rico [style*="color:rgb(84,84,84)"], .package__modal__content__description [style*="color:rgb(84,84,84)"], .package-modal-bottom-content-description [style*="color:rgb(84,84,84)"] { color: #9fb3c8 !important; }
.info-desc.v3-rico [style*="color:rgb(40,50,78)"], .nivel-desc.v3-rico [style*="color:rgb(40,50,78)"], .package__modal__content__description [style*="color:rgb(40,50,78)"], .package-modal-bottom-content-description [style*="color:rgb(40,50,78)"] { color: #7cd0ff !important; }
.info-desc.v3-rico [style*="color:rgb(128,7,224)"], .nivel-desc.v3-rico [style*="color:rgb(128,7,224)"], .package__modal__content__description [style*="color:rgb(128,7,224)"], .package-modal-bottom-content-description [style*="color:rgb(128,7,224)"] { color: #c9a0ff !important; }
.info-desc.v3-rico hr, .info-desc.v3-rico td, .info-desc.v3-rico th, .nivel-desc.v3-rico hr, .nivel-desc.v3-rico td, .nivel-desc.v3-rico th { border-color: rgba(255, 255, 255, .16); }
.spook-cats-grid img, .cat-ico, .subcats-t img, .v3-lateral img { image-rendering: auto; }
@media (min-width: 769px) { .spook-cats-grid .spook-cat-card:first-child img { width: 200px; height: 200px; right: -8px; bottom: -18px; } }
@media (min-width: 641px) { .com-in.sin-meta:has(> .tope):has(> .pagos) { grid-template-columns: minmax(0, 330px) minmax(0, 1fr); } }
.tope-fila { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.tope-fila img { flex: none; width: 42px; height: 42px; border-radius: 8px; image-rendering: pixelated; background: var(--fondo-2); box-shadow: 0 3px 0 var(--borde); }
.tope-fila b { display: block; font: 800 16px/1.2 var(--f-titulo); color: var(--titulo); overflow-wrap: anywhere; }
.tope-fila small { display: block; margin-top: 3px; font: 500 13px/1.3 var(--f-texto); color: var(--apagado); }
.tope-vacio { margin-top: 18px; font: 500 14px/1.4 var(--f-texto); color: var(--apagado); }
.aviso-extra { display: none; }
.aviso-mod, .aviso-mod * { margin: 0; padding: 0; font: 400 16px/1.6 var(--f-texto) !important; color: rgba(255, 255, 255, .95) !important; text-align: left !important; background: none !important; }
.aviso-mod { margin-top: 10px; }
.aviso-mod b, .aviso-mod strong, .aviso-mod .aviso-mod-t, .aviso-mod b *, .aviso-mod strong * { font-weight: 800 !important; color: #fff !important; }
.aviso-mod em, .aviso-mod i, .aviso-mod em *, .aviso-mod i * { font-style: italic !important; }
.aviso-mod .aviso-mod-t { display: block; text-transform: uppercase; letter-spacing: .04em; }
.portada-plats { display: grid; justify-items: center; gap: 6px; margin-top: 14px; color: #fff; }
.portada-plats span { display: flex; align-items: center; gap: 14px; font-size: 24px; line-height: 1; filter: drop-shadow(0 2px 4px rgba(6, 26, 44, .45)); }
.portada-plats small { font: 600 12px/1 var(--f-texto); letter-spacing: .02em; color: rgba(255, 255, 255, .85); }
.portada-plats + .portada-acts { margin-top: 22px; }
@media (max-width: 640px) { .portada-plats { margin-top: 12px; } .portada-plats span { gap: 12px; font-size: 21px; } .portada-plats + .portada-acts { margin-top: 18px; } }
.portada.sin-banda { padding-bottom: 52px; }
.cuadros-sec.cuadros-inicio { padding: 34px 0 44px; color: inherit; background: none; scroll-margin-top: 84px; }
@media (max-width: 640px) { .portada.sin-banda { padding-bottom: 36px; } .cuadros-sec.cuadros-inicio { padding: 22px 0 30px; } }
.fx-tienda { padding: 16px 0 34px; scroll-margin-top: 84px; }
.fx-pila { display: flex; flex-direction: column; gap: 20px; }
.fx-c1 { --c: #55bef7; }
.fx-c2 { --c: #1fa0ff; }
.fx-c3 { --c: #fbbf2a; }
.fx-c4 { --c: #7cc81f; }
.fx-c5 { --c: #e04ad8; }
.fx-c6 { --c: #ff7a1c; }
.fx-c7 { --c: #5b63f6; }
.fx-c8 { --c: #12b3de; }
.fx-c9 { --c: #55cf35; }
.fx-c10 { --c: #ff4d7e; }
.fx-c11 { --c: #b8713c; }
.fx-c12 { --c: #96d62a; }
.fx-c13 { --c: #f83b3b; }

.fx-franjas { display: flex; flex-wrap: wrap; gap: 12px; }
.fx-franja { position: relative; flex: 1 1 240px; display: flex; align-items: center; min-width: 0; min-height: 68px; padding: 10px 88px 14px 20px; border-radius: 12px;
  background: var(--c, #55bef7); overflow: hidden; isolation: isolate; box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .14); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.fx-franja:hover { transform: translateY(-3px); filter: brightness(1.05); box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .14), 0 12px 22px -12px rgba(14, 61, 87, .55); }
.fx-franja:focus-visible { outline: 3px solid var(--titulo); outline-offset: 3px; }
.fx-franja-txt { display: grid; gap: 5px; min-width: 0; }
.fx-franja-n { font: 700 clamp(13px, 1.13vw, 17px)/1.18 'Minecraft Pixel', monospace; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 0 rgba(0, 0, 0, .28); -webkit-font-smoothing: none; }
.fx-franja-p { font: 400 11px/12px 'Minecraft Pixel', monospace; text-transform: uppercase; color: #fff; opacity: .95; text-shadow: 1px 1px 0 rgba(0, 0, 0, .28); -webkit-font-smoothing: none; }
.fx-franja img { position: absolute; right: 10px; bottom: -14px; width: 82px; height: 82px; max-width: none; object-fit: contain; transform: rotate(-7deg);
  filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, .2)); transition: transform .2s ease; }
.fx-franja:hover img { transform: rotate(0) scale(1.06); }

.fx-sec { display: grid; gap: 10px; min-width: 0; }
.fx-cab { display: flex; align-items: center; gap: 10px; min-height: 40px; }
.fx-cab-ico { flex: none; width: 34px; height: 34px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 2px 0 rgba(14, 61, 87, .18)); }
.fx-cab-t { margin: 0; font-size: 19px; line-height: 1.2; }
.fx-cab-t a { transition: color .15s; }
.fx-cab-t a:hover { color: var(--primario); }
.fx-minis { display: flex; flex-wrap: wrap; gap: 8px; }
.fx-cab .fx-minis { margin-left: auto; justify-content: flex-end; }
.fx-mini { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 4px 14px 7px; border-radius: 10px; color: #fff; background: var(--c, var(--primario));
  font: 800 13px/1.15 var(--f-boton); letter-spacing: .03em; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0, 0, 0, .22); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .14);
  transition: transform .15s ease, filter .15s ease; }
.fx-mini .bi { font-size: 11px; -webkit-text-stroke: .6px currentColor; }
.fx-mini:hover { transform: translateY(-2px); filter: brightness(1.06); }
.fx-mini:focus-visible { outline: 3px solid var(--titulo); outline-offset: 2px; }
.fx-grupo { display: grid; gap: 10px; min-width: 0; }
.fx-grupo-t { display: flex; align-items: center; gap: 10px; min-height: 34px; }
.fx-grupo .fx-mini { flex: 1 1 auto; }
.fx-fallo { margin: 0; }

.fx-cuadradas { grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 16px; }
.fx-cuadradas > li:nth-child(n):nth-last-child(n) { grid-column: span 2; }
.fx-cuadradas .paquete { padding: 10px 10px 8px; border-radius: 14px; }
.fx-cuadradas .paquete:hover { transform: translateY(-4px); }
.fx-cuadradas .paquete-dto { top: 8px; left: 8px; padding: 5px 6px 4px; font-size: 11px; }
.fx-cuadradas .paquete-img { flex: 1 0 auto; aspect-ratio: 1.9 / 1; border-radius: 10px; }
.fx-cuadradas .paquete-img img { position: absolute; top: 6%; left: 10%; width: 80%; height: 88%; aspect-ratio: auto; object-fit: contain; }
.fx-cuadradas .paquete:hover .paquete-img img { transform: translateY(-4px) rotate(-3deg) scale(1.05); }
.fx-cuadradas .paquete-sin-img { font-size: 44px; }
.fx-cuadradas .paquete-n { display: grid; align-content: center; min-height: 2.5em; margin-top: 8px; font-size: 12px; line-height: 1.25; letter-spacing: .02em; overflow-wrap: anywhere; }
.fx-cuadradas .paquete-precio { margin: 6px 0 9px; gap: 6px; }
.fx-cuadradas .paquete-precio s { font-size: 12px; }
.fx-cuadradas .paquete-tipo { margin: -4px 0 8px; }
.fx-cuadradas .tramos { margin: -2px 0 8px; }
.fx-cuadradas .paquete-nota { margin: -2px 0 8px; }
.fx-cuadradas .paquete-acts { grid-template-columns: 38px minmax(0, 1fr); gap: 6px; }
.fx-cuadradas .paquete-acts .b3 { --labio: 4px; height: 36px; padding: 0 8px; gap: 6px; border-radius: 9px; font-size: 12px; }
.fx-cuadradas .paquete-acts .b3 .bi { font-size: 15px; }
.fx-cuadradas .paquete-acts .b3.info .bi { font-size: 17px; }
.fx-hueco .paquete, .fx-hueco .paquete:hover { transform: none; border-color: var(--borde); box-shadow: none; }
.fx-hueco .paquete-img { cursor: default; }
.fx-hueco .paquete-n::before, .fx-hueco .paquete-precio::before { content: ''; display: block; justify-self: center; width: 110px; max-width: 80%; height: 12px; border-radius: 6px; background: var(--fondo-2); }
.fx-hueco .paquete-precio { align-items: center; min-height: 16px; }
.fx-hueco .paquete-precio::before { width: 70px; height: 14px; }
.fx-hueco .paquete-acts i { height: 36px; margin-bottom: 4px; border-radius: 9px; background: var(--fondo-2); }
@media (min-width: 1024px) {
  .fx-cuadradas > li:nth-child(5n + 1):nth-last-child(4) { grid-column: 2 / span 2; }
  .fx-cuadradas > li:nth-child(5n + 1):nth-last-child(3) { grid-column: 3 / span 2; }
  .fx-cuadradas > li:nth-child(5n + 1):nth-last-child(2) { grid-column: 4 / span 2; }
  .fx-cuadradas > li:nth-child(5n + 1):nth-last-child(1) { grid-column: 5 / span 2; }
}

.fx-cat-cab { position: relative; overflow: hidden; isolation: isolate; color: #fff; background: #0a1b24; }
.fx-cat-cab::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 27, 36, .4), rgba(10, 27, 36, .2)); }
.fx-cat-in { display: flex; align-items: center; gap: 14px; min-height: 88px; padding: 14px 0; }
.fx-cat-ico { flex: none; width: 52px; height: 52px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 3px 0 rgba(0, 0, 0, .3)); }
.fx-cat-tit { min-width: 0; margin-right: auto; }
.fx-cat-grupo { margin-bottom: 6px; font: 700 12px/1 var(--f-boton); letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .9); }
.fx-cat-t { font: 400 clamp(18px, 1.9vw, 27px)/1.1 'Minercraftory', var(--f-mc); letter-spacing: .02em; text-transform: uppercase; color: #fff; text-shadow: 0 3px 0 rgba(0, 0, 0, .35); overflow-wrap: anywhere; }
.fx-cat-acts { flex: none; display: flex; gap: 10px; }
.fx-cat-acts .p-btn { height: 44px; min-width: 0; padding: 0 18px; gap: 8px; font-size: 13px; box-shadow: inset 0 3px 0 rgba(255, 255, 255, .2), inset 0 -5px 0 rgba(0, 0, 0, .3); }
.fx-cat-acts .p-btn .bi { font-size: 15px; }
.fx-cat-cab :focus-visible { outline-color: #fff; }
.fx-cat-cab ~ .cat-main { padding-top: 20px; }
.fx-cat-cab ~ .cat-main .subcats { margin-bottom: 18px; }
.fx-cat-cab ~ .cat-main .subcats-t { display: none; }
.fx-cat-cab ~ .cat-main .cat-desc { margin: 0 0 18px; }
.fx-cat-cab ~ .cat-main .cmp-barra { margin: 0 0 14px; }
.banda.fx-banda { padding: 18px 0 0; background: none; }
.banda.fx-banda .wrap, .fx-cat-cab + .banda .wrap { margin-top: 0; }
.fx-cat-cab + .banda { padding: 18px 0 0; background: none; }
.fx-banda .oferta-cta { --labio: 4px; height: 38px; padding: 0 14px; font-size: 12px; }

@media (max-width: 1339px) {
  .fx-grupo .fx-mini .bi { display: none; }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .fx-grupo .fx-minis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 821px) and (max-width: 1023px) {
  .fx-cuadradas { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
  .fx-cuadradas > li:nth-child(4n + 1):nth-last-child(3) { grid-column: 2 / span 2; }
  .fx-cuadradas > li:nth-child(4n + 1):nth-last-child(2) { grid-column: 3 / span 2; }
  .fx-cuadradas > li:nth-child(4n + 1):nth-last-child(1) { grid-column: 4 / span 2; }
}
@media (min-width: 641px) and (max-width: 820px) {
  .fx-cuadradas { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
  .fx-cuadradas > li:nth-child(3n + 1):nth-last-child(2) { grid-column: 2 / span 2; }
  .fx-cuadradas > li:nth-child(3n + 1):nth-last-child(1) { grid-column: 3 / span 2; }
}
@media (max-width: 820px) {
  .fx-cab { flex-wrap: wrap; }
  .fx-cat-in { flex-wrap: wrap; }
  .fx-cat-acts { flex: 1 1 100%; }
  .fx-cat-acts .p-btn { flex: 1 1 0; }
}
@media (max-width: 640px) {
  .fx-tienda { padding: 12px 0 26px; }
  .fx-pila { gap: 16px; }
  .fx-franjas { gap: 8px; }
  .fx-franja { flex: 1 1 96px; align-items: flex-start; min-height: 80px; padding: 9px 6px 12px 8px; border-radius: 10px; }
  .fx-franja-n { font-size: min(12px, 2.8vw); line-height: 1.2; }
  .fx-franja-p { display: none; }
  .fx-franja img { right: -2px; bottom: -8px; width: 46px; height: 46px; }
  .fx-grupo { order: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .fx-grupo-t { min-width: 0; min-height: 38px; gap: 8px; }
  .fx-grupo .fx-cab-t { font-size: 14px; }
  .fx-grupo .fx-minis { display: contents; }
  .fx-sec { order: 2; }
  .fx-cab { min-height: 34px; gap: 8px; }
  .fx-cab-ico { width: 30px; height: 30px; }
  .fx-cab-t { font-size: 16px; }
  .fx-cab .fx-minis { flex: 1 1 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-left: 0; }
  .fx-cab .fx-mini:last-child:nth-child(odd), .fx-grupo .fx-mini:last-child:nth-child(even) { grid-column: 1 / -1; }
  .fx-mini { min-height: 38px; padding: 4px 6px 7px; font-size: 12px; letter-spacing: .02em; }
  .fx-cuadradas { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .fx-cuadradas > li:nth-child(2n + 1):nth-last-child(1) { grid-column: 2 / span 2; }
  .fx-cuadradas .paquete { padding: 8px 8px 6px; }
  .fx-cuadradas .paquete-img { aspect-ratio: 1.7 / 1; }
  .fx-cuadradas .paquete-n { margin-top: 6px; font-size: 11.5px; }
  .fx-cuadradas .paquete-precio { margin: 5px 0 8px; }
  .fx-cuadradas .paquete-acts { grid-template-columns: 34px minmax(0, 1fr); gap: 5px; }
  .fx-cuadradas .paquete-acts .b3 { height: 34px; padding: 0 4px; gap: 4px; }
  .fx-hueco .paquete-acts i { height: 34px; }
  .fx-cat-in { min-height: 0; padding: 12px 0; gap: 10px; }
  .fx-cat-ico { width: 40px; height: 40px; }
  .fx-cat-t { font-size: 17px; }
  .fx-cat-grupo { font-size: 11px; margin-bottom: 4px; }
  .fx-cat-acts { gap: 8px; }
  .fx-cat-acts .p-btn { height: 40px; padding: 0 8px; font-size: 12px; letter-spacing: .02em; }
  .fx-cat-cab ~ .cat-main { padding-top: 14px; }
  .fx-cat-cab ~ .cat-main .subcats { margin-bottom: 14px; }
  .fx-cat-cab ~ .cat-main .subcats a { height: 36px; padding: 0 9px; font-size: 12.5px; }
}

.portada.portada-baja { padding: 26px 0 30px; }
.portada.portada-baja .portada-logo img { width: min(380px, 70vw); }
@media (max-width: 640px) { .portada.portada-baja { padding: 18px 0 22px; } .portada.portada-baja .portada-logo img { width: min(230px, 62vw); } }
.fx-todo .fx-pila { gap: 34px; }
.fx-bloque { display: grid; gap: 16px; min-width: 0; scroll-margin-top: calc(var(--nav-h) + 16px); }
.fx-titulo { position: relative; display: flex; align-items: center; min-height: 64px; padding: 10px 112px 14px 20px; border-radius: 12px; background: var(--c, var(--primario)); overflow: hidden; isolation: isolate;
  box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .14); }
.fx-titulo-n { margin: 0; font: 700 clamp(15px, 1.5vw, 21px)/1.18 'Minecraft Pixel', monospace; text-transform: uppercase; color: #fff; text-shadow: 2px 2px 0 rgba(0, 0, 0, .28); -webkit-font-smoothing: none; overflow-wrap: anywhere; }
.fx-titulo-art { position: absolute; right: 18px; bottom: -12px; width: 80px; height: 80px; max-width: none; object-fit: contain; transform: rotate(-7deg); filter: drop-shadow(4px 4px 0 rgba(0, 0, 0, .2)); }
.fx-sub { display: grid; gap: 12px; min-width: 0; scroll-margin-top: calc(var(--nav-h) + 16px); }
.fx-sub + .fx-sub { margin-top: 10px; }
.fx-sub-t { display: flex; align-items: center; gap: 8px; min-height: 30px; margin: 0; padding-left: 12px; border-left: 6px solid var(--c, var(--primario)); border-radius: 3px;
  font: 800 16px/1.2 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; color: var(--titulo); }
.fx-sub-g { font-size: 13px; font-weight: 700; opacity: .62; }
.fx-sub-t .bi { font-size: 11px; opacity: .5; -webkit-text-stroke: .6px currentColor; }
.fx-sub-t::after { content: ''; flex: 1 1 24px; min-width: 24px; height: 2px; margin-left: 6px; border-radius: 2px; background: var(--borde); }
.fx-todo .fx-cuadradas > li:nth-child(n):nth-last-child(n) { grid-column: span 2; }
@media (max-width: 640px) {
  .fx-todo .fx-pila { gap: 28px; }
  .fx-bloque { gap: 14px; }
  .fx-titulo { min-height: 52px; padding: 9px 78px 13px 14px; border-radius: 10px; }
  .fx-titulo-art { right: 8px; bottom: -12px; width: 64px; height: 64px; }
  .fx-sub-t { flex-wrap: wrap; gap: 4px 6px; min-height: 28px; padding-left: 10px; border-left-width: 5px; font-size: 15px; }
  .fx-sub-g { font-size: 12px; }
  .fx-sub-t::after { display: none; }
}
.fx-tienda.fx-todo { padding: 46px 0 40px; }
.fx-todo .fx-pila { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 60px 24px; align-items: stretch; }
.gc-panel { grid-column: 1 / -1; position: relative; display: flex; flex-direction: column; gap: 18px; min-width: 0; padding: 36px 22px 22px; border-radius: 24px; background: #fff;
  border: 1px solid var(--borde); border-bottom-width: 6px; box-shadow: var(--sombra); scroll-margin-top: calc(var(--nav-h) + 52px); }
.gc-d-oferta:has(+ .gc-d-servicios) { grid-column: 1; }
.gc-d-oferta:has(+ .gc-d-servicios) + .gc-d-servicios { grid-column: 2; }
.gc-d-oferta:has(+ .gc-d-servicios) .gc-placa-t, .gc-d-oferta:has(+ .gc-d-servicios) + .gc-d-servicios .gc-placa-t { font-size: clamp(15px, 1.35vw, 20px); }
.gc-placa { position: absolute; left: 50%; top: 0; z-index: 2; transform: translate(-50%, -56%); display: flex; align-items: center; justify-content: center; max-width: calc(100% - 28px); min-height: 50px;
  padding: 9px 30px 13px 82px; border-radius: 15px; background: var(--c, var(--primario)); box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .14), inset 0 2px 0 rgba(255, 255, 255, .22), 0 12px 18px -14px rgba(14, 61, 87, .6); }
.gc-placa-sola { padding-left: 30px; }
.gc-placa img { position: absolute; left: 12px; bottom: 2px; width: 62px; height: 62px; max-width: none; object-fit: contain; image-rendering: auto; transform: rotate(-7deg); filter: drop-shadow(3px 4px 0 rgba(0, 0, 0, .18)); }
.gc-placa-t { margin: 0; font: 700 clamp(17px, 1.7vw, 24px)/1.15 'Minecraft Pixel', monospace; text-transform: uppercase; white-space: nowrap; color: #fff; text-shadow: 2px 2px 0 rgba(0, 0, 0, .28); -webkit-font-smoothing: none; }
.gc-zona { display: grid; gap: 12px; min-width: 0; scroll-margin-top: calc(var(--nav-h) + 52px); }
.gc-sub-t { display: flex; align-items: center; gap: 12px; margin: 0; font: 800 13px/1.2 var(--f-boton); letter-spacing: .14em; text-transform: uppercase; color: var(--titulo); }
.gc-sub-t::before, .gc-sub-t::after { content: ''; flex: 1 1 16px; height: 2px; border-radius: 2px; background: var(--borde); }
.gc-sub-t span { display: inline-flex; align-items: center; gap: 9px; min-width: 0; text-align: center; }
.gc-sub-t span::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 2px; background: var(--c, var(--primario)); rotate: 45deg; }
.gc-l { gap: 14px; }
.gc-l > li:nth-child(n):nth-last-child(n) { grid-column: auto; }
.gc-l .tramos, .gc-l .paquete-nota { grid-column: 1 / -1; }
.gc-panel .fx-fallo { text-align: center; }
.gc-panel .fx-hueco .paquete { min-height: 200px; }

.gc-l[data-gc-l="rangos"] { grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)); }
[data-gc-l="rangos"] .paquete { align-items: stretch; padding: 0 0 10px; overflow: hidden; }
[data-gc-l="rangos"] .paquete:hover { transform: translateY(-4px); }
[data-gc-l="rangos"] .paquete-dto { top: 9px; left: 9px; padding: 5px 6px 4px; font-size: 11px; }
[data-gc-l="rangos"] .paquete-img { aspect-ratio: auto; height: 80px; border-radius: 0; background: var(--fondo); background: color-mix(in srgb, var(--c, var(--primario)) 13%, #fff); }
[data-gc-l="rangos"] .paquete-img img { width: auto; max-width: 78%; height: 70px; aspect-ratio: auto; }
[data-gc-l="rangos"] .paquete:hover .paquete-img img { transform: translateY(-3px) scale(1.06); }
[data-gc-l="rangos"] .paquete-n { display: grid; align-content: center; min-height: 2.5em; margin: 8px 9px 0; font-size: 12px; line-height: 1.25; letter-spacing: .02em; overflow-wrap: anywhere; }
[data-gc-l="rangos"] .paquete-precio { margin: 8px 9px 9px; gap: 6px; }
[data-gc-l="rangos"] .paquete-precio s { font-size: 12px; }
[data-gc-l="rangos"] .paquete-tipo { align-self: center; margin: -4px 10px 8px; }
[data-gc-l="rangos"] .paquete-acts { grid-template-columns: 38px minmax(0, 1fr); gap: 6px; width: auto; margin: auto 10px 0; }
[data-gc-l="rangos"] .paquete-acts .b3, [data-gc-l="objetos"] .paquete-acts .b3, [data-gc-l="compacta"] .paquete-acts .b3, [data-gc-l="camino"] .paquete-acts .b3, [data-gc-l="servicios"] .paquete-acts .b3 { --labio: 4px; height: 36px; padding: 0 8px; gap: 6px; border-radius: 9px; font-size: 12px; }
[data-gc-l="rangos"] .paquete-acts .b3 .bi, [data-gc-l="objetos"] .paquete-acts .b3 .bi, [data-gc-l="compacta"] .paquete-acts .b3 .bi, [data-gc-l="camino"] .paquete-acts .b3 .bi, [data-gc-l="servicios"] .paquete-acts .b3 .bi { font-size: 15px; }
.gc-pros { flex: 1 0 auto; display: grid; align-content: start; gap: 3px; margin: 6px 9px 0; padding: 7px 0 0; list-style: none; text-align: left; border-top: 2px dashed var(--borde); }
.gc-pros li { position: relative; padding-left: 18px; font: 500 12px/1.3 var(--f-texto); color: var(--cuerpo); overflow-wrap: anywhere; }
.gc-pros li::before { content: ''; position: absolute; left: 4px; top: 2px; width: 5px; height: 9px; border: solid var(--c, var(--primario)); border-width: 0 2.5px 2.5px 0; rotate: 45deg; }
.gc-nivel { position: absolute; top: 9px; right: 10px; z-index: 1; display: flex; align-items: flex-end; gap: 3px; height: 18px; pointer-events: none; }
.gc-nivel i { width: 5px; height: 18px; border-radius: 2px; background: rgba(14, 61, 87, .16); }
.gc-nivel i:nth-child(1) { height: 6px; }
.gc-nivel i:nth-child(2) { height: 9px; }
.gc-nivel i:nth-child(3) { height: 12px; }
.gc-nivel i:nth-child(4) { height: 15px; }
.gc-nivel i.on { background: var(--c, var(--primario)); }
[data-gc-l="rangos"] .fx-hueco .paquete { min-height: 320px; }

.gc-accesos { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; padding-top: 18px; border-top: 2px dashed var(--borde); }
.gc-acceso { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 70px; margin-bottom: 5px; padding: 10px 18px 10px 12px; border-radius: 16px; color: var(--titulo);
  background: var(--fondo); background: color-mix(in srgb, var(--c, var(--primario)) 9%, #fff); box-shadow: inset 0 0 0 2px var(--borde-2), 0 5px 0 var(--borde-2);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--c, var(--primario)) 45%, #fff), 0 5px 0 color-mix(in srgb, var(--c, var(--primario)) 45%, #fff); transition: transform .12s ease-out, box-shadow .12s ease-out, background-color .2s; scroll-margin-top: calc(var(--nav-h) + 52px); }
.gc-acceso:hover { transform: translateY(3px); background: #fff; box-shadow: inset 0 0 0 2px var(--c, var(--primario)), 0 2px 0 var(--c, var(--primario)); }
.gc-acceso:focus-visible { outline: 3px solid var(--titulo); outline-offset: 3px; }
.gc-acceso-ico { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; font-size: 22px; color: #fff; background: var(--c, var(--primario)); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .14); }
.gc-acceso-ico .bi { -webkit-text-stroke: .5px currentColor; }
.gc-acceso-txt { display: grid; gap: 4px; min-width: 0; }
.gc-acceso-txt b { font: 800 16px/1.15 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; overflow-wrap: anywhere; }
.gc-acceso-txt small { font: 600 13px/1.2 var(--f-texto); color: var(--apagado); }
.gc-acceso-ir { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font-size: 15px; color: var(--c, var(--primario)); background: #fff; -webkit-text-stroke: .8px currentColor; transition: transform .2s var(--seco); }
.gc-acceso:hover .gc-acceso-ir { transform: translateX(3px); }

.gc-l[data-gc-l="coins"] { grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)); padding-top: 6px; }
[data-gc-l="coins"] .paquete { padding: 14px 14px 12px; border-radius: 18px; background: var(--fondo); border: 2px solid transparent; box-shadow: none; }
[data-gc-l="coins"] .paquete:hover { transform: translateY(-4px); background: #fff; border-color: var(--borde-2); box-shadow: 0 22px 30px -24px rgba(27, 114, 162, .6); }
[data-gc-l="coins"] .paquete-img { aspect-ratio: auto; height: 104px; background: none; }
[data-gc-l="coins"] .paquete-img img { width: auto; max-width: 80%; height: 96px; aspect-ratio: auto; }
[data-gc-l="coins"] .paquete-n { display: grid; gap: 4px; margin-top: 6px; font-size: 13px; overflow-wrap: anywhere; }
.gc-cant { font: 400 20px/1.1 var(--f-mc); letter-spacing: .02em; color: var(--titulo); }
.gc-uni { font: 800 11px/1.2 var(--f-boton); letter-spacing: .14em; text-transform: uppercase; color: var(--apagado); }
[data-gc-l="coins"] .paquete-precio { margin: 10px 0 10px; }
[data-gc-l="coins"] .paquete-precio b { font-size: 17px; }
[data-gc-l="coins"] .paquete-tipo { margin: -4px 0 8px; }
.gc-valor { display: grid; gap: 6px; width: 100%; }
.gc-barra { display: block; height: 8px; border-radius: 8px; overflow: hidden; background: rgba(14, 61, 87, .1); }
.gc-barra i { display: block; height: 100%; border-radius: 8px; background: var(--c, var(--primario)); }
.gc-valor small { font: 600 12px/1.25 var(--f-texto); color: var(--apagado); }
.gc-unico { margin: 9px 0 12px; padding: 4px 10px 3px; border-radius: 20px; font: 800 10.5px/1.3 var(--f-boton); letter-spacing: .1em; text-transform: uppercase; color: var(--apagado); background: #fff; box-shadow: inset 0 0 0 1px var(--borde); }
[data-gc-l="coins"] .paquete-acts { grid-template-columns: minmax(0, 1fr); }
[data-gc-l="coins"] .paquete-acts .b3 { --labio: 5px; height: 42px; }
[data-gc-l="coins"] .paquete-acts .b3.info { --labio: 3px; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; margin: 0; border-radius: 8px; }
[data-gc-l="coins"] .paquete-acts .b3.info .bi { font-size: 16px; }
[data-gc-l="coins"] .gc-mejor .paquete { background: #fff; border-color: #f5b331; box-shadow: 0 5px 0 #f5b331; }
[data-gc-l="coins"] .gc-mejor .paquete:hover { border-color: #f5b331; box-shadow: 0 5px 0 #f5b331, 0 24px 30px -22px rgba(217, 119, 6, .55); }
.gc-mejor-t { position: absolute; top: -2px; left: 50%; z-index: 1; translate: -50% -50%; padding: 5px 12px 4px; border-radius: 20px; font: 800 11px/1.2 var(--f-boton); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;
  color: #713f12; background: #fcd34d; box-shadow: 0 3px 0 #d97706; }
.gc-mejor .gc-barra i { background: #f5b331; }
[data-gc-l="coins"] .fx-hueco .paquete { min-height: 330px; }

.gc-selector { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 18px; align-items: start; }
.gc-menu-caja { position: relative; min-width: 0; }
.gc-menu { position: relative; display: grid; gap: 6px; }
.gc-op { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 50px; padding: 6px 12px 8px 8px; border-radius: 13px;
  font: 800 13.5px/1.2 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; color: var(--titulo); background: var(--fondo); box-shadow: inset 0 0 0 1px transparent; transition: transform .15s ease-out, background-color .15s, box-shadow .15s; }
.gc-op:hover { transform: translateX(3px); background: #fff; box-shadow: inset 0 0 0 1px var(--borde-2), 0 3px 0 var(--borde); }
.gc-op:focus-visible { outline: 3px solid var(--titulo); outline-offset: 2px; }
.gc-op-ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; font-size: 17px; color: var(--c, var(--primario)); background: #fff; box-shadow: 0 2px 0 var(--borde); }
.gc-op-n { min-width: 0; overflow-wrap: anywhere; }
.gc-op-c { min-width: 26px; padding: 3px 7px 2px; border-radius: 20px; font: 800 12px/1.3 var(--f-texto); letter-spacing: 0; text-align: center; color: var(--apagado); background: #fff; }
.gc-op-c:empty { visibility: hidden; }
.gc-op[aria-selected="true"] { color: #fff; background: var(--c, var(--primario)); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .15); text-shadow: 1px 1px 0 rgba(0, 0, 0, .22); transform: none; }
.gc-op[aria-selected="true"] .gc-op-ico { box-shadow: 0 2px 0 rgba(0, 0, 0, .15); text-shadow: none; }
.gc-op[aria-selected="true"] .gc-op-c { color: var(--titulo); text-shadow: none; }
.gc-op[aria-selected="true"]::after { content: ''; position: absolute; right: -6px; top: 50%; width: 14px; height: 14px; margin-top: -9px; border-radius: 3px; background: var(--c, var(--primario)); rotate: 45deg; }
.gc-escaparate { min-width: 0; padding: 14px 16px 16px; border-radius: 18px; background: var(--fondo); }
.gc-vista { display: grid; gap: 14px; min-width: 0; scroll-margin-top: calc(var(--nav-h) + 52px); }
.gc-vista .gc-sub-t::before { display: none; }
.gc-l[data-gc-l="objetos"] { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
[data-gc-l="objetos"] .paquete, [data-gc-l="compacta"] .paquete { padding: 8px 8px 6px; border-radius: 13px; border-bottom-width: 4px; box-shadow: none; }
[data-gc-l="objetos"] .paquete:hover, [data-gc-l="compacta"] .paquete:hover { transform: translateY(-3px); box-shadow: 0 18px 24px -20px rgba(27, 114, 162, .6); }
[data-gc-l="objetos"] .paquete-dto, [data-gc-l="compacta"] .paquete-dto { top: 7px; left: 7px; padding: 4px 5px 3px; font-size: 10px; }
[data-gc-l="objetos"] .paquete-img, [data-gc-l="compacta"] .paquete-img { aspect-ratio: auto; height: 80px; border-radius: 9px; background: none; }
[data-gc-l="objetos"] .paquete-img img, [data-gc-l="compacta"] .paquete-img img { width: 88%; height: 70px; aspect-ratio: auto; filter: drop-shadow(0 7px 6px rgba(14, 61, 87, .2)); }
[data-gc-l="objetos"] .paquete:hover .paquete-img img, [data-gc-l="compacta"] .paquete:hover .paquete-img img { transform: translateY(-3px) scale(1.06); }
[data-gc-l="objetos"] .paquete-n, [data-gc-l="compacta"] .paquete-n { display: grid; align-content: center; min-height: 2.5em; margin-top: 6px; font-size: 11px; line-height: 1.25; letter-spacing: .02em; overflow-wrap: anywhere; }
[data-gc-l="objetos"] .paquete-precio, [data-gc-l="compacta"] .paquete-precio { margin: 6px 0 8px; gap: 6px; }
[data-gc-l="objetos"] .paquete-precio s, [data-gc-l="compacta"] .paquete-precio s { font-size: 12px; }
[data-gc-l="objetos"] .paquete-tipo, [data-gc-l="compacta"] .paquete-tipo { margin: -4px 0 8px; font: 700 12px/1.3 var(--f-texto); color: var(--apagado); }
[data-gc-l="objetos"] .paquete-acts, [data-gc-l="compacta"] .paquete-acts { grid-template-columns: 36px minmax(0, 1fr); gap: 5px; }
[data-gc-l="objetos"] .fx-hueco .paquete { min-height: 198px; }
@media (min-width: 1024px) {
  .gc-selector { align-items: stretch; }
  .gc-menu { height: 100%; grid-auto-rows: minmax(50px, 1fr); }
  .gc-escaparate { display: grid; min-height: 478px; }
  .gc-vista { grid-template-rows: auto minmax(0, 1fr); }
  .gc-l[data-gc-l="objetos"] { grid-template-rows: repeat(2, minmax(min-content, 1fr)); grid-auto-rows: minmax(min-content, 1fr); }
  .gc-l[data-gc-l="objetos"][data-gc-n] { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: minmax(min-content, 1fr); }
  .gc-l[data-gc-l="objetos"][data-gc-n="u"] { grid-template-columns: minmax(0, 1fr); }
  [data-gc-l="objetos"][data-gc-n] .paquete-dto { top: 10px; left: 10px; padding: 5px 6px 4px; font-size: 11px; }
  [data-gc-l="objetos"][data-gc-n] .paquete-img { background: radial-gradient(circle at 50% 58%, rgba(181, 228, 253, .6), rgba(181, 228, 253, 0) 64%); }
  [data-gc-l="objetos"][data-gc-n] .paquete-acts .b3 { --labio: 5px; height: 42px; font-size: 13px; }
  [data-gc-l="objetos"][data-gc-n] .paquete-acts { grid-template-columns: 44px minmax(0, 1fr); gap: 7px; }
  [data-gc-l="objetos"][data-gc-n="g"] .paquete { padding: 12px 14px 10px; border-radius: 16px; }
  [data-gc-l="objetos"][data-gc-n="g"] .paquete-img { flex: 1 1 0; height: auto; min-height: 170px; }
  [data-gc-l="objetos"][data-gc-n="g"] .paquete-img img { width: auto; max-width: 70%; height: 170px; }
  [data-gc-l="objetos"][data-gc-n="g"] .paquete-n { min-height: 0; margin-top: 10px; font-size: 15px; }
  [data-gc-l="objetos"][data-gc-n="g"] .paquete-precio { margin: 10px 0 14px; gap: 8px; }
  [data-gc-l="objetos"][data-gc-n="g"] .paquete-precio b { font-size: 18px; }
  [data-gc-l="objetos"][data-gc-n="g"] .paquete-precio s { font-size: 14px; }
  [data-gc-l="objetos"][data-gc-n="g"] .paquete-acts { max-width: 300px; }
  [data-gc-l="objetos"][data-gc-n="m"] .paquete, [data-gc-l="objetos"][data-gc-n="u"] .paquete { display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto auto auto auto auto minmax(0, 1fr); column-gap: 16px;
    align-items: center; justify-items: start; padding: 10px 16px 10px 10px; text-align: left; border-radius: 16px; }
  [data-gc-l="objetos"][data-gc-n="m"] .paquete-img, [data-gc-l="objetos"][data-gc-n="u"] .paquete-img { grid-column: 1; grid-row: 1 / -1; height: 100%; }
  [data-gc-l="objetos"][data-gc-n="m"] .paquete-img img { width: auto; max-width: 86%; height: 112px; }
  [data-gc-l="objetos"][data-gc-n="m"] .paquete-n, [data-gc-l="objetos"][data-gc-n="u"] .paquete-n { grid-column: 2; grid-row: 2; display: block; min-height: 0; margin: 0; font-size: 14px; }
  [data-gc-l="objetos"][data-gc-n] .gc-extracto { grid-column: 2; grid-row: 3; margin-top: 10px; -webkit-line-clamp: 6; font-size: 14px; }
  [data-gc-l="objetos"][data-gc-n="m"] .paquete-precio, [data-gc-l="objetos"][data-gc-n="u"] .paquete-precio { grid-column: 2; grid-row: 4; margin: 10px 0 12px; justify-content: flex-start; gap: 8px; }
  [data-gc-l="objetos"][data-gc-n="m"] .paquete-precio b { font-size: 17px; }
  [data-gc-l="objetos"][data-gc-n="m"] .paquete-tipo, [data-gc-l="objetos"][data-gc-n="u"] .paquete-tipo { grid-column: 2; grid-row: 5; margin: -6px 0 10px; }
  [data-gc-l="objetos"][data-gc-n="m"] .paquete-acts, [data-gc-l="objetos"][data-gc-n="u"] .paquete-acts { grid-column: 2; grid-row: 6; margin: 0; }
  [data-gc-l="objetos"][data-gc-n="u"] .paquete { grid-template-columns: minmax(0, 46%) minmax(0, 1fr); column-gap: 28px; padding: 14px 28px 14px 14px; }
  [data-gc-l="objetos"][data-gc-n="u"] .paquete-img img { width: auto; max-width: 80%; height: 220px; border-radius: 12px; }
  [data-gc-l="objetos"][data-gc-n="u"] .paquete-n { font-size: 19px; line-height: 1.2; }
  [data-gc-l="objetos"][data-gc-n="u"] .paquete-precio { margin: 16px 0 14px; }
  [data-gc-l="objetos"][data-gc-n="u"] .paquete-precio b { font-size: 21px; }
  [data-gc-l="objetos"][data-gc-n="u"] .paquete-precio s { font-size: 15px; }
  [data-gc-l="objetos"][data-gc-n="u"] .paquete-acts { grid-template-columns: 46px minmax(0, 240px); }
  [data-gc-l="objetos"][data-gc-n="u"] .paquete-acts .b3 { height: 46px; font-size: 14px; }
  [data-gc-l="objetos"][data-gc-n] .fx-hueco .paquete { min-height: 0; }
  [data-gc-l="objetos"][data-gc-n] .fx-hueco .paquete > * { visibility: hidden; }
}

.gc-l[data-gc-l="oferta"] { flex: 1; grid-template-columns: minmax(0, 1fr); gap: 18px; }
[data-gc-l="oferta"] .paquete { display: grid; grid-template-columns: minmax(120px, 40%) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto auto auto auto minmax(0, 1fr); grid-template-areas: "img ." "img n" "img x" "img p" "img a" "img ."; column-gap: 20px; align-items: start; justify-items: start;
  padding: 0; text-align: left; background: none; border: 0; border-radius: 0; box-shadow: none; }
[data-gc-l="oferta"] .paquete:hover { transform: none; box-shadow: none; }
[data-gc-l="oferta"] .paquete-dto { top: 10px; left: 10px; }
[data-gc-l="oferta"] .paquete-img { grid-area: img; height: 100%; min-height: 190px; aspect-ratio: auto; border-radius: 18px; background: var(--fondo); background: color-mix(in srgb, var(--c, var(--primario)) 16%, #fff); }
[data-gc-l="oferta"] .paquete-img img { width: min(82%, 170px); }
[data-gc-l="oferta"] .paquete-n { grid-area: n; margin-top: 0; font-size: 17px; line-height: 1.2; overflow-wrap: anywhere; }
[data-gc-l="oferta"] .gc-extracto { grid-area: x; margin-top: 8px; -webkit-line-clamp: 6; font-size: 13.5px; }
[data-gc-l="oferta"] .paquete-precio { grid-area: p; margin: 14px 0 12px; justify-content: flex-start; }
[data-gc-l="oferta"] .paquete-precio b { font-size: 20px; }
[data-gc-l="oferta"] .paquete-precio s { font-size: 14px; }
[data-gc-l="oferta"] .paquete-tipo { grid-area: p; align-self: end; margin: 0 0 -6px; }
[data-gc-l="oferta"] .paquete-acts { grid-area: a; grid-template-columns: 46px minmax(0, 220px); margin: 0; }
.gc-extracto { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; font: 400 12.5px/1.45 var(--f-texto); color: var(--cuerpo); overflow-wrap: anywhere; }
[data-gc-l="oferta"] .fx-hueco .paquete-img { min-height: 190px; }

.gc-l[data-gc-l="servicios"] { flex: 1; grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; gap: 0; }
[data-gc-l="servicios"] > li + li { border-top: 2px dashed var(--borde); }
[data-gc-l="servicios"] .paquete { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto auto auto; grid-template-areas: "img n d p a" "img x d p a"; column-gap: 12px; row-gap: 2px; align-items: center; justify-items: start;
  padding: 10px 2px; text-align: left; background: none; border: 0; border-radius: 0; box-shadow: none; }
[data-gc-l="servicios"] .paquete:hover { transform: none; box-shadow: none; }
[data-gc-l="servicios"] .paquete-img { grid-area: img; width: 52px; height: 52px; aspect-ratio: auto; border-radius: 13px; background: var(--fondo); background: color-mix(in srgb, var(--c, var(--primario)) 13%, #fff); }
[data-gc-l="servicios"] .paquete-img img { width: 40px; height: 40px; filter: none; }
[data-gc-l="servicios"] .paquete:hover .paquete-img img { transform: scale(1.08); }
[data-gc-l="servicios"] .paquete-n { grid-area: n; align-self: end; margin: 0; font-size: 12px; line-height: 1.25; overflow-wrap: anywhere; }
[data-gc-l="servicios"] .paquete-n:last-of-type { align-self: center; }
[data-gc-l="servicios"] .gc-extracto { grid-area: x; align-self: start; color: var(--apagado); }
[data-gc-l="servicios"] .paquete-dto { grid-area: d; position: static; padding: 5px 6px 4px; font-size: 10px; }
[data-gc-l="servicios"] .paquete-precio { grid-area: p; display: grid; grid-template-columns: auto auto; align-items: baseline; justify-items: end; gap: 3px 5px; margin: 0; }
[data-gc-l="servicios"] .paquete-precio s { grid-column: 1 / -1; }
[data-gc-l="servicios"] .paquete-precio small { font-size: 10px; }
[data-gc-l="servicios"] .paquete-acts { grid-area: a; grid-template-columns: 36px auto; gap: 6px; width: auto; margin: 0; }
[data-gc-l="servicios"] .paquete-acts .b3.agregar { padding: 0 12px; }
[data-gc-l="servicios"] .fx-hueco .paquete { min-height: 76px; }

.gc-d-kraken { --k-tinta: #4a2d06; background: #ffd465; border-color: #f2b632; border-bottom-color: #dd9b1b; }
.gc-kraken { display: grid; grid-template-columns: 210px minmax(0, 1fr); grid-template-areas: "fig info" "pie pie"; gap: 20px 28px; align-items: center; color: var(--k-tinta); }
.gc-k-fig { grid-area: fig; display: grid; place-items: center; min-height: 200px; }
.gc-k-fig img { width: auto; max-width: 100%; height: 214px; object-fit: contain; filter: drop-shadow(0 14px 10px rgba(113, 63, 18, .32)); }
.gc-k-info { grid-area: info; min-width: 0; }
.gc-k-pros { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 30px; list-style: none; }
.gc-k-pros li { position: relative; padding-left: 24px; font: 500 14.5px/1.4 var(--f-texto); color: var(--k-tinta); overflow-wrap: anywhere; }
.gc-k-pros li::before { content: ''; position: absolute; left: 5px; top: 3px; width: 6px; height: 11px; border: solid #b45309; border-width: 0 3px 3px 0; rotate: 45deg; }
.gc-k-todas { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 4px 0; font: 800 13.5px/1.2 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; color: #713f12; }
.gc-k-todas span { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.gc-k-todas .bi { transition: transform .2s var(--seco); -webkit-text-stroke: .6px currentColor; }
.gc-k-todas:hover .bi { transform: translateX(4px); }
.gc-k-todas:focus-visible, .gc-k-op:focus-visible { outline: 3px solid var(--k-tinta); outline-offset: 2px; }
.gc-k-pie { grid-area: pie; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 22px; }
.gc-k-dur { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; padding: 6px 6px 8px; border-radius: 16px; background: #f0b53a; box-shadow: inset 0 3px 0 rgba(113, 63, 18, .14); }
.gc-k-op { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 8px; min-height: 50px; padding: 6px 8px; border-radius: 11px; font: 800 14.5px/1.1 var(--f-boton); letter-spacing: .04em; text-transform: uppercase; color: #5b3a08;
  transition: background-color .15s, transform .12s ease-out; }
.gc-k-op:hover { background: rgba(255, 255, 255, .35); }
.gc-k-op b { padding: 4px 7px 3px; border-radius: 7px; font: 800 12.5px/1.1 var(--f-boton); letter-spacing: .02em; color: #fff; background: #b45309; }
.gc-k-op[aria-checked="true"] { color: var(--titulo); background: #fff; box-shadow: 0 4px 0 rgba(113, 63, 18, .34); }
.gc-k-pago { display: grid; justify-items: end; gap: 6px; min-width: 150px; }
.gc-k-pago .paquete-precio { margin: 0; justify-content: flex-end; gap: 8px; }
.gc-k-pago .paquete-precio b { font-size: 24px; color: #063e5d; }
.gc-k-pago .paquete-precio s { font-size: 14px; }
.gc-k-pago .paquete-precio small { font-size: 12px; color: #6b4a12; }
.gc-k-notas { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.gc-k-notas span { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px 3px; border-radius: 20px; font: 800 10.5px/1.3 var(--f-boton); letter-spacing: .08em; text-transform: uppercase; color: #6b4a12; background: rgba(255, 255, 255, .55); }
.gc-k-notas .gc-k-ahorro { color: #fff; background: #b45309; }
.gc-k-add { --labio: 6px; height: 56px; min-width: 200px; padding: 0 26px; font-size: 16px; }
.gc-k-add .bi { font-size: 20px; }
[data-gc-l="kraken"] .fx-hueco .paquete { min-height: 330px; background: rgba(255, 255, 255, .35); border-color: transparent; }
[data-gc-l="kraken"] .fx-hueco .paquete > * { visibility: hidden; }
.gc-l[data-gc-l="kraken"] { grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)); }
.gc-l[data-gc-l="kraken"][aria-busy] { grid-template-columns: minmax(0, 1fr); }

.gc-vent { width: min(660px, calc(100vw - 24px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; }
.gc-vent.gc-vent-compacta { width: min(920px, calc(100vw - 24px)); }
.gc-vent-in { position: relative; display: grid; gap: 16px; padding: 20px 24px 24px; }
.gc-vent-cab { display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 0 44px 16px 0; border-bottom: 2px dashed var(--borde); }
.gc-vent-cab img { flex: none; width: 56px; height: 56px; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 3px 0 rgba(14, 61, 87, .14)); }
.ventana .gc-vent-g { margin-bottom: 5px; font: 700 12px/1.3 var(--f-texto); letter-spacing: .1em; text-transform: uppercase; color: var(--apagado); }
.ventana .gc-vent-t { font-size: 17px; overflow-wrap: anywhere; }
.gc-vent .ventana-x { z-index: 2; }
.gc-vent .fx-fallo { text-align: center; }
.gc-vent .fx-hueco .paquete { min-height: 78px; }
.gc-vent-compacta .fx-hueco .paquete { min-height: 200px; }
.gc-l[data-gc-l="compacta"] { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.gc-l[data-gc-l="camino"] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
[data-gc-l="camino"] > li { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 12px; }
[data-gc-l="camino"] > li::before { content: ''; position: absolute; left: 15px; top: -6px; bottom: -6px; width: 4px; border-radius: 2px; background: repeating-linear-gradient(180deg, var(--borde-2) 0 7px, transparent 7px 12px); }
[data-gc-l="camino"] > li:first-child::before { top: 50%; }
[data-gc-l="camino"] > li:last-child::before { bottom: 50%; }
[data-gc-l="camino"] > li:only-child::before, [data-gc-l="camino"] > .fx-hueco::before { display: none; }
[data-gc-l="camino"] > .fx-hueco { display: flex; }
.gc-paso { position: relative; z-index: 1; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font: 400 13px/1 var(--f-mc); color: #fff; background: var(--c, var(--primario)); box-shadow: 0 0 0 4px #fff, inset 0 -3px 0 rgba(0, 0, 0, .15); }
[data-gc-l="camino"] .paquete { display: grid; grid-template-columns: 60px minmax(0, 1fr) auto; grid-template-areas: "img n a" "img p a"; column-gap: 14px; row-gap: 5px; align-items: center; justify-items: start;
  padding: 8px 12px 8px 8px; text-align: left; border-radius: 14px; box-shadow: none; }
[data-gc-l="camino"] .paquete:hover { transform: translateX(3px); box-shadow: none; border-color: var(--borde-2); }
[data-gc-l="camino"] .paquete-img { grid-area: img; width: 60px; height: 60px; aspect-ratio: auto; border-radius: 11px; background: var(--fondo); background: color-mix(in srgb, var(--c, var(--primario)) 13%, #fff); }
[data-gc-l="camino"] .paquete-img img { width: auto; max-width: 84%; height: 50px; aspect-ratio: auto; filter: none; }
[data-gc-l="camino"] .paquete:hover .paquete-img img { transform: scale(1.08); }
[data-gc-l="camino"] .paquete-dto { top: -7px; left: -7px; padding: 4px 5px 3px; font-size: 10px; }
[data-gc-l="camino"] .paquete-n { grid-area: n; align-self: end; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0; font-size: 13px; line-height: 1.25; overflow-wrap: anywhere; }
.gc-de { color: var(--apagado); }
.gc-flecha { font-size: 15px; color: var(--c, var(--primario)); -webkit-text-stroke: 1px currentColor; }
[data-gc-l="camino"] .paquete-precio { grid-area: p; align-self: start; margin: 0; justify-content: flex-start; gap: 6px; }
[data-gc-l="camino"] .paquete-tipo { grid-column: 2; margin: 0; }
[data-gc-l="camino"] .paquete-acts { grid-area: a; grid-template-columns: 36px auto; gap: 6px; width: auto; margin: 0; }
[data-gc-l="camino"] .paquete-acts .b3.agregar { padding: 0 14px; }
:root:has(dialog.gc-vent[open]) .vuela { visibility: hidden; }

@media (max-width: 1279px) {
  .gc-selector { grid-template-columns: 220px minmax(0, 1fr); gap: 14px; }
}
@media (max-width: 1023px) {
  .fx-todo .fx-pila { grid-template-columns: minmax(0, 1fr); }
  .gc-d-oferta:has(+ .gc-d-servicios), .gc-d-oferta:has(+ .gc-d-servicios) + .gc-d-servicios { grid-column: 1 / -1; }
  .gc-l[data-gc-l="objetos"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gc-kraken { grid-template-columns: 150px minmax(0, 1fr); gap: 18px 20px; }
  .gc-k-fig { min-height: 150px; }
  .gc-k-fig img { height: 150px; }
  .gc-k-pie { grid-template-columns: minmax(0, 1fr) auto; }
  .gc-k-dur { grid-column: 1 / -1; }
  .gc-k-pago { justify-items: start; }
  .gc-k-pago .paquete-precio, .gc-k-notas { justify-content: flex-start; }
}
@media (max-width: 860px) {
  .gc-selector { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .gc-menu-caja { margin-inline: -22px; }
  .gc-menu { display: flex; gap: 8px; padding: 2px 44px 12px 22px; overflow-x: auto; overscroll-behavior-x: contain; scroll-padding-inline: 22px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 52px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 52px), transparent 100%); }
  .gc-menu::-webkit-scrollbar { display: none; }
  .gc-op { flex: none; grid-template-columns: 30px auto auto; gap: 8px; min-height: 46px; padding: 5px 12px 7px 7px; }
  .gc-op:hover { transform: none; }
  .gc-op-ico { width: 30px; height: 30px; font-size: 15px; }
  .gc-op-n { white-space: nowrap; }
  .gc-op-c:empty { display: none; }
  .gc-op[aria-selected="true"]::after { right: auto; left: 50%; top: auto; bottom: -6px; margin: 0 0 0 -7px; }
}
@media (max-width: 640px) {
  .fx-tienda.fx-todo { padding: 40px 0 28px; }
  .fx-todo .fx-pila { gap: 50px; }
  .gc-panel { gap: 14px; padding: 34px 12px 14px; border-radius: 20px; }
  .gc-placa { min-height: 44px; padding: 8px 18px 12px 62px; border-radius: 13px; }
  .gc-placa-sola { padding-left: 18px; }
  .gc-placa img { left: 6px; width: 52px; height: 52px; }
  .gc-placa-t { font-size: min(16px, 4.1vw); }
  .gc-sub-t { gap: 10px; font-size: 12px; letter-spacing: .12em; }
  .gc-l { gap: 10px; }

  .gc-l[data-gc-l="rangos"] { grid-template-columns: minmax(0, 1fr); }
  [data-gc-l="rangos"] .paquete { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; grid-template-areas: "img n n" "img pros pros" "p p a"; align-items: start; padding: 0; text-align: left; }
  [data-gc-l="rangos"] .paquete-img { grid-area: img; height: 100%; min-height: 104px; }
  [data-gc-l="rangos"] .paquete-img img { height: 78px; }
  [data-gc-l="rangos"] .paquete-n { grid-area: n; display: block; min-height: 0; margin: 12px 56px 0 12px; font-size: 12.5px; }
  [data-gc-l="rangos"] .gc-pros { grid-area: pros; margin: 8px 12px 10px; }
  [data-gc-l="rangos"] .paquete-precio { grid-area: p; align-self: stretch; align-items: center; justify-content: flex-start; margin: 0; padding: 8px 6px 10px 12px; }
  [data-gc-l="rangos"] .paquete-tipo { grid-area: p; align-self: end; margin: 0 0 0 12px; }
  [data-gc-l="rangos"] .paquete-acts { grid-area: a; grid-template-columns: 38px auto; align-self: stretch; align-items: center; margin: 0; padding: 8px 10px 8px 0; }
  [data-gc-l="rangos"] .paquete-acts .b3.agregar { padding: 0 12px; }
  [data-gc-l="rangos"] .paquete-n ~ .paquete-precio, [data-gc-l="rangos"] .paquete-n ~ .paquete-acts { border-top: 2px dashed var(--borde); }
  [data-gc-l="rangos"] .gc-pros { padding-top: 0; border-top: 0; }
  [data-gc-l="rangos"] .fx-hueco .paquete { min-height: 170px; }
  .gc-accesos { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-top: 14px; }
  .gc-acceso { grid-template-columns: 42px minmax(0, 1fr) auto; gap: 12px; min-height: 62px; padding: 8px 12px 8px 10px; border-radius: 14px; }
  .gc-acceso-ico { width: 42px; height: 42px; font-size: 20px; }
  .gc-acceso-txt b { font-size: 14.5px; }
  .gc-acceso-ir { width: 30px; height: 30px; }

  .gc-l[data-gc-l="coins"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
  [data-gc-l="coins"] > li:nth-child(n):last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 5px); }
  [data-gc-l="coins"] .paquete { padding: 12px 10px 10px; border-radius: 16px; }
  [data-gc-l="coins"] .paquete-img { height: 84px; }
  [data-gc-l="coins"] .paquete-img img { height: 76px; }
  .gc-cant { font-size: 17px; }
  .gc-uni { font-size: 10px; letter-spacing: .1em; }
  [data-gc-l="coins"] .paquete-precio b { font-size: 15px; }
  .gc-valor small { font-size: 11.5px; }
  [data-gc-l="coins"] .paquete-acts .b3.info { top: 8px; right: 8px; }
  [data-gc-l="coins"] .fx-hueco .paquete { min-height: 296px; }

  .gc-menu-caja { margin-inline: -12px; }
  .gc-menu { padding: 2px 40px 12px 12px; scroll-padding-inline: 12px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 48px), transparent 100%); }
  .gc-op { font-size: 12.5px; }
  .gc-escaparate { padding: 12px 10px 12px; border-radius: 16px; }
  .gc-l[data-gc-l="objetos"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  [data-gc-l="objetos"] .paquete-acts, [data-gc-l="compacta"] .paquete-acts { grid-template-columns: 34px minmax(0, 1fr); }
  [data-gc-l="objetos"] .paquete-acts .b3, [data-gc-l="compacta"] .paquete-acts .b3 { padding: 0 4px; gap: 4px; }

  [data-gc-l="oferta"] .paquete { grid-template-columns: 112px minmax(0, 1fr); column-gap: 14px; }
  [data-gc-l="oferta"] .paquete-img { min-height: 170px; border-radius: 15px; }
  [data-gc-l="oferta"] .paquete-n { margin-top: 2px; font-size: 15px; }
  [data-gc-l="oferta"] .gc-extracto { font-size: 13px; }
  [data-gc-l="oferta"] .paquete-precio { margin: 10px 0 10px; }
  [data-gc-l="oferta"] .paquete-precio b { font-size: 17px; }
  [data-gc-l="oferta"] .paquete-acts { grid-template-columns: 40px minmax(0, 1fr); width: 100%; }
  [data-gc-l="oferta"] .paquete-acts .b3 { height: 40px; padding: 0 8px; }

  [data-gc-l="servicios"] .paquete { grid-template-columns: 46px minmax(0, 1fr) auto; grid-template-areas: "img n n" "img x x" "p p a"; row-gap: 4px; padding: 12px 0; }
  [data-gc-l="servicios"] .paquete-img { align-self: start; width: 46px; height: 46px; }
  [data-gc-l="servicios"] .paquete-img img { width: 36px; height: 36px; }
  [data-gc-l="servicios"] .paquete-n { align-self: center; }
  [data-gc-l="servicios"] .paquete-dto { position: absolute; top: 6px; left: -6px; padding: 4px 5px 3px; }
  [data-gc-l="servicios"] .paquete-precio { display: flex; flex-wrap: nowrap; align-items: baseline; justify-self: start; gap: 7px; margin-top: 6px; }
  [data-gc-l="servicios"] .paquete-precio small { font-size: 11px; }
  [data-gc-l="servicios"] .paquete-acts { margin-top: 6px; }

  .gc-kraken { grid-template-columns: minmax(0, 1fr); grid-template-areas: "fig" "info" "pie"; gap: 14px; }
  .gc-k-fig { min-height: 0; }
  .gc-k-fig img { height: 132px; }
  .gc-k-pros { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .gc-k-pros li { font-size: 14px; }
  .gc-k-pros li:nth-child(n + 7) { display: none; }
  .gc-k-todas { margin-top: 12px; }
  .gc-k-pie { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .gc-k-dur { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gc-k-pago { justify-items: center; }
  .gc-k-pago .paquete-precio, .gc-k-notas { justify-content: center; }
  .gc-k-add { width: 100%; min-width: 0; }

  .gc-vent-in { gap: 14px; padding: 16px 14px 18px; }
  .gc-vent-cab { gap: 10px; padding-bottom: 12px; }
  .gc-vent-cab img { width: 46px; height: 46px; }
  .ventana .gc-vent-t { font-size: 14.5px; }
  .gc-l[data-gc-l="compacta"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  [data-gc-l="camino"] > li { grid-template-columns: 28px minmax(0, 1fr); gap: 8px; }
  [data-gc-l="camino"] > li::before { left: 12px; }
  .gc-paso { width: 28px; height: 28px; font-size: 11px; }
  [data-gc-l="camino"] .paquete { grid-template-columns: 48px minmax(0, 1fr); grid-template-areas: "img n" "img p" "a a"; column-gap: 10px; padding: 8px 8px 6px; }
  [data-gc-l="camino"] .paquete-img { align-self: start; width: 48px; height: 48px; }
  [data-gc-l="camino"] .paquete-img img { height: 40px; }
  [data-gc-l="camino"] .paquete-n { font-size: 12px; }
  [data-gc-l="camino"] .paquete-precio { align-self: center; }
  [data-gc-l="camino"] .paquete-acts { grid-template-columns: 38px minmax(0, 1fr); justify-self: stretch; gap: 6px; margin-top: 6px; }
}

@media (min-width: 641px) {
  [data-gc-l="rangos"] .paquete-img { height: 190px; padding-bottom: 44px; }
  [data-gc-l="rangos"] .paquete-img img { max-width: 86%; height: 130px; }
  [data-gc-l="rangos"] .paquete-n { margin-top: 2px; font-size: 13px; }
  [data-gc-l="rangos"] .fx-hueco .paquete { min-height: 318px; }
}
@media (max-width: 640px) {
  [data-gc-l="rangos"] .paquete { grid-template-columns: 104px minmax(0, 1fr); grid-template-areas: "img n" "img p" "img a"; align-items: center; }
  [data-gc-l="rangos"] .paquete-img { min-height: 146px; padding-bottom: 32px; }
  [data-gc-l="rangos"] .paquete-img img { height: 96px; }
  [data-gc-l="rangos"] .paquete-n { margin: 11px 12px 0; }
  [data-gc-l="rangos"] .gc-bono-foto { grid-area: img; align-self: end; justify-self: center; margin: 0 0 8px; padding: 4px 6px 5px; gap: 4px; font-size: 10px; letter-spacing: .02em; }
  [data-gc-l="rangos"] .paquete-precio { align-self: center; padding: 5px 12px 0; }
  [data-gc-l="rangos"] .paquete-acts { grid-template-columns: 38px minmax(0, 1fr); padding: 8px 12px 11px; }
  [data-gc-l="rangos"] .paquete-n ~ .paquete-precio, [data-gc-l="rangos"] .paquete-n ~ .paquete-acts { border-top: 0; }
  [data-gc-l="rangos"] .fx-hueco .paquete { min-height: 124px; }
}
.gc-bono { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px 5px; border-radius: 8px; vertical-align: middle; white-space: nowrap;
  font: 800 11.5px/1.1 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; color: #fff; background: #12b3de; box-shadow: inset 0 -3px 0 rgba(8, 62, 93, .2); text-shadow: 1px 1px 0 rgba(8, 62, 93, .22); }
.gc-bono .bi { font-size: 11px; }
.gc-bono-foto { position: relative; z-index: 1; align-self: center; margin: -36px auto 10px; padding: 5px 11px 6px; font-size: 12px; }
[data-gc-l="camino"] .gc-bono { margin-left: 2px; }
.gc-kraken { position: relative; grid-template-areas: "fig info" "req req" "pie pie"; }
.gc-k-tag ~ .gc-k-fig { padding-top: 22px; }
.gc-k-tag { position: absolute; top: -12px; left: -8px; z-index: 1; padding: 7px 11px 6px; border-radius: 7px; white-space: nowrap; color: #1e293b; background: #fff;
  font: 700 12px/1 'Minecraft Pixel', monospace; letter-spacing: .1em; text-transform: uppercase; rotate: -4deg; box-shadow: 4px 4px 0 rgba(180, 105, 9, .6); -webkit-font-smoothing: none; }
.gc-k-req { grid-area: req; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 14px 2px 0; border-top: 2px dashed rgba(185, 28, 28, .35); color: #b91c1c; }
.gc-k-req-fig { display: grid; place-items: center; font-size: 19px; color: #b91c1c; }
.gc-k-req-txt { min-width: 0; }
.gc-k-req-txt p { margin: 0; font: 600 14.5px/1.4 var(--f-texto); color: #b91c1c; }
.gc-k-req-txt p b { font-weight: 800; }
.gc-k-req-ir { display: inline-flex; align-items: center; gap: 7px; padding: 2px 0; white-space: nowrap; color: #b91c1c; font: 800 12.5px/1 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; }
.gc-k-req-ir span { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.gc-k-req-ir[hidden] { display: none; }
.gc-k-req-ir .bi { -webkit-text-stroke: .6px currentColor; transition: transform .2s var(--seco); }
.gc-k-req-ir:hover .bi { transform: translateX(3px); }
.gc-k-req-ir:focus-visible { outline: 3px solid #b91c1c; outline-offset: 2px; border-radius: 3px; }
@media (max-width: 640px) {
  .gc-kraken { grid-template-areas: "fig" "info" "req" "pie"; }
  .gc-k-req { grid-template-columns: auto minmax(0, 1fr); align-items: start; padding-top: 12px; }
  .gc-k-req-fig { margin-top: 1px; }
  .gc-k-req-txt p { font-size: 13.5px; }
  .gc-k-req-ir { grid-column: 2; justify-self: start; }
}
[data-gc-l="rangos"] .paquete { border-radius: 18px; background: var(--fondo); border: 2px solid transparent; box-shadow: none; }
[data-gc-l="rangos"] .paquete:hover { transform: translateY(-4px); background: #fff; border-color: var(--borde-2); box-shadow: 0 22px 30px -24px rgba(27, 114, 162, .6); }
[data-gc-l="rangos"] .paquete-img { background: none; }
@media (min-width: 641px) {
  [data-gc-l="rangos"] .paquete { padding: 14px 14px 12px; overflow: visible; }
  [data-gc-l="rangos"] .paquete-dto { top: 10px; left: 10px; }
  [data-gc-l="rangos"] .paquete-img { height: 146px; padding-bottom: 0; }
  [data-gc-l="rangos"] .paquete-img img { max-width: 92%; height: 138px; }
  [data-gc-l="rangos"] .gc-bono-foto { margin: 10px auto 2px; }
  [data-gc-l="rangos"] .paquete-n { margin: 8px 0 0; }
  [data-gc-l="rangos"] .paquete-precio { margin: 8px 0 10px; }
  [data-gc-l="rangos"] .paquete-acts { margin: auto 0 0; }
  [data-gc-l="rangos"] .fx-hueco .paquete { min-height: 330px; }
}
.gc-conm { display: grid; gap: 16px; min-width: 0; }
.gc-conm-caja { display: flex; justify-content: center; min-width: 0; }
.gc-conm-menu { display: inline-flex; gap: 4px; max-width: 100%; padding: 5px 5px 6px; border-radius: 17px; background: #fff; box-shadow: inset 0 0 0 2px var(--borde-2), 0 4px 0 var(--borde-2); }
.gc-conm-op { position: relative; display: grid; grid-template-columns: 32px auto; align-items: center; gap: 9px; min-height: 46px; padding: 5px 18px 7px 7px; border-radius: 12px; white-space: nowrap;
  font: 800 13.5px/1.2 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; color: var(--titulo); background: none; transition: background-color .15s, color .15s; }
.gc-conm-op .gc-op-ico { width: 32px; height: 32px; font-size: 16px; color: var(--apagado); background: var(--fondo); box-shadow: none; }
.gc-conm-op .gc-op-c { display: none; }
.gc-conm-op:hover { background: var(--fondo); }
.gc-conm-op:hover .gc-op-ico, .gc-conm-op:hover .gc-op-c { background: #fff; }
.gc-conm-op:focus-visible { outline: 3px solid var(--titulo); outline-offset: 2px; }
.gc-conm-op[aria-selected="true"] { color: #fff; background: var(--c, var(--primario)); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .15); text-shadow: 1px 1px 0 rgba(0, 0, 0, .25); }
.gc-conm-op[aria-selected="true"] .gc-op-ico { color: var(--c, var(--primario)); background: #fff; box-shadow: 0 2px 0 rgba(0, 0, 0, .15); text-shadow: none; }
.gc-conm-op[aria-selected="true"] .gc-op-c { color: var(--titulo); background: #fff; text-shadow: none; }
.gc-conm-vistas { min-width: 0; }
.gc-conm-vista { min-width: 0; }
.gc-conm-vista .paquete-tipo { display: none; }
.gc-conm-vista > [data-gc-l="camino"] { max-width: 760px; margin-inline: auto; }
.gc-conm-vista > [data-gc-l="compacta"] { grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 980px; margin-inline: auto; }
@media (max-width: 860px) {
  .gc-conm { gap: 12px; }
  .gc-conm-caja { display: block; margin-inline: -22px; }
  .gc-conm-menu { display: flex; gap: 8px; max-width: none; padding: 2px 44px 12px 22px; border-radius: 0; background: none; box-shadow: none;
    overflow-x: auto; overscroll-behavior-x: contain; scroll-padding-inline: 22px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 52px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 52px), transparent 100%); }
  .gc-conm-menu::-webkit-scrollbar { display: none; }
  .gc-conm-op { flex: none; grid-template-columns: 30px auto; gap: 8px; min-height: 46px; padding: 5px 14px 7px 7px; border-radius: 13px; background: var(--fondo); }
  .gc-conm-op .gc-op-ico { width: 30px; height: 30px; font-size: 15px; background: #fff; box-shadow: 0 2px 0 var(--borde); }
  .gc-conm-op .gc-op-c { background: #fff; }
  .gc-conm-op[aria-selected="true"]::after { content: ''; position: absolute; left: 50%; bottom: -6px; width: 14px; height: 14px; margin-left: -7px; border-radius: 3px; background: var(--c, var(--primario)); rotate: 45deg; }
  .gc-conm-vista > [data-gc-l="compacta"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .gc-conm-caja { margin-inline: -12px; }
  .gc-conm-menu { padding: 2px 40px 12px 12px; scroll-padding-inline: 12px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 48px), transparent 100%); }
  .gc-conm-op { font-size: 12.5px; }
  .gc-conm-vista > [data-gc-l="compacta"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.gc-lat { display: none; }
@media (min-width: 1340px) {
  .gc-con-lat { --lat-w: 252px; --lat-m: 16px; --lat: calc(var(--lat-w) + 2 * var(--lat-m)); padding-left: var(--lat); }
  .gc-con-lat .wrap { width: min(100% - 2 * var(--lat-m), 1200px); }
  .gc-con-lat .fx-tienda.fx-todo { padding-top: 40px; }
  .gc-con-lat .nav-in { display: grid; grid-template-columns: var(--lat) minmax(var(--lat-m), 1fr) minmax(0, 1200px) minmax(var(--lat-m), 1fr); width: auto; }
  .gc-con-lat .brand { grid-column: 1; grid-row: 1; justify-self: center; padding: 0; }
  .gc-con-lat .links { grid-column: 3; grid-row: 1; justify-self: start; padding-left: 0; }
  .gc-con-lat .nav-acts { grid-column: 3; grid-row: 1; justify-self: end; margin-left: 0; }
  .gc-con-lat .nav-user, .gc-con-lat .nav-carro, .gc-con-lat .yo-menu { display: none; }
  .gc-con-lat .toast { left: calc(50% + var(--lat) / 2); }
  .gc-con-lat .carro-panel { top: auto; right: auto; left: var(--lat); bottom: var(--lat-m); translate: -8px 0;
    max-height: calc(100vh - var(--nav-h) - 2 * var(--lat-m)); max-height: calc(100dvh - var(--nav-h) - 2 * var(--lat-m)); }
  .gc-con-lat .carro-panel.on { translate: 0 0; }

  .gc-lat { position: fixed; z-index: 40; left: var(--lat-m); top: calc(var(--nav-h) + var(--lat-m)); bottom: var(--lat-m); width: var(--lat-w); display: flex; flex-direction: column; overflow: hidden;
    border-radius: 24px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 6px; box-shadow: var(--sombra); }
  .gc-lat-yo { flex: none; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 64px; margin: 10px 10px 0; padding: 8px 12px 12px 9px; border-radius: 15px;
    color: #fff; background: var(--nav); box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .18), inset 0 2px 0 rgba(255, 255, 255, .2); transition: transform .12s ease-out, filter .2s; }
  a.gc-lat-yo:hover { transform: translateY(2px); filter: brightness(1.08); }
  .gc-lat-yo:focus-visible { outline: 3px solid var(--titulo); outline-offset: 2px; }
  .gc-lat-yo img { width: 44px; height: 44px; border-radius: 9px; image-rendering: pixelated; background: rgba(255, 255, 255, .14); box-shadow: 0 3px 0 rgba(0, 0, 0, .18); }
  .gc-lat-yo-txt { display: grid; gap: 5px; min-width: 0; }
  .gc-lat-yo-txt small { display: flex; align-items: center; gap: 6px; font: 700 11px/1.1 var(--f-texto); letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .88); white-space: nowrap; }
  .gc-lat-yo-txt b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 800 14.5px/1.1 var(--f-boton); letter-spacing: .03em; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .2); }
  .gc-lat-yo-ir { font-size: 17px; color: #fcd34d; -webkit-text-stroke: .6px currentColor; transition: transform .2s var(--seco); }
  a.gc-lat-yo:hover .gc-lat-yo-ir { transform: translateX(3px); }
  .gc-lat-yo.con-jugador { grid-template-columns: 44px minmax(0, 1fr); }
  .gc-lat-yo.con-jugador small { gap: 5px; font: 700 12px/1.1 var(--f-texto); letter-spacing: 0; text-transform: none; }
  .gc-lat-yo.con-jugador small a { padding: 3px 0; color: #fcd34d; }
  .gc-lat-yo.con-jugador small a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .gc-lat-yo.con-jugador small a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 3px; }
  .gc-lat-yo.con-jugador small i { font-style: normal; opacity: .6; }

  .gc-lat-medio { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 12px 10px 12px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--borde-2) transparent; }
  .gc-lat-t { flex: none; display: flex; align-items: center; gap: 9px; margin: 0 2px 9px; font: 800 11px/1.2 var(--f-boton); letter-spacing: .16em; text-transform: uppercase; color: var(--apagado); }
  .gc-lat-t::before, .gc-lat-t::after { content: ''; flex: 1 1 10px; height: 2px; border-radius: 2px; background: var(--borde); }
  .gc-lat-cats { flex: none; display: grid; gap: 5px; }
  .gc-lat-cat { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 50px; padding: 4px 10px 6px 7px; border-radius: 13px; color: var(--titulo); background: var(--fondo);
    transition: transform .15s ease-out, background-color .15s, box-shadow .15s; }
  .gc-lat-cat img { width: 40px; height: 40px; max-width: none; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 2px 0 rgba(14, 61, 87, .14)); transition: transform .2s var(--seco); }
  .gc-lat-cat-ico { display: grid; place-items: center; width: 36px; height: 36px; margin: 0 2px; border-radius: 10px; font-size: 17px; color: var(--c, var(--primario)); background: #fff; box-shadow: 0 2px 0 var(--borde); }
  .gc-lat-cat-n { min-width: 0; font: 800 13.5px/1.2 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; overflow-wrap: anywhere; }
  .gc-lat-cat:hover { transform: translateX(3px); background: #fff; box-shadow: inset 0 0 0 1px var(--borde-2), 0 3px 0 var(--borde); }
  .gc-lat-cat:hover img { transform: rotate(-7deg) scale(1.08); }
  .gc-lat-cat:focus-visible { outline: 3px solid var(--titulo); outline-offset: 2px; }
  .gc-lat-cat.on { transform: none; color: #fff; background: var(--c, var(--primario)); box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .15), inset 0 2px 0 rgba(255, 255, 255, .22); }
  .gc-lat-cat.on .gc-lat-cat-n { text-shadow: 1px 1px 0 rgba(0, 0, 0, .22); }
  .gc-lat-cat.on img { transform: rotate(-7deg) scale(1.12); filter: drop-shadow(2px 3px 0 rgba(0, 0, 0, .2)); }
  .gc-lat-cat.on .gc-lat-cat-ico { box-shadow: 0 2px 0 rgba(0, 0, 0, .15); }

  .gc-lat-cajas { flex: none; display: grid; gap: 8px; margin-top: auto; padding-top: 14px; }
  .gc-lat-caja { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 10px; width: 100%; padding: 8px 10px 8px 8px; border-radius: 13px; text-align: left; color: var(--titulo); }
  .gc-lat-caja-ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; font-size: 16px; color: #fff; background: var(--primario); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .16); }
  .gc-lat-caja-txt { display: grid; gap: 3px; min-width: 0; }
  .gc-lat-caja-txt b { font: 800 13px/1.2 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; color: var(--titulo); overflow-wrap: anywhere; }
  .gc-lat-caja-txt small { font: 500 12px/1.3 var(--f-texto); color: var(--apagado); }
  .gc-lat-ip { margin-bottom: 4px; background: var(--fondo); box-shadow: inset 0 0 0 2px var(--borde-2), 0 4px 0 var(--borde-2); transition: transform .12s ease-out, box-shadow .12s ease-out, background-color .2s; }
  .gc-lat-ip:hover { transform: translateY(2px); background: #fff; box-shadow: inset 0 0 0 2px var(--primario), 0 2px 0 var(--primario); }
  .gc-lat-ip:active { transform: translateY(4px); box-shadow: inset 0 0 0 2px var(--primario), 0 0 0 var(--primario); }
  .gc-lat-ip:focus-visible { outline: 3px solid var(--titulo); outline-offset: 2px; }
  .gc-lat-java { align-items: start; border: 2px dashed var(--borde-2); padding: 8px 8px 9px 6px; }
  .gc-lat-java .gc-lat-caja-ico { color: var(--primario); background: var(--fondo-2); box-shadow: none; }
  .gc-lat-java a { justify-self: start; display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; padding: 2px 0; font: 800 12px/1.2 var(--f-boton); letter-spacing: .05em; text-transform: uppercase; color: var(--titulo); }
  .gc-lat-java a span { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; text-decoration-color: var(--primario); }
  .gc-lat-java a .bi { font-size: 12px; -webkit-text-stroke: .6px currentColor; transition: transform .2s var(--seco); }
  .gc-lat-java a:hover .bi { transform: translateX(3px); }

  .gc-lat-carro { flex: none; display: grid; gap: 10px; padding: 12px 10px 10px; background: var(--fondo); border-top: 2px dashed var(--borde-2); }
  .gc-lat-vacio { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 22px; font: 600 13px/1.3 var(--f-texto); color: var(--apagado); }
  .gc-lat-vacio .bi { font-size: 17px; color: var(--borde-2); }
  .gc-lat-res { display: grid; gap: 7px; padding: 0 4px; }
  .gc-lat-tot { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font: 700 13px/1.2 var(--f-texto); color: var(--cuerpo); }
  .gc-lat-tot span { display: inline-block; }
  .gc-lat-tot b { font: 400 15px/1 var(--f-mc); color: var(--titulo); white-space: nowrap; }
  .gc-lat-tot b small { margin-left: 5px; font: 700 10px/1 var(--f-texto); letter-spacing: .06em; color: var(--apagado); }
  .gc-lat-items { display: grid; gap: 3px; list-style: none; }
  .gc-lat-items li { position: relative; padding-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 12px/1.35 var(--f-texto); color: var(--apagado); }
  .gc-lat-items li::before { content: ''; position: absolute; left: 1px; top: 6px; width: 5px; height: 5px; border-radius: 1px; background: var(--borde-2); rotate: 45deg; }
  .gc-lat-items .gc-lat-mas { font-weight: 700; }
  .gc-lat-items .gc-lat-mas::before { display: none; }
  .gc-lat-carro-b { width: 100%; height: 48px; font-size: 15px; }
  .gc-lat-carro-b .bi { font-size: 19px; }
}
@media (min-width: 1340px) and (max-height: 860px) {
  .gc-lat-yo { grid-template-columns: 40px minmax(0, 1fr) auto; min-height: 58px; padding-block: 6px 10px; }
  .gc-lat-yo.con-jugador { grid-template-columns: 40px minmax(0, 1fr); }
  .gc-lat-yo img { width: 40px; height: 40px; }
  .gc-lat-medio { padding-block: 10px; }
  .gc-lat-t { display: none; }
  .gc-lat-cats { gap: 4px; }
  .gc-lat-cat { grid-template-columns: 36px minmax(0, 1fr); min-height: 44px; padding-block: 3px 5px; }
  .gc-lat-cat img { width: 36px; height: 36px; }
  .gc-lat-cajas { gap: 6px; padding-top: 10px; }
  .gc-lat-caja { padding-block: 6px; }
  .gc-lat-java { padding-block: 6px 7px; }
  .gc-lat-carro { gap: 8px; padding-top: 10px; }
}
@media (min-width: 1340px) {
  .gc-con-lat { --lat: 272px; --lat-m: 18px; padding-left: var(--lat); }
  .gc-con-lat .nav { left: var(--lat); }
  .gc-con-lat .nav-in { display: flex; width: min(100% - 2 * var(--lat-m), 1200px); margin-inline: auto; }
  .gc-con-lat .brand { justify-self: auto; padding: 0 16px 0 0; }
  .gc-con-lat .links { justify-self: auto; }
  .gc-con-lat .nav-acts { justify-self: auto; margin-left: auto; }
  .gc-con-lat .carro-panel { left: calc(var(--lat) + 12px); bottom: 12px; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }

  .gc-sin-barra { --nav-h: 0px; }
  .gc-sin-barra .nav, .gc-sin-barra .nav.bajada { position: absolute; background: none; box-shadow: none; }
  .gc-sin-barra .brand, .gc-sin-barra .nav-plataforma { display: none; }
  .gc-sin-barra .links { gap: 6px; padding-left: 0; }
  .gc-sin-barra .links a { height: 40px; font-size: 16px; letter-spacing: .06em; text-shadow: 0 2px 5px rgba(6, 26, 44, .5); }
  .gc-sin-barra .links a .bi { opacity: 1; }
  .gc-sin-barra .links a.on { background: none; }
  .gc-sin-barra .links a:hover { background: rgba(6, 26, 44, .28); }
  .gc-sin-barra .idioma-panel { top: 88px; }
  .gc-sin-barra .portada.portada-baja { padding-top: 46px; }

  .gc-lat { left: 0; top: 0; bottom: 0; width: var(--lat); border: 0; border-radius: 0; color: #fff; background: #1f9fe8; box-shadow: 6px 0 20px -10px rgba(8, 62, 93, .5); }
  .gc-lat-yo { margin: 18px 14px 0; background: rgba(255, 255, 255, .26); box-shadow: inset 0 -4px 0 rgba(8, 62, 93, .14); }
  a.gc-lat-yo:hover { background: rgba(255, 255, 255, .36); filter: none; }
  .gc-lat-yo:focus-visible { outline-color: #fff; }
  .gc-lat-yo img { background: rgba(255, 255, 255, .2); box-shadow: 0 3px 0 rgba(8, 62, 93, .2); }
  .gc-lat-yo-txt b { font-size: 15px; text-shadow: 1px 2px 0 rgba(8, 62, 93, .25); }
  .gc-lat-yo-ir { color: #fff; }
  .gc-lat-yo.con-jugador small a { color: #fef3c7; }
  .gc-lat-medio { padding: 16px 14px 12px; scrollbar-color: rgba(255, 255, 255, .45) transparent; }
  .gc-lat-t { color: rgba(255, 255, 255, .85); }
  .gc-lat-t::before, .gc-lat-t::after { background: rgba(255, 255, 255, .32); }
  .gc-lat-cats { gap: 4px; }
  .gc-lat-cat { color: #fff; background: none; }
  .gc-lat-cat-n { font-size: 15px; text-shadow: 1px 2px 0 rgba(8, 62, 93, .28); }
  .gc-lat-cat img { filter: drop-shadow(0 3px 0 rgba(8, 62, 93, .22)); }
  .gc-lat-cat:hover { background: rgba(255, 255, 255, .18); box-shadow: none; }
  .gc-lat-cat:focus-visible { outline-color: #fff; }
  .gc-lat-cat.on { color: var(--titulo); background: #fff; box-shadow: inset 0 -4px 0 rgba(8, 62, 93, .14); }
  .gc-lat-cat.on .gc-lat-cat-n { text-shadow: none; }
  .gc-lat-cat.on img { filter: drop-shadow(2px 3px 0 rgba(8, 62, 93, .18)); }
  .gc-lat-cat-ico { color: var(--nav); }
  .gc-lat-caja { color: #fff; }
  .gc-lat-caja-txt b { color: #fff; }
  .gc-lat-caja-txt small { color: rgba(255, 255, 255, .88); }
  .gc-lat-caja-ico, .gc-lat-java .gc-lat-caja-ico { color: #fff; background: rgba(255, 255, 255, .24); box-shadow: none; }
  .gc-lat-ip { margin-bottom: 0; background: rgba(8, 62, 93, .22); box-shadow: inset 0 -4px 0 rgba(8, 62, 93, .18); }
  .gc-lat-ip:hover { transform: translateY(1px); background: rgba(8, 62, 93, .32); box-shadow: inset 0 -3px 0 rgba(8, 62, 93, .18); }
  .gc-lat-ip:active { transform: translateY(3px); box-shadow: inset 0 -1px 0 rgba(8, 62, 93, .18); }
  .gc-lat-ip:focus-visible { outline-color: #fff; }
  .gc-lat-java { border: 0; padding: 10px 10px 11px 8px; background: rgba(8, 62, 93, .22); }
  .gc-lat-java a { color: #fef3c7; }
  .gc-lat-java a span { text-decoration-color: #fcd34d; }
  .gc-lat-carro { padding: 14px 14px 16px; background: rgba(8, 62, 93, .2); border-top: 0; }
  .gc-lat-vacio { color: #fff; }
  .gc-lat-vacio .bi { color: rgba(255, 255, 255, .85); }
  .gc-lat-tot { color: #fff; }
  .gc-lat-tot b { color: #fff; }
  .gc-lat-tot b small { color: rgba(255, 255, 255, .85); }
  .gc-lat-items li { color: rgba(255, 255, 255, .92); }
  .gc-lat-items li::before { background: rgba(255, 255, 255, .65); }
}
.pg-caja, .caja.pg-vacio { border-radius: 24px; border-bottom-width: 6px; }
.pg-ayuda { border-radius: 24px; }
.pg-rec { --c: #1fa0ff; position: relative; min-width: 0; margin-top: 28px; padding: 38px 20px 18px; border-radius: 24px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 6px;
  box-shadow: 0 30px 60px -32px rgba(14, 61, 87, .55); }
.pg-rec .gc-placa { min-height: 46px; padding: 9px 26px 13px; }
.pg-rec .gc-placa-t { display: flex; align-items: center; gap: 10px; font-size: clamp(14px, 1.25vw, 18px); }
.pg-rec .gc-placa-t .bi { font-size: .85em; color: #fcd34d; text-shadow: 0 2px 0 rgba(0, 0, 0, .22); }
.pg-rec-l { display: flex; justify-content: center; gap: 14px; list-style: none; }
.pg-rec-l > li { flex: 0 1 calc((100% - 42px) / 4); display: flex; min-width: 0; }
.pg-rec-l .paquete { padding: 10px 10px 8px; border-radius: 14px; box-shadow: none; }
.pg-rec-l .paquete:hover { transform: translateY(-4px); box-shadow: 0 18px 24px -20px rgba(27, 114, 162, .6); }
.pg-rec-l .paquete-dto { top: 8px; left: 8px; padding: 5px 6px 4px; font-size: 11px; }
.pg-rec-l .paquete-img { aspect-ratio: auto; height: 88px; border-radius: 10px; cursor: default; }
.pg-rec-l .paquete-img img { width: auto; max-width: 80%; height: 76px; aspect-ratio: auto; }
.pg-rec-l .paquete:hover .paquete-img img { transform: translateY(-3px) scale(1.06); }
.pg-rec-l .paquete-sin-img { font-size: 44px; }
.pg-rec-l .paquete-n { flex: 1 0 auto; display: grid; align-content: center; row-gap: 3px; min-height: 36px; margin-top: 6px; font-size: 12px; line-height: 1.25; letter-spacing: .02em; overflow-wrap: anywhere; text-wrap: balance; }
.pg-rec-l .paquete-n span span { display: inline-block; }
.pg-rec-l .gc-cant { font-size: 18px; }
.pg-rec-l .paquete-precio { margin: 6px 0 9px; gap: 6px; }
.pg-rec-l .paquete-precio s { font-size: 12px; }
.pg-rec-l .paquete-acts { grid-template-columns: minmax(0, 1fr); }
.pg-rec-l .paquete-acts .b3 { --labio: 4px; height: 36px; padding: 0 8px; gap: 6px; border-radius: 9px; font-size: 12px; }
.pg-rec-l .paquete-acts .b3 .bi { font-size: 15px; }
.pg-rec-l .fx-hueco .paquete { min-height: 224px; }
.pg-vacio + .pg-rec { max-width: 760px; margin: 54px auto 0; }
@media (min-width: 1340px) {
  .gc-con-lat .portada.pg-portada { padding: 46px 0 124px; }
  .gc-con-lat .gc-lat-medio:last-child { padding-bottom: 18px; }
  .gc-con-lat .pg-i-n { text-wrap: balance; }
}
@media (min-width: 1340px) and (max-width: 1439px) {
  .gc-con-lat .pg { grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; }
  .gc-con-lat .pg-i { grid-template-columns: 56px minmax(0, 1fr) auto minmax(96px, auto) auto; gap: 8px 12px; }
  .gc-con-lat .pg-i-img { width: 56px; height: 56px; }
  .gc-con-lat .pg-i-img img { width: 44px; height: 44px; }
}
@media (max-width: 1023px) {
  .pg-rec { order: 9; margin-top: 24px; }
}
@media (max-width: 860px) {
  .pg-rec-l { justify-content: flex-start; gap: 12px; margin-inline: -20px; padding: 2px 20px 8px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scroll-padding-inline: 20px; scrollbar-width: none; }
  .pg-rec-l::-webkit-scrollbar { display: none; }
  .pg-rec-l > li { flex: 0 0 148px; scroll-snap-align: start; }
  .pg-rec-l > li:first-child { margin-left: auto; }
  .pg-rec-l > li:last-child { margin-right: auto; }
  .pg-rec-l .paquete:hover { transform: none; box-shadow: none; }
  .pg-rec-l .paquete-n { font-size: 11px; }
}
@media (max-width: 640px) {
  .pg-caja, .caja.pg-vacio, .pg-ayuda { border-radius: 20px; }
  .pg-rec { padding: 34px 12px 10px; border-radius: 20px; }
  .pg-rec .gc-placa { width: max-content; max-width: calc(100% - 20px); min-height: 42px; padding: 8px 16px 12px; }
  .pg-rec .gc-placa-t { font-size: min(12px, 3.3vw); white-space: normal; text-align: center; }
  .pg-rec .gc-placa-t .bi { display: none; }
  .pg-rec-l { margin-inline: -12px; padding-inline: 12px; scroll-padding-inline: 12px; }
}
.comunidad { padding: 20px 0 72px; }
.comunidad .com-in > .meta { grid-column: 1 / -1; }
.tope-busto { flex: none; display: block; width: 42px; height: 42px; overflow: hidden; border-radius: 8px; }
.tope-fila .tope-busto img { display: block; width: 42px; height: auto; border-radius: 0; image-rendering: auto; background: none; box-shadow: none; }
.mb-tira .pagos-l:focus-visible { outline-offset: -3px; }
.edicion-sec.mb-ed { padding: 60px 0 0; }
.com-in > .mb-panel { grid-column: 1 / -1; }
.com-in > .meta + .mb-panel { margin-top: 96px; }
.mb-panel { position: relative; min-width: 0; padding: 36px 22px 22px; border-radius: 24px; background: #fff; border: 1px solid var(--borde); border-bottom-width: 6px; box-shadow: var(--sombra); }
.mb-placa .gc-placa-t { display: flex; align-items: center; gap: 11px; }
.mb-placa .gc-placa-t .bi { font-size: .85em; color: #fcd34d; text-shadow: 0 2px 0 rgba(0, 0, 0, .22); }

.mb-tira { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: stretch; margin-top: 78px; padding-top: 22px; }
.mb-tira:not(:has(> .pagos)) { margin-top: 0; }
.mb-tira > :not(.tope):not(.pagos) { grid-column: 1 / -1; }
.mb-tira > .pagos { display: contents; opacity: 1 !important; }
.mb-tira > .pagos > .pagos-cab { position: absolute; left: 4px; right: 4px; bottom: calc(100% + 18px); }
.mb-tira .pagos-cab .caja-t { display: block; margin: 6px 0 0; font: 400 21px/1.3 var(--f-mc); letter-spacing: .02em; text-transform: uppercase; color: var(--titulo); }
.mb-tira .pagos-cab .caja-t .chip-ico { display: none; }
.mb-tira .pagos-cab .caja-t > span:not(.chip-ico) { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 18px; }
.mb-tira .pagos-cab .caja-t small { margin: 0; font: 500 14px/1.4 var(--f-texto); letter-spacing: 0; text-transform: none; color: var(--apagado); }
.mb-tira > .tope { grid-column: 1; grid-row: 1; position: relative; display: grid; align-content: center; gap: 9px; min-width: 0; min-height: 136px; padding: 14px 26px 14px 136px; overflow: hidden; border-radius: 18px; color: #4a2d06; background: #ffd465; border: 1px solid #f2b632; border-bottom: 4px solid #dd9b1b; box-shadow: inset 0 2px 0 rgba(255, 255, 255, .45);
  opacity: 1 !important; transform: none !important; }
.mb-tira > .tope:not(:has(.tope-busto)) { min-height: 0; padding-left: 18px; }
.mb-tira > .tope .caja-t { gap: 7px; font: 800 11px/1.2 var(--f-boton); letter-spacing: .1em; white-space: nowrap; color: #713f12; }
.mb-tira > .tope .chip-ico { display: block; width: auto; height: auto; border-radius: 0; font-size: 13px; color: #b45309; background: none; box-shadow: none; }
.mb-tira .tope-fila { display: block; margin: 0; }
.mb-tira .tope-busto { position: absolute; left: 14px; top: 12px; bottom: 0; width: 108px; height: auto; overflow: hidden; border-radius: 0; pointer-events: none; }
.mb-tira .tope-busto::before { content: ""; position: absolute; left: 50%; top: 6px; width: 96px; height: 96px; translate: -50% 0; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); }
.mb-tira .tope-fila .tope-busto img { position: relative; display: block; width: 108px; height: auto; margin: 0; border-radius: 0; image-rendering: auto; background: none; box-shadow: none; filter: drop-shadow(0 6px 6px rgba(113, 63, 18, .3)); }
.mb-tira .tope-fila b { font: 800 20px/1.15 var(--f-titulo); color: #4a2d06; }
.mb-tira .tope-fila small { margin-top: 4px; font: 500 13px/1.3 var(--f-texto); white-space: nowrap; color: #6b4a12; }
.mb-tira .tope-vacio { margin: 0; font: 600 14px/1.4 var(--f-texto); color: #6b4a12; }
.mb-tira .pagos-l { grid-column: 2; grid-row: 1; display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 10px; min-width: 0; margin: 0 -22px 0 0; padding: 0 22px 0 0; list-style: none; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; }
.mb-tira:not(:has(> .tope)) .pagos-l { grid-column: 1 / -1; }
.mb-tira .pagos-l:not(:has(li)) { display: none; }
.mb-tira .pagos-l::-webkit-scrollbar { display: none; }
.mb-tira .pagos-l.mb-ini, .mb-tira .pagos-l.mb-fin { cursor: grab; }
.mb-tira .pagos-l.mb-arrastra { cursor: grabbing; user-select: none; }
@media (hover: none) and (pointer: coarse) { .mb-tira .pagos-l { scroll-snap-type: x proximity; } }
.mb-tira .pagos-l.mb-fin { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 64px), transparent); }
.mb-tira .pagos-l.mb-ini { -webkit-mask-image: linear-gradient(90deg, transparent, #000 48px); mask-image: linear-gradient(90deg, transparent, #000 48px); }
.mb-tira .pagos-l.mb-ini.mb-fin { -webkit-mask-image: linear-gradient(90deg, transparent, #000 48px, #000 calc(100% - 64px), transparent); mask-image: linear-gradient(90deg, transparent, #000 48px, #000 calc(100% - 64px), transparent); }
.mb-tira .pagos-l li { flex: 0 0 auto; display: grid; justify-items: center; align-content: center; gap: 9px; min-width: 94px; padding: 12px 11px 11px; border-radius: 16px; background: var(--fondo); border: 1px solid var(--borde); border-bottom-width: 3px; scroll-snap-align: start; }
.mb-tira .pagos-l img { width: 52px; height: 52px; -webkit-user-drag: none; }
.mb-tira .pagos-l li::after, .mb-tira .pagos-l li:hover::after { position: static; translate: none; padding: 0; border-radius: 0; font: 700 12px/1.25 var(--f-texto); color: var(--titulo); background: none; opacity: 1; transition: none; }

.mb-ed-in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px; align-items: stretch; }
.mb-java { display: grid; grid-template-columns: minmax(0, 236px) minmax(0, 1fr); align-items: center; gap: 22px; border-color: #7cd0ff; border-bottom-color: #3ab5f9; }
.mb-java > .cu-ok { top: -12px; right: -12px; width: 34px; height: 34px; font-size: 20px; opacity: 1; scale: 1; }
.mb-java .edicion-java img { filter: drop-shadow(0 8px 12px rgba(14, 61, 87, .26)); }
.mb-java-s { margin: 0; font: 800 14.5px/1.3 var(--f-titulo); color: var(--titulo); }
.mb-java .edicion-txt { margin-top: 6px; max-width: none; font: 500 14.5px/1.5 var(--f-texto); }
.mb-bedrock.bedrock-caja { aspect-ratio: auto; gap: 12px; min-width: 0; padding: 40px 34px 30px; border-radius: 24px; background: linear-gradient(160deg, #f6eda9, #ecdf8e); border: 1px solid #e6d684; border-bottom: 6px solid #cfbc5c; box-shadow: var(--sombra); }
.mb-bedrock.bedrock-caja { transition: transform .2s var(--seco), box-shadow .2s; }
.mb-bedrock.bedrock-caja:hover { transform: translateY(-3px); filter: none; box-shadow: 0 18px 30px -16px rgba(113, 99, 18, .5); }
.mb-bedrock .bedrock-iconos { position: absolute; left: 50%; top: 0; z-index: 2; transform: translate(-50%, -56%); align-items: center; gap: 14px; min-height: 50px; padding: 9px 26px 13px; border-radius: 15px; font-size: 23px; color: #5e5b42; background: #ead769;
  box-shadow: inset 0 -5px 0 rgba(94, 91, 66, .2), inset 0 2px 0 rgba(255, 255, 255, .45), 0 12px 18px -14px rgba(113, 99, 18, .7); }
.mb-bedrock .bedrock-t { max-width: 34ch; font-size: 16px; line-height: 1.3; }
.mb-bedrock .bedrock-ir { right: 18px; bottom: 12px; font-size: 18px; }

@media (max-width: 1100px) {
  .mb-java { grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: 18px; }
}
@media (max-width: 860px) {
  .mb-ed-in { grid-template-columns: minmax(0, 1fr); gap: 50px; }
  .mb-java { grid-template-columns: minmax(0, 236px) minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .comunidad { padding: 22px 0 52px; }
  .edicion-sec.mb-ed { padding: 50px 0 0; }
  .mb-panel { padding: 34px 12px 14px; border-radius: 20px; }
  .mb-tira { grid-template-columns: minmax(0, 1fr); margin-top: 104px; padding-top: 14px; }
  .mb-tira > .pagos > .pagos-cab { left: 2px; right: 2px; bottom: calc(100% + 16px); }
  .mb-tira .pagos-cab .caja-t { font-size: 19px; }
  .mb-tira .pagos-cab .caja-t small { flex-basis: 100%; font-size: 13.5px; }
  .mb-tira > .tope { min-height: 128px; padding: 12px 14px 12px 124px; border-radius: 16px; }
  .mb-tira > .tope:not(:has(.tope-busto)) { padding-left: 14px; }
  .mb-tira .tope-busto { left: 10px; width: 100px; }
  .mb-tira .tope-fila .tope-busto img { width: 100px; }
  .mb-tira .tope-fila small { white-space: normal; }
  .mb-tira .tope-fila b { font-size: min(20px, 4.1vw); }
  .mb-tira .pagos-l { grid-column: 1; grid-row: 2; gap: 8px; margin: 0 -12px; padding: 0 12px; scroll-padding-inline: 12px; }
  .mb-tira:not(:has(> .tope)) .pagos-l { grid-column: 1; grid-row: 1; }
  .mb-tira .pagos-l li { min-width: 88px; padding: 11px 10px 10px; border-radius: 14px; }
  .mb-tira .pagos-l img { width: 44px; height: 44px; }
  .mb-tira .pagos-l.mb-fin { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 44px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 44px), transparent); }
  .mb-tira .pagos-l.mb-ini { -webkit-mask-image: linear-gradient(90deg, transparent, #000 32px); mask-image: linear-gradient(90deg, transparent, #000 32px); }
  .mb-tira .pagos-l.mb-ini.mb-fin { -webkit-mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 44px), transparent); mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 44px), transparent); }
  .mb-java { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 14px; padding-top: 38px; text-align: center; }
  .mb-java .edicion-java { width: min(100%, 270px); }
  .mb-java > .cu-ok { top: -10px; right: -8px; }
  .mb-bedrock.bedrock-caja { width: auto; padding: 36px 22px 36px; border-radius: 20px; }
  .mb-bedrock .bedrock-iconos { gap: 12px; min-height: 44px; padding: 8px 20px 12px; border-radius: 13px; font-size: 20px; }
  .mb-bedrock .bedrock-t { font-size: 15px; }
  .mb-bedrock .bedrock-ir { right: 16px; bottom: 9px; }
}