:root{--fondo-abisal:#0b1116;--marron-oscuro:#2d1f1c;--azul-pirata:#3bb4e5;--azul-cristal:rgba(18,36,56,.75);--borde-azul:rgba(59,180,229,.35);--oro-botin:#ffd13b;--oro-sombra:#c49600;--texto-claro:#fcfbf9;--texto-suave:rgba(252,251,249,.75);--gris-claro:rgba(255,255,255,.12)}*,.hero,.hero-seccion,.modal-legal{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent!important;margin:0;padding:0}body{background-color:var(--fondo-abisal);font-family:Nunito,sans-serif;line-height:1.6;overflow-x:hidden;position:relative;font-size:1.05rem;color:var(--texto-claro);min-height:100vh}body::after,body::before{content:"";position:fixed;border-radius:50%;filter:blur(110px);z-index:-1;pointer-events:none}body::before{width:550px;height:550px;background:var(--azul-pirata);top:15%;left:50%;transform:translate(-50%,-50%);opacity:.18}body::after{width:380px;height:380px;background:var(--oro-botin);bottom:5%;right:15%;opacity:.08}.logo-titulo,h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:800}.btn-paginacion,.btn-submit,.enlaces-auth a,.footer-enlaces a,.footer-logo,.hero-btn-cta,.nav-pill a{text-decoration:none}.opcion-avatar,img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.icono-moneda{display:inline-block;vertical-align:middle;width:1.3em;height:1.3em;filter:drop-shadow(0 2px 4px rgba(255,209,59,.35))}.icono-moneda-nav{width:1.4rem;height:1.4rem}.icono-moneda-panel{width:2.2rem;height:2.2rem;margin-right:8px}.nav-pill,.nav-wrapper{width:100%;display:flex}.revelar-arriba{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.revelar-arriba.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}.delay-3{transition-delay:.45s}.nav-wrapper{position:fixed;top:0;left:0;z-index:1000;padding:1.2rem;justify-content:center;pointer-events:none}.escenario-pirata,.paso-item,.tarjeta-cristal,.tarjeta-metrica,footer{position:relative}.nav-pill{background:rgba(11,23,36,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--borde-azul);border-radius:50px;padding:.5rem .6rem .5rem 1.4rem;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1100px;pointer-events:auto;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 15px rgba(59,180,229,.15)}.nav-logo{display:flex;align-items:center;gap:10px}.hero,.logo-caja{flex-direction:column}.logo-caja{display:inline-flex;justify-content:center;width:max-content}.logo-titulo{font-weight:900;font-size:1.15rem;letter-spacing:.02rem;line-height:.9;text-shadow:0 0 12px rgba(59,180,229,.6);display:block;white-space:nowrap;color:var(--texto-claro)}.btn-nav,.logo-subtitulo{font-family:Montserrat,sans-serif;font-weight:800}.logo-subtitulo{font-size:.68rem;line-height:1;color:var(--oro-botin);margin-top:4px;display:block;width:100%;text-align:justify;text-align-last:justify;letter-spacing:.17rem}.hero-center,.seccion-metricas,.tarjeta-cristal{text-align:center}.nav-acciones{display:flex;gap:.8rem;align-items:center}.btn-icon,.btn-nav{display:inline-flex}.btn-nav{align-items:center;justify-content:center;gap:6px;background-color:var(--oro-botin);color:var(--marron-oscuro)!important;font-size:.82rem;text-transform:uppercase;padding:.6rem 1.4rem;border-radius:50px;box-shadow:0 4px 0 var(--oro-sombra);transition:.15s}.btn-nav:hover{transform:translateY(-2px);background-color:#ffe066;box-shadow:0 6px 0 var(--oro-sombra)}.btn-nav-secundario{background-color:#1a4261;color:#fcfbf9!important;box-shadow:0 4px 0 #0c2133}.btn-nav-secundario:hover{background-color:#235882;color:#fff!important;box-shadow:0 6px 0 #0c2133}.btn-icon{align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.btn-icon svg{width:24px!important;height:24px!important;display:block}.hero{display:flex;justify-content:center;padding-bottom:8rem}.hero-minimalista{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8rem 5vw 4rem;max-width:1200px;margin:0 auto}.titulo-gigante{font-size:clamp(34px,6.5vw,75px);line-height:1.1;letter-spacing:-.02em;color:var(--azul-pirata);text-shadow:0 0 25px rgba(59,180,229,.4);margin-bottom:.5rem;text-transform:uppercase}.badge-level,.btn-submit{letter-spacing:1.5px;display:inline-block;font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase}.titulo-gigante .dorado{color:var(--oro-botin);text-shadow:0 0 25px rgba(255,209,59,.4)}.hero-descripcion{max-width:720px;font-size:clamp(16px,1.8vw,20px);color:var(--texto-suave);margin:1.5rem auto 3rem}.tarjeta-cristal{width:100%;max-width:500px;background:var(--azul-cristal);backdrop-filter:blur(28px);border:1px solid var(--borde-azul);border-radius:28px;padding:3.5rem 2.5rem;box-shadow:0 25px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.15)}.btn-submit{width:100%;padding:1.3rem;font-size:1.05rem;color:#0b1116;background:linear-gradient(135deg,#ffdf6d 0,#d4a017 100%);border:1px solid rgba(255,255,255,.4);border-radius:14px;cursor:pointer;box-shadow:0 8px 20px -6px rgba(212,160,23,.5),inset 0 2px 2px rgba(255,255,255,.5);transition:.3s cubic-bezier(.25,1,.5,1)}.btn-submit:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ffe98f 0,#e6b217 100%);box-shadow:0 12px 25px -4px rgba(212,160,23,.65),inset 0 2px 2px rgba(255,255,255,.7)}.btn-submit:active{transform:translateY(1px);box-shadow:0 4px 10px -2px rgba(212,160,23,.4),inset 0 1px 1px rgba(255,255,255,.3)}.badge-level{font-size:.75rem;color:var(--texto-claro);margin-bottom:1.5rem;background:rgba(59,180,229,.2);padding:8px 18px;border-radius:50px;border:1px solid rgba(59,180,229,.4)}.seccion-metricas{padding:6rem 5vw;background:rgba(11,17,22,.75);border-top:1px solid var(--borde-azul);border-bottom:1px solid var(--borde-azul)}.subtitulo-seccion{font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--azul-pirata);margin-bottom:3.5rem}.grid-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.tarjeta-metrica{background:rgba(18,36,56,.5);border:1px solid rgba(59,180,229,.25);border-radius:24px;padding:2.5rem 1.5rem;transition:.3s cubic-bezier(.16,1,.3,1);overflow:hidden}.tarjeta-metrica:hover{transform:translateY(-8px);border-color:var(--oro-botin);box-shadow:0 15px 35px rgba(0,0,0,.6),0 0 25px rgba(255,209,59,.15);background:rgba(22,45,70,.7)}.metrica-valor{font-family:Montserrat,sans-serif;font-size:clamp(32px,4vw,46px);font-weight:900;color:var(--oro-botin);text-shadow:0 0 15px rgba(255,209,59,.3);margin-bottom:.5rem}.metrica-label{font-size:1rem;color:var(--texto-suave);font-weight:700}.grid-pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1150px;margin:3rem auto 0;width:100%}.modal-legal-box h3,.paso-numero{font-family:Montserrat,sans-serif;margin-bottom:1.2rem}.paso-item{background:rgba(18,36,56,.45);border:1px solid rgba(59,180,229,.25);border-top:4px solid var(--azul-pirata);border-radius:20px;padding:2.5rem 2rem;text-align:left;transition:.3s}.paso-item:hover{transform:translateY(-6px);border-top-color:var(--oro-botin);box-shadow:0 15px 30px rgba(0,0,0,.5)}.paso-numero{font-size:.8rem;font-weight:900;color:var(--marron-oscuro);background:var(--oro-botin);padding:4px 12px;border-radius:20px;display:inline-block}.grid-recompensas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;max-width:1200px;margin:0 auto;width:100%}.tarjeta-recompensa{background:linear-gradient(145deg,rgba(18,36,56,.6) 0,rgba(11,23,36,.8) 100%);border:1px dashed rgba(255,209,59,.35);border-radius:24px;padding:2.5rem 1.8rem;text-align:center;transition:.3s}.tarjeta-recompensa:hover{transform:scale(1.03);border-style:solid;border-color:var(--oro-botin);box-shadow:0 0 30px rgba(255,209,59,.2)}.icono-recompensa{font-size:2.8rem;margin-bottom:1rem;display:inline-block}.seccion-faq{max-width:850px;margin:0 auto;width:100%;padding:4rem 5vw}.faq-item{background:rgba(18,36,56,.4);border:1px solid rgba(59,180,229,.2);border-radius:16px;margin-bottom:1rem;overflow:hidden;transition:border-color .2s}.faq-item.activo{border-color:var(--azul-pirata);background:rgba(18,36,56,.65)}.faq-pregunta{padding:1.5rem 1.8rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;cursor:pointer;font-weight:700;font-size:1.1rem;color:var(--texto-claro);user-select:none}.faq-icono{font-weight:900;color:var(--oro-botin);transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.faq-item.activo .faq-icono{transform:rotate(45deg)}.faq-respuesta{max-height:0;overflow:hidden;transition:max-height .35s;padding:0 1.8rem;color:var(--texto-suave);font-size:.98rem;text-align:justify;hyphens:auto;-webkit-hyphens:auto}.faq-item.activo .faq-respuesta{padding-bottom:1.5rem;max-height:1500px!important;padding-top:.5rem!important}.cta-final{max-width:1100px;margin:3rem auto;background:linear-gradient(135deg,rgba(26,66,97,.85) 0,rgba(18,36,56,.95) 100%);border:2px solid var(--oro-botin);border-radius:30px;padding:4rem 3rem;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 40px rgba(255,209,59,.15)}footer{background:linear-gradient(180deg,transparent,rgba(11,17,22,.95));border-top:1px solid var(--borde-azul);padding:4rem 2rem 2rem;margin-top:5rem;z-index:10}.footer-contenido{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.8rem}.footer-logo{font-family:Montserrat,sans-serif;font-weight:900;font-size:1.35rem;color:var(--texto-claro);letter-spacing:1px;text-shadow:0 0 15px rgba(59,180,229,.4);display:flex;align-items:center;gap:10px}.footer-copy,.footer-motto{font-size:.92rem;color:var(--texto-suave);line-height:1.6}.footer-motto{max-width:600px}.footer-enlaces{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.footer-enlaces a{color:var(--azul-pirata);font-weight:700;font-size:.88rem;letter-spacing:.5px;transition:color .25s,text-shadow .25s}.footer-enlaces a:hover{color:var(--oro-botin);text-shadow:0 0 10px rgba(255,209,59,.6)}.footer-copy{margin-top:1.5rem;border-top:1px solid rgba(59,180,229,.15);width:100%;padding-top:1.8rem}.hero-seccion{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:6rem;padding-bottom:8rem;max-width:1300px;margin:0 auto;width:100%;padding-left:clamp(1.2rem,4vw,2.5rem);padding-right:clamp(1.2rem,4vw,2.5rem);overflow-x:hidden}.hero-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(2.5rem,5vw,4rem);width:100%}.hero-col-texto{flex:1 1 480px;text-align:left}.hero-badge-saludo{display:inline-flex;align-items:center;gap:8px;background:rgba(59,180,229,.15);border:1px solid rgba(59,180,229,.35);padding:.5rem 1.2rem;border-radius:50px;margin-bottom:1.5rem}.hero-badge-saludo span:last-child{font-family:Montserrat,sans-serif;font-size:.76rem;font-weight:800;color:var(--texto-claro);letter-spacing:1.2px;text-transform:uppercase}.hero-titulo{font-family:Montserrat,sans-serif;font-weight:900;line-height:.96;margin-bottom:1.8rem;display:flex;flex-direction:column;width:fit-content}.hero-titulo span:first-child{color:var(--azul-pirata);font-size:clamp(2.8rem,6vw,4.9rem);letter-spacing:clamp(1px,.5vw,4px)}.hero-titulo span:last-child{color:var(--oro-botin);font-size:clamp(2.4rem,5.2vw,4.2rem);letter-spacing:-.5px;text-shadow:0 0 30px rgba(255,209,59,.35)}.hero-caja-parrafo{border-left:3px solid var(--oro-botin);padding-left:1.2rem;margin-bottom:2.5rem;max-width:530px;background:linear-gradient(90deg,rgba(255,209,59,.05) 0,transparent 100%);padding-top:.5rem;padding-bottom:.5rem;border-radius:0 12px 12px 0;width:100%}.hero-parrafo{color:rgba(255,255,255,.9);font-size:clamp(.98rem,1.3vw,1.12rem);line-height:1.75;text-align:justify;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.6);margin:0}.hero-btn-container{width:100%;display:flex;justify-content:flex-start;margin-top:1.5rem}.hero-btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:.8px;color:#0d131a!important;padding:1rem 2.4rem;border-radius:14px;position:relative;cursor:pointer;transition:.25s;background:linear-gradient(135deg,#ffdf6d 0,#f0c030 100%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 20px -6px rgba(240,192,48,.45);white-space:nowrap;text-align:center}.hero-btn-cta:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ffe98f 0,#f7cb45 100%);box-shadow:0 12px 25px -4px rgba(240,192,48,.65)}.hero-btn-cta:active{transform:translateY(1px);box-shadow:0 4px 10px -2px rgba(240,192,48,.4)}.hero-col-img{flex:1 1 400px;display:flex;justify-content:center;align-items:center}.escenario-pirata{width:100%;max-width:520px;aspect-ratio:1/1;cursor:pointer;display:flex;align-items:center;justify-content:center}.fuente-monedas,.resplandor-pirata{position:absolute;pointer-events:none}.resplandor-pirata{width:72%;height:72%;background:radial-gradient(circle,rgba(59,180,229,.45) 0,rgba(255,209,59,.25) 55%,transparent 80%);filter:blur(42px);z-index:1;border-radius:50%;animation:4s ease-in-out infinite pulsoResplandor}.fuente-monedas{width:100%;height:100%;top:0;left:0;z-index:2;overflow:hidden}.cabeza-pirata{width:100%;height:100%;background-image:url('/img/cabeza-pirata-512.webp');background-image:image-set(url('/img/cabeza-pirata-512.webp') 1x,url('/img/cabeza-pirata-1024.webp') 2x);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 25px 35px rgba(0,0,0,.75));z-index:3;position:relative;animation:4.5s ease-in-out infinite flotarPirata}@keyframes flotarPirata{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes pulsoResplandor{0%,100%{transform:scale(.95);opacity:.65}50%{transform:scale(1.12);opacity:.95}}.seccion-contenedor{padding:5rem 2rem;max-width:1320px;margin:0 auto;width:100%}.cabecera-centro{text-align:center;margin-bottom:3.5rem}.badge-pildora-oro{display:inline-flex;align-items:center;gap:10px;background:rgba(255,209,59,.12);border:1px solid rgba(255,209,59,.45);padding:.55rem 1.5rem;border-radius:50px;margin-bottom:1.3rem;box-shadow:0 4px 15px rgba(0,0,0,.3)}.badge-pildora-oro span:last-child{font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:900;color:var(--oro-botin);letter-spacing:2px;text-transform:uppercase}.titulo-seccion{font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;color:#fff;margin:0;line-height:1.15;letter-spacing:-.5px;text-shadow:0 4px 20px rgba(0,0,0,.6)}.titulo-seccion .texto-oro{background:linear-gradient(135deg,#fff3c4 0,#ffd13b 40%,#c49600 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 12px rgba(255,209,59,.25))}.grid-premios-4,.grid-roadmap-pro{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem;width:100%}.tarjeta-premio-interactiva{background:rgba(15,25,36,.65);border:1px solid rgba(59,180,229,.22);border-radius:22px;padding:2.5rem 1.8rem;text-align:center;position:relative;overflow:hidden;transition:.35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;backdrop-filter:blur(12px)}.tarjeta-premio-interactiva:hover{transform:translateY(-10px);background:rgba(20,35,50,.85);border-color:var(--oro-botin);box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 25px rgba(255,209,59,.15)}.icono-caja-premio{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.tarjeta-premio-interactiva:hover .icono-caja-premio{transform:scale(1.15) rotate(6deg);border-color:var(--azul-pirata);background:rgba(59,180,229,.15)}.cifra-premio{font-family:Montserrat,sans-serif;font-size:clamp(2rem,3vw,2.5rem);font-weight:900;margin-bottom:.5rem;line-height:1.1}.cifra-oro{color:var(--oro-botin);text-shadow:0 0 20px rgba(255,209,59,.3)}.cifra-azul{color:var(--azul-pirata);text-shadow:0 0 20px rgba(59,180,229,.3)}.card-paso-pro{background:linear-gradient(160deg,rgba(20,34,48,.85) 0,rgba(11,17,22,.95) 100%);border:1px solid rgba(59,180,229,.2);border-radius:24px;padding:2.2rem 1.8rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;transition:.35s cubic-bezier(.16,1,.3,1);box-shadow:0 15px 35px rgba(0,0,0,.5)}.card-paso-pro::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--oro-botin),var(--azul-pirata));opacity:.7;transition:opacity .3s}.num-agua{position:absolute;right:5px;bottom:-15px;font-family:Montserrat,sans-serif;font-size:6.5rem;font-weight:900;color:rgba(255,255,255,.03);line-height:1;pointer-events:none;transition:.35s;z-index:1}.caja-icono-paso,.contenido-paso{position:relative;z-index:2}.card-paso-pro:hover{transform:translateY(-8px);border-color:var(--oro-botin);box-shadow:0 20px 45px rgba(0,0,0,.8),0 0 30px rgba(255,209,59,.15)}.card-paso-pro:hover::before{opacity:1;height:5px}.card-paso-pro:hover .num-agua{color:rgba(255,209,59,.08);transform:scale(1.08) translate(-5px,-5px)}.caja-icono-paso{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card-paso-pro:hover .caja-icono-paso{transform:scale(1.12) rotate(-6deg);background:rgba(255,209,59,.15);border-color:var(--oro-botin)}.modal-legal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(11,17,22,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2000;justify-content:center;align-items:center;padding:20px}.form-cofre,.modal-legal-box,.modal-caja{display:flex;flex-direction:column}.modal-legal-box,.modal-caja{background:var(--azul-cristal);border:1px solid var(--borde-azul);border-radius:16px;max-width:650px;width:100%;max-height:80vh;position:relative;padding:2.2rem 2rem;box-shadow:0 20px 50px rgba(0,0,0,.7),0 0 30px rgba(59,180,229,.15);animation:.3s cubic-bezier(.25,1,.5,1) forwards modalSlideUp}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-legal-box h3{font-weight:900;color:var(--oro-botin);font-size:1.25rem;letter-spacing:1px;text-shadow:0 0 12px rgba(255,209,59,.3);padding-right:0;text-align:center;width:100%;margin-top:0}.btn-cerrar-modal,.modal-legal-cerrar{position:absolute;top:1.8rem;right:2rem;font-size:2.2rem;color:var(--texto-suave);cursor:pointer;line-height:.5;transition:color .2s,transform .2s;background:0 0;border:none}.btn-cerrar-modal:hover,.modal-legal-cerrar:hover{color:var(--oro-botin);transform:scale(1.15)}.modal-legal-scroll{overflow-y:auto;padding-right:12px;color:var(--texto-suave);font-size:.9rem;line-height:1.6;text-align:left}.btn-paginacion,.modal-legal-scroll h4{color:var(--texto-claro);font-family:Montserrat,sans-serif;font-weight:700}.modal-legal-scroll::-webkit-scrollbar{width:6px}.modal-legal-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:4px}.modal-legal-scroll::-webkit-scrollbar-thumb{background:var(--borde-azul);border-radius:4px}.modal-legal-scroll::-webkit-scrollbar-thumb:hover{background:var(--azul-pirata)}.modal-legal-scroll h4{margin:1.3rem 0 .4rem;font-size:.95rem;text-align:center;width:100%}.modal-legal-scroll p{margin-bottom:.8rem}.modal-legal-scroll ul{margin-bottom:.8rem;padding-left:1.2rem}.modal-legal-scroll li{margin-bottom:.4rem}.paginacion{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.btn-paginacion{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .5rem;background:rgba(18,36,56,.65);border:1px solid var(--borde-azul);border-radius:8px;transition:.3s;font-size:.9rem}.nav-wrapper,.nav-wrapper.nav-oculto{transition:transform .3s,opacity .3s!important}.btn-paginacion.activo,.btn-paginacion:hover{background:var(--oro-botin);color:var(--marron-oscuro);border-color:var(--oro-botin);box-shadow:0 4px 10px rgba(255,209,59,.2)}.paginacion-puntos{color:var(--texto-suave);font-weight:700;padding:0 .2rem}.contenido-paso p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.avatar-pirata-img{width:80px;height:80px;border-radius:50%;border:3px solid var(--oro-botin);box-shadow:0 5px 15px rgba(0,0,0,.6);background-color:#fff;object-fit:cover}div.csp-overflow-x-auto{-webkit-overflow-scrolling:touch}.nav-oculto{transform:translateY(-100%);opacity:0;pointer-events:none}.nav-wrapper.nav-oculto{transform:translateY(-150%)!important;opacity:0!important;pointer-events:none!important}.cargando{opacity:.65!important;pointer-events:none!important;cursor:wait!important;position:relative;transition:opacity .2s;animation:1.2s ease-in-out infinite pulsoCarga}@keyframes pulsoCarga{0%,100%{transform:scale(.98)}50%{transform:scale(1.01)}}.hero-auth{min-height:100vh;justify-content:flex-start;padding-top:9rem;padding-bottom:4rem}.pildora-cabecera,.reloj-racion{font-family:Montserrat,sans-serif;align-items:center}.tarjeta-auth{max-width:480px;width:100%;padding:3rem 2.5rem;text-align:center;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.7);border:1px solid var(--borde-azul)}.pildora-cabecera{display:inline-flex;gap:8px;padding:.45rem 1.2rem;border-radius:50px;margin-bottom:1.5rem;font-size:.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--texto-claro)}.pildora-azul{background:rgba(59,180,229,.15);border:1px solid rgba(59,180,229,.35)}.pildora-verde{background:rgba(5,255,161,.15);border:1px solid rgba(5,255,161,.35)}.pildora-oro{background:rgba(255,209,59,.15);border:1px solid rgba(255,209,59,.35)}.titulo-auth{font-family:Montserrat,sans-serif;font-size:2.2rem;font-weight:900;color:#fff;margin-bottom:.5rem;letter-spacing:1px}.subtitulo-auth{color:var(--texto-suave);font-size:.92rem;margin-bottom:2.2rem;line-height:1.5}.form-cofre{gap:1.3rem;width:100%;text-align:left}.enlaces-auth,.grupo-form{flex-direction:column;display:flex}.grupo-form{gap:.45rem}.label-cofre{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:800;color:var(--texto-suave);letter-spacing:1px;text-transform:uppercase}.input-cofre{width:100%;padding:1rem 1.2rem;background:rgba(11,17,22,.9);border:1px solid var(--borde-azul);border-radius:12px;color:#fff;font-size:.95rem;font-family:Montserrat,sans-serif;outline:0;transition:border-color .2s,box-shadow .2s}.input-cofre:focus{border-color:#05ffa1;box-shadow:0 0 12px rgba(5,255,161,.2)}.alerta-cofre{padding:.9rem 1.2rem;border-radius:12px;font-size:.88rem;font-weight:700;margin-bottom:1.5rem;text-align:left}.alerta-error{background:rgba(255,42,109,.15);border:1px solid #ff2a6d;color:#ff2a6d}.alerta-exito,.badge-completada{background:rgba(5,255,161,.15);border:1px solid #05ffa1;color:#05ffa1}.enlaces-auth{margin-top:2rem;gap:.8rem;font-size:.88rem}.enlaces-auth a{color:var(--azul-pirata);font-weight:700;transition:color .2s}.enlaces-auth a:hover{color:var(--oro-botin)}.enlaces-auth .destacado{color:var(--oro-botin);font-weight:800;margin-left:4px}.tarjeta-panel{max-width:680px;width:100%;padding:3rem 2.5rem;position:relative}.caja-avatar{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.marco-avatar{width:110px;height:110px;position:relative!important;display:inline-block!important;margin-bottom:.5rem!important;cursor:pointer!important}.img-avatar{width:100%;height:100%;border-radius:50%;background-color:#fff;border:3px solid var(--oro-botin);background-size:cover;background-position:center;box-shadow:0 8px 25px rgba(0,0,0,.7),0 0 20px rgba(255,209,59,.3);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.marco-avatar:hover .img-avatar{transform:scale(1.08) rotate(4deg)}.enlace-avatar{color:var(--azul-pirata);cursor:pointer;text-decoration:underline;font-size:.82rem;font-family:Montserrat,sans-serif;font-weight:800}.caja-rango{background:rgba(11,17,22,.65);border:1px solid rgba(59,180,229,.25);border-radius:12px;padding:.8rem 1.2rem;margin-bottom:1.5rem;text-align:left}.rango-info{display:flex;font-size:.8rem;font-weight:800;flex-direction:row!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:10px!important;text-align:center!important}.rango-info span#txt-rango-nombre{font-size:.78rem!important;line-height:1.3!important;flex:0 1 auto!important}.rango-info span#txt-rango-xp{font-size:.72rem!important;align-self:center!important;background:rgba(255,255,255,.06)!important;padding:3px 8px!important;border-radius:6px!important;white-space:nowrap!important;flex-shrink:0!important}.rango-barra-fondo{width:100%;height:8px;background:rgba(255,255,255,.08);border-radius:50px;overflow:hidden}.rango-barra-progreso{height:100%;background:linear-gradient(90deg,#3bb4e5,#ffd13b);transition:width .6s cubic-bezier(.4,0,.2,1)}.caja-saldo{background:rgba(11,17,22,.85);border:1px solid rgba(255,209,59,.35);border-radius:20px;padding:2rem 1.5rem;margin-bottom:2rem;box-shadow:0 10px 25px rgba(0,0,0,.5)}.saldo-numero{font-family:Montserrat,sans-serif;font-size:clamp(36px,6vw,52px);font-weight:900;color:var(--oro-botin);text-shadow:0 0 20px rgba(255,209,59,.3)}.saldo-etiquetas{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}.etiqueta-racha{background:rgba(255,209,59,.15);border:1px solid var(--oro-botin);color:var(--oro-botin);font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:50px}.reloj-racion{background:rgba(18,36,56,.6);border:1px solid rgba(59,180,229,.3);color:var(--texto-suave);padding:1.1rem;border-radius:16px;font-weight:800;font-size:.95rem;display:flex;justify-content:center;gap:8px}.bloque-seccion{text-align:left;border-top:1px solid rgba(255,255,255,.08);padding-top:2.5rem;margin-bottom:3.5rem}.titulo-seccion-panel{font-size:1.2rem;margin-bottom:.5rem;display:flex;align-items:center;gap:8px}.tarjeta-mision{background:rgba(11,17,22,.7);border-radius:14px;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border:1px solid var(--borde-azul)}.mision-aprobada{border-color:rgba(5,255,161,.3)}.mision-pendiente{border-color:var(--oro-botin)}.badge-estado{padding:.5rem 1rem;border-radius:10px;font-weight:800;font-size:.82rem}.badge-en-revision{background:rgba(255,209,59,.15);border:1px solid var(--oro-botin);color:var(--oro-botin)}.mision-acciones{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px}.btn-mision-enlace{display:block;text-align:center;background:rgba(59,180,229,.15);border:1px solid var(--borde-azul);color:var(--texto-claro);padding:.5rem;border-radius:8px;font-size:.8rem;font-weight:700;text-decoration:none}.grid-boveda{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.item-boveda{background:rgba(11,17,22,.6);border:1px dashed rgba(255,255,255,.15);border-radius:14px;padding:1.2rem;text-align:center;opacity:.7}.caja-tabla{background:rgba(11,17,22,.75);border:1px solid var(--borde-azul);border-radius:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabla-cofre{width:100%;border-collapse:collapse;font-size:.92rem}.tabla-cofre thead tr{background:rgba(20,42,65,.4);color:var(--azul-pirata);font-size:.75rem}.tabla-cofre td,.tabla-cofre th{padding:14px 16px}.tabla-cofre tbody tr{border-bottom:1px solid rgba(255,255,255,.05)}.btn-peligro{width:100%;padding:1rem;background:rgba(255,42,109,.12);border:1px solid rgba(255,42,109,.35);color:#ff2a6d;border-radius:14px;font-weight:800;font-size:.95rem;cursor:pointer;transition:background .2s}.btn-peligro:hover{background:rgba(255,42,109,.25)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(11,17,22,.88);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .25s}.hero-admin{align-items:center;max-width:1380px;width:100%;padding-top:7rem}.cabecera-admin{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.titulo-admin{color:var(--azul-pirata);font-size:1.8rem;font-weight:900;margin:0}.controles-admin{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.label-autorefresh{display:flex;align-items:center;gap:8px;font-size:.82rem;background:rgba(11,17,22,.8);border:1px solid var(--borde-azul);padding:.5rem 1rem;border-radius:50px;cursor:pointer}.btn-sincronizar{background:rgba(5,255,161,.15);border:1px solid #05ffa1;color:#05ffa1;font-weight:800;padding:.55rem 1.1rem;border-radius:50px;cursor:pointer;transition:.2s}.caja-pendientes,.seccion-admin{padding:2rem;width:100%;text-align:left}.btn-sincronizar:hover{background:rgba(5,255,161,.3)}.seccion-admin{background:rgba(11,17,22,.85);border:1px solid var(--borde-azul);border-radius:20px;margin-bottom:2.5rem;box-shadow:0 15px 35px rgba(0,0,0,.6)}.seccion-admin-verde{border-color:#05ffa1}.seccion-admin-oro{border-color:rgba(255,209,59,.4)}.caja-pendientes{background:rgba(255,209,59,.1);border:2px solid var(--oro-botin);border-radius:20px;margin-bottom:3.5rem;box-shadow:0 0 30px rgba(255,209,59,.2)}.btn-aprobar,.btn-rechazar{padding:.5rem 1rem;cursor:pointer}.btn-aprobar{background:#05ffa1;color:#000;font-weight:900;border-radius:8px;border:none}.btn-rechazar{background:rgba(255,42,109,.2);border:1px solid #ff2a6d;color:#ff2a6d;font-weight:800;border-radius:8px}.grid-radar{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:2rem}.tarjeta-radar{border-radius:20px;padding:1.8rem;box-shadow:0 10px 30px rgba(0,0,0,.6)}.radar-rojo{background:rgba(255,42,109,.08);border:1px solid #ff2a6d}.radar-oro{background:rgba(255,209,59,.08);border:1px solid var(--oro-botin)}.badge-radar{font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:50px}.badge-radar-rojo{background:rgba(255,42,109,.2);color:#ff2a6d;border:1px solid #ff2a6d}.badge-radar-oro{background:rgba(255,209,59,.2);color:var(--oro-botin);border:1px solid var(--oro-botin)}.form-fabrica{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1.5rem;background:rgba(255,255,255,.02);padding:1rem;border-radius:12px}.input-fabrica{padding:.6rem;background:#0b1116;border:1px solid rgba(59,180,229,.3);border-radius:8px;color:#fff;font-weight:700}.input-corto{width:60px;text-align:center}.input-medio{width:100px;text-align:center}.input-largo{flex:1;min-width:200px}.form-ajax-oro,.pwa-contenido{align-items:center;display:flex}.form-ajax-oro{gap:4px}.input-oro-ajax{width:58px;padding:.45rem;background:#0b1116;border:1px solid rgba(59,180,229,.35);color:#fff;border-radius:8px;text-align:center;font-weight:700}.btn-accion-ban,.btn-accion-desban{padding:.4rem .8rem;font-weight:700}.btn-ajax-restar,.btn-ajax-sumar{font-weight:900;width:30px;height:32px;cursor:pointer}.btn-ajax-sumar{background:var(--oro-botin);color:#000;border-radius:6px;border:none}.btn-ajax-restar{background:rgba(255,42,109,.2);border:1px solid #ff2a6d;color:#ff2a6d;border-radius:6px}.btn-accion-ban{background:rgba(255,42,109,.15);border:1px solid #ff2a6d;color:#ff2a6d;border-radius:6px;cursor:pointer}.btn-accion-desban{background:rgba(5,255,161,.15);border:1px solid #05ffa1;color:#05ffa1;border-radius:6px;cursor:pointer}.btn-accion-del{background:rgba(255,255,255,.05);border:1px solid rgba(255,42,109,.4);color:#ff2a6d;padding:.4rem .6rem;border-radius:8px;cursor:pointer}.grupo-checkbox-legal{display:flex;align-items:flex-start;gap:10px;margin-top:.4rem;font-size:.82rem;color:var(--texto-claro);line-height:1.4;text-align:justify}.input-checkbox-legal{margin-top:3px;accent-color:#05ffa1;width:17px;height:17px;cursor:pointer;flex-shrink:0}.enlace-legal{color:var(--oro-botin);text-decoration:underline;font-weight:700;transition:color .2s}.enlace-legal:hover{color:#05ffa1}#pwa-install-banner{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);max-width:420px;background-color:rgba(11,17,22,.95);border:1px solid var(--oro-botin);border-radius:16px;padding:15px 20px;box-shadow:0 10px 30px rgba(0,0,0,.85),0 0 15px rgba(255,209,59,.15);z-index:99999;backdrop-filter:blur(10px);animation:.5s ease-out forwards flotarArriba}@keyframes flotarArriba{from{opacity:0;bottom:-50px}to{opacity:1;bottom:20px}}.pwa-contenido{justify-content:space-between;gap:12px}.pwa-texto h4{margin:0 0 3px;color:var(--oro-botin);font-size:.95rem;font-weight:800}.pwa-texto p{margin:0;color:var(--texto-claro);font-size:.8rem;line-height:1.3}.pwa-acciones{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-pwa-instalar{background-color:var(--oro-botin);color:#05080c;border:none;padding:8px 14px;border-radius:50px;font-weight:800;font-size:.8rem;cursor:pointer;box-shadow:0 3px 0 #b87a00;transition:transform .1s}.btn-pwa-instalar:active{transform:translateY(2px);box-shadow:0 1px 0 #b87a00}.btn-pwa-cerrar{background:0 0;border:none;color:var(--texto-suave);font-size:1.2rem;cursor:pointer;padding:4px}.radar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;width:100%;margin:1.5rem 0 2rem}.kpi-tarjeta{background:rgba(11,17,22,.85);border:1px solid rgba(255,209,59,.2);border-radius:16px;padding:1.3rem;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(8px);transition:transform .2s,border-color .2s}.kpi-tarjeta:hover{transform:translateY(-3px);border-color:var(--oro-botin)}.kpi-cabecera{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.kpi-titulo{font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:var(--texto-suave);margin:0;font-weight:700}.kpi-icono{font-size:1.4rem;line-height:1;margin-left:8px;flex-shrink:0}.kpi-valor{font-size:2.2rem;font-weight:900;color:#fff;margin:.2rem 0;line-height:1.1}.kpi-subtexto{font-size:.78rem;color:#05ffa1;margin-top:.5rem;font-weight:600}.radar-grafico-contenedor{background:rgba(11,17,22,.85);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;width:100%;margin-bottom:2rem}.avatar-pirata{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--oro-botin)}.texto-modal-legal{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:1.65;color:var(--texto-suave,#cbd5e1)}@keyframes flotar{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}#escenario-pirata-3d{animation:6s ease-in-out infinite flotarAmplio}@keyframes flotarAmplio{0%,100%{transform:translate(0,0) rotate(0)}33%{transform:translate(-15px,-25px) rotate(-2deg)}66%{transform:translate(15px,-10px) rotate(2deg)}}.img-logo-footer{max-height:48px;max-width:180px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));transition:transform .25s,filter .25s}.img-logo-footer:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(255,209,59,.5))}.btn-canje-activo,.btn-falta-botin{width:100%;font-family:Montserrat,sans-serif}.grid-botin{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.tarjeta-item-botin{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.25s}.tarjeta-item-botin:hover{transform:translateY(-4px);border-color:rgba(255,209,59,.4);box-shadow:0 10px 25px rgba(0,0,0,.5)}.etiqueta-dto{position:absolute;top:14px;right:14px;background:rgba(5,255,161,.12);border:1px solid rgba(5,255,161,.4);color:#05ffa1;font-size:.68rem;font-weight:800;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.btn-canje-activo{padding:.8rem 1.2rem;border-radius:12px;font-weight:900;font-size:.92rem;border:none;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-bizum-verde{background:#05ffa1;color:#08121e;box-shadow:0 4px 15px rgba(5,255,161,.25)}.btn-bizum-verde:hover{transform:scale(1.02);background:#04e590}.btn-amazon-oro{background:#ffd13b;color:#08121e;box-shadow:0 4px 15px rgba(255,209,59,.25)}.btn-amazon-oro:hover{transform:scale(1.02);background:#facc15}.btn-falta-botin{padding:.55rem 1rem;border-radius:10px;font-weight:700;font-size:.78rem;letter-spacing:1px;text-transform:uppercase;background:rgba(0,0,0,.25);border:1px dashed rgba(255,255,255,.12);color:#64748b;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:6px}.texto-oro{color:var(--oro-botin,#ffd13b)}.texto-azul{color:var(--azul-pirata,#38bdf8)}.texto-blanco{color:#fff}.texto-suave{color:var(--texto-suave,#a0aec0)}.font-bold{font-weight:800}.font-black{font-weight:900}.mb-15{margin-bottom:1.5rem}.mb-40{margin-bottom:4rem}.roadmap-badge-paso{font-size:.75rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:4px}.roadmap-titulo{font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:.8rem}.roadmap-desc{color:var(--texto-suave,#a0aec0);font-size:.9rem;line-height:1.6;margin:0}.seccion-recompensas-bg{background:rgba(18,36,56,.25)}.recompensa-titulo{color:var(--oro-botin,#ffd13b);font-size:1.2rem;margin-bottom:.5rem;margin-top:0}.recompensa-desc{color:var(--texto-suave,#a0aec0);font-size:.9rem;margin:0}.badge-temporada{background:rgba(11,17,22,.85);border:1px solid var(--borde-azul,#1e3a5f);padding:.65rem 1.4rem;border-radius:16px;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin-top:.8rem;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.4)}.reloj-temporada{color:#05ffa1;font-family:monospace;font-size:.98rem;font-weight:900;letter-spacing:.5px;white-space:nowrap}.texto-premio-mensual{color:var(--texto-suave,#a0aec0);max-width:620px;margin:1rem auto 0;font-size:.95rem;line-height:1.5}.caja-ranking-contenedor{max-width:820px;margin:0 auto;background:rgba(18,36,56,.55);backdrop-filter:blur(20px);border:1px solid var(--borde-azul,#1e3a5f);border-radius:26px;padding:2rem;box-shadow:0 20px 50px rgba(0,0,0,.6)}.podio-contenedor{display:flex;justify-content:center;gap:1rem;margin:0 auto 2rem;flex-wrap:wrap;max-width:820px}.tarjeta-podio{padding:.8rem 1.5rem;border-radius:14px;display:flex;align-items:center;gap:12px;flex:1;min-width:180px;justify-content:center;text-align:left}.tarjeta-podio-1{background:rgba(255,209,59,.12);border:1px solid var(--oro-botin,#ffd13b);box-shadow:0 4px 15px rgba(255,209,59,.05)}.ranking-item-2,.tarjeta-podio-2{background:rgba(192,192,192,.08);border:1px solid silver}.ranking-item-3,.tarjeta-podio-3{background:rgba(205,127,50,.08);border:1px solid #cd7f32}.podio-label{font-size:.72rem;color:var(--texto-suave,#a0aec0);display:block;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.podio-puntos{font-size:1.15rem;font-weight:900;font-family:Montserrat,sans-serif}.texto-plata{color:silver}.texto-bronce{color:#cd7f32}.lista-ranking{display:flex;flex-direction:column;gap:.8rem}.ranking-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;border-radius:16px;transition:transform .2s}.ranking-item:hover{transform:translateY(-2px)}.ranking-item-1{background:rgba(255,209,59,.12);border:1px solid var(--oro-botin,#ffd13b)}.ranking-item-std{background:rgba(11,17,22,.6);border:1px solid rgba(255,255,255,.05)}.ranking-item-left{display:flex;align-items:center;gap:14px}.ranking-item-right{display:flex;align-items:center;gap:6px}.ranking-medalla-caja{width:36px;text-align:center}.ranking-medalla-txt{font-family:monospace;font-weight:800;color:var(--texto-suave,#a0aec0);width:28px;display:inline-block}.icono-corona{font-size:1.5rem}.icono-podio{font-size:1.4rem}.ranking-apodo{color:#fff;font-size:1rem;display:block;font-weight:800}.ranking-puntos-txt{font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:900;color:var(--oro-botin,#ffd13b)}.icono-moneda-ranking{width:1.3rem;height:1.3rem}.leyenda-actualizacion{text-align:center;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.leyenda-actualizacion span{color:var(--texto-suave,#a0aec0);font-size:.78rem;display:inline-flex;align-items:center;gap:6px;opacity:.8}.btn-patrocinar,.patrocinio-badge,.patrocinio-titulo{font-family:Montserrat,sans-serif;font-weight:800}.seccion-patrocinio{max-width:1150px;margin:0 auto 3.5rem;padding:0 clamp(1.2rem,4vw,2.5rem);width:100%}.banner-monetizacion{background:linear-gradient(135deg,rgba(18,36,56,.75) 0,rgba(11,17,22,.92) 100%);border:1px dashed rgba(255,209,59,.4);border-radius:24px;padding:2.2rem 2.5rem;display:flex!important;align-items:center;justify-content:space-between;gap:2rem;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:.3s cubic-bezier(.16,1,.3,1);box-shadow:0 15px 35px rgba(0,0,0,.5)}.banner-monetizacion:hover{transform:translateY(-5px);border-style:solid;border-color:var(--oro-botin);box-shadow:0 20px 45px rgba(0,0,0,.7),0 0 30px rgba(255,209,59,.15);background:linear-gradient(135deg,rgba(22,45,70,.85) 0,rgba(15,25,36,.95) 100%)}.patrocinio-icono{font-size:2.8rem;flex-shrink:0;width:70px;height:70px;background:rgba(255,209,59,.1);border:1px solid rgba(255,209,59,.25);border-radius:18px;display:flex;align-items:center;justify-content:center}.patrocinio-texto{flex:1;text-align:left}.patrocinio-badge{font-size:.75rem;letter-spacing:1.5px;display:block;margin-bottom:6px}.patrocinio-titulo{color:#fff;font-size:1.35rem;margin:0 0 6px;line-height:1.3}.patrocinio-desc{color:var(--texto-suave);font-size:.95rem;margin:0;line-height:1.5}.patrocinio-cta{flex-shrink:0}.btn-patrocinar{background:rgba(255,209,59,.12);color:var(--oro-botin);font-size:.92rem;padding:.9rem 1.8rem;border:1px solid rgba(255,209,59,.5);border-radius:50px;cursor:pointer;white-space:nowrap;box-shadow:none;transition:.25s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:8px}.banner-monetizacion:hover .btn-patrocinar,.btn-patrocinar:hover{transform:translateY(-2px);background:var(--oro-botin);color:#0b1116;border-color:var(--oro-botin);box-shadow:0 6px 20px rgba(255,209,59,.25)}.modal-patrocinio-caja{max-width:550px!important;text-align:left!important}.badge-camara{position:absolute!important;bottom:2px!important;right:2px!important;width:34px!important;height:34px!important;background:var(--oro-botin)!important;border:3.5px solid #0b1116!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 10px rgba(0,0,0,.6)!important;color:#0b1116!important;z-index:10!important;transition:transform .25s,background .2s!important}.badge-camara svg{width:14px!important;height:14px!important}.marco-avatar:hover .badge-camara{transform:scale(1.15) rotate(-8deg)!important;background:#ffe366!important}.nombre-usuario-premium{font-family:Montserrat,sans-serif!important;font-size:clamp(1.4rem,5vw,1.8rem)!important;font-weight:900!important;letter-spacing:-.5px!important;margin:.5rem 0 .2rem!important;background:linear-gradient(135deg,#fff 0,#a0aec0 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 4px 12px rgba(255,255,255,.15))!important}.apodo-usuario{font-family:Montserrat,sans-serif!important;display:block!important;color:var(--azul-pirata)!important;font-size:.95rem!important;font-weight:800!important;letter-spacing:.5px!important;margin-bottom:1.8rem!important}.apodo-usuario-premium{display:inline-block!important;color:var(--azul-pirata)!important;background:rgba(59,180,229,.1)!important;border:1px solid rgba(59,180,229,.3)!important;padding:4px 14px!important;border-radius:50px!important;font-family:Montserrat,sans-serif!important;font-size:.85rem!important;font-weight:800!important;letter-spacing:.5px!important;margin-bottom:1.8rem!important;box-shadow:0 4px 10px rgba(0,0,0,.2)!important;transition:background .2s,transform .2s!important}.apodo-usuario-premium:hover{background:rgba(59,180,229,.18)!important;transform:translateY(-2px)!important}.contenedor-avatar-perfil{cursor:pointer;display:inline-block;margin-bottom:.5rem;position:relative}.circulo-avatar-perfil{width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid var(--oro-botin,#ffd13b);box-shadow:0 4px 15px rgba(0,0,0,.4);margin:0 auto;background:#122438;transition:width .3s,height .3s}.circulo-avatar-perfil img{width:100%;height:100%;object-fit:cover}.badge-camara-perfil{bottom:5px!important;right:5px!important;width:36px!important;height:36px!important;border-width:3px!important}.badge-camara-perfil svg{width:16px!important;height:16px!important}.temporizador-label,.temporizador-valor{font-family:Montserrat,sans-serif!important}.caja-temporizador-premium{background:linear-gradient(145deg,#0e1c2e 0,#060d16 100%)!important;border:1px solid rgba(255,209,59,.15)!important;border-radius:12px!important;padding:1.5rem!important;text-align:center!important;box-shadow:0 8px 20px rgba(0,0,0,.4)!important;margin:1.5rem auto!important;max-width:400px!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important}.caja-temporizador-premium::before{content:''!important;position:absolute!important;top:0!important;left:20%!important;width:60%!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--oro-botin,#ffd13b),transparent)!important;box-shadow:0 1px 10px rgba(255,209,59,.4)!important}.temporizador-label{color:#8da4bb!important;font-size:.85rem!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-bottom:.8rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.temporizador-valor{font-size:clamp(2rem,5vw,2.6rem)!important;font-weight:800!important;color:var(--oro-botin,#ffd13b)!important;text-shadow:0 4px 6px rgba(0,0,0,.6),0 0 12px rgba(255,209,59,.15)!important;line-height:1!important;letter-spacing:2px!important;display:block!important}.banner-pwa-contenedor{position:fixed;bottom:20px;left:15px;right:15px;z-index:999999;background:linear-gradient(135deg,rgba(18,30,43,.98),rgba(11,17,22,.99));border:1px solid var(--oro-botin,#ffd13b);border-radius:16px;padding:12px 16px;box-shadow:0 10px 30px rgba(0,0,0,.8),0 0 15px rgba(255,209,59,.15);justify-content:space-between;align-items:center;gap:10px;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s}.banner-pwa-contenedor.visible{opacity:1;transform:translateY(0)}.btn-reclamo-glass{display:flex;align-items:center;gap:15px;width:100%;border-radius:16px;padding:15px 20px;color:#fff;text-align:left;cursor:pointer;transition:.3s}.btn-reclamo-glass:not(.disabled){background:linear-gradient(135deg,rgba(255,209,59,.15) 0,rgba(212,160,23,.05) 100%);border:1px solid rgba(255,209,59,.6);box-shadow:0 8px 25px rgba(255,209,59,.15),inset 0 1px 1px rgba(255,255,255,.1);position:relative;overflow:hidden}.btn-reclamo-glass:not(.disabled)::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skewX(-20deg);animation:3.5s infinite brilloReclamo}.btn-reclamo-glass:not(.disabled):hover{background:linear-gradient(135deg,rgba(255,209,59,.25) 0,rgba(212,160,23,.1) 100%);border-color:#ffd13b;transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,209,59,.25),inset 0 1px 2px rgba(255,255,255,.2)}.btn-reclamo-glass.disabled{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);cursor:not-allowed}.btn-reclamo-glass .icono-reclamo{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;transition:.3s}.btn-reclamo-glass:not(.disabled) .icono-reclamo{background:rgba(255,209,59,.25);border:1px solid #ffd13b;animation:2s ease-in-out infinite latidoReclamo}.btn-reclamo-glass.disabled .icono-reclamo{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);filter:grayscale(1)}.btn-reclamo-glass .texto-reclamo{display:flex;flex-direction:column;z-index:2}.btn-reclamo-glass .texto-reclamo strong{font-size:1.05rem;font-weight:800}.btn-reclamo-glass:not(.disabled) .texto-reclamo strong{color:#ffd13b;text-shadow:0 0 10px rgba(255,209,59,.3)}.btn-reclamo-glass.disabled .texto-reclamo strong{color:#94a3b8}.btn-reclamo-glass .texto-reclamo span{font-size:.85rem;color:#94a3b8}@keyframes brilloReclamo{0%{left:-100%}100%,20%{left:200%}}@keyframes latidoReclamo{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(255,209,59,0)}50%{transform:scale(1.08);box-shadow:0 0 15px rgba(255,209,59,.5)}}.seccion-glass{display:flex;align-items:center;gap:15px;background:0 0!important;border:none!important;border-radius:0;padding:10px 0;margin-bottom:1.5rem;box-shadow:none!important}.seccion-glass .seccion-icono{width:55px;height:55px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid transparent}.seccion-glass .seccion-texto{display:flex;flex-direction:column;justify-content:center}.seccion-glass .seccion-texto h3{margin:0 0 4px;font-size:1.1rem;font-weight:800;color:#fff;line-height:1.2}.seccion-glass .seccion-texto p{margin:0;font-size:.85rem;color:#94a3b8;line-height:1.4}.tarjeta-accion-header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:rgba(15,23,42,.4);box-sizing:border-box;width:100%;height:100%;text-align:left;cursor:pointer;transition:.25s cubic-bezier(.4,0,.2,1)}.tarjeta-accion-header.accion-tienda{border:1px solid rgba(59,180,229,.4);box-shadow:0 4px 15px rgba(59,180,229,.05),inset 0 1px 1px rgba(255,255,255,.05)}.tarjeta-accion-header.accion-tienda:hover{background:rgba(59,180,229,.08);border-color:#3bb4e5;transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,180,229,.2)}.tarjeta-accion-header.accion-tienda .accion-icono{background:rgba(59,180,229,.15);border:1px solid #3bb4e5;text-shadow:0 0 8px rgba(59,180,229,.6)}.tarjeta-accion-header.accion-tienda strong{color:#3bb4e5}.tarjeta-accion-header.accion-reclamo{border:1px solid rgba(255,209,59,.4);box-shadow:0 4px 15px rgba(255,209,59,.05),inset 0 1px 1px rgba(255,255,255,.05)}.tarjeta-accion-header.accion-reclamo:hover{background:rgba(255,209,59,.08);border-color:#ffd13b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,209,59,.2)}.tarjeta-accion-header.accion-reclamo .accion-icono{background:rgba(255,209,59,.15);border:1px solid #ffd13b}.tarjeta-accion-header.accion-reclamo strong{color:#ffd13b}.tarjeta-accion-header.accion-deshabilitado{border:1px solid rgba(255,255,255,.08);cursor:not-allowed}.tarjeta-accion-header.accion-deshabilitado .accion-icono{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);filter:grayscale(1)}.tarjeta-accion-header .accion-icono{font-size:1.4rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.tarjeta-accion-header .accion-texto{display:flex;flex-direction:column}.tarjeta-accion-header .accion-texto strong{font-size:.95rem;font-weight:800;line-height:1.2}.tarjeta-accion-header .accion-texto span{font-size:.78rem;color:#94a3b8;margin-top:2px}.btn-nav-salir{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#2b1119;border-radius:50%!important;transition:background-color .15s;cursor:pointer;flex-shrink:0;padding:0;border:none;text-decoration:none}.btn-reclamar-oro{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.9rem 1.5rem;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:800;border-radius:12px;cursor:pointer;transition:.3s cubic-bezier(.16, 1, .3, 1);background:rgba(255,209,59,.12);border:1px solid rgba(255,209,59,.4);color:var(--oro-botin,#ffd13b);box-shadow:0 4px 15px rgba(0,0,0,.2)}.btn-reclamar-oro:hover{background:var(--oro-botin,#ffd13b);border-color:var(--oro-botin,#ffd13b);color:#0b1116;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,209,59,.25)}.btn-reclamar-oro:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(255,209,59,.15)}#contenedor-misiones-realtime.ocultar-completadas .mision-aprobada{display:none!important}.admin-input,.admin-panel{width:100%;box-sizing:border-box}:root{--admin-bg-panel:rgba(18, 36, 56, 0.65);--admin-borde:rgba(255, 209, 59, 0.15);--admin-texto:#f1f5f9;--admin-muted:#94a3b8;--admin-radius:16px}.admin-panel{background:var(--admin-bg-panel);border:1px solid var(--admin-borde);border-radius:var(--admin-radius);padding:1.8rem;margin-bottom:2rem;box-shadow:0 8px 30px rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.admin-panel-header,.admin-table td{border-bottom:1px solid rgba(255,255,255,.05)}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;flex-wrap:wrap;gap:1rem}.admin-panel-title{font-family:Montserrat,sans-serif;font-size:1.3rem;color:var(--oro-botin,#ffd13b);margin:0;display:flex;align-items:center;gap:10px;font-weight:800}.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;align-items:end}.admin-table-wrapper{width:100%;overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}.admin-label,.admin-table th{font-size:.75rem;font-weight:800;text-transform:uppercase}.admin-table th{background:rgba(0,0,0,.5);color:var(--oro-botin,#ffd13b);padding:14px 16px;letter-spacing:1px;white-space:nowrap}.admin-table td{padding:14px 16px;color:var(--admin-texto);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:rgba(255,255,255,.03)}.admin-label{display:block;color:var(--admin-muted);margin-bottom:6px;letter-spacing:.5px}.admin-btn,.admin-input{color:#fff;transition:.2s;height:42px}.admin-input{background:#0b1116;border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:8px;font-size:.95rem}.admin-input:focus{border-color:var(--oro-botin,#ffd13b);box-shadow:0 0 10px rgba(255,209,59,.2);outline:0}.admin-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;white-space:nowrap}.admin-btn-sm,.badge{padding:4px 10px;font-size:.75rem}.admin-btn-sm{height:32px}.admin-btn-gold{background:rgba(255,209,59,.15);border-color:var(--oro-botin,#ffd13b);color:var(--oro-botin,#ffd13b)}.admin-btn-gold:hover{background:var(--oro-botin,#ffd13b);color:#000;box-shadow:0 0 15px rgba(255,209,59,.4)}.admin-btn-success{background:rgba(5,255,161,.15);border-color:#05ffa1;color:#05ffa1}.admin-btn-success:hover{background:#05ffa1;color:#000;box-shadow:0 0 15px rgba(5,255,161,.4)}.admin-btn-danger{background:rgba(255,42,109,.15);border-color:#ff2a6d;color:#ff2a6d}.admin-btn-danger:hover{background:#ff2a6d;color:#fff;box-shadow:0 0 15px rgba(255,42,109,.4)}.flex-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:0}.badge{border-radius:6px;font-weight:800;display:inline-block}@keyframes pulso-espera{0%,100%{opacity:.6;transform:scale(.95);filter:grayscale(30%)}50%{opacity:1;transform:scale(1.05);filter:grayscale(0%)}}.lbl-cofre-espera,.lbl-reloj{font-weight:800;text-transform:uppercase}.caja-cofre-espera{position:relative;width:100%;background:linear-gradient(135deg,rgba(15,23,34,.8) 0,rgba(8,12,18,.95) 100%);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 8px 30px rgba(0,0,0,.5),inset 0 2px 10px rgba(255,255,255,.02);overflow:hidden;box-sizing:border-box}.textura-cofre-espera{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.015) 10px,rgba(255,255,255,.015) 20px);pointer-events:none}.info-cofre-espera{display:flex;align-items:center;gap:1.2rem;position:relative;z-index:1;flex:1;min-width:0}.icono-cofre-espera{width:50px;height:50px;border-radius:12px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:inset 0 0 15px rgba(255,255,255,.03)}.textos-cofre-espera{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.lbl-cofre-espera{font-size:.72rem;color:#64748b;letter-spacing:1.5px;margin-bottom:3px;white-space:nowrap}.tit-cofre-espera{font-size:1.1rem;color:#f1f5f9;font-family:Montserrat,sans-serif;letter-spacing:.3px;line-height:1.2}.temporizador-cofre-espera{position:relative;z-index:1;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.lbl-reloj{display:inline-block;font-size:.65rem;color:#475569;letter-spacing:1px;margin-bottom:4px;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.05)}.digitos-reloj{font-family:monospace;font-size:1.9rem;font-weight:900;color:var(--azul-pirata,#38bdf8);letter-spacing:2px;text-shadow:0 0 20px rgba(56,189,248,.35);line-height:1}@media (max-width:600px){.caja-cofre-espera{flex-direction:column;justify-content:center;max-width:340px;margin:0 auto;padding:1.8rem 1.2rem}.info-cofre-espera{flex-direction:column;text-align:center;gap:.8rem}.textos-cofre-espera{align-items:center}.tit-cofre-espera{font-size:1.3rem}.temporizador-cofre-espera{align-items:center;width:100%;border-top:1px dashed rgba(255,255,255,.1);padding-top:1.2rem;margin-top:.5rem}.digitos-reloj{font-size:2.3rem}}@media (max-width:768px){.caja-cofre-espera{flex-direction:column;justify-content:center;width:100%;max-width:none;padding:1.8rem 1.5rem;gap:.8rem}.caja-cofre-espera .icono-cofre-espera,.caja-cofre-espera strong.tit-cofre-espera,.tit-cofre-espera{display:none!important;opacity:0!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}.info-cofre-espera{flex:none;width:100%;justify-content:center}.textos-cofre-espera{align-items:center;width:100%}.lbl-cofre-espera{font-size:.85rem;margin-bottom:0;text-align:center;width:100%}.temporizador-cofre-espera{align-items:center;width:100%;border-top:none;padding-top:0;margin-top:0}.digitos-reloj{font-size:2.8rem}}.cabecera-soporte,.caja-restringida-soporte{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;margin-left:0!important;margin-right:0!important}.cabecera-soporte h3,.cabecera-soporte p,.caja-restringida-soporte h4,.caja-restringida-soporte p{text-align:center!important;width:100%!important;display:block!important;margin-left:0!important;margin-right:0!important}.caja-restringida-soporte{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;margin-top:.5rem;box-sizing:border-box}.grid-taberna{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin-top:1rem}.btn-taberna{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.2rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.3s;box-shadow:inset 0 0 0 transparent}.btn-taberna:hover{background:rgba(255,209,59,.1);border-color:var(--oro-botin,#ffd13b);transform:translateY(-3px);box-shadow:0 5px 15px rgba(255,209,59,.15),inset 0 0 15px rgba(255,209,59,.05)}.btn-taberna .icono-juego{font-size:2.2rem;margin-bottom:8px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));transition:transform .3s}.btn-taberna:hover .icono-juego{transform:scale(1.1) rotate(5deg)}.btn-taberna .nombre-juego{color:#f1f5f9;font-family:Montserrat,sans-serif;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}@media (max-width:500px){.grid-taberna{gap:.5rem}.btn-taberna{padding:1rem .2rem}.btn-taberna .icono-juego{font-size:1.8rem}.btn-taberna .nombre-juego{font-size:.65rem}}@media (max-width:650px){#modal-juego-moneda .modal-legal-box{padding-top:1.5rem!important}}.cabecera-mercado{display:flex;align-items:center;gap:14px;margin-bottom:1.8rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;margin-top:3.5rem}.btn-boost-activo{width:100%;padding:.75rem;border-radius:10px;font-weight:800;font-size:.85rem;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.4);color:#fb7185;text-align:center;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px}.badge-boost-panel{background:linear-gradient(135deg,rgba(244,63,94,.15) 0,rgba(159,18,57,.25) 100%);border:1px solid rgba(244,63,94,.4);border-radius:14px;padding:10px 18px;display:inline-flex;align-items:center;gap:12px;margin-bottom:1.2rem;box-shadow:0 4px 15px rgba(244,63,94,.15);animation:3s infinite alternate resplandor-boost}@keyframes resplandor-boost{0%{box-shadow:0 4px 15px rgba(244,63,94,.15)}100%{box-shadow:0 4px 25px rgba(244,63,94,.35);border-color:rgba(244,63,94,.6)}}.boost-icon{font-size:1.8rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(244, 63, 94, .4))}.boost-texto{display:flex;flex-direction:column;text-align:left}.boost-titulo{color:#fb7185;font-family:Montserrat,sans-serif;font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.boost-timer{color:#fff;font-family:monospace;font-size:1.15rem;font-weight:700;letter-spacing:1px}.tarjeta-recompensa{background:rgba(15,23,42,.6);border:1px solid rgba(59,180,229,.15);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}.tarjeta-recompensa:hover{transform:translateY(-8px);border-color:#3bb4e5;box-shadow:0 10px 30px rgba(59,180,229,.15);background:rgba(15,23,42,.8)}.icono-recompensa{width:64px;height:64px;margin:0 auto 1.2rem;border-radius:16px;background:rgba(59,180,229,.12);border:1px solid rgba(59,180,229,.3);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 15px rgba(59,180,229,.15);transition:transform .3s,background .3s}.tarjeta-recompensa:hover .icono-recompensa{transform:scale(1.1) rotate(5deg);background:rgba(59,180,229,.25);border-color:#3bb4e5}.tarjeta-recompensa{background:rgba(15,23,42,.6)!important;border:1px solid rgba(59,180,229,.15)!important;border-radius:16px!important;padding:2rem 1.5rem!important;text-align:center!important;transition:transform .3s,box-shadow .3s,border-color .3s!important}.tarjeta-recompensa:hover{transform:translateY(-8px)!important;border-color:#3bb4e5!important;box-shadow:0 10px 30px rgba(59,180,229,.15)!important;background:rgba(15,23,42,.8)!important}.icono-recompensa{width:64px!important;height:64px!important;margin:0 auto 1.2rem!important;border-radius:16px!important;background:rgba(59,180,229,.12)!important;border:1px solid rgba(59,180,229,.3)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:2rem!important;box-shadow:0 4px 15px rgba(59,180,229,.15)!important;transition:transform .3s,background .3s!important}.tarjeta-recompensa:hover .icono-recompensa{transform:scale(1.1) rotate(5deg)!important;background:rgba(59,180,229,.25)!important;border-color:#3bb4e5!important}@media (max-width:576px){#seccion-ranking{padding-left:.5rem!important;padding-right:.5rem!important}.caja-ranking-contenedor{padding:1.2rem .6rem!important;border-radius:12px!important}.ranking-item{padding:10px 8px!important;gap:6px!important}.ranking-apodo{font-size:.85rem!important}.bitacora-ataques-box{padding:1.5rem .6rem!important;border-radius:12px!important}}@media (max-width:768px){.hero-minimalista{width:100%!important;padding-left:.3rem!important;padding-right:.3rem!important}.tarjeta-cristal{padding:1.2rem .5rem!important;border-radius:12px!important}.tabla-cofre td,.tabla-cofre th{padding:.6rem .4rem!important;font-size:.8rem!important}.bloque-seccion{padding-left:0!important;padding-right:0!important}.caja-tabla{margin:0 -.5rem!important;border-radius:0!important}.caja-saldo{padding:1rem .5rem!important}}.tabla-cofre{width:100%!important;min-width:480px!important;border-collapse:collapse}.caja-tabla::-webkit-scrollbar{height:6px}.caja-tabla::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:10px}.caja-tabla::-webkit-scrollbar-thumb{background:rgba(255,209,59,.3);border-radius:10px}.caja-tabla::-webkit-scrollbar-thumb:hover{background:rgba(255,209,59,.6)}@media (max-width:768px){.hero-minimalista{width:100%!important;padding-left:.3rem!important;padding-right:.3rem!important}.tarjeta-cristal{padding:1.2rem .5rem!important;border-radius:12px!important}.tabla-cofre td,.tabla-cofre th{padding:.7rem .5rem!important;font-size:.78rem!important}.bloque-seccion{padding-left:0!important;padding-right:0!important;overflow:visible!important}.caja-saldo{padding:1rem .5rem!important}}.grid-trofeos{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:3.5rem}.grid-escaparate-trofeos{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:1.5rem}.tarjeta-trofeo{border-radius:14px;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.trofeo-titulo{font-size:1.05rem;font-weight:800;font-family:Montserrat,sans-serif;margin:0 0 4px;color:#fff}.trofeo-desc{font-size:.75rem;line-height:1.4;color:#94a3b8;margin:0}.badge-rareza{font-size:.6rem;font-weight:900;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid}.b-bronce{background:rgba(205,127,50,.15);color:#cd7f32;border-color:rgba(205,127,50,.4)}.b-plata{background:rgba(192,192,192,.15);color:#cbd5e1;border-color:rgba(192,192,192,.4)}.b-oro{background:rgba(255,215,0,.15);color:gold;border-color:rgba(255,215,0,.4)}.b-platino{background:rgba(56,189,248,.15);color:#38bdf8;border-color:rgba(56,189,248,.4)}.b-leyenda{background:rgba(168,85,247,.15);color:#a855f7;border-color:rgba(168,85,247,.4)}@media (max-width:1100px){.grid-trofeos{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.grid-trofeos{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-escaparate-trofeos{grid-template-columns:1fr}}@media (max-width:550px){.grid-trofeos{grid-template-columns:1fr;gap:.9rem}.tarjeta-trofeo{padding:1rem}.contenedor-principal{padding-top:7.5rem!important}}@media (max-width:768px){.revelar-arriba{opacity:1!important;transform:translateY(0)!important}}.btn-canjear,.cabecera-categoria h2,.item-canje-titulo,.modal-canje-header h3{font-family:Montserrat,sans-serif}.item-mensaje,.modal-canje-input{box-sizing:border-box;width:100%}.contenedor-canje{max-width:1100px;margin:0 auto;padding:6.5rem 1rem 3rem;text-align:center}.pildora-mercado{display:inline-flex;align-items:center;gap:8px;background:rgba(5,255,161,.12);border:1px solid #05ffa1;padding:6px 18px;border-radius:50px;margin-bottom:2.2rem;box-shadow:0 4px 15px rgba(5,255,161,.15)}.pildora-mercado span:last-child{font-size:.75rem;font-weight:800;color:#05ffa1;letter-spacing:2px;text-transform:uppercase}.desc-mercado{color:#cbd5e1;max-width:560px;margin:0 auto;font-size:.95rem;line-height:1.5}.caja-saldo-mercado{margin-top:1.4rem;display:inline-flex;align-items:center;gap:10px;background:rgba(15,23,42,.9);border:1px solid var(--oro-botin,#ffd13b);padding:8px 24px;border-radius:50px;box-shadow:0 0 25px rgba(255,209,59,.15)}.caja-saldo-mercado strong{color:var(--oro-botin,#ffd13b);font-size:1.15rem;font-weight:900}.alerta-canje{padding:1.2rem 1.5rem;border-radius:14px;margin:1.5rem 0 3rem;font-weight:700;text-align:center}.alerta-canje-error{background:rgba(255,42,109,.15);border:1px solid #ff2a6d;color:#ff2a6d;box-shadow:0 8px 25px rgba(255,42,109,.15)}.alerta-canje-exito{background:rgba(5,255,161,.15);border:1px solid #05ffa1;color:#05ffa1;box-shadow:0 8px 25px rgba(5,255,161,.15)}.cabecera-categoria{display:flex;align-items:center;gap:14px;margin:3.5rem 0 1.8rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.icono-categoria{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.cat-naranja{background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.3);box-shadow:0 4px 15px rgba(249,115,22,.15)}.cat-verde{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);box-shadow:0 4px 15px rgba(16,185,129,.15)}.cat-oro{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);box-shadow:0 4px 15px rgba(245,158,11,.15)}.cat-azul{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);box-shadow:0 4px 15px rgba(59,130,246,.15)}.cat-cian{background:rgba(6,182,212,.12);border:1px solid rgba(6,182,212,.3);box-shadow:0 4px 15px rgba(6,182,212,.15)}.cabecera-categoria h2{font-size:1.15rem;color:#fff;font-weight:800;margin:0 0 4px;letter-spacing:.3px}.cabecera-categoria p{font-size:.85rem;color:#94a3b8;margin:0;line-height:1.4}.grid-canje{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;margin-bottom:3.5rem}.item-canje{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.item-canje.deshabilitado{opacity:.65;pointer-events:none}.item-canje.borde-naranja{border-color:rgba(249,115,22,.3)}.item-canje.borde-verde{border-color:rgba(16,185,129,.3)}.item-canje.borde-oro{border-color:rgba(245,158,11,.3)}.item-canje.borde-azul{border-color:rgba(59,130,246,.3)}.item-canje.borde-cian{border-color:rgba(6,182,212,.3)}.item-canje-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.item-canje-icono{font-size:2.2rem;line-height:1;margin-bottom:1rem}.ahorro-badge{background:rgba(16,185,129,.15);color:#34d399;border:1px solid #10b981;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:50px}.ahorro-badge.oro{background:rgba(245,158,11,.15);color:#fbbf24;border-color:#f59e0b}.ahorro-badge.azul{background:rgba(59,130,246,.15);color:#60a5fa;border-color:#3b82f6}.ahorro-badge.cian{background:rgba(6,182,212,.15);color:#22d3ee;border-color:#06b6d4}.item-canje-titulo{font-size:1.15rem;color:#fff;margin:0 0 1.2rem;font-weight:800}.item-canje-precio{display:flex;align-items:baseline;gap:6px;margin-bottom:1.2rem;background:rgba(0,0,0,.4);padding:8px 12px;border-radius:10px;width:fit-content}.item-canje-precio strong{font-size:1.25rem;font-weight:900;color:var(--oro-botin,#ffd13b)}.item-canje-precio strong.agotado{color:#64748b}.item-canje-precio span{font-size:.68rem;color:#64748b;text-transform:uppercase;font-weight:700}.item-mensaje{padding:.75rem;border-radius:10px;font-weight:800;font-size:.8rem;text-align:center}.item-msg-bloqueado{background:rgba(255,255,255,.03);border:1px solid rgba(255,42,109,.3);color:#ff2a6d}.item-msg-insuficiente{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#64748b}.item-msg-agotado{background:rgba(255,42,109,.15);border:1px solid #ff2a6d;color:#ff2a6d;font-weight:900}.item-msg-ok{background:rgba(5,255,161,.1);border:1px solid #05ffa1;color:#05ffa1}.btn-canjear{width:100%;padding:.75rem 1rem;border-radius:10px;font-weight:800;font-size:.88rem;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center;gap:6px;pointer-events:auto}.btn-canjear-naranja{border:1px solid #f97316;background:rgba(249,115,22,.15);color:#f97316}.btn-canjear-naranja:hover{background:#f97316;color:#08121e;box-shadow:0 4px 15px rgba(249,115,22,.4)}.btn-canjear-verde{border:1px solid #10b981;background:rgba(16,185,129,.15);color:#34d399}.btn-canjear-verde:hover{background:#10b981;color:#08121e;box-shadow:0 4px 15px rgba(16,185,129,.4)}.btn-canjear-oro{border:1px solid #f59e0b;background:rgba(245,158,11,.15);color:#fbbf24}.btn-canjear-oro:hover{background:#f59e0b;color:#08121e;box-shadow:0 4px 15px rgba(245,158,11,.4)}.btn-canjear-azul{border:1px solid #3b82f6;background:rgba(59,130,246,.15);color:#93c5fd}.btn-canjear-azul:hover{background:#3b82f6;color:#08121e;box-shadow:0 4px 15px rgba(59,130,246,.4)}.btn-canjear-cian{border:1px solid #06b6d4;background:rgba(6,182,212,.15);color:#22d3ee}.btn-canjear-cian:hover{background:#06b6d4;color:#08121e;box-shadow:0 4px 15px rgba(6,182,212,.4)}.modal-canje-box{max-width:480px;border:1px solid var(--oro-botin,#ffd13b);background:#0b1727;padding:2rem;border-radius:20px;text-align:left;position:relative;box-shadow:0 0 40px rgba(0,0,0,.8)}.modal-canje-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem}.modal-canje-header h3{margin:0;font-size:1.25rem;color:#fff}.modal-canje-cerrar{background:0 0;border:none;color:#94a3b8;font-size:1.6rem;cursor:pointer;transition:color .2s}.modal-canje-cerrar:hover{color:#fff}.modal-canje-resumen{background:rgba(0,0,0,.35);padding:1.1rem;border-radius:14px;margin-bottom:1.5rem;border-left:4px solid var(--oro-botin,#ffd13b)}.modal-canje-resumen span{font-size:.75rem;color:#94a3b8;display:block;text-transform:uppercase;font-weight:700}.modal-canje-resumen strong{font-size:1.15rem;color:#fff;display:block;margin:4px 0}.modal-canje-resumen .coste{font-size:.85rem;color:var(--oro-botin,#ffd13b)}.modal-canje-bloque{display:none;margin-bottom:1.6rem}.modal-canje-label{display:block;font-size:.82rem;color:#cbd5e1;margin-bottom:6px;font-weight:700}.modal-canje-input{padding:.8rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.5);color:#fff;font-size:.95rem;margin-bottom:12px;transition:border-color .2s}.modal-canje-input:focus{border-color:var(--oro-botin,#ffd13b);outline:0}.modal-canje-hint{font-size:.72rem;color:#94a3b8;display:block;margin-top:8px}.modal-canje-info-box{padding:1rem;border-radius:10px;text-align:center}.modal-canje-info-box.perdon{background:rgba(59,180,229,.15);border:1px solid #3bb4e5}.modal-canje-info-box.boost{background:rgba(244,63,94,.15);border:1px solid #f43f5e}.modal-canje-info-box span{font-size:1.5rem;display:block;margin-bottom:5px}.modal-canje-info-box strong{font-size:.9rem}.modal-canje-info-box.perdon strong{color:#3bb4e5}.modal-canje-info-box.boost strong{color:#fb7185}.modal-canje-info-box p{color:#cbd5e1;font-size:.8rem;margin:5px 0 0}.modal-canje-error{display:none;background:rgba(255,42,109,.12);border:1px solid #ff2a6d;color:#ff2a6d;padding:.8rem 1rem;border-radius:10px;font-size:.85rem;font-weight:700;margin-bottom:1rem;text-align:center}.btn-cancelar,.btn-confirmar{padding:.85rem;font-family:Montserrat,sans-serif;cursor:pointer;transition:.2s}.modal-canje-acciones{display:flex;flex-wrap:wrap-reverse;gap:12px;margin-top:.5rem}.btn-cancelar{border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#cbd5e1;font-weight:700;font-size:.88rem;flex:1 1 140px}.btn-cancelar:hover{background:rgba(255,255,255,.1)}.btn-confirmar{border-radius:10px;border:1px solid #10b981;background:rgba(16,185,129,.18);color:#34d399;font-weight:800;font-size:.9rem;flex:1.5 1 160px;display:flex;align-items:center;justify-content:center;gap:6px}.btn-confirmar:hover{background:#10b981;color:#08121e;box-shadow:0 4px 15px rgba(16,185,129,.3)}.modal-canje-bloque.activo { display: block; }.btn-accion-form,.saldo-display{font-family:Montserrat,sans-serif}.perfil-cabecera{display:flex;flex-direction:column;align-items:center;margin-bottom:1.8rem}.avatar-perfil{width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid var(--oro-botin);margin-bottom:.5rem;cursor:pointer}.avatar-perfil img{width:100%;height:100%;object-fit:cover}.caja-saldo-panel{background:rgba(11,17,22,.85);border:1px solid rgba(255,209,59,.35);border-radius:20px;padding:2rem 1.5rem;margin-bottom:2rem;box-shadow:0 10px 25px rgba(0,0,0,.5)}.saldo-display{font-size:3.5rem;font-weight:900;color:var(--oro-botin);text-shadow:0 0 20px rgba(255,209,59,.3)}.btn-accion-form{padding:.65rem 1.4rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--texto-claro);font-weight:700;cursor:pointer;transition:.2s}.btn-accion-form:hover{background:rgba(255,255,255,.12);color:#fff}.btn-visitar-trofeos{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85rem 2rem;border-radius:12px;background:rgba(6,182,212,.1);border:1px solid #06b6d4;color:#06b6d4;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:800;text-transform:uppercase;text-decoration:none;transition:.3s;box-shadow:0 4px 15px rgba(6,182,212,.15)}.btn-visitar-trofeos:hover{background:#06b6d4;color:#08121e;box-shadow:0 6px 20px rgba(6,182,212,.3)}.btn-cobrar-diaria,.md-titulo{font-family:Montserrat,sans-serif}.tarjeta-md{background:rgba(11,17,22,.8);border-radius:14px;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;margin-bottom:1rem;transition:.2s}.tarjeta-md.pendiente{border:1px solid rgba(255,209,59,.3)}.tarjeta-md.completada{border:1px solid #05ffa1}.tarjeta-md.cobrada{border:1px solid rgba(255,255,255,.05);opacity:.5;filter:grayscale(100%)}.md-etiqueta-oro{position:absolute;top:16px;right:16px;background:rgba(255,209,59,.15);color:var(--oro-botin,#ffd13b);font-size:.72rem;font-weight:900;padding:4px 10px;border-radius:50px;white-space:nowrap;border:1px solid rgba(255,209,59,.3);z-index:10}.md-contenido-texto{width:65%;margin-bottom:.8rem}.md-titulo{color:#fff;font-size:.95rem;font-weight:800;margin:0 0 .4rem;line-height:1.2}.md-desc{font-size:.75rem;color:#94a3b8;margin:0;line-height:1.4}.md-progreso-texto{display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;color:#cbd5e1;margin-bottom:4px}.md-barra-fondo{background:rgba(0,0,0,.5);border-radius:50px;height:6px;width:100%;border:1px solid rgba(255,255,255,.05);margin-bottom:.8rem;overflow:hidden}.md-barra-relleno{height:100%;border-radius:50px;transition:width .3s}.btn-cobrar-diaria,.md-msg-cobrada{width:100%;border-radius:8px;font-weight:800}.md-barra-relleno.pendiente{background:var(--oro-botin);box-shadow:0 0 8px var(--oro-botin)}.md-barra-relleno.completada{background:#05ffa1;box-shadow:0 0 8px #05ffa1}.md-msg-cobrada{padding:.5rem;font-size:.75rem;background:rgba(255,255,255,.05);color:#64748b;text-align:center}.btn-cobrar-diaria{padding:.6rem;border:1px solid #05ffa1;background:rgba(5,255,161,.15);color:#05ffa1;font-size:.8rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-cobrar-diaria:hover{background:#05ffa1;color:#08121e;box-shadow:0 4px 15px rgba(5,255,161,.3)}.btn-reclamo-botin,.ficha-ruleta{display:flex;font-family:Montserrat,sans-serif;font-weight:900}.modal-ruleta-caja{max-width:540px;border:2px solid var(--oro-botin,#ffd13b);box-shadow:0 0 60px rgba(255,209,59,.35);text-align:center;overflow:hidden;padding:2.5rem 1.5rem;background:linear-gradient(145deg,#0f172a 0,#08121e 100%);border-radius:20px}@keyframes rebote-cofre{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.icono-rebote{font-size:3rem;margin-bottom:.2rem;animation:1s infinite rebote-cofre}.ruleta-visor{position:relative;width:100%;height:110px;background:#08121e;border:2px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;display:flex;align-items:center;box-shadow:inset 0 0 25px rgba(0,0,0,.8)}.ruleta-selector{position:absolute;left:50%;top:0;bottom:0;width:4px;background:#ff2a6d;z-index:10;transform:translateX(-50%);box-shadow:0 0 12px #ff2a6d}.ruleta-flecha-abajo,.ruleta-flecha-arriba{position:absolute;left:50%;transform:translateX(-50%);z-index:11;font-size:1.1rem}.ruleta-flecha-arriba{top:4px}.ruleta-flecha-abajo{bottom:4px}.cinta-premios{display:flex;gap:12px;padding-left:50%;transition:transform 8s cubic-bezier(.05, .85, .15, 1);will-change:transform}.ficha-ruleta{min-width:85px;height:80px;border-radius:12px;flex-direction:column;align-items:center;justify-content:center;user-select:none;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.ficha-10{background:linear-gradient(135deg,#1e293b,#0f172a);color:#94a3b8;border-color:#334155}.ficha-25{background:linear-gradient(135deg,#0369a1,#0c4a6e);color:#38bdf8;border-color:#0284c7}.ficha-50{background:linear-gradient(135deg,#854d0e,#713f12);color:#facc15;border-color:#eab308;box-shadow:0 0 10px rgba(234,179,8,.2)}.ficha-100{background:linear-gradient(135deg,#9f1239,#881337);color:#fb7185;border-color:#f43f5e;box-shadow:0 0 15px rgba(244,63,94,.4)}.btn-reclamo-botin{align-items:center;justify-content:center;gap:8px;margin:0 auto;width:100%;max-width:250px;padding:.9rem 1.5rem;border-radius:12px;border:1px solid rgba(255,209,59,.4);background:rgba(255,209,59,.12);color:var(--oro-botin,#ffd13b);font-size:.95rem;cursor:pointer;transition:.3s cubic-bezier(.16, 1, .3, 1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.btn-reclamo-botin:hover{background:var(--oro-botin,#ffd13b);color:#0b1116;box-shadow:0 8px 25px rgba(255,209,59,.3);transform:translateY(-2px)}.racha-contenedor{width:100%;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.racha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:0 4px;position:relative}.racha-titulo-caja{display:flex;align-items:center;gap:6px}.racha-titulo-texto{font-size:.75rem;font-weight:800;color:var(--texto-claro);text-transform:uppercase;letter-spacing:1px}.btn-ayuda-racha{width:18px;height:18px;border-radius:50%;background:rgba(255,209,59,.15);border:1px solid var(--oro-botin,#ffd13b);color:var(--oro-botin,#ffd13b);font-size:.65rem;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer}.tooltip-flecha,.tooltip-racha{position:absolute;background:rgba(8,18,30,.96)}.racha-dias-total{font-size:.78rem;font-weight:800;color:var(--oro-botin)}.tooltip-racha{bottom:130%;left:0;width:280px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--oro-botin,#ffd13b);border-radius:14px;padding:1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.8),0 0 15px rgba(255,209,59,.2);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s;z-index:100}.tooltip-racha.activo{opacity:1;transform:translateY(0);pointer-events:auto}.tooltip-flecha{bottom:-6px;left:45px;width:10px;height:10px;border-right:1px solid var(--oro-botin,#ffd13b);border-bottom:1px solid var(--oro-botin,#ffd13b);transform:rotate(45deg)}.tooltip-texto{font-size:.75rem;color:var(--texto-claro);line-height:1.4;margin-bottom:10px}.racha-label.activo-7,.tooltip-subtitulo{color:var(--oro-botin);font-weight:800}.tooltip-separador{border-top:1px dashed rgba(255,255,255,.15);padding-top:8px}.tooltip-subtitulo{display:block;font-size:.72rem;margin-bottom:6px}.tooltip-lista{list-style:none;padding:0;margin:0;font-size:.72rem;display:grid;grid-template-columns:1fr 1fr;gap:4px;color:#cbd5e1}.racha-grid{display:flex;justify-content:space-between;align-items:center;gap:4px;background:rgba(0,0,0,.25);padding:10px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.04)}.racha-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.racha-circulo{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s}.racha-circulo.normal{font-size:1rem}.racha-circulo.ultimo{font-size:1.2rem}.racha-estado-7{background:rgba(255,209,59,.25);border:2px solid var(--oro-botin);box-shadow:0 0 12px rgba(255,209,59,.6);transform:scale(1.1)}.racha-estado-on{background:rgba(255,100,0,.2);border:2px solid #ff6400;box-shadow:0 0 8px rgba(255,100,0,.4)}.racha-estado-off{background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.15);opacity:.4}.racha-label{font-size:.65rem}.racha-label.activo{font-weight:800;color:#f80}.racha-label.inactivo{font-weight:600;color:var(--texto-suave)}.contenedor-reclamar{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.btn-reclamar-dia7{background:rgba(255,209,59,.15);border-color:var(--oro-botin,#ffd13b);box-shadow:0 0 25px rgba(255,209,59,.35);transform:scale(1.02)}.btn-reclamar-dia7 .icono-reclamo{font-size:2.2rem;background:rgba(255,255,255,.1)}.btn-reclamar-dia7 .texto-reclamo strong{color:var(--oro-botin,#ffd13b);font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn-reclamar-dia7 .texto-reclamo span{color:#fff;font-weight:700}.btn-iniciar-mision,.logro-titulo,.mision-titulo{font-family:Montserrat,sans-serif}.grid-misiones{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.3rem;width:100%;padding-bottom:1rem}.tarjeta-mapa-mision{padding:1.3rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;transition:.3s;border-radius:14px;background:rgba(11,17,22,.7)}.tarjeta-mapa-mision.aprobada{opacity:.45;filter:grayscale(85%);border:1px solid rgba(255,255,255,.08);background:rgba(11,17,22,.4);box-shadow:none;pointer-events:none}.tarjeta-mapa-mision.pendiente{border:1px solid var(--oro-botin,#ffd13b);box-shadow:0 4px 20px rgba(255,209,59,.12)}.tarjeta-mapa-mision.activa{border:1px solid #05ffa1;box-shadow:0 4px 20px rgba(5,255,161,.12)}.mision-cabecera{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.9rem;width:100%}.mision-icono-caja{font-size:1.6rem;line-height:1;background:rgba(255,255,255,.04);width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 10px rgba(0,0,0,.2)}.mision-badge-oro{background:rgba(255,209,59,.12);color:var(--oro-botin,#ffd13b);border:1px solid var(--oro-botin,#ffd13b);font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:50px}.mision-titulo{color:#fff;font-size:1.02rem;font-weight:800;margin:0;line-height:1.4;word-break:break-word}.mision-pie{border-top:1px solid rgba(255,255,255,.05);padding-top:.8rem;width:100%}.mision-estado-aprobada,.mision-estado-pendiente{padding:.55rem;font-size:.78rem;text-align:center;font-weight:800}.mision-estado-aprobada{background:rgba(5,255,161,.15);border:1px solid #05ffa1;color:#05ffa1;border-radius:10px}.mision-estado-pendiente{background:rgba(255,209,59,.15);border:1px solid #ffd13b;color:#ffd13b;border-radius:10px}.btn-iniciar-mision{width:100%;padding:.65rem;border-radius:10px;border:1px solid #05ffa1;background:rgba(5,255,161,.12);color:#05ffa1;font-weight:800;font-size:.82rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-iniciar-mision:hover{background:#05ffa1;color:#08121e}.grid-logros{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-bottom:1.5rem}.tarjeta-logro{border-radius:14px;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.tarjeta-logro.reclamar{background:rgba(15,23,42,.85);border:1px solid #05ffa1;box-shadow:0 4px 20px rgba(5,255,161,.15)}.tarjeta-logro.progreso{background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08)}.tarjeta-logro.bloqueado{background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.04)}.logro-brillo-reclamar{position:absolute;top:-40px;right:-40px;width:80px;height:80px;background:rgba(5,255,161,.25);filter:blur(30px);pointer-events:none}.logro-cabecera{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem}.logro-icono{font-size:1.8rem}.logro-icono.opaco{opacity:.4}.logro-badge-reclamar{background:rgba(5,255,161,.15);color:#05ffa1;font-size:.75rem;font-weight:900;padding:3px 8px;border-radius:50px;border:1px solid #05ffa1}.logro-titulo{font-size:1.05rem;font-weight:800;margin:0 0 4px;color:#fff}.logro-estadisticas.progreso,.logro-titulo.bloqueado{color:#cbd5e1}.logro-desc{font-size:.75rem;line-height:1.4;color:#94a3b8;margin:0}.logro-pie{margin-top:1rem}.logro-estadisticas{display:flex;justify-content:space-between;font-size:.7rem;font-weight:800;margin-bottom:4px}.logro-estadisticas.reclamar{color:#05ffa1}.logro-estadisticas.bloqueado{color:#64748b}.logro-barra-caja{background:rgba(0,0,0,.5);border-radius:50px;height:6px;width:100%;margin-bottom:.8rem;border:1px solid rgba(255,255,255,.05);overflow:hidden}.logro-barra-relleno{height:100%;border-radius:50px}.logro-barra-relleno.reclamar{background:#05ffa1;width:100%;box-shadow:0 0 8px #05ffa1}.logro-barra-relleno.bloqueado{background:#334155}.btn-reclamar-logro{width:100%;padding:.6rem;border-radius:8px;border:1px solid #05ffa1;background:rgba(5,255,161,.15);color:#05ffa1;font-weight:800;font-size:.8rem;cursor:pointer;transition:.2s}.btn-reclamar-logro:hover{background:#05ffa1;color:#08121e;box-shadow:0 4px 15px rgba(5,255,161,.3)}.btn-minijuego-lanzar,.btn-nivel-continuar,.minijuego-bolsa-label,.minijuego-label,.minijuego-titulo,.modal-nivel-subtitulo{text-transform:uppercase}.borrar-peligro-titulo,.btn-minijuego-lanzar,.btn-nivel-continuar,.minijuego-titulo,.modal-nivel-subtitulo,.modal-nivel-titulo{font-family:Montserrat,sans-serif}.minijuego-icono-resultado{display:flex;gap:15px;margin-bottom:.5rem;align-items:center;justify-content:center;filter:drop-shadow(0 4px 10px rgba(255, 209, 59, .4))}.minijuego-titulo{color:var(--oro-botin,#ffd13b);font-size:1.4rem;font-weight:900;margin:0;text-align:center}.minijuego-bolsa{background:rgba(255,209,59,.1);border:1px solid rgba(255,209,59,.2);border-radius:8px;padding:.6rem;text-align:center;margin-bottom:1.2rem}.minijuego-bolsa-label{font-size:.75rem;color:#94a3b8;font-weight:800}.minijuego-bolsa-valor{font-size:1.1rem;color:var(--oro-botin,#ffd13b);font-weight:900;margin-left:5px;transition:.3s}.minijuego-label{display:block;font-size:.75rem;color:#94a3b8;font-weight:800;margin-bottom:8px;text-align:center}.minijuego-grid-btn{display:flex;gap:10px;justify-content:center}.btn-minijuego-opcion{flex:1;padding:.8rem 0;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-weight:800;font-size:.8rem;cursor:pointer;transition:.2s}.btn-minijuego-opcion:hover{background:rgba(255,255,255,.1)}.btn-minijuego-lanzar{width:100%;padding:1rem;border-radius:12px;border:none;background:rgba(255,209,59,.2);color:rgba(255,209,59,.5);font-weight:700;font-size:.85rem;cursor:not-allowed;transition:.3s;margin-top:.5rem}.carta-mesa{background:#e2e8f0;border-radius:8px;width:50px;height:70px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.8rem;box-shadow:0 4px 10px rgba(0,0,0,.5);transition:box-shadow .3s}.carta-usr{color:#0f172a}.carta-tab{color:#b91c1c}.modal-nivel-caja{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:400px;background:linear-gradient(145deg,#0f172a 0,#08121e 100%);border:2px solid var(--oro-botin,#ffd13b);padding:2.5rem 2rem;border-radius:20px;text-align:center;box-shadow:0 15px 50px rgba(0,0,0,.8),0 0 30px rgba(255,209,59,.25);position:relative;overflow:hidden;box-sizing:border-box;margin:auto}.modal-nivel-brillo{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,209,59,.12) 0,transparent 60%);pointer-events:none}.modal-nivel-emojis{display:flex;justify-content:center;align-items:center;gap:15px;font-size:3.2rem;margin-bottom:1.2rem;position:relative;z-index:1;text-shadow:0 10px 20px rgba(0,0,0,.5);line-height:1}.modal-nivel-subtitulo{display:block;font-size:.8rem;font-weight:900;color:#05ffa1;letter-spacing:3px;margin-bottom:.8rem;position:relative;z-index:1}.modal-nivel-titulo{font-size:1.55rem;color:var(--oro-botin,#ffd13b);font-weight:900;margin:0 0 1rem;line-height:1.3;position:relative;z-index:1;text-shadow:0 2px 10px rgba(255,209,59,.2)}.btn-nivel-continuar,.modal-nivel-desc{z-index:1;font-size:.95rem;position:relative}.modal-nivel-desc{color:#cbd5e1;line-height:1.5;margin:0 0 2rem}.btn-nivel-continuar{padding:.85rem 2.2rem;border-radius:12px;background:var(--oro-botin,#ffd13b);color:#08121e;border:none;font-weight:900;letter-spacing:1px;cursor:pointer;transition:.3s cubic-bezier(.16, 1, .3, 1);box-shadow:0 6px 20px rgba(255,209,59,.35)}.btn-nivel-continuar:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,209,59,.5)}.modal-borrar-caja{max-width:420px;box-shadow:0 10px 40px rgba(255,42,109,.15);padding:1.8rem 1.5rem;position:relative;background:#0b1116;border-radius:20px;border:1px solid}.borrar-peligro-icono{font-size:2.1rem;line-height:1;filter:drop-shadow(0 0 8px rgba(255, 42, 109, .4))}.borrar-peligro-titulo{font-size:1.25rem;color:#ff2a6d;font-weight:900;margin:0;line-height:1.2}.borrar-advertencia-caja{background:rgba(255,42,109,.08);border:1px solid rgba(255,42,109,.2);border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:left}.btn-cancelar-borrar,.btn-confirmar-borrar{padding:.8rem;font-size:.9rem;cursor:pointer}.btn-cancelar-borrar{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:var(--texto-claro);border-radius:10px;font-weight:700;transition:background .2s}.btn-cancelar-borrar:hover{background:rgba(255,255,255,.12)}.btn-confirmar-borrar{flex:1;background:#ff2a6d;border:1px solid #ff2a6d;box-shadow:0 4px 15px rgba(255,42,109,.4);color:#fff;border-radius:10px;font-weight:800;transition:.2s}.btn-confirmar-borrar:hover{transform:translateY(-2px)}.ocultar-completadas .tarjeta-mapa-mision.aprobada{display:none!important}.item-canje{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s;text-align:left}.contenedor-canje{max-width:1100px;margin:0 auto;padding:8.5rem 1rem 3rem;text-align:center}.titulo-seccion{font-family:Montserrat,sans-serif;font-size:clamp(1.8rem, 3.5vw, 2.6rem);font-weight:900;color:#fff;margin:0 0 1.2rem;line-height:1.15;letter-spacing:-.5px;text-shadow:0 4px 20px rgba(0,0,0,.6)}@media (max-width:600px){.tarjeta-podio-1{flex:0 0 100%!important;width:100%}.tarjeta-podio-2,.tarjeta-podio-3{flex:1 1 calc(50% - 0.6rem)!important;min-width:130px!important;padding:.8rem!important}}.grid-avatares-modal{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem .8rem;margin-bottom:1.8rem;justify-items:center}@media (min-width:500px){.grid-avatares-modal{grid-template-columns:repeat(5,1fr);gap:1.4rem}}.opcion-avatar input[type=radio]{display:none}.marco-avatar-select{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);box-shadow:0 4px 10px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;transition:.25s cubic-bezier(.4, 0, .2, 1);filter:brightness(.85)}.opcion-avatar:hover .marco-avatar-select{transform:scale(1.08);border-color:rgba(255,209,59,.6);filter:brightness(1)}.opcion-avatar input[type=radio]:checked+.marco-avatar-select{transform:scale(1.15);border:3px solid var(--oro-botin,#ffd13b);box-shadow:0 0 18px rgba(255,209,59,.6),inset 0 0 10px rgba(255,209,59,.3);filter:brightness(1.1)}.footer-desc,.social-btn{color:var(--texto-suave,#a0aec0)}.btn-soporte,.footer-enlaces a{cursor:pointer}.footer-logo-wrapper{margin-bottom:.3rem;text-align:center}.footer-logo-link{display:inline-block;text-decoration:none}.footer-logo-img{max-height:128px;max-width:128px;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto}.footer-desc{margin-top:0;margin-bottom:1.5rem;text-align:center;font-size:.9rem;line-height:1.5}.footer-social-links{display:flex;justify-content:center;gap:1.2rem;margin-bottom:1.8rem}.social-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:.3s;text-decoration:none}.social-btn.ig:hover,.social-btn.ig:focus-visible{background:linear-gradient(135deg,rgba(131,58,180,.18),rgba(225,48,108,.16),rgba(252,175,69,.1));border-color:#c13584;color:#e1306c;transform:translateY(-4px);box-shadow:0 6px 18px rgba(193,53,132,.28),0 0 14px rgba(131,58,180,.14)}.input-soporte:focus,.social-btn.tg:hover{border-color:var(--azul-pirata,#38bdf8)}.social-btn.tg:hover{background:rgba(56,189,248,.12);color:var(--azul-pirata,#38bdf8);transform:translateY(-4px);box-shadow:0 6px 15px rgba(56,189,248,.2)}.social-btn.em:hover{background:rgba(5,255,161,.12);border-color:#05ffa1;color:#05ffa1;transform:translateY(-4px);box-shadow:0 6px 15px rgba(5,255,161,.2)}.modal-soporte-box{max-width:450px;border-color:rgba(56,189,248,.4);box-shadow:0 10px 40px rgba(56,189,248,.15);padding:2rem 1.5rem;position:relative}.modal-soporte-cerrar{font-size:1.5rem;top:12px;right:16px;position:absolute;cursor:pointer}.modal-soporte-header{width:100%;margin-bottom:1.5rem}.modal-soporte-icon{font-size:2.5rem;margin:0 auto .5rem;display:table;filter:drop-shadow(0 0 10px rgba(56, 189, 248, .4))}.modal-soporte-title{color:var(--azul-pirata,#38bdf8);font-size:1.35rem;margin:0 auto 5px;font-family:Montserrat,sans-serif;font-weight:900;text-align:center!important;display:table}.modal-soporte-subtitle{color:var(--texto-suave);font-size:.85rem;margin:0 auto;text-align:center!important;display:block;width:100%}.btn-soporte,.input-soporte{font-family:Montserrat,sans-serif;font-size:.9rem;width:100%}.form-soporte{display:flex;flex-direction:column;gap:1.2rem;width:100%;text-align:left}.honeypot-field{display:none!important;visibility:hidden;opacity:0;position:absolute;left:-9999px}.input-soporte{padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#fff;box-sizing:border-box;outline:0;transition:border .3s}.btn-soporte{padding:.9rem;border-radius:12px;border:1px solid var(--azul-pirata,#38bdf8);background:rgba(56,189,248,.15);color:var(--azul-pirata,#38bdf8);font-weight:800;transition:.3s;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem}.btn-soporte:hover{background:var(--azul-pirata,#38bdf8);color:#08121e;box-shadow:0 0 15px rgba(56,189,248,.3)}.soporte-feedback{display:none;padding:12px;border-radius:8px;font-size:.85rem;font-weight:800;width:100%;text-align:center!important;box-sizing:border-box;margin-top:5px}.caja-restringida-soporte{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;width:100%;margin-top:.5rem;box-sizing:border-box}.btn-flat-oro,.btn-flat-outline{padding:.9rem;border-radius:10px;font-family:Montserrat,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;text-decoration:none;transition:.2s}.candado-icon{font-size:2.8rem;margin:0 auto 10px;display:table;filter:drop-shadow(0 0 12px rgba(255, 42, 109, .3))}.btn-flat-oro,.btn-flat-outline,.texto-urgencia{font-size:.85rem;text-align:center!important;display:block;width:100%}.btn-flat-oro{background:var(--oro-botin,#ffd13b);color:#08121e;margin:0 auto 10px}.btn-flat-oro:hover{transform:scale(1.02)}.btn-flat-outline{background:rgba(255,255,255,.05);color:#f1f5f9;border:1px solid rgba(255,255,255,.1);margin:0 auto 15px}.btn-flat-outline:hover{background:rgba(255,255,255,.1)}.divisor-restringido{margin:15px auto;border-top:1px dashed rgba(255,255,255,.1);width:100%}.texto-urgencia{color:#94a3b8;margin:0 auto}.enlace-urgencia{color:var(--azul-pirata,#38bdf8);font-weight:700;text-decoration:none;font-size:.95rem;display:inline-block;margin-top:5px}.contenedor-flotante-admin{position:fixed;bottom:20px;right:20px;z-index:999999}.btn-flotante-admin{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(15,23,42,.85);border:1px solid rgba(255,209,59,.35);border-radius:50%;text-decoration:none;font-size:1.25rem;transition:.2s}.btn-flotante-admin:hover{background:#ffd13b;border-color:#ffd13b;transform:scale(1.05)}.ranking-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:1.5rem;background:rgba(0,0,0,.3);padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.btn-tab-ranking{flex:1;padding:12px 15px;background:0 0;border:none;color:#94a3b8;font-family:Montserrat,sans-serif;font-weight:800;font-size:.85rem;border-radius:8px;cursor:pointer;transition:.3s;text-transform:uppercase;letter-spacing:.5px}.btn-tab-ranking:hover{color:#fff;background:rgba(255,255,255,.05)}.btn-tab-ranking.activo[data-target=tab-oro]{background:var(--oro-botin,#ffd13b);color:#08121e;box-shadow:0 4px 15px rgba(255,209,59,.2)}.btn-tab-ranking.activo[data-target=tab-reclutadores]{background:var(--azul-pirata,#38bdf8);color:#08121e;box-shadow:0 4px 15px rgba(56,189,248,.2)}.contenido-tab-ranking{display:none;animation:.3s fadeInTab}.contenido-tab-ranking.activo{display:block}@keyframes fadeInTab{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ribbon-mision{position:absolute;top:18px;right:-32px;color:#fff;padding:4px 40px;font-size:.65rem;font-weight:900;transform:rotate(45deg);box-shadow:0 4px 10px rgba(0,0,0,.5);z-index:10;text-transform:uppercase;letter-spacing:1px;text-align:center;pointer-events:none}.ribbon-nueva{background:linear-gradient(45deg,#38bdf8,#0284c7);border:1px solid #38bdf8}.ribbon-premium{background:linear-gradient(45deg,#ffd13b,#d4a017);color:#08121e;border:1px solid #ffd13b}.ribbon-urgente{background:linear-gradient(45deg,#ff2a6d,#c5003e);border:1px solid #ff2a6d}.ribbon-destacada{background:linear-gradient(45deg,#a855f7,#7e22ce);border:1px solid #a855f7}.grid-contratos-fijos{display:flex!important;flex-direction:column!important;gap:1rem;width:100%}.ocultar-completadas .tarjeta-mapa-mision.fallada{display:none!important}@media (max-width:600px){.status-box-movil{font-size:.7rem!important;padding:4px 6px!important;font-weight:800!important}.ranking-apodo{font-size:.85rem!important}.ranking-item{padding:8px 10px!important}}.grid-2-columnas{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;width:100%!important;box-sizing:border-box!important}@media (max-width:850px){.grid-2-columnas{grid-template-columns:1fr!important}}.item-canje-precio{width:100%!important;justify-content:center!important;box-sizing:border-box!important}.item-canje-precio span,.item-canje-precio strong{word-break:normal!important;white-space:nowrap!important}@media (max-width:768px){body,html{overflow-x:hidden!important;width:100%!important}.contenedor-canje{overflow-x:hidden;max-width:100vw;box-sizing:border-box}.grid-canje>div{min-width:0!important;overflow:hidden}.item-canje-titulo{word-break:break-word!important;hyphens:auto}.caja-saldo-mercado{max-width:100%;flex-wrap:wrap;justify-content:center;text-align:center}.item-canje-precio{padding:8px 4px!important;flex-wrap:nowrap!important}.item-canje-precio strong{font-size:1.1rem!important}.item-canje-precio span{font-size:.65rem!important}.btn-canjear{white-space:normal!important;line-height:1.2}}@media (max-width:768px){.grid-misiones{display:flex!important;flex-direction:column!important;gap:1.4rem!important}.tarjeta-mapa-mision{display:flex!important;flex-direction:column!important;height:auto!important;min-height:min-content!important;padding-bottom:1.8rem!important}.tarjeta-mapa-mision>div:last-child{margin-top:1.8rem!important;flex-shrink:0!important}}#contenedor-misiones-realtime.ocultar-completadas .tarjeta-mapa-mision.aprobada,#contenedor-misiones-realtime.ocultar-completadas .tarjeta-mapa-mision.fallada{display:none!important}.carrusel-horizontal{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.2rem!important;padding-bottom:1.5rem!important;scrollbar-width:thin;scrollbar-color:var(--azul-pirata) rgba(255,255,255,0.05)}@media (max-width:768px){.carrusel-horizontal::-webkit-scrollbar{display:none}.carrusel-horizontal{scrollbar-width:none}}.carrusel-horizontal>div{flex:0 0 85%!important;scroll-snap-align:center;max-width:320px}#aviso-cookies-flotante{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 30px);max-width:450px;background-color:rgba(11,17,22,.95);border:1px solid var(--azul-pirata,#38bdf8);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.85),0 0 15px rgba(56,189,248,.15);z-index:999998;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:.5s ease-out forwards flotarArriba}.cookies-contenedor{display:flex;flex-direction:column;gap:16px}.cookies-titulo{margin:0 0 6px;color:var(--azul-pirata,#38bdf8);font-size:1rem;font-weight:800;font-family:Montserrat,sans-serif}.cookies-texto{margin:0;color:var(--texto-claro);font-size:.82rem;line-height:1.5}.cookies-botones{display:flex;gap:12px;width:100%}.btn-cookie{margin:0;flex:1;padding:10px 5px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-cookie-aceptar{border:none}

@media (min-width:769px){.banner-pwa-contenedor{display:none!important}}

@media (min-width:1024px){.banner-app-verde,.tarjeta-app-movil{display:none!important}}

@media (max-width:991px){.hero-grid{flex-direction:column;text-align:center;gap:3rem}.hero-col-texto,.hero-seccion .hero-grid .hero-col-texto{flex:1 1 100%;width:100%!important;max-width:100%!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important}.hero-parrafo{text-align:left}.hero-btn-container{justify-content:center}.hero-btn-cta{margin:0}.hero-col-img{flex:1 1 100%;width:100%}.escenario-pirata{max-width:320px}.hero-seccion{padding-top:9.5rem!important;padding-bottom:5rem!important;justify-content:flex-start!important}.hero-badge-saludo{margin-top:1rem!important}.tarjeta-cristal{padding:2.2rem 1.1rem!important}#tabla-transacciones-body td,.tarjeta-cristal table th{padding:10px 8px!important;font-size:.82rem!important}.hero-col-texto .hero-titulo,.hero-seccion .hero-col-texto .hero-titulo,.hero-titulo{width:100%!important;max-width:530px!important;margin:1rem auto 1.5rem!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}.hero-caja-parrafo,.hero-seccion .hero-col-texto .hero-caja-parrafo{width:100%!important;max-width:530px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}}

@media screen and (min-width:651px) and (max-width:991px){.hero-seccion .hero-col-texto .hero-titulo span:first-child,.hero-titulo span:first-child{display:block!important;width:100%!important;text-align:center!important;font-size:clamp(3.2rem,8vw,5.2rem)!important;line-height:.88!important;letter-spacing:.03em!important;white-space:nowrap!important}.hero-seccion .hero-col-texto .hero-titulo span:last-child,.hero-titulo span:last-child{display:block!important;width:100%!important;text-align:center!important;font-size:clamp(2.6rem,6.8vw,4.4rem)!important;line-height:.88!important;letter-spacing:-.02em!important;white-space:nowrap!important}}

@media (max-width:768px){footer{padding:3rem 1.5rem 2rem;margin-top:3.5rem}.footer-enlaces{flex-direction:column;gap:1.2rem}.hero-caja-parrafo,.hero-col-texto{width:100%!important;max-width:100%!important}.hero-col-texto{padding:0!important}.hero-col-texto .hero-titulo{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;margin:1rem 0 1.5rem!important}.hero-col-texto .hero-titulo span:first-child{display:block!important;width:100%!important;text-align:center!important;font-size:13.5vw!important;line-height:.88!important;letter-spacing:.04em!important}.hero-col-texto .hero-titulo span:last-child{display:block!important;width:100%!important;text-align:center!important;font-size:11.5vw!important;line-height:.88!important;letter-spacing:-.02em!important}.hero-caja-parrafo{box-sizing:border-box!important}.banner-monetizacion{flex-direction:column!important;text-align:center;padding:2rem 1.4rem;gap:1.2rem}.patrocinio-texto{text-align:center}.btn-patrocinar,.patrocinio-cta{width:100%;justify-content:center}.banner-monetizacion.hover-movil-activo{transform:translateY(-5px);border-style:solid;border-color:var(--oro-botin);box-shadow:0 20px 45px rgba(0,0,0,.7),0 0 30px rgba(255,209,59,.15);background:linear-gradient(135deg,rgba(22,45,70,.85) 0,rgba(15,25,36,.95) 100%)}.banner-monetizacion.hover-movil-activo .btn-patrocinar{transform:translateY(-2px);background:var(--oro-botin);color:#0b1116;border-color:var(--oro-botin);box-shadow:0 6px 20px rgba(255,209,59,.25)}.card-paso-pro.hover-movil-activo,.tarjeta-metrica.hover-movil-activo,.tarjeta-paso.hover-movil-activo{transform:translateY(-8px);border-color:var(--oro-botin);box-shadow:0 20px 45px rgba(0,0,0,.8),0 0 30px rgba(255,209,59,.15)}.card-paso-pro.hover-movil-activo::before{opacity:1;height:5px}.card-paso-pro.hover-movil-activo .num-agua{color:rgba(255,209,59,.08);transform:scale(1.08) translate(-5px,-5px)}.card-paso-pro.hover-movil-activo .caja-icono-paso{transform:scale(1.12) rotate(-6deg);background:rgba(255,209,59,.15);border-color:var(--oro-botin)}.tarjeta-premio-interactiva.hover-movil-activo{transform:translateY(-10px);background:rgba(20,35,50,.85);border-color:var(--oro-botin);box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 25px rgba(255,209,59,.15)}.tarjeta-premio-interactiva.hover-movil-activo .icono-caja-premio{transform:scale(1.15) rotate(6deg);border-color:var(--azul-pirata);background:rgba(59,180,229,.15)}.tarjeta-recompensa.hover-movil-activo{transform:scale(1.03);border-style:solid;border-color:var(--oro-botin);box-shadow:0 0 30px rgba(255,209,59,.2)}.ranking-item.hover-movil-activo,.tarjeta-podio.hover-movil-activo{transform:translateY(-2px)}.paso-item.hover-movil-activo{transform:translateY(-6px);border-top-color:var(--oro-botin);box-shadow:0 15px 30px rgba(0,0,0,.5)}.tarjeta-item-botin.hover-movil-activo{transform:translateY(-4px);border-color:rgba(255,209,59,.4);box-shadow:0 10px 25px rgba(0,0,0,.5)}.kpi-tarjeta.hover-movil-activo{transform:translateY(-3px);border-color:var(--oro-botin)}.marco-avatar.hover-movil-activo .img-avatar{transform:scale(1.08) rotate(4deg)}.grid-canje{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important}.grid-canje>div{padding:1rem .8rem!important}.grid-canje>div>div:first-child span:first-child{font-size:1.5rem!important}.grid-canje>div>div:first-child span:nth-child(2){font-size:.55rem!important;padding:2px 5px!important;letter-spacing:-.2px!important}.grid-canje h3{font-size:.9rem!important;margin-bottom:.8rem!important}.grid-canje button{font-size:.75rem!important;padding:.6rem .4rem!important}.grid-canje div>span:nth-child(2){font-size:1rem!important}}

@media (max-width:650px){.nav-wrapper{padding:.8rem}.nav-pill{padding:.4rem .5rem .4rem 1rem!important;gap:.8rem}.logo-titulo{font-size:1.05rem}.logo-subtitulo{font-size:.55rem!important;letter-spacing:.16rem}.nav-acciones{gap:.7rem}.btn-nav{width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.btn-nav .btn-text{display:none!important}.btn-nav .btn-icon{width:24px!important;height:24px!important;transform:scale(1.4);transform-origin:center}.tarjeta-cristal{padding:1.8rem 1rem!important;border-radius:20px!important}.tarjeta-cristal table{font-size:.8rem!important}.tarjeta-cristal td,.tarjeta-cristal th{padding:10px 6px!important;word-break:break-word}.form-responsive-movil{flex-direction:column!important;align-items:stretch!important}.form-responsive-movil button{width:100%!important}#celebracion-subida-nivel>div,#modal-borrar-cuenta>div,#modal-seleccionar-avatar>div,.modal-caja,.modal-legal-box{overflow-y:auto!important;padding:3.5rem 1.2rem 1.5rem!important;width:92%!important;max-height:85vh!important;margin:0 auto}#btn-cerrar-modal,#btn-cerrar-modal-avatar,.btn-cerrar-modal,.modal-legal-cerrar{top:.8rem!important;right:1rem!important;font-size:1.6rem!important;background:rgba(11,17,22,.95)!important;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;z-index:100}.btn-submit,.logo-titulo{font-size:.95rem!important}.hero-titulo span:first-child{font-size:clamp(2.2rem,8vw,2.8rem)!important}.hero-titulo span:last-child{font-size:clamp(1.8rem,7vw,2.4rem)!important}.btn-submit{padding:1rem!important}table{font-size:.8rem!important}td,th{padding:12px 10px!important;white-space:nowrap!important}.faq-respuesta,td div.csp-font-weight-800,td.txt-msg-real{white-space:normal!important;min-width:150px}form[action=""] input[type=email],form[action=""] input[type=number],form[action=""] input[type=password],form[action=""] input[type=text],form[action=""] input[type=url]{width:100%!important;margin-bottom:5px}form[action=""] button.btn-submit{width:100%!important;margin-top:5px!important;margin-left:0!important}.revelar-arriba>div>div>div>div>strong{max-width:120px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline-block!important;vertical-align:middle}.hero-titulo,.hero-titulo span:first-child,.hero-titulo span:last-child{text-align:center!important;width:100%!important}.hero-seccion{padding-top:7.5rem!important}.hero-badge-saludo{margin-top:0!important;margin-bottom:1.2rem!important}.hero-col-texto{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.hero-titulo{margin-bottom:2.2rem!important;line-height:.86!important;display:flex!important;flex-direction:column!important;align-items:center!important}.hero-titulo span:first-child,.hero-seccion .hero-col-texto .hero-titulo span:first-child{font-size:clamp(2.2rem,13vw,3.4rem)!important;letter-spacing:1px!important;display:block!important}.hero-titulo span:last-child,.hero-seccion .hero-col-texto .hero-titulo span:last-child{font-size:clamp(1.8rem,10.8vw,2.9rem)!important;letter-spacing:0!important;display:block!important}.hero-parrafo{text-align:justify!important;text-justify:inter-word!important;hyphens:auto;-webkit-hyphens:auto}.form-cofre{gap:.8rem!important}.grupo-form{gap:.25rem!important}.input-cofre{padding:.7rem 1rem!important;font-size:.9rem!important;border-radius:10px!important}.label-cofre{font-size:.7rem!important}.modal-caja .btn-submit,.modal-legal-box .btn-submit{padding:.85rem!important;font-size:.95rem!important;margin-top:.2rem!important}.cabecera-modal-patrocinio{display:grid!important;grid-template-columns:auto 1fr;align-items:center;column-gap:15px;text-align:left!important;margin-bottom:.5rem!important}.cabecera-modal-patrocinio .icono-recompensa{grid-column:1;grid-row:1/span 2;font-size:2.6rem!important;margin:0!important}.cabecera-modal-patrocinio .recompensa-titulo{grid-column:2;grid-row:1;font-size:1.15rem!important;margin:0 0 4px!important}.cabecera-modal-patrocinio .recompensa-desc{grid-column:2;grid-row:2;font-size:.82rem!important;line-height:1.3!important;margin:0!important}.titulo-seccion{font-size:clamp(1.65rem,8.5vw,2.1rem)!important;line-height:1.1!important;letter-spacing:-.02em!important}.cabecera-centro{margin-bottom:2.5rem!important}.badge-pildora-oro,.pildora-cabecera{margin-bottom:1rem!important;padding:.35rem 1rem!important;font-size:.65rem!important}.badge-pildora-oro span:last-child,.pildora-cabecera span{font-size:.65rem!important}.badge-pildora-oro span:first-child,.pildora-cabecera span:first-child{font-size:.85rem!important}.reloj-racion{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important;padding:1.2rem 1rem!important}.reloj-racion span:first-child{font-size:.75rem!important;letter-spacing:1px!important;color:var(--texto-claro)!important}.reloj-racion span#reloj-cuenta-atras{font-size:1.8rem!important;font-weight:900!important;text-shadow:0 0 15px rgba(255,209,59,.2)!important;display:block!important}.circulo-avatar-perfil{width:76px!important;height:76px!important}.badge-camara-perfil{bottom:-2px!important;right:-2px!important;width:28px!important;height:28px!important;border-width:2.5px!important}.badge-camara-perfil svg{width:12px!important;height:12px!important}}

@media (max-width:580px){div.csp-grid-template-columns{grid-template-columns:1fr!important;gap:.8rem!important}}

@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}
/* ========================================================================== */
/* PARCHE 5 · INTERACCIONES CSP-SAFE (sin atributos on*)                      */
/* ========================================================================== */
.link-botin-hover:hover { color: #fff !important; }

.link-ranking-hover:hover { color: #08121e !important; }
.link-ranking-oro:hover {
    background: var(--oro-botin, #ffd13b) !important;
    box-shadow: 0 6px 20px rgba(255, 209, 59, 0.3) !important;
}
.link-ranking-azul:hover {
    background: var(--azul-pirata, #38bdf8) !important;
    box-shadow: 0 6px 20px rgba(56, 189, 248, 0.3) !important;
}
.link-pregonero-hover:hover { transform: translateY(-2px); }
.btn-pregonero-cerrar:hover { opacity: 1 !important; }

.btn-hover-scale:hover { transform: scale(1.02); }
.btn-hover-oro-fill:hover {
    background: var(--oro-botin, #ffd13b) !important;
    color: #08121e !important;
    box-shadow: 0 0 15px rgba(255, 209, 59, 0.3) !important;
}
.btn-hover-oro-fill-strong:hover {
    background: var(--oro-botin, #ffd13b) !important;
    color: #08121e !important;
    box-shadow: 0 0 15px rgba(255, 209, 59, 0.4) !important;
}
.btn-hover-oro-fill-soft:hover {
    background: var(--oro-botin, #ffd13b) !important;
    color: #08121e !important;
}
.btn-hover-verde-fill:hover {
    background: #05ffa1 !important;
    color: #08121e !important;
}
.btn-hover-claro:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}
.link-mision-oficial:hover { background: rgba(255,255,255,0.12) !important; }

.tarjeta-diaria-hover:hover {
    --diaria-bg: rgba(255,255,255,0.04) !important;
}
.mision-card-interactiva:hover {
    --mision-bg: var(--mision-bg-hover) !important;
    --mision-border: var(--mision-border-hover) !important;
    transform: translateY(-3px) !important;
}

.input-codigo-botin:focus {
    border-color: var(--oro-botin, #ffd13b) !important;
    background: rgba(255, 209, 59, 0.05) !important;
    box-shadow: 0 0 15px rgba(255, 209, 59, 0.15) !important;
}

/* CSP: wrapper de captura creado dinámicamente sin style inline. */
.captura-wrapper-dinamico {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* =========================================================
   VERIFICACIÓN DE EMAIL
   ========================================================= */
.banner-verificacion-email {
    width: min(920px, calc(100% - 2rem));
    margin: 6.3rem auto -5.2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 14px;
    background: rgba(56, 189, 248, 0.09);
    box-shadow: 0 8px 24px rgba(0,0,0,.2);
    position: relative;
    z-index: 20;
}
.banner-verificacion-email-canje {
    margin: 1rem auto 2rem;
}
.banner-verificacion-email-icono {
    font-size: 1.6rem;
    flex-shrink: 0;
}
.banner-verificacion-email-texto {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: .2rem;
    color: #cbd5e1;
    font-size: .86rem;
}
.banner-verificacion-email-texto strong {
    color: #38bdf8;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}
.banner-verificacion-email-form { margin: 0; }
.btn-verificar-email {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #38bdf8;
    background: rgba(56, 189, 248, .14);
    color: #e0f2fe;
    border-radius: 10px;
    padding: .68rem .9rem;
    font-family: 'Montserrat', sans-serif;
    font-size: .72rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.btn-verificar-email:hover { background: rgba(56, 189, 248, .24); }
@media (max-width: 720px) {
    .banner-verificacion-email {
        flex-wrap: wrap;
        margin-top: 6.1rem;
    }
    .banner-verificacion-email-form,
    .btn-verificar-email { width: 100%; }
}

.btn-ver-mas-acordeon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    width: auto;
    max-width: 100%;
    margin: .72rem auto .2rem;
    padding: .34rem .42rem;
    background: transparent;
    border: 0;
    color: #78cfee;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: .76rem;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, opacity .18s ease;
    letter-spacing: .015em;
    text-transform: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.btn-ver-mas-acordeon:hover {
    color: #bcecff;
    background: rgba(56, 189, 248, .055);
}
.btn-ver-mas-acordeon:active {
    opacity: .78;
}
.btn-ver-mas-texto {
    line-height: 1.2;
}
.btn-ver-mas-flecha {
    display: inline-block;
    font-size: .88rem;
    line-height: 1;
    opacity: .82;
    transition: transform .18s ease;
}
.btn-ver-mas-acordeon:hover .btn-ver-mas-flecha {
    transform: translateY(1px);
}
.btn-ver-mas-acordeon[aria-expanded="true"]:hover .btn-ver-mas-flecha {
    transform: translateY(-1px);
}
@media (max-width: 600px) {
    .btn-ver-mas-acordeon {
        font-size: .73rem;
        margin-top: .62rem;
    }
}

/* ==========================================================================
   FASE 6 · ACCESIBILIDAD Y RENDIMIENTO FRONTEND
   ========================================================================== */
::selection{background:rgba(255,209,59,.28);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--oro-botin,#ffd13b)!important;outline-offset:3px!important}
.faq-pregunta{width:100%;border:0;background:transparent;appearance:none;-webkit-appearance:none;text-align:left;font:inherit}
.faq-pregunta[aria-expanded=true] .faq-icono{transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce){.revelar-arriba{opacity:1!important;transform:none!important}}

/* Centro de notificaciones: extraído del HTML para aprovechar caché del CSS. */
.cofre-noti-v8{position:fixed!important;right:22px!important;bottom:86px!important;top:auto!important;left:auto!important;z-index:2147483000!important;display:flex!important;visibility:visible!important;opacity:1!important;flex-direction:column!important;align-items:flex-end!important;gap:.7rem!important;transform:none!important;pointer-events:none!important}
.cofre-noti-v8__trigger{pointer-events:auto!important;position:relative!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;padding:0!important;margin:0!important;border-radius:50%!important;border:1px solid rgba(59,180,229,.25)!important;background:rgba(9,20,32,.94)!important;color:#eaf5ff!important;display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;box-shadow:0 12px 28px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.cofre-noti-v8__trigger:hover{transform:translateY(-2px)!important;border-color:rgba(255,209,59,.38)!important;background:rgba(12,26,41,.98)!important}
.cofre-noti-v8__bell{font-size:1.08rem!important;line-height:1!important;filter:saturate(.85)}
.cofre-noti-v8__dot{position:absolute!important;top:5px!important;right:5px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#ff416c!important;box-shadow:0 0 0 3px rgba(9,20,32,.98),0 0 10px rgba(255,65,108,.4)!important}
.cofre-noti-v8__dot[hidden]{display:none!important}
.cofre-noti-v8__panel{pointer-events:auto!important;display:none!important;width:min(326px,calc(100vw - 24px))!important;max-height:min(390px,58vh)!important;overflow:auto!important;padding:.9rem!important;border-radius:19px!important;border:1px solid rgba(59,180,229,.16)!important;background:linear-gradient(180deg,rgba(13,27,42,.985),rgba(7,16,27,.99))!important;box-shadow:0 24px 54px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.025)!important;transform:none!important;position:relative!important;right:auto!important;bottom:auto!important;top:auto!important;left:auto!important}
.cofre-noti-v8__panel.is-open{display:block!important;animation:cofreNotiV8In .16s ease-out both}
@keyframes cofreNotiV8In{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.cofre-noti-v8__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;padding:.05rem .05rem .72rem;margin-bottom:.72rem;border-bottom:1px solid rgba(255,255,255,.055)}
.cofre-noti-v8__title{margin:0!important;color:#f7fbff!important;font-family:'Montserrat',sans-serif!important;font-size:.9rem!important;font-weight:750!important;letter-spacing:.01em!important}
.cofre-noti-v8__sub{margin:.18rem 0 0!important;color:#8fa3b8!important;font-size:.73rem!important;line-height:1.4!important}
.cofre-noti-v8__close{width:31px!important;height:31px!important;min-width:31px!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.025)!important;color:#aebdcb!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1rem!important;line-height:1!important;cursor:pointer!important}
.cofre-noti-v8__close:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.cofre-noti-v8__body{display:flex!important;flex-direction:column!important;gap:.55rem!important}
.cofre-noti-v8__item{display:flex!important;flex-direction:column!important;gap:.38rem!important;padding:.72rem .75rem!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.045)!important;background:rgba(255,255,255,.025)!important}
.cofre-noti-v8__row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.65rem!important}
.cofre-noti-v8__badge{display:inline-flex!important;align-items:center!important;gap:.28rem!important;padding:.22rem .46rem!important;border-radius:999px!important;border:1px solid rgba(255,209,59,.22)!important;background:rgba(255,209,59,.09)!important;color:#ffd965!important;font-family:'Montserrat',sans-serif!important;font-size:.62rem!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:uppercase!important}
.cofre-noti-v8__badge--blue{border-color:rgba(59,180,229,.2)!important;background:rgba(59,180,229,.08)!important;color:#77d6ff!important}
.cofre-noti-v8__badge--danger{border-color:rgba(255,125,102,.24)!important;background:rgba(255,125,102,.09)!important;color:#ffad9f!important}
.cofre-noti-v8__badge--green{border-color:rgba(5,255,161,.22)!important;background:rgba(5,255,161,.08)!important;color:#62ffc3!important}
.cofre-noti-v8__badge--purple{border-color:rgba(191,126,255,.24)!important;background:rgba(168,85,247,.09)!important;color:#d9b2ff!important}
.cofre-noti-v8__date{font-size:.66rem!important;color:#778da4!important;white-space:nowrap!important}
.cofre-noti-v8__text{font-size:.8rem!important;line-height:1.42!important;color:#e7eef6!important;font-weight:600!important}
.cofre-noti-v8__empty{padding:1.05rem .85rem!important;text-align:center!important;border-radius:14px!important;border:1px dashed rgba(255,255,255,.07)!important;background:rgba(255,255,255,.018)!important}
.cofre-noti-v8__empty strong{display:block!important;margin-bottom:.22rem!important;color:#dfeaf5!important;font-size:.82rem!important;font-weight:700!important}
.cofre-noti-v8__empty span{display:block!important;color:#8297ab!important;font-size:.72rem!important;line-height:1.45!important}
@media(max-width:768px){.cofre-noti-v8{right:14px!important;bottom:82px!important}.cofre-noti-v8__trigger{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}.cofre-noti-v8__panel{width:min(318px,calc(100vw - 20px))!important;max-height:54vh!important;padding:.82rem!important}}
.social-btn.yt:hover{background:rgba(255,0,0,.12);border-color:#ff3b3b;color:#ff3b3b;transform:translateY(-4px);box-shadow:0 6px 15px rgba(255,0,0,.2)}.u-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* ========================================================================== 
   FASE 11 — AJUSTES DE CUENTA + COFRES MALDITOS 3D
   ========================================================================== */
.perfil-cabecera-ajustes{display:inline-flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;position:relative}.perfil-ajustes-hint{margin-top:.55rem;font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;transition:.2s}.perfil-cabecera-ajustes:hover .perfil-ajustes-hint{color:var(--azul-pirata)}.link-ranking-ajustes:hover{border-color:var(--azul-pirata)!important;color:#fff!important;background:rgba(56,189,248,.14)!important}.panel-ajustes-cuenta-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1.1rem 1.25rem;border:1px solid rgba(56,189,248,.22);border-radius:16px;background:rgba(56,189,248,.06);text-align:left}.panel-ajustes-cuenta-cta>div{display:flex;flex-direction:column;gap:.2rem}.panel-ajustes-cuenta-cta strong{font-family:Montserrat,sans-serif;color:#eaf8ff;font-size:.9rem}.panel-ajustes-cuenta-cta span{color:#94a3b8;font-size:.78rem}.panel-ajustes-cuenta-cta a{flex-shrink:0;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:900;font-size:.72rem;color:#08121e;background:var(--azul-pirata);padding:.65rem 1rem;border-radius:10px;transition:.2s}.panel-ajustes-cuenta-cta a:hover{transform:translateY(-2px);filter:brightness(1.08)}
.icono-juego-cofre3d{width:52px;height:52px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(168,85,247,.18)}.icono-juego-cofre3d img{width:100%;height:100%;object-fit:cover;display:block}.cofre-3d-slot{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:14px;overflow:hidden;transition:transform .15s ease,filter .15s ease;will-change:transform,filter}.cofre-3d-slot img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}.tp-nuevos-cofres{gap:.35rem!important;align-items:center!important;justify-content:center!important;display:flex!important}
.ajustes-cuenta-page{max-width:1240px!important;align-items:stretch!important}.ajustes-cuenta-shell{width:100%;max-width:1120px;margin:0 auto}.ajustes-cuenta-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.6rem;text-align:left}.ajustes-cuenta-topbar h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:.35rem 0;color:#fff}.ajustes-cuenta-topbar p{color:#94a3b8;max-width:650px}.ajustes-eyebrow{font-family:Montserrat,sans-serif;font-size:.7rem;letter-spacing:.16em;font-weight:900;color:var(--oro-botin)}.ajustes-volver{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(56,189,248,.35);background:rgba(56,189,248,.08);color:#d9f4ff;padding:.72rem 1rem;border-radius:12px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:900;white-space:nowrap;transition:.2s}.ajustes-volver:hover{background:rgba(56,189,248,.16);transform:translateY(-2px)}
.ajustes-resumen-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:1rem;margin-bottom:1rem}.ajustes-resumen-card{min-width:0;background:linear-gradient(145deg,rgba(15,34,53,.92),rgba(8,20,32,.94));border:1px solid rgba(56,189,248,.2);border-radius:18px;padding:1.2rem;text-align:left;box-shadow:0 16px 35px rgba(0,0,0,.22)}.ajustes-resumen-perfil{display:flex;align-items:center;gap:1rem}.ajustes-avatar-btn{position:relative;width:82px;height:82px;flex:0 0 82px;border-radius:50%;padding:0;border:2px solid var(--oro-botin);overflow:visible;background:#0b1727;cursor:pointer;box-shadow:0 0 22px rgba(255,209,59,.16)}.ajustes-avatar-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 25%}.ajustes-avatar-btn span{position:absolute;right:-4px;bottom:-2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0b1727;border:1px solid var(--azul-pirata);font-size:.8rem}.ajustes-card-label{display:block;font-family:Montserrat,sans-serif;font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#7dd3fc;margin-bottom:.35rem}.ajustes-resumen-card h2{font-size:1.05rem;margin:0;color:#fff}.ajustes-resumen-card p{color:#94a3b8;font-size:.78rem;overflow:hidden;text-overflow:ellipsis}.ajustes-link-btn{border:0;background:none;padding:0;margin-top:.35rem;color:var(--oro-botin);font:800 .72rem Montserrat,sans-serif;cursor:pointer}.ajustes-resumen-valor{display:block;color:#fff;font-family:Montserrat,sans-serif;font-size:1.05rem;margin:.25rem 0}.ajustes-resumen-detalle{white-space:nowrap}
.ajustes-grid-principal{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.ajustes-panel{background:linear-gradient(145deg,rgba(15,34,53,.88),rgba(8,20,32,.96));border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:1.4rem;text-align:left;box-shadow:0 18px 42px rgba(0,0,0,.2);scroll-margin-top:7rem}.ajustes-panel-wide{margin-bottom:1rem}.ajustes-panel-head{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.2rem}.ajustes-panel-head-actions{align-items:center;justify-content:space-between;gap:1rem}.ajustes-panel-head-copy{display:flex;align-items:flex-start;gap:.85rem}.ajustes-panel-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;font-size:1.25rem;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2)}.ajustes-panel h2{font-size:1rem;color:#fff;margin:0 0 .18rem}.ajustes-panel-head p{font-size:.78rem;color:#94a3b8;line-height:1.4}.ajustes-email-actual{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06);padding:.8rem;border-radius:12px;margin-bottom:1rem}.ajustes-email-actual span{font-size:.72rem;color:#94a3b8;font-weight:800}.ajustes-email-actual strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;color:#e2e8f0}.ajustes-email-actual em{font-style:normal;font-family:Montserrat,sans-serif;font-size:.64rem;font-weight:900;padding:.25rem .45rem;border-radius:999px}.ajustes-email-actual em.is-ok{color:#05ffa1;background:rgba(5,255,161,.1)}.ajustes-email-actual em.is-warn{color:#ffd13b;background:rgba(255,209,59,.1)}.ajustes-inline-action{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:-.2rem 0 1rem;padding:.7rem .8rem;border-radius:10px;background:rgba(255,209,59,.06);border:1px solid rgba(255,209,59,.15);font-size:.72rem;color:#cbd5e1}.ajustes-inline-action button{border:0;background:none;color:var(--oro-botin);font-weight:900;cursor:pointer;font-size:.72rem}.ajustes-form{gap:.85rem!important;margin:0}.ajustes-nota-segura{font-size:.72rem;line-height:1.45;color:#94a3b8;margin-top:.1rem}.ajustes-btn-primary,.ajustes-btn-secondary{border:0;border-radius:11px;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:900;transition:.2s}.ajustes-btn-primary{align-self:flex-start;background:linear-gradient(135deg,#ffdf6d,#d4a017);color:#0b1116;padding:.75rem 1rem;font-size:.75rem}.ajustes-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}.ajustes-btn-secondary{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.3);color:#dff7ff;padding:.65rem .85rem;font-size:.7rem}.ajustes-btn-secondary:hover{background:rgba(56,189,248,.18)}
.ajustes-sesiones-lista{display:flex;flex-direction:column;gap:.55rem}.ajustes-sesion-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem .9rem;border-radius:12px;background:rgba(0,0,0,.17);border:1px solid rgba(255,255,255,.06)}.ajustes-sesion-row.is-revoked{opacity:.55}.ajustes-sesion-icon{font-size:1.15rem}.ajustes-sesion-main{display:flex;flex-direction:column;min-width:0}.ajustes-sesion-main strong{font-size:.78rem;color:#e2e8f0}.ajustes-sesion-main strong em{font-style:normal;color:#05ffa1;font-size:.62rem;background:rgba(5,255,161,.08);padding:.18rem .4rem;border-radius:999px;margin-left:.3rem}.ajustes-sesion-main small{font-size:.68rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ajustes-sesion-estado{font-family:Montserrat,sans-serif;font-size:.62rem;font-weight:900;padding:.25rem .45rem;border-radius:999px}.ajustes-sesion-estado.is-active{color:#05ffa1;background:rgba(5,255,161,.08)}.ajustes-sesion-estado.is-closed{color:#94a3b8;background:rgba(148,163,184,.08)}
.ajustes-datos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.ajustes-datos-grid>div{display:flex;flex-direction:column;gap:.2rem;padding:.8rem;border-radius:12px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.05)}.ajustes-datos-grid span{font-size:.66rem;color:#64748b;text-transform:uppercase;font-weight:900;letter-spacing:.04em}.ajustes-datos-grid strong{font-size:.8rem;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis}.ajustes-danger-zone{border-color:rgba(255,42,109,.25);background:linear-gradient(145deg,rgba(52,13,27,.45),rgba(18,11,18,.92));margin-bottom:0}.ajustes-danger-zone .ajustes-panel-icon{background:rgba(255,42,109,.1);border-color:rgba(255,42,109,.25)}.ajustes-danger-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(255,42,109,.05);border:1px solid rgba(255,42,109,.12);border-radius:12px;padding:.9rem}.ajustes-danger-action>div{display:flex;flex-direction:column;gap:.18rem}.ajustes-danger-action strong{font-size:.82rem;color:#fecdd3}.ajustes-danger-action span,.ajustes-danger-note{font-size:.7rem;color:#94a3b8;line-height:1.4}
@media(max-width:900px){.ajustes-resumen-grid{grid-template-columns:1fr 1fr}.ajustes-resumen-perfil{grid-column:1/-1}.ajustes-grid-principal{grid-template-columns:1fr}.ajustes-datos-grid{grid-template-columns:1fr 1fr}.ajustes-cuenta-topbar{align-items:flex-start;flex-direction:column}.ajustes-panel-head-actions{align-items:flex-start;flex-direction:column}.panel-ajustes-cuenta-cta{flex-direction:column;align-items:stretch}.panel-ajustes-cuenta-cta a{text-align:center}}
@media(max-width:600px){.icono-juego-cofre3d{width:44px;height:44px!important}.ajustes-resumen-grid{grid-template-columns:1fr}.ajustes-resumen-perfil{grid-column:auto}.ajustes-datos-grid{grid-template-columns:1fr}.ajustes-email-actual{grid-template-columns:1fr;gap:.2rem}.ajustes-email-actual em{justify-self:start}.ajustes-sesion-row{grid-template-columns:auto minmax(0,1fr)}.ajustes-sesion-estado{grid-column:2;justify-self:start}.ajustes-danger-action{flex-direction:column;align-items:stretch}.ajustes-danger-action .btn-peligro{width:100%}.ajustes-cuenta-page{padding-left:1rem!important;padding-right:1rem!important}.tp-nuevos-cofres{gap:.15rem!important}.cofre-3d-slot{width:62px;height:62px}}

/* FASE 11B — Ajustes compactos y selector de avatar robusto */
.ajustes-cuenta-shell{max-width:1020px}
.ajustes-panel{padding:1.05rem 1.15rem;border-radius:16px}
.ajustes-panel-head{gap:.7rem;margin-bottom:.85rem}
.ajustes-panel-head-copy{gap:.7rem}
.ajustes-panel-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:1.05rem}
.ajustes-panel h2{font-size:.92rem}
.ajustes-panel-head p{font-size:.72rem}
.ajustes-email-actual{padding:.62rem .7rem;margin-bottom:.72rem}
.ajustes-form{gap:.58rem!important}
.ajustes-form .grupo-form{gap:.2rem!important}
.ajustes-form .input-cofre{padding:.56rem .75rem!important;font-size:.82rem!important;border-radius:9px!important;min-height:0!important}
.ajustes-form .label-cofre{font-size:.64rem!important}
.ajustes-nota-segura{font-size:.67rem;line-height:1.35}
.ajustes-btn-primary{padding:.6rem .82rem;font-size:.68rem;border-radius:9px}
.ajustes-btn-secondary{padding:.56rem .75rem;font-size:.66rem;border-radius:9px}
.ajustes-inline-action{padding:.58rem .68rem;margin-bottom:.72rem}
.ajustes-sesion-row{padding:.65rem .75rem}
.ajustes-datos-grid>div{padding:.65rem .7rem}
.ajustes-danger-action{padding:.72rem .8rem}
.ajustes-avatar-opcion{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;padding:.2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.35rem;border-radius:14px;font:inherit}
.ajustes-avatar-opcion .marco-avatar-select{display:flex}
.ajustes-avatar-opcion .marco-avatar-select img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transform:scale(1.35);transform-origin:center 30%}
.ajustes-avatar-opcion:hover .marco-avatar-select,.ajustes-avatar-opcion:focus-visible .marco-avatar-select{transform:scale(1.08);border-color:rgba(255,209,59,.65);filter:brightness(1)}
.ajustes-avatar-opcion.is-current .marco-avatar-select{transform:scale(1.08);border:3px solid var(--oro-botin,#ffd13b);box-shadow:0 0 18px rgba(255,209,59,.55),inset 0 0 10px rgba(255,209,59,.25);filter:brightness(1.08)}
.ajustes-avatar-opcion small{font:800 .58rem Montserrat,sans-serif;color:var(--oro-botin)}
.ajustes-avatar-ayuda{text-align:center;color:#94a3b8;font-size:.7rem;margin:.85rem 0 .1rem}
@media(max-width:900px){.ajustes-cuenta-shell{max-width:760px}.ajustes-panel{padding:1rem}}

/* FASE 11C · Ajustes de Cuenta: compactación visual y tipografía más ligera */
.ajustes-cuenta-page-directa{padding-top:6.25rem!important;padding-bottom:4rem!important;justify-content:flex-start!important}
.ajustes-cuenta-page .ajustes-btn-primary,
.ajustes-cuenta-page .ajustes-btn-secondary,
.ajustes-cuenta-page .ajustes-link-btn,
.ajustes-cuenta-page .ajustes-inline-action button,
.ajustes-cuenta-page .btn-peligro{font-weight:700!important;letter-spacing:0!important}
.ajustes-cuenta-page .ajustes-btn-primary{padding:.52rem .78rem;font-size:.67rem}
.ajustes-cuenta-page .ajustes-btn-secondary{padding:.5rem .72rem;font-size:.65rem}
.ajustes-cuenta-page .ajustes-link-btn{font-weight:700!important}
.ajustes-cuenta-page .ajustes-form{gap:.5rem!important}
.ajustes-cuenta-page .ajustes-form .input-cofre{padding:.5rem .7rem!important;font-size:.8rem!important}
.ajustes-cuenta-page .ajustes-panel{padding:.95rem 1.05rem}
.ajustes-cuenta-page .ajustes-panel-head{margin-bottom:.72rem}
.ajustes-cuenta-page .ajustes-email-actual{padding:.55rem .65rem;margin-bottom:.6rem}
.ajustes-cuenta-page .ajustes-nota-segura{font-size:.65rem}
.ajustes-avatar-scroll{overflow-y:auto;padding-right:8px}
.ajustes-avatar-form{margin:0;display:flex;min-width:0}
.ajustes-avatar-form .ajustes-avatar-opcion{width:100%}
#modal-borrar-cuenta .btn-cancelar-borrar,#modal-borrar-cuenta .btn-confirmar-borrar{font-weight:700!important;letter-spacing:0!important}
@media(max-width:600px){.ajustes-cuenta-page-directa{padding-top:5.75rem!important}}


/* FASE 11D · Ajustes: respiración superior, estado de correo y avatar dedicado */
.ajustes-cuenta-page-directa{padding-top:7.8rem!important}
.ajustes-verificacion-wrap{display:flex!important;align-items:center;gap:.55rem}
.ajustes-verificacion-led{display:inline-block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;vertical-align:middle}
.ajustes-verificacion-led.is-verified{background:#05ffa1;box-shadow:0 0 0 0 rgba(5,255,161,.58);animation:cofreEstadoVerificado 1.75s ease-out infinite}
.ajustes-verificacion-led.is-unverified{background:#ff315e;box-shadow:0 0 0 0 rgba(255,49,94,.58);animation:cofreEstadoPendiente 1.35s ease-out infinite}
@keyframes cofreEstadoVerificado{0%{box-shadow:0 0 0 0 rgba(5,255,161,.62)}70%{box-shadow:0 0 0 7px rgba(5,255,161,0)}100%{box-shadow:0 0 0 0 rgba(5,255,161,0)}}
@keyframes cofreEstadoPendiente{0%{box-shadow:0 0 0 0 rgba(255,49,94,.62)}70%{box-shadow:0 0 0 7px rgba(255,49,94,0)}100%{box-shadow:0 0 0 0 rgba(255,49,94,0)}}
.ajustes-verificacion-mini{display:inline-flex;align-items:center;gap:.38rem!important}
.ajustes-verificacion-mini.is-warn{color:#ff6b86!important;background:rgba(255,49,94,.1)!important}
@media (prefers-reduced-motion:reduce){.ajustes-verificacion-led{animation:none!important}}
@media(max-width:600px){.ajustes-cuenta-page-directa{padding-top:7rem!important}}


/* FASE 11E · Avatar restaurado en Camarote + motor compartido */
.ajustes-avatar-form-unico{overflow-y:auto;padding-right:8px;margin:0}.ajustes-avatar-form-unico .ajustes-avatares-grid{margin-bottom:.85rem}.ajustes-avatar-radio{cursor:pointer;display:flex;flex-direction:column;align-items:center;margin:0;position:relative;border-radius:14px;padding:.2rem}.ajustes-avatar-radio input{position:absolute;opacity:0;pointer-events:none}.ajustes-avatar-radio .marco-avatar-select{display:flex;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}.ajustes-avatar-radio:hover .marco-avatar-select,.ajustes-avatar-radio:focus-within .marco-avatar-select{transform:scale(1.07);border-color:rgba(255,209,59,.65);filter:brightness(1.04)}.ajustes-avatar-radio input:checked + .marco-avatar-select,.ajustes-avatar-radio.is-current .marco-avatar-select{border:3px solid var(--oro-botin,#ffd13b);box-shadow:0 0 18px rgba(255,209,59,.5),inset 0 0 10px rgba(255,209,59,.2);filter:brightness(1.06)}.ajustes-avatar-guardar{width:100%;margin-top:.25rem}.perfil-cabecera[role="button"]{cursor:pointer}.perfil-cabecera[role="button"]:focus-visible{outline:2px solid var(--azul-pirata);outline-offset:6px;border-radius:16px}

/* FASE 11F · Ajustes sin edición de avatar: el avatar se gestiona solo desde Camarote */
.ajustes-avatar-display{position:relative;width:82px;height:82px;flex:0 0 82px;border-radius:50%;padding:0;border:2px solid var(--oro-botin);overflow:hidden;background:#0b1727;box-shadow:0 0 22px rgba(255,209,59,.16)}
.ajustes-avatar-display img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 25%;transform:scale(1.05)}
.ajustes-rango-inline{display:block;margin-top:.35rem;color:var(--oro-botin);font:700 .72rem Montserrat,sans-serif;line-height:1.3}

/* FASE 11G · Resumen de Ajustes más compacto y oro histórico */
.ajustes-resumen-grid{grid-template-columns:1.35fr repeat(3,1fr);gap:.8rem;margin-bottom:.85rem}
.ajustes-resumen-card{padding:.82rem .95rem;border-radius:15px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.ajustes-resumen-perfil{gap:.75rem}
.ajustes-avatar-display{width:66px;height:66px;flex-basis:66px}
.ajustes-card-label{font-size:.6rem;margin-bottom:.25rem;letter-spacing:.075em}
.ajustes-resumen-card h2{font-size:.94rem;line-height:1.15}
.ajustes-resumen-card p{font-size:.7rem;line-height:1.25;margin-top:.2rem}
.ajustes-resumen-valor{font-size:.94rem;margin:.18rem 0}
.ajustes-oro-acumulado{color:var(--oro-botin)}
@media(max-width:900px){.ajustes-resumen-grid{grid-template-columns:1fr 1fr}.ajustes-resumen-perfil{grid-column:1/-1}}
@media(max-width:600px){.ajustes-resumen-grid{grid-template-columns:1fr}.ajustes-resumen-perfil{grid-column:auto}.ajustes-avatar-display{width:62px;height:62px;flex-basis:62px}}


/* Fase 11I: acceso integrado a Ajustes desde la identidad del Camarote */
.perfil-ajustes-integrado{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.45rem;color:#8bdcff;text-decoration:none;font:700 .72rem Montserrat,sans-serif;letter-spacing:.015em;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}.perfil-ajustes-integrado>span:first-child{font-size:.82rem;filter:saturate(.85)}.perfil-ajustes-integrado .perfil-ajustes-flecha{font-size:.8rem;transition:transform .2s ease}.perfil-ajustes-integrado:hover,.perfil-ajustes-integrado:focus-visible{color:#fff;text-shadow:0 0 12px rgba(56,189,248,.45);transform:translateY(-1px)}.perfil-ajustes-integrado:hover .perfil-ajustes-flecha,.perfil-ajustes-integrado:focus-visible .perfil-ajustes-flecha{transform:translateX(3px)}.perfil-ajustes-integrado:focus-visible{outline:2px solid var(--azul-pirata,#38bdf8);outline-offset:5px;border-radius:5px}

/* Fase 11J: acceso a Ajustes integrado en el bloque de identidad del Camarote */
.tarjeta-perfil-cabecera .perfil-cabecera{margin-bottom:.28rem}
.tarjeta-perfil-cabecera .perfil-ajustes-integrado{margin-top:0;font-size:.69rem;line-height:1.2;opacity:.92}
.tarjeta-perfil-cabecera .perfil-ajustes-integrado:hover,
.tarjeta-perfil-cabecera .perfil-ajustes-integrado:focus-visible{opacity:1}


.cofre-fantasma-slot {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  font-size: 3rem;
  line-height: 1;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 35%, rgba(154,92,255,.25), rgba(10,22,45,.15) 70%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  user-select: none;
  overflow: visible;
}

.cofre-fantasma-emoji {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.cofre-fantasma-estrella {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(.55);
  font-size: 1.8rem;
  opacity: 0;
  pointer-events: none;
  filter: drop-shadow(0 0 10px rgba(255,209,59,.75));
  transition: opacity .18s ease, transform .22s ease;
}

.cofre-fantasma-estrella.visible {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}


/* Fase 13: códigos promocionales de La Taberna */
.apuesta-gratis-activa{border-color:#38bdf8!important;color:#7dd3fc!important;background:rgba(56,189,248,.13)!important;box-shadow:0 0 14px rgba(56,189,248,.16)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap!important;line-height:1.1!important;padding-left:.55rem!important;padding-right:.55rem!important}
.modal-contrabandista{position:fixed;inset:0;z-index:1000001;align-items:center;justify-content:center;background:rgba(4,7,14,.92);backdrop-filter:blur(8px);transition:opacity .25s ease}
.modal-contrabandista-card{width:min(92vw,420px);padding:2rem 1.4rem;text-align:center;border:1px solid rgba(168,85,247,.75);background:radial-gradient(circle at 50% 0,rgba(168,85,247,.15),transparent 38%),linear-gradient(145deg,#111827,#080b12);box-shadow:0 25px 80px rgba(0,0,0,.8),0 0 38px rgba(168,85,247,.12)}
.modal-contrabandista-card h2{margin:.25rem 0 .45rem;color:#d8b4fe;font-size:1.35rem;text-transform:uppercase;letter-spacing:.05em}.modal-contrabandista-card p{color:#94a3b8;font-size:.82rem;line-height:1.5;margin:0 auto 1.25rem;max-width:330px}.contrabandista-sello{font-size:2.5rem;filter:drop-shadow(0 0 12px rgba(168,85,247,.5))}.contrabandista-wheel-wrap{position:relative;width:230px;height:230px;margin:0 auto 1rem}.contrabandista-puntero{position:absolute;z-index:5;top:-12px;left:50%;transform:translateX(-50%);color:#fbbf24;font-size:1.6rem;filter:drop-shadow(0 0 8px #fbbf24)}.contrabandista-wheel{position:relative;width:100%;height:100%;border-radius:50%;border:7px solid #2b153d;background:conic-gradient(#7c3aed 0 25%,#111827 25% 50%,#c026d3 50% 75%,#172554 75% 100%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),0 0 30px rgba(168,85,247,.22);transition:transform 3.6s cubic-bezier(.12,.72,.08,1)}.contrabandista-wheel .rw{position:absolute;color:#fff;font-weight:800;font-size:.9rem;text-shadow:0 2px 5px #000}.rw10{top:20px;left:50%;transform:translateX(-50%)}.rw25{right:24px;top:50%;transform:translateY(-50%)}.rw50{bottom:20px;left:50%;transform:translateX(-50%)}.rw100{left:18px;top:50%;transform:translateY(-50%)}.contrabandista-centro{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#0b0f17;border:3px solid #d8b4fe;font-size:2rem;box-shadow:0 0 18px rgba(216,180,254,.3)}.contrabandista-resultado{min-height:1.5rem;color:#94a3b8;font-weight:700;opacity:.7;transition:.2s}.contrabandista-resultado.visible{color:#05ffa1;opacity:1;font-size:1.05rem}.btn-contrabandista{margin-top:.8rem;width:100%;padding:.75rem;border:0;border-radius:10px;background:#a855f7;color:#fff;font-weight:700;cursor:pointer}.btn-contrabandista:disabled{opacity:.35;cursor:wait}

.admin-movement-coupon { color: #ffd13b !important; }


/* FASE 13E · recuperación persistente de Ruleta del Contrabandista */
.contrabandista-pendiente-card{
  display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;
  border:1px solid rgba(168,85,247,.38);border-radius:14px;
  background:linear-gradient(135deg,rgba(168,85,247,.12),rgba(11,17,22,.78));
  box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 0 18px rgba(168,85,247,.035)
}
.contrabandista-pendiente-icono{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;background:rgba(168,85,247,.14);font-size:1.35rem}
.contrabandista-pendiente-texto{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.contrabandista-pendiente-texto strong{color:#e9d5ff;font-size:.86rem;font-weight:750}
.contrabandista-pendiente-texto span{color:#94a3b8;font-size:.76rem;line-height:1.35}
.btn-contrabandista-pendiente{flex:0 0 auto;border:1px solid rgba(168,85,247,.72);border-radius:10px;background:rgba(168,85,247,.16);color:#e9d5ff;padding:9px 12px;font:700 .74rem 'Montserrat',sans-serif;cursor:pointer;transition:.2s ease}
.btn-contrabandista-pendiente:hover,.btn-contrabandista-pendiente:focus-visible{background:#a855f7;color:#fff;box-shadow:0 0 18px rgba(168,85,247,.25);outline:none}
.contrabandista-pendientes-badge{display:inline-flex;align-items:center;justify-content:center;margin:-.55rem auto .9rem;padding:5px 10px;border-radius:999px;border:1px solid rgba(168,85,247,.3);background:rgba(168,85,247,.1);color:#d8b4fe;font-size:.72rem;font-weight:700}
.modal-contrabandista-card{position:relative}
@media(max-width:560px){.contrabandista-pendiente-card{align-items:flex-start;flex-wrap:wrap}.btn-contrabandista-pendiente{width:100%}}


/* Fase 13J · ojos compactos y filtros de misiones resistentes al radar AJAX */
.btn-toggle-misiones-ojo {
  margin-left: auto;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.045);
  color: var(--texto-suave, #94a3b8);
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.btn-toggle-misiones-ojo[hidden] { display: none !important; }
.btn-toggle-misiones-ojo:hover,
.btn-toggle-misiones-ojo:focus-visible {
  color: #fff;
  border-color: rgba(56,189,248,.45);
  background: rgba(56,189,248,.12);
  outline: none;
}
.btn-toggle-misiones-ojo:active { transform: scale(.94); }
.btn-toggle-misiones-ojo.activo {
  color: var(--azul-pirata, #38bdf8);
  border-color: rgba(56,189,248,.38);
  background: rgba(56,189,248,.11);
}
.btn-toggle-misiones-ojo .mision-toggle-icon,
.btn-toggle-misiones-ojo svg {
  width: 19px;
  height: 19px;
  display: block;
}
.lista-misiones-toggle[data-mission-list="mapa"].ocultar-inactivas .tarjeta-mapa-mision.aprobada,
.lista-misiones-toggle[data-mission-list="mapa"].ocultar-inactivas .tarjeta-mapa-mision.fallada,
.lista-misiones-toggle[data-mission-list="recurrentes"].ocultar-inactivas .tarjeta-md-mini.cobrada {
  display: none !important;
}


/* Fase 13N · Bitácora del Capitán en formato registro compacto */
.bitacora-capitan .bitacora-capitan__cabecera {
  margin-bottom: .8rem !important;
  gap: .7rem !important;
  align-items: center !important;
}
.bitacora-capitan .bitacora-capitan__icono {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 12px !important;
}
.bitacora-capitan .bitacora-capitan__icono span {
  font-size: 1.25rem !important;
  line-height: 1 !important;
}
.bitacora-capitan .bitacora-capitan__texto h3 {
  font-size: 1.05rem !important;
  line-height: 1.15 !important;
  margin: 0 0 2px !important;
}
.bitacora-capitan .bitacora-capitan__texto p {
  font-size: .76rem !important;
  line-height: 1.25 !important;
  color: rgba(252,251,249,.58) !important;
  margin: 0 !important;
}
.bitacora-capitan .bitacora-capitan__tabla-wrap {
  border-radius: 14px !important;
  overflow: hidden !important;
}
.bitacora-capitan .tabla-bitacora-capitan {
  font-size: .79rem !important;
  line-height: 1.2 !important;
}
.bitacora-capitan .tabla-bitacora-capitan thead th {
  padding: 9px 14px !important;
  font-size: .66rem !important;
  letter-spacing: .025em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
.bitacora-capitan .tabla-bitacora-capitan tbody td,
.bitacora-capitan #tabla-transacciones-body td {
  padding: 8px 14px !important;
  font-size: .78rem !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}
.bitacora-capitan #tabla-transacciones-body td:first-child {
  font-weight: 650 !important;
  color: rgba(252,251,249,.88) !important;
}
.bitacora-capitan #tabla-transacciones-body td:nth-child(2) {
  font-size: .72rem !important;
  color: rgba(252,251,249,.55) !important;
}
.bitacora-capitan #tabla-transacciones-body td:last-child {
  font-size: .78rem !important;
  font-weight: 800 !important;
}
.bitacora-capitan #tabla-transacciones-body .icono-moneda {
  width: .95rem !important;
  height: .95rem !important;
  margin-left: 2px !important;
}
.bitacora-capitan #tabla-transacciones-body tr {
  min-height: 0 !important;
}
.bitacora-capitan .paginacion {
  margin-top: 1rem !important;
  gap: .35rem !important;
}
.bitacora-capitan .btn-paginacion {
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: .72rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.bitacora-capitan .paginacion-puntos {
  font-size: .72rem !important;
}
@media (max-width: 650px) {
  .bitacora-capitan .tabla-bitacora-capitan thead th,
  .bitacora-capitan .tabla-bitacora-capitan tbody td,
  .bitacora-capitan #tabla-transacciones-body td {
    padding: 7px 8px !important;
  }
  .bitacora-capitan .tabla-bitacora-capitan,
  .bitacora-capitan #tabla-transacciones-body td {
    font-size: .72rem !important;
  }
  .bitacora-capitan #tabla-transacciones-body td:nth-child(2) {
    font-size: .66rem !important;
  }
}


/* Fase 13O · Sistema visual compacto y coherente para todo el Camarote.
   Estas reglas están deliberadamente basadas en clases persistentes para que
   también afecten a los fragmentos que reconstruye app/api/actualizaciones.php. */
.tarjeta-panel .seccion-glass {
  margin-bottom: .8rem !important;
  padding: 7px 0 !important;
  gap: .7rem !important;
  align-items: center !important;
}
.tarjeta-panel .seccion-glass .seccion-icono {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 12px !important;
}
.tarjeta-panel .seccion-glass .seccion-icono > span,
.tarjeta-panel .seccion-glass .seccion-icono > i {
  font-size: 1.25rem !important;
  line-height: 1 !important;
}
.tarjeta-panel .seccion-glass .seccion-texto {
  min-width: 0 !important;
}
.tarjeta-panel .seccion-glass .seccion-texto h3 {
  margin: 0 0 2px !important;
  font-size: 1.05rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
}
.tarjeta-panel .seccion-glass .seccion-texto p {
  margin: 0 !important;
  font-size: .76rem !important;
  line-height: 1.25 !important;
  color: rgba(252,251,249,.58) !important;
}
.tarjeta-panel .bloque-seccion {
  padding-top: 1.65rem !important;
  margin-bottom: 2rem !important;
}

/* Píldoras que viven junto al título: escala común y menos altura. */
.tarjeta-panel .seccion-glass [id^="botin-disponible"],
.tarjeta-panel .seccion-glass [style*="Botín disponible"] {
  font-size: .66rem !important;
}
.tarjeta-panel .btn-toggle-misiones-ojo {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}

/* Registros: Historial de Recompensas, Tripulación y Bitácora comparten densidad. */
.tarjeta-panel .caja-tabla {
  border-radius: 14px !important;
  overflow: hidden !important;
}
.tarjeta-panel .tabla-cofre {
  font-size: .79rem !important;
  line-height: 1.2 !important;
}
.tarjeta-panel .tabla-cofre thead th {
  padding: 9px 12px !important;
  font-size: .66rem !important;
  line-height: 1.15 !important;
  letter-spacing: .025em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
.tarjeta-panel .tabla-cofre tbody td {
  padding: 8px 12px !important;
  font-size: .76rem !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}
.tarjeta-panel .tabla-cofre tbody td[style*="font-size: 0.85rem"],
.tarjeta-panel .tabla-cofre tbody td[style*="font-size: 0.82rem"] {
  font-size: .72rem !important;
}
.tarjeta-panel .tabla-cofre tbody td span[style*="font-size: 0.72rem"] {
  font-size: .64rem !important;
  padding: 3px 7px !important;
}

/* Tarjetas de misiones: el HTML inicial y el AJAX usan las mismas clases. */
.tarjeta-panel .tarjeta-md-mini h4,
.tarjeta-panel .tarjeta-mapa-mision h4 {
  font-size: .80rem !important;
  line-height: 1.18 !important;
}
.tarjeta-panel .tarjeta-md-mini p,
.tarjeta-panel .tarjeta-mapa-mision p {
  font-size: .66rem !important;
  line-height: 1.22 !important;
}

/* Logros: misma jerarquía tipográfica del resto sin alterar su mecánica. */
.tarjeta-panel .tarjeta-logro {
  padding: 1rem !important;
}
.tarjeta-panel .logro-icono {
  font-size: 1.5rem !important;
}
.tarjeta-panel .logro-titulo {
  font-size: .90rem !important;
  line-height: 1.2 !important;
}
.tarjeta-panel .logro-desc {
  font-size: .72rem !important;
  line-height: 1.3 !important;
}
.tarjeta-panel .logro-estadisticas {
  font-size: .66rem !important;
}

/* Taberna: títulos de las tarjetas alineados con la nueva escala general. */
.tarjeta-panel .btn-taberna {
  padding: 1rem .45rem !important;
}
.tarjeta-panel .btn-taberna .icono-juego {
  font-size: 1.9rem !important;
  margin-bottom: 6px !important;
}
.tarjeta-panel .btn-taberna .nombre-juego {
  font-size: .72rem !important;
  line-height: 1.15 !important;
}

/* Canjear código: conserva el diseño, con altura coherente con el nuevo panel. */
.tarjeta-panel .input-codigo-botin {
  font-size: .78rem !important;
  padding-top: .68rem !important;
  padding-bottom: .68rem !important;
}

@media (max-width: 650px) {
  .tarjeta-panel .seccion-glass .seccion-icono {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
  .tarjeta-panel .seccion-glass .seccion-icono > span,
  .tarjeta-panel .seccion-glass .seccion-icono > i {
    font-size: 1.15rem !important;
  }
  .tarjeta-panel .seccion-glass .seccion-texto h3 {
    font-size: .96rem !important;
  }
  .tarjeta-panel .seccion-glass .seccion-texto p {
    font-size: .70rem !important;
  }
  .tarjeta-panel .tabla-cofre thead th,
  .tarjeta-panel .tabla-cofre tbody td {
    padding: 7px 8px !important;
  }
}


/* Tarjeta integrada: Impuesto de Patrón */
.patron-tax-card {
  background: linear-gradient(180deg, rgba(8, 24, 44, 0.76), rgba(7, 20, 36, 0.84));
  border: 1px solid rgba(56, 189, 248, 0.16);
  border-radius: 16px;
  padding: .8rem .9rem;
  margin: .85rem 0 1rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.patron-tax-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin-bottom: .55rem;
  flex-wrap: wrap;
}
.patron-tax-copy { min-width: 0; }
.patron-tax-copy h4 {
  margin: 0 0 .1rem;
  font-size: .94rem;
  line-height: 1.15;
  color: #f8fafc;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.patron-tax-inline-icon {
  font-size: 1rem;
  filter: drop-shadow(0 0 6px rgba(255, 209, 59, .18));
}
.patron-tax-copy span {
  display: block;
  color: #8fa4bc;
  font-size: .74rem;
  line-height: 1.3;
}
.patron-tax-copy .patron-tax-rule {
  margin-top: .2rem;
  color: #b7c6d8;
  font-size: .7rem;
}
.patron-tax-amount-box {
  display: inline-flex;
  align-items: baseline;
  gap: .22rem;
  padding: .32rem .62rem;
  border-radius: 999px;
  background: rgba(255, 209, 59, 0.05);
  border: 1px solid rgba(255, 209, 59, 0.14);
  white-space: nowrap;
}
.patron-tax-amount {
  color: var(--oro-botin);
  font-family: 'Montserrat', sans-serif;
  font-size: 1.06rem;
  font-weight: 900;
  letter-spacing: -.02em;
}
.patron-tax-target {
  color: #9fb1c7;
  font-size: .76rem;
  font-weight: 700;
}
.patron-tax-progress-wrap {
  margin-bottom: .55rem;
}
.patron-tax-progress-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .6rem;
  margin-bottom: .26rem;
}
.patron-tax-progress-label, .patron-tax-progress-percent {
  color: #8ea4bd;
  font-size: .70rem;
  font-weight: 700;
}
.patron-tax-progress {
  width: 100%;
  height: 7px;
  background: rgba(255,255,255,0.05);
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.04);
}
.patron-tax-progress-bar {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #22c55e 0%, #facc15 70%);
  box-shadow: 0 0 8px rgba(250, 204, 21, 0.18);
  transition: width .5s ease;
}
.patron-tax-footer {
  display: flex;
  justify-content: flex-end;
}
.patron-tax-action { margin: 0; }
.patron-tax-btn {
  min-height: 34px;
  padding: .45rem .78rem;
  border-radius: 11px;
  border: 1px solid transparent;
  font-family: 'Montserrat', sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .005em;
}
.patron-tax-btn--ready {
  background: linear-gradient(135deg, rgba(17, 122, 101, 0.98), rgba(14, 165, 233, 0.92));
  color: #fff;
  border-color: rgba(255,255,255,.08);
  box-shadow: 0 6px 14px rgba(14,165,233,.12);
  cursor: pointer;
}
.patron-tax-idle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: .42rem .75rem;
  border-radius: 11px;
  background: rgba(255,255,255,0.04);
  color: #8b9db2;
  border: 1px dashed rgba(255,255,255,0.10);
  font-size: .76rem;
  font-weight: 800;
}
@media (max-width: 640px) {
  .patron-tax-card { padding: .72rem .8rem; }
  .patron-tax-top { align-items: flex-start; }
  .patron-tax-copy h4 { font-size: .9rem; }
  .patron-tax-copy span { font-size: .71rem; }
  .patron-tax-amount { font-size: 1rem; }
  .patron-tax-footer { justify-content: stretch; }
  .patron-tax-action, .patron-tax-btn, .patron-tax-idle { width: 100%; }
}


/* Historial de Recompensas: 5 por página, paginación compacta */
.paginacion-canjes {
  margin-top: .75rem !important;
  gap: .35rem !important;
}
.paginacion-canjes .btn-paginacion {
  min-width: 32px !important;
  height: 32px !important;
  padding: 0 .55rem !important;
  border-radius: 9px !important;
  font-size: .76rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.paginacion-canjes .paginacion-puntos {
  font-size: .75rem !important;
  padding: 0 .15rem !important;
}


/* Canjear Código: versión más compacta, minimalista e integrada */
.codigo-canje-card {
  margin: 0;
  padding: .95rem 1rem;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,.05);
  background: linear-gradient(180deg, rgba(8,18,30,.74), rgba(7,16,28,.84));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
  box-sizing: border-box;
}
.codigo-canje-form {
  display: flex;
  gap: .7rem;
  width: 100%;
  align-items: stretch;
  margin: 0;
}
.codigo-canje-input-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
}
.codigo-canje-input-icono {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: .98rem;
  opacity: .78;
  pointer-events: none;
}
.codigo-canje-input {
  width: 100%;
  min-height: 44px;
  padding: .66rem .95rem .66rem 2.45rem !important;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: .78rem !important;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  outline: none;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
  box-sizing: border-box;
}
.codigo-canje-input::placeholder {
  color: rgba(255,255,255,.42);
  letter-spacing: .08em;
}
.codigo-canje-input:focus {
  border-color: rgba(255,209,59,.42);
  background: rgba(255,255,255,.04);
  box-shadow: 0 0 0 3px rgba(255,209,59,.08);
}
.codigo-canje-btn {
  min-width: 128px;
  min-height: 44px;
  padding: 0 1rem;
  border-radius: 11px;
  border: 1px solid var(--oro-botin, #ffd13b);
  background: rgba(255,209,59,.08);
  color: var(--oro-botin, #ffd13b);
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: .78rem;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: .04em;
}
.codigo-canje-bloqueado {
  background: rgba(255,42,109,.06);
  border: 1px solid rgba(255,42,109,.18);
  padding: .8rem .95rem;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.codigo-canje-bloqueado-icono {
  font-size: 1.05rem;
  opacity: .8;
}
.codigo-canje-bloqueado-titulo {
  color: #ff4f86;
  font-size: .8rem;
  display: block;
  font-weight: 800;
  margin-bottom: 2px;
}
.codigo-canje-bloqueado-texto {
  color: var(--texto-suave);
  font-size: .74rem;
}
.codigo-canje-bloqueado-texto strong {
  color: #fff;
  font-family: monospace;
}
@media (max-width: 700px) {
  .codigo-canje-card {
    padding: .85rem .9rem;
  }
  .codigo-canje-form {
    gap: .55rem;
  }
  .codigo-canje-btn {
    min-width: 112px;
    font-size: .74rem;
    padding: 0 .85rem;
  }
}
@media (max-width: 560px) {
  .codigo-canje-form {
    flex-direction: column;
  }
  .codigo-canje-btn {
    width: 100%;
  }
}


/* Logros: CTA más fino y minimalista */
.logros-cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.1rem;
}
.btn-visitar-trofeos {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 44px;
  padding: .68rem 1rem;
  border-radius: 999px;
  text-decoration: none;
  color: #c8f3ff;
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.32);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
  font-family: 'Montserrat', sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.btn-visitar-trofeos:hover {
  transform: translateY(-1px);
  background: rgba(56, 189, 248, 0.12);
  border-color: rgba(56, 189, 248, 0.45);
  color: #e8fbff;
}
.btn-visitar-trofeos-icono {
  font-size: .95rem;
  line-height: 1;
  filter: drop-shadow(0 0 8px rgba(56,189,248,.18));
}
.btn-visitar-trofeos-texto {
  line-height: 1;
}
.btn-visitar-trofeos-flecha {
  font-size: .92rem;
  line-height: 1;
  opacity: .85;
}
@media (max-width: 640px) {
  .btn-visitar-trofeos {
    width: 100%;
    max-width: 290px;
    font-size: .74rem;
    padding: .66rem .9rem;
  }
}


/* Refinado visible: Canjear Código aún más compacto */
.codigo-canje-card {
  max-width: 760px;
  margin: 0 auto;
  padding: .72rem .8rem !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.045) !important;
  background: linear-gradient(180deg, rgba(8,16,28,.60), rgba(6,14,24,.74)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}
.codigo-canje-form {
  gap: .6rem !important;
}
.codigo-canje-input {
  min-height: 40px !important;
  padding: .58rem .9rem .58rem 2.25rem !important;
  border-radius: 10px !important;
  font-size: .75rem !important;
  letter-spacing: .08em !important;
}
.codigo-canje-input-icono {
  left: 11px !important;
  font-size: .9rem !important;
  opacity: .72 !important;
}
.codigo-canje-btn {
  min-width: 116px !important;
  min-height: 40px !important;
  padding: 0 .9rem !important;
  border-radius: 10px !important;
  font-size: .75rem !important;
  letter-spacing: .03em !important;
}
.codigo-canje-bloqueado {
  max-width: 760px;
  margin: 0 auto;
  padding: .68rem .8rem !important;
  border-radius: 11px !important;
}
.codigo-canje-bloqueado-titulo { font-size: .76rem !important; }
.codigo-canje-bloqueado-texto { font-size: .72rem !important; }
@media (max-width: 700px) {
  .codigo-canje-card {
    max-width: none;
    padding: .68rem .72rem !important;
  }
  .codigo-canje-btn {
    min-width: 104px !important;
  }
}


/* Canjear Código: botón premium compacto */
.codigo-canje-btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  border: 1px solid rgba(255, 223, 107, .78) !important;
  background: linear-gradient(135deg, #ffe88a 0%, #ffd13b 48%, #d9a800 100%) !important;
  color: #17120a !important;
  box-shadow:
    0 5px 14px rgba(212, 160, 23, .20),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(121,86,0,.20) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.codigo-canje-btn::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,0) 45%);
  pointer-events: none;
}
.codigo-canje-btn::after {
  content: "";
  position: absolute;
  top: -75%;
  left: -45%;
  width: 30%;
  height: 250%;
  transform: rotate(24deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  opacity: 0;
  pointer-events: none;
}
.codigo-canje-btn:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.045);
  box-shadow:
    0 7px 18px rgba(255, 209, 59, .28),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(121,86,0,.18) !important;
}
.codigo-canje-btn:hover::after {
  opacity: 1;
  animation: codigoCanjeBrillo .72s ease forwards;
}
.codigo-canje-btn:active {
  transform: translateY(0) scale(.985) !important;
  box-shadow:
    0 3px 9px rgba(212,160,23,.18),
    inset 0 2px 3px rgba(121,86,0,.13) !important;
}
.codigo-canje-btn:focus-visible {
  outline: 2px solid rgba(255, 232, 138, .88) !important;
  outline-offset: 3px;
}
@keyframes codigoCanjeBrillo {
  from { left: -45%; }
  to { left: 125%; }
}
@media (prefers-reduced-motion: reduce) {
  .codigo-canje-btn,
  .codigo-canje-btn::after { transition: none !important; animation: none !important; }
  .codigo-canje-btn:hover::after { opacity: 0; }
}


/* Historial de Recompensas: estados como texto, no badges */
.historial-estado {
  display: inline;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: 'Montserrat', sans-serif;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .025em;
  text-transform: uppercase;
  white-space: nowrap;
}
.historial-estado--positivo { color: #05ffa1; }
.historial-estado--negativo { color: #ff4f86; }
.historial-estado--pendiente { color: #ffd13b; }


/* Fase 13Y · Espaciado de misiones + rankings de perfil minimalistas */
.tarjeta-panel .bloque-misiones-recurrentes {
  margin-bottom: .7rem !important;
  padding-bottom: .35rem !important;
  padding-top: 0 !important;
}
.tarjeta-panel .bloque-misiones-mapa {
  margin-top: 0 !important;
  margin-bottom: .8rem !important;
  padding-top: 1.15rem !important;
  padding-bottom: .45rem !important;
}
.tarjeta-panel .bloque-misiones-recurrentes .btn-ver-mas-acordeon,
.tarjeta-panel .bloque-misiones-mapa .btn-ver-mas-acordeon {
  margin-top: .58rem !important;
  margin-bottom: .08rem !important;
}
.perfil-ranking-mini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  margin: -.25rem auto 1.25rem;
  padding: .18rem .2rem;
  max-width: 100%;
}
.perfil-ranking-mini-link {
  display: inline-flex;
  align-items: center;
  gap: .34rem;
  min-height: 30px;
  padding: .32rem .42rem;
  border-radius: 8px;
  background: transparent;
  border: 0;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size: .71rem;
  font-weight: 700;
  line-height: 1;
  transition: background .18s ease, color .18s ease, opacity .18s ease;
}
.perfil-ranking-mini-link--oro { color: #e6bd32; }
.perfil-ranking-mini-link--azul { color: #55bfe9; }
.perfil-ranking-mini-link:hover,
.perfil-ranking-mini-link:focus-visible {
  background: rgba(255,255,255,.045);
}
.perfil-ranking-mini-link--oro:hover { color: #ffd94f; }
.perfil-ranking-mini-link--azul:hover { color: #76d2f5; }
.perfil-ranking-mini-icon {
  font-size: .85rem;
  line-height: 1;
  opacity: .9;
}
.perfil-ranking-mini-label {
  color: rgba(236,245,252,.62);
  font-weight: 700;
}
.perfil-ranking-mini-link strong {
  color: currentColor;
  font-size: .72rem;
  font-weight: 900;
}
.perfil-ranking-mini-arrow {
  font-size: .72rem;
  opacity: .62;
  transform: translateY(-1px);
}
.perfil-ranking-mini-separador {
  width: 1px;
  height: 16px;
  background: rgba(255,255,255,.10);
  flex: 0 0 1px;
}
@media (max-width: 520px) {
  .perfil-ranking-mini {
    gap: .3rem;
    margin-bottom: 1.05rem;
  }
  .perfil-ranking-mini-link {
    gap: .28rem;
    padding: .3rem .34rem;
    font-size: .67rem;
  }
  .perfil-ranking-mini-label { display: none; }
  .perfil-ranking-mini-separador { height: 14px; }
  .tarjeta-panel .bloque-misiones-mapa {
    padding-top: .95rem !important;
  }
}


/* Fase 13Z · Ritmo vertical único entre todas las secciones del Camarote.
   Esta regla va al final para neutralizar márgenes inline y excepciones históricas. */
.tarjeta-panel {
  --panel-seccion-espacio: 1.85rem;
}
.tarjeta-panel .bloque-seccion,
.tarjeta-panel .bloque-misiones-recurrentes,
.tarjeta-panel .bloque-misiones-mapa {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: var(--panel-seccion-espacio) !important;
  padding-bottom: var(--panel-seccion-espacio) !important;
}
/* Los divisores, cuando existen, quedan siempre a la misma distancia del contenido. */
.tarjeta-panel .bloque-misiones-mapa {
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
/* El enlace de acordeón no añade un hueco especial al final de la sección. */
.tarjeta-panel .bloque-misiones-recurrentes .btn-ver-mas-acordeon,
.tarjeta-panel .bloque-misiones-mapa .btn-ver-mas-acordeon {
  margin-top: .58rem !important;
  margin-bottom: 0 !important;
}
@media (max-width: 640px) {
  .tarjeta-panel {
    --panel-seccion-espacio: 1.55rem;
  }
}


/* Fase 13AC · Acordeones estables: sin centrado por transform ni movimiento en hover */
.btn-ver-mas-acordeon {
  position: static !important;
  left: auto !important;
  transform: none !important;
  width: max-content !important;
  max-width: calc(100% - 1rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transition: color .18s ease, background .18s ease, opacity .18s ease !important;
}
.btn-ver-mas-acordeon:hover,
.btn-ver-mas-acordeon:active,
.btn-ver-mas-acordeon:focus-visible {
  transform: none !important;
}


/* Fase 13AE · Alinear al centro texto de ver más/menos */
.btn-ver-mas-acordeon {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
.btn-ver-mas-texto {
  display: inline-block;
  text-align: center !important;
}


/* Fase 13AG · Modal Navega y Gana / Misiones refinado */
.modal-mision-overlay {
  padding: 1rem;
}
.modal-mision-caja {
  width: min(100%, 520px);
  border: 1px solid rgba(5,255,161,.72) !important;
  background: linear-gradient(180deg, rgba(9,23,39,.98), rgba(6,18,31,.98)) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.02) inset, 0 0 28px rgba(5,255,161,.10) !important;
  padding: 1.55rem !important;
}
.modal-mision-header {
  gap: 1rem;
  margin-bottom: 1rem !important;
  padding-bottom: .95rem !important;
}
.modal-mision-close {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.035);
  color: #d4deef;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.modal-mision-close:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.modal-mision-close span {
  font-size: 1rem;
  line-height: 1;
}
.modal-mision-desc {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  color: #a8b7cc !important;
  font-size: .92rem !important;
}
.modal-mision-recompensa-box {
  background: linear-gradient(90deg, rgba(255,209,59,.07), rgba(255,209,59,.12)) !important;
  border: 1px dashed rgba(255,209,59,.55) !important;
  border-radius: 14px !important;
}
.modal-mision-form {
  gap: 1rem !important;
}
.modal-mision-label-paso {
  font-size: .76rem !important;
  letter-spacing: .12em !important;
}
.modal-mision-link {
  min-height: 60px;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  padding: .92rem 1rem !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.modal-mision-link:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.065) !important;
  border-color: rgba(56,189,248,.34) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.22);
}
.modal-mision-link-texto {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: .92rem;
}
.modal-mision-link-arrow {
  font-size: 1rem;
  opacity: .92;
}
.modal-mision-nav-status {
  margin-top: .72rem;
  padding: .78rem .92rem;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: #cbd5e1;
  font-size: .78rem;
  line-height: 1.45;
}
.modal-mision-nav-status.is-info {
  border-color: rgba(56,189,248,.22);
  background: rgba(56,189,248,.06);
  color: #bcecff;
}
.modal-mision-nav-status.is-warning {
  border-color: rgba(255,209,59,.28);
  background: rgba(255,209,59,.08);
  color: #ffe086;
}
.modal-mision-nav-status.is-error {
  border-color: rgba(255,42,109,.28);
  background: rgba(255,42,109,.08);
  color: #ff9ab8;
}
.modal-mision-nav-status.is-success {
  border-color: rgba(5,255,161,.25);
  background: rgba(5,255,161,.08);
  color: #8fffd1;
}
.modal-mision-acciones {
  margin-top: .55rem !important;
}
.modal-mision-btn {
  min-height: 50px;
  padding: .85rem 1rem !important;
  border-radius: 14px !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: .88rem;
  letter-spacing: .01em;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.modal-mision-btn:hover {
  transform: translateY(-1px);
}
.modal-mision-btn-secundario {
  flex: 0 0 112px;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.04) !important;
  color: #d3ddeb !important;
}
.modal-mision-btn-secundario:hover {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.18) !important;
}
.modal-mision-btn-principal,
.btn-reclamar-oro.modal-mision-btn-principal {
  flex: 1 1 auto;
  border: 1px solid rgba(255,209,59,.70) !important;
  color: #2a2104 !important;
  background: linear-gradient(180deg, #ffe27a 0%, #ffd13b 48%, #e7b81f 100%) !important;
  box-shadow: 0 10px 24px rgba(255,209,59,.14), inset 0 1px 0 rgba(255,255,255,.55) !important;
}
.modal-mision-btn-principal:hover,
.btn-reclamar-oro.modal-mision-btn-principal:hover {
  box-shadow: 0 12px 28px rgba(255,209,59,.18), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
.btn-reclamar-oro.modal-mision-btn-principal.is-disabled {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #9fb0c6 !important;
  box-shadow: none !important;
}
.btn-reclamar-oro.modal-mision-btn-principal.is-waiting {
  background: rgba(255,209,59,.08) !important;
  border-color: rgba(255,209,59,.32) !important;
  color: #ffd13b !important;
  box-shadow: none !important;
}
.btn-reclamar-oro.modal-mision-btn-principal.is-warning {
  background: rgba(255,42,109,.10) !important;
  border-color: rgba(255,42,109,.34) !important;
  color: #ff9ab8 !important;
  box-shadow: none !important;
}
.btn-reclamar-oro.modal-mision-btn-principal.is-success {
  background: linear-gradient(180deg, #11f3a2 0%, #05ffa1 100%) !important;
  border-color: rgba(5,255,161,.78) !important;
  color: #06241a !important;
  box-shadow: 0 10px 24px rgba(5,255,161,.16), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
@media (max-width: 560px) {
  .modal-mision-caja {
    padding: 1.15rem !important;
    border-radius: 18px !important;
  }
  .modal-mision-acciones {
    flex-direction: column;
  }
  .modal-mision-btn-secundario,
  .modal-mision-btn-principal {
    width: 100%;
    flex: 1 1 auto;
  }
  .modal-mision-close {
    width: 34px;
    height: 34px;
  }
}


/* Fase 13AI · Scroll temático para notificaciones */
.cofre-noti-v8__panel {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 209, 59, .55) rgba(255,255,255,.05);
  scroll-behavior: smooth;
}
.cofre-noti-v8__panel::-webkit-scrollbar {
  width: 10px;
}
.cofre-noti-v8__panel::-webkit-scrollbar-track {
  background: rgba(255,255,255,.04);
  border-radius: 999px;
  margin: 8px 0;
  border: 1px solid rgba(255,255,255,.03);
}
.cofre-noti-v8__panel::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(59,180,229,.9) 0%, rgba(255,209,59,.85) 100%);
  border-radius: 999px;
  border: 2px solid rgba(9,20,32,.92);
  box-shadow: 0 0 10px rgba(59,180,229,.18);
}
.cofre-noti-v8__panel::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(103,213,255,.98) 0%, rgba(255,223,102,.95) 100%);
  box-shadow: 0 0 14px rgba(255,209,59,.22);
}
.cofre-noti-v8__panel::-webkit-scrollbar-corner {
  background: transparent;
}


/* Fase 13AK · Iconos de cabecera proporcionados al bloque título + descripción */
.tarjeta-panel .seccion-glass .seccion-icono {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  flex: 0 0 52px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.tarjeta-panel .seccion-glass .seccion-icono > span,
.tarjeta-panel .seccion-glass .seccion-icono > i {
  font-size: 1.45rem !important;
  line-height: 1 !important;
}
@media (max-width: 650px) {
  .tarjeta-panel .seccion-glass .seccion-icono {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex-basis: 46px !important;
    border-radius: 13px !important;
  }
  .tarjeta-panel .seccion-glass .seccion-icono > span,
  .tarjeta-panel .seccion-glass .seccion-icono > i {
    font-size: 1.3rem !important;
  }
}


/* Fase 13AM · Botones premium del modal Navega y Gana */
#modal-mision .modal-mision-acciones {
  gap: .72rem !important;
  align-items: stretch !important;
}
#modal-mision .modal-mision-btn {
  min-height: 48px !important;
  border-radius: 12px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
  line-height: 1 !important;
  transition: transform .16s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease !important;
}
#modal-mision .modal-mision-btn-secundario {
  flex: 0 0 108px !important;
  color: #d6dfeb !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#modal-mision .modal-mision-btn-secundario:hover {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045)) !important;
  border-color: rgba(255,255,255,.2) !important;
  transform: translateY(-1px) !important;
}
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal {
  position: relative !important;
  overflow: hidden !important;
  flex: 1 1 auto !important;
  color: #191405 !important;
  background: linear-gradient(180deg, #ffe77f 0%, #ffd648 44%, #f2bd23 100%) !important;
  border: 1px solid rgba(255,229,117,.92) !important;
  box-shadow:
    0 8px 20px rgba(255,209,59,.17),
    0 2px 0 rgba(127,91,0,.55),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(126,86,0,.18) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.28) !important;
}
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 18%, rgba(255,255,255,.32) 42%, transparent 64%);
  transform: translateX(-135%);
  transition: transform .48s ease;
  pointer-events: none;
}
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal:hover:not(:disabled) {
  transform: translateY(-1px) !important;
  filter: brightness(1.035) !important;
  box-shadow:
    0 11px 26px rgba(255,209,59,.23),
    0 2px 0 rgba(127,91,0,.48),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
}
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal:hover:not(:disabled)::before {
  transform: translateX(135%);
}
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal:active:not(:disabled) {
  transform: translateY(1px) !important;
  box-shadow:
    0 4px 12px rgba(255,209,59,.14),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
}
/* Espera inicial: misma forma, aspecto premium apagado */
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal.is-disabled,
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal:disabled.is-disabled {
  color: #8797aa !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.028)) !important;
  border-color: rgba(255,255,255,.085) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  text-shadow: none !important;
  filter: none !important;
}
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal.is-disabled::before { display:none !important; }
/* Contador: dorado oscuro, sin cambiar geometría */
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal.is-waiting {
  color: #ffe078 !important;
  background: linear-gradient(180deg, rgba(255,209,59,.13), rgba(255,209,59,.065)) !important;
  border-color: rgba(255,209,59,.35) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 16px rgba(255,209,59,.06) !important;
  text-shadow: none !important;
}
/* Pausa/aviso */
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal.is-warning {
  color: #ff9bb8 !important;
  background: linear-gradient(180deg, rgba(255,42,109,.13), rgba(255,42,109,.065)) !important;
  border-color: rgba(255,42,109,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
  text-shadow: none !important;
}
/* Validado: verde premium */
#modal-mision .btn-reclamar-oro.modal-mision-btn-principal.is-success {
  color: #041d15 !important;
  background: linear-gradient(180deg, #72ffd0 0%, #20e9a4 48%, #08c987 100%) !important;
  border-color: rgba(130,255,213,.85) !important;
  box-shadow: 0 9px 22px rgba(5,255,161,.16), 0 2px 0 rgba(0,101,69,.58), inset 0 1px 0 rgba(255,255,255,.55) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.2) !important;
}
#modal-mision .modal-mision-btn:focus-visible {
  outline: 2px solid rgba(255,255,255,.88) !important;
  outline-offset: 3px !important;
}
@media (max-width:560px) {
  #modal-mision .modal-mision-btn-secundario { flex-basis:auto !important; }
}
@media (prefers-reduced-motion:reduce) {
  #modal-mision .modal-mision-btn,
  #modal-mision .btn-reclamar-oro.modal-mision-btn-principal::before {
    transition: none !important;
  }
}


/* Fase 13AN · Acciones del centro de notificaciones */
.cofre-noti-v8__actions {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  flex-shrink: 0;
}
.cofre-noti-v8__clear {
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: rgba(255,255,255,.025) !important;
  color: #9fb0c1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .86rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}
.cofre-noti-v8__clear:hover:not(:disabled) {
  transform: translateY(-1px);
  background: rgba(255, 83, 116, .08) !important;
  border-color: rgba(255, 83, 116, .22) !important;
  color: #ff7897 !important;
}
.cofre-noti-v8__clear:disabled {
  cursor: default !important;
  opacity: .45 !important;
}
.cofre-noti-v8__clear.is-loading {
  animation: cofreNotiClearPulse .75s ease-in-out infinite alternate;
}
@keyframes cofreNotiClearPulse {
  from { opacity: .42; }
  to { opacity: .82; }
}
@media (prefers-reduced-motion: reduce) {
  .cofre-noti-v8__clear.is-loading { animation: none; }
}


/* Fase 13AP · Diálogos personalizados del sistema */
body.cofre-dialog-open {
  overflow: hidden;
}
.cofre-dialog {
  position: fixed;
  inset: 0;
  z-index: 1000001;
  display: none;
}
.cofre-dialog.is-open {
  display: block;
}
.cofre-dialog__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 10, 18, .78);
  backdrop-filter: blur(8px);
}
.cofre-dialog__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(.96);
  width: min(92vw, 430px);
  background: linear-gradient(180deg, rgba(10,24,41,.98), rgba(7,18,31,.98));
  border: 1px solid rgba(56, 189, 248, .22);
  box-shadow: 0 24px 64px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.025);
  border-radius: 20px;
  padding: 1rem 1rem .95rem;
  color: #e8f1ff;
  opacity: 0;
  text-align: center;
  transition: transform .2s ease, opacity .2s ease;
}
.cofre-dialog.is-open .cofre-dialog__panel {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.cofre-dialog__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  color: #dbe7fb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .18s ease;
}
.cofre-dialog__close:hover {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.16);
}
.cofre-dialog__icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  background: linear-gradient(180deg, rgba(56,189,248,.11), rgba(56,189,248,.07));
  border: 1px solid rgba(56,189,248,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  margin: 0 auto .8rem;
}
.cofre-dialog.is-danger .cofre-dialog__icon {
  background: linear-gradient(180deg, rgba(255, 83, 112, .11), rgba(255, 83, 112, .07));
  border-color: rgba(255, 83, 112, .20);
}
.cofre-dialog__eyebrow {
  color: #74d7ff;
  font-size: .70rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: .22rem;
}
.cofre-dialog__title {
  margin: 0 0 .5rem;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.14;
  font-weight: 900;
}
.cofre-dialog__message {
  color: #b7c8df;
  font-size: .94rem;
  line-height: 1.58;
  white-space: pre-line;
  max-width: 340px;
  margin: 0 auto;
}
.cofre-dialog__actions {
  display: flex;
  justify-content: center;
  gap: .7rem;
  margin-top: 1.05rem;
}
.cofre-dialog__actions.is-single {
  justify-content: center;
}
.cofre-dialog__btn {
  min-height: 42px;
  min-width: 116px;
  padding: 0 1rem;
  border-radius: 13px;
  border: 1px solid transparent;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: .90rem;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.cofre-dialog__btn:hover {
  transform: translateY(-1px);
}
.cofre-dialog__btn--secondary {
  background: rgba(255,255,255,.045);
  color: #dce8f8;
  border-color: rgba(255,255,255,.09);
}
.cofre-dialog__btn--secondary:hover {
  background: rgba(255,255,255,.075);
  border-color: rgba(255,255,255,.15);
}
.cofre-dialog__btn--primary {
  background: linear-gradient(180deg, #ffe279 0%, #ffd13b 48%, #e1b31e 100%);
  color: #2a2104;
  border-color: rgba(255,209,59,.70);
  box-shadow: 0 8px 20px rgba(255,209,59,.13), inset 0 1px 0 rgba(255,255,255,.50);
}
.cofre-dialog__btn--primary:hover {
  box-shadow: 0 10px 24px rgba(255,209,59,.18), inset 0 1px 0 rgba(255,255,255,.58);
}
.cofre-dialog.is-danger .cofre-dialog__btn--primary {
  background: linear-gradient(180deg, #ff8ca6 0%, #ff5f86 48%, #e63b66 100%);
  color: #fff;
  border-color: rgba(255,95,134,.70);
  box-shadow: 0 8px 20px rgba(255,95,134,.16), inset 0 1px 0 rgba(255,255,255,.22);
}
@media (max-width: 560px) {
  .cofre-dialog__panel {
    width: min(94vw, 380px);
    padding: .95rem .9rem .9rem;
    border-radius: 18px;
  }
  .cofre-dialog__close {
    width: 32px;
    height: 32px;
    top: 10px;
    right: 10px;
  }
  .cofre-dialog__title {
    font-size: 1.15rem;
  }
  .cofre-dialog__message {
    font-size: .90rem;
    max-width: 100%;
  }
  .cofre-dialog__actions {
    flex-direction: column-reverse;
    gap: .6rem;
    align-items: stretch;
  }
  .cofre-dialog__btn {
    width: 100%;
    min-width: 0;
    min-height: 40px;
  }
}


/* Fase 13AR · Invitaciones por enlace de referido */
.perfil-invite-link {
  appearance: none;
  border: 0;
  background: transparent;
  color: #8ddcff;
  padding: .18rem .28rem;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-family: 'Montserrat', sans-serif;
  font-size: .68rem;
  font-weight: 800;
  cursor: pointer;
  border-radius: 7px;
  transition: color .18s ease, background .18s ease, opacity .18s ease;
}
.perfil-invite-link:hover {
  color: #d5f5ff;
  background: rgba(56,189,248,.07);
}
.perfil-invite-link.is-copied {
  color: #70f6c1;
  background: rgba(5,255,161,.06);
}
.sponsor-registro-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  flex-wrap: wrap;
}
.sponsor-invitacion-detectada {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  color: #73e7bb;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.sponsor-invitacion-detectada::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #05ffa1;
  box-shadow: 0 0 8px rgba(5,255,161,.38);
}
.grupo-sponsor-registro.sponsor-desde-enlace .input-cofre[readonly] {
  color: #d9f6ff;
  border-color: rgba(56,189,248,.28);
  background: rgba(56,189,248,.055);
  cursor: default;
}
.sponsor-enlace-ayuda {
  display: block;
  margin-top: 6px;
  color: #91a8bd;
  font-size: .72rem;
  line-height: 1.4;
}
.sponsor-enlace-ayuda strong {
  color: #75d9ff;
}
@media (max-width: 560px) {
  .perfil-invite-link {
    font-size: .66rem;
  }
  .sponsor-registro-label-row {
    align-items: flex-start;
    flex-direction: column;
    gap: .22rem;
  }
}


/* Fase 13AX · Centro compacto de invitaciones en Camarote */
.perfil-apodo-solo {
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1.8rem;
}
.panel-referral-card {
  width:100%;
  box-sizing:border-box;
  position:relative;
  margin:1rem 0 1.15rem;
  padding:.9rem .95rem .8rem;
  border-radius:17px;
  border:1px solid rgba(56,189,248,.18);
  background:linear-gradient(180deg,rgba(11,28,45,.72),rgba(7,20,34,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  text-align:left;
}
.panel-referral-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.72rem;
}
.panel-referral-heading {
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width:0;
}
.panel-referral-mark {
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  border:1px solid rgba(56,189,248,.18);
  background:linear-gradient(180deg,rgba(56,189,248,.12),rgba(56,189,248,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.14);
  font-size:1.02rem;
}
.panel-referral-copy {min-width:0;}
.panel-referral-copy strong {
  display:block;
  color:#f5f9ff;
  font-family:'Montserrat',sans-serif;
  font-size:.86rem;
  line-height:1.2;
  font-weight:850;
  margin-bottom:.12rem;
}
.panel-referral-copy span {
  display:block;
  color:#8fa5bb;
  font-size:.72rem;
  line-height:1.35;
}
.panel-referral-info-wrap {position:relative;flex:0 0 auto;}
.panel-referral-info {
  width:30px;
  height:30px;
  padding:0;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.24);
  background:rgba(56,189,248,.055);
  color:#7bd8ff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:'Montserrat',sans-serif;
  font-size:.72rem;
  font-weight:900;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.panel-referral-info:hover,
.panel-referral-info[aria-expanded="true"] {
  background:rgba(56,189,248,.12);
  border-color:rgba(56,189,248,.44);
  color:#d8f5ff;
}
.panel-referral-tooltip {
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  width:min(310px,calc(100vw - 56px));
  box-sizing:border-box;
  padding:.85rem .9rem;
  border-radius:13px;
  border:1px solid rgba(56,189,248,.24);
  background:rgba(7,18,31,.985);
  box-shadow:0 16px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025);
  opacity:0;
  transform:translateY(6px) scale(.985);
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;
  z-index:150;
}
.panel-referral-tooltip.is-open {
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.panel-referral-tooltip strong {
  display:block;
  color:#74d7ff;
  font-family:'Montserrat',sans-serif;
  font-size:.76rem;
  margin-bottom:.4rem;
}
.panel-referral-tooltip p {
  margin:0 0 .48rem;
  color:#b8c8d9;
  font-size:.72rem;
  line-height:1.48;
}
.panel-referral-tooltip p:last-child {margin-bottom:0;}
.panel-referral-tooltip b {color:#f3f7fb;font-weight:800;}
.panel-referral-linkrow {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.6rem;
  align-items:stretch;
}
.panel-referral-url {
  min-width:0;
  min-height:46px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.06rem;
  padding:.48rem .68rem;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(4,13,23,.62);
}
.panel-referral-url-label {
  color:#6f879e;
  font-family:'Montserrat',sans-serif;
  font-size:.56rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.panel-referral-url-text {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#c7d7e8;
  font-size:.69rem;
  font-family:monospace;
}
.panel-referral-actions {
  display:flex;
  align-items:stretch;
  gap:.45rem;
}
.panel-referral-btn {
  min-height:46px;
  padding:0 .8rem;
  border-radius:11px;
  font-family:'Montserrat',sans-serif;
  font-size:.66rem;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.panel-referral-btn:hover {transform:translateY(-1px);}
.panel-referral-btn--copy {
  border:1px solid rgba(56,189,248,.32);
  background:rgba(56,189,248,.09);
  color:#8bdfff;
}
.panel-referral-btn--copy:hover {
  border-color:rgba(56,189,248,.54);
  background:rgba(56,189,248,.14);
  color:#d9f6ff;
}
.panel-referral-btn--copy.is-copied {
  border-color:rgba(5,255,161,.34);
  background:rgba(5,255,161,.09);
  color:#8fffd6;
}
.panel-referral-btn--share {
  min-width:46px;
  width:46px;
  padding:0;
  justify-content:center;
  border:1px solid rgba(255,209,59,.34);
  background:linear-gradient(180deg,rgba(255,209,59,.11),rgba(255,209,59,.055));
  color:#ffe078;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.panel-referral-btn--share:hover {
  border-color:rgba(255,209,59,.58);
  background:linear-gradient(180deg,rgba(255,209,59,.16),rgba(255,209,59,.08));
  color:#fff3b8;
}
.panel-referral-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.95rem;
  line-height:1;
}
.panel-referral-meta {
  display:flex;
  align-items:center;
  gap:.55rem;
  flex-wrap:wrap;
  margin-top:.58rem;
  color:#7f95aa;
  font-size:.64rem;
}
.panel-referral-meta > span {
  display:inline-flex;
  align-items:center;
  gap:.22rem;
}
.panel-referral-meta > span + span::before {
  content:'·';
  margin-right:.3rem;
  color:#435a70;
}
.panel-referral-meta strong {color:#d9e7f4;font-weight:850;}
.panel-referral-apodo {color:#6ecff7!important;font-weight:700;}
@media(max-width:650px){
  .panel-referral-card {padding:.82rem;margin:.85rem 0 1rem;border-radius:15px;}
  .panel-referral-linkrow {grid-template-columns:1fr;}
  .panel-referral-actions {width:100%;}
  .panel-referral-btn {flex:1 1 0;min-height:42px;}
  .panel-referral-btn--share{flex:0 0 42px;width:42px;min-width:42px;padding:0;}
  .panel-referral-url {min-height:43px;}
  .panel-referral-tooltip {right:-2px;width:min(300px,calc(100vw - 40px));}
  .panel-referral-meta {justify-content:center;text-align:center;}
}

/* Fase 13AY · Invitaciones más limpias en panel */
.panel-referral-meta--single{
  justify-content:flex-start;
}
.panel-referral-meta--single > span::before,
.panel-referral-meta--single > span + span::before{
  content:none !important;
  display:none !important;
}
.panel-referral-meta--single > span{
  border:none;
  background:transparent;
  padding:0;
  color:var(--texto-suave,#a8bbcf);
  font-weight:700;
}
.panel-referral-meta--single .panel-referral-apodo{
  margin-left:.2rem;
}


/* Fase 13AZ · Perfil más compacto + usuario premium + ayuda táctil */
.tarjeta-perfil-cabecera{
  margin-bottom:.35rem !important;
}
.perfil-ranking-mini{
  margin:.05rem auto 1.15rem !important;
}

.panel-referral-username-line{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:wrap;
  gap:.42rem !important;
}
.panel-referral-apodo-copy{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:.32rem;
  min-height:auto;
  padding:0 !important;
  margin:0 !important;
  border:none;
  background:transparent;
  color:#dff7ff !important;
  box-shadow:none;
  font-family:'Montserrat',sans-serif;
  font-size:.82rem;
  font-weight:700 !important;
  letter-spacing:.01em;
  line-height:1.1;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
  transition:transform .18s ease,opacity .18s ease,color .18s ease,filter .18s ease;
}
.panel-referral-apodo-copy::after{
  content:'⧉';
  margin-left:.1rem;
  font-size:.78rem;
  line-height:1;
  opacity:.84;
  color:#71d7ff;
}
.panel-referral-apodo-text{
  display:inline-block;
  background:linear-gradient(90deg,#ffffff 0%,#b7efff 38%,#63cfff 72%,#f6dd74 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 12px rgba(99,207,255,.12);
}
.panel-referral-apodo-copy:hover,
.panel-referral-apodo-copy:focus-visible{
  transform:translateY(-1px);
  opacity:1;
  filter:drop-shadow(0 0 10px rgba(56,189,248,.18));
  outline:none;
}
.panel-referral-apodo-copy.is-copied{
  color:#9effdc !important;
  filter:drop-shadow(0 0 8px rgba(5,255,161,.14));
}
.panel-referral-apodo-copy.is-copied .panel-referral-apodo-text{
  background:linear-gradient(90deg,#d8fff1 0%,#9effdc 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.panel-referral-apodo-copy.is-copied::after{
  content:'✓';
  color:#9effdc;
}

.panel-referral-info:not([aria-expanded="true"]){
  animation:panelReferralInfoPulse 2.25s ease-in-out infinite;
}
@keyframes panelReferralInfoPulse{
  0%,100%{
    color:#7bd8ff;
    border-color:rgba(56,189,248,.24);
    box-shadow:0 0 0 0 rgba(56,189,248,0), inset 0 0 0 rgba(56,189,248,0);
  }
  50%{
    color:#d8f6ff;
    border-color:rgba(56,189,248,.60);
    box-shadow:0 0 0 4px rgba(56,189,248,.055),0 0 17px rgba(56,189,248,.24),inset 0 0 10px rgba(56,189,248,.08);
  }
}
.panel-referral-info[aria-expanded="true"]{
  animation:none !important;
}

@media(max-width:650px){
  .tarjeta-perfil-cabecera{
    margin-bottom:.28rem !important;
  }
  .perfil-ranking-mini{
    margin:.02rem auto 1rem !important;
  }
  .panel-referral-meta--single{
    justify-content:center !important;
  }
  .panel-referral-username-line{
    justify-content:center;
    width:100%;
  }
  .panel-referral-apodo-copy{
    font-size:.8rem;
  }
  .panel-referral-info{
    touch-action:manipulation;
  }
}
@media (prefers-reduced-motion: reduce){
  .panel-referral-info:not([aria-expanded="true"]){
    animation:none !important;
    box-shadow:0 0 12px rgba(56,189,248,.14);
  }
}

/* Fase 13BE · Nombre premium refinado sin subrayado */
.nombre-usuario-panel{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:.82rem auto .1rem !important;
  padding:.08rem .34rem .14rem .3rem;
  max-width:100%;
  overflow:visible;
  font-family:'Montserrat',sans-serif;
  font-size:clamp(1.82rem,4vw,2.7rem);
  font-weight:900;
  line-height:1.06;
  letter-spacing:-.024em;
  text-align:center;
  white-space:nowrap;
  isolation:isolate;
}
.nombre-usuario-panel::before{
  content:'';
  position:absolute;
  inset:-.32rem -.9rem -.04rem;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%,rgba(56,189,248,.08) 0%,rgba(56,189,248,.035) 34%,rgba(56,189,248,0) 74%);
  z-index:-1;
  pointer-events:none;
}
.nombre-usuario-panel::after{
  display:none !important;
  content:none !important;
}
.nombre-usuario-panel-texto{
  display:inline-block;
  max-width:100%;
  padding-right:.06em;
  white-space:nowrap;
  overflow:visible;
  background:linear-gradient(180deg,#ffffff 0%,#edf9ff 42%,#d8f0ff 70%,#ffe08a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 8px 20px rgba(0,0,0,.16);
  filter:drop-shadow(0 0 8px rgba(56,189,248,.06));
}
@media (max-width: 768px){
  .nombre-usuario-panel{
    margin:.7rem auto .05rem !important;
    padding:.02rem .22rem .08rem .18rem;
    font-size:clamp(1.46rem,6.4vw,2rem);
    letter-spacing:-.02em;
  }
  .nombre-usuario-panel::before{
    inset:-.2rem -.35rem 0;
  }
}
@media (max-width: 420px){
  .nombre-usuario-panel{
    font-size:clamp(1.32rem,5.8vw,1.78rem);
  }
}


/* Fase 13BH · Embajador con corona en avatar */
.avatar-perfil{
  position:relative;
  overflow:visible;
}
.avatar-perfil img{
  border-radius:50%;
  display:block;
}
.avatar-perfil--embajador{
  box-shadow:0 10px 28px rgba(0,0,0,.28),0 0 0 1px rgba(255,209,59,.18);
}
.avatar-embajador-corona{
  position:absolute;
  top:-10px;
  right:-4px;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(180deg,#ffea94 0%,#ffd13b 55%,#d7a313 100%);
  color:#3b2500;
  font-size:1rem;
  line-height:1;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 10px 20px rgba(212,160,23,.28),0 0 0 3px rgba(7,19,30,.92);
  z-index:3;
}
@media (max-width:650px){
  .avatar-embajador-corona{
    top:-8px;
    right:-2px;
    width:28px;
    height:28px;
    font-size:.9rem;
  }
}

/* Seguimiento mensual del rango Embajador */
.panel-ambassador-status{
  width:100%;
  box-sizing:border-box;
  margin:.15rem 0 1.2rem;
  padding:0;
  border:1px solid rgba(255,209,59,.28);
  border-radius:17px;
  background:
    radial-gradient(circle at 92% 0%,rgba(255,209,59,.09),transparent 34%),
    linear-gradient(180deg,rgba(30,27,16,.72),rgba(9,20,31,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.14);
  text-align:left;
  overflow:hidden;
}
.panel-ambassador-status.is-complete{
  border-color:rgba(5,255,161,.28);
  background:
    radial-gradient(circle at 92% 0%,rgba(5,255,161,.07),transparent 34%),
    linear-gradient(180deg,rgba(19,32,27,.72),rgba(9,20,31,.82));
}
.panel-ambassador-status__summary{
  display:block;
  padding:.88rem 1.05rem;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.panel-ambassador-status__summary::-webkit-details-marker{display:none}
.panel-ambassador-status__summary::marker{display:none;content:''}
.panel-ambassador-status__summary:focus-visible{
  outline:2px solid #ffd13b;
  outline-offset:-3px;
  border-radius:15px;
}
.panel-ambassador-status__head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.panel-ambassador-status__title-wrap{display:flex;align-items:center;gap:.72rem;min-width:0}
.panel-ambassador-status__crown{width:38px;height:38px;flex:0 0 38px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,209,59,.12);border:1px solid rgba(255,209,59,.28);font-size:1.08rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.panel-ambassador-status__eyebrow{display:block;color:#c7a942;font-size:.58rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.08rem}
.panel-ambassador-status__title{display:block;color:#fff3b5;font-family:'Montserrat',sans-serif;font-size:.98rem;font-weight:900}
.panel-ambassador-status__head-actions{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}
.panel-ambassador-status__bonus{display:inline-flex;padding:.38rem .58rem;border-radius:999px;border:1px solid rgba(255,209,59,.3);background:rgba(255,209,59,.09);color:#ffe27b;font-size:.65rem;font-weight:900;white-space:nowrap}
.panel-ambassador-status__toggle{display:inline-flex;align-items:center;gap:.28rem;color:#ffd95c;font-size:.62rem;font-weight:850;white-space:nowrap}
.panel-ambassador-status__toggle-less{display:none}
.panel-ambassador-status[open] .panel-ambassador-status__toggle-more{display:none}
.panel-ambassador-status[open] .panel-ambassador-status__toggle-less{display:inline}
.panel-ambassador-status__body{padding:0 1.05rem 1rem;border-top:1px solid rgba(255,209,59,.09)}
.panel-ambassador-status__copy{margin:.82rem 0 .72rem;color:#aebfd0;font-size:.75rem;line-height:1.55}
.panel-ambassador-status__copy strong{color:#f4f7fa}
.panel-ambassador-status__transition{margin:0 0 .8rem;padding:.62rem .7rem;border-radius:11px;border:1px solid rgba(56,189,248,.18);background:rgba(56,189,248,.055);color:#9fcfe4;font-size:.69rem;line-height:1.45}
.panel-ambassador-status__transition strong{color:#d9f5ff}
.panel-ambassador-status__stats{display:grid;grid-template-columns:.8fr 1.15fr 1fr;gap:.55rem;margin-bottom:.65rem}
.panel-ambassador-status__stats>div{min-width:0;padding:.58rem .62rem;border-radius:11px;background:rgba(2,10,18,.42);border:1px solid rgba(255,255,255,.055)}
.panel-ambassador-status__stats span{display:block;color:#71889d;font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.16rem}
.panel-ambassador-status__stats strong{display:block;color:#edf5fb;font-size:.72rem;font-weight:850;overflow-wrap:anywhere}
.panel-ambassador-status__progress{height:9px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.045)}
.panel-ambassador-status__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c99812,#ffd13b,#ffe78f);box-shadow:0 0 14px rgba(255,209,59,.22);transition:width .3s ease}
.panel-ambassador-status.is-complete .panel-ambassador-status__progress span{background:linear-gradient(90deg,#08b982,#05ffa1,#8affd7);box-shadow:0 0 14px rgba(5,255,161,.18)}
.panel-ambassador-status__foot{margin-top:.58rem;color:#8399ad;font-size:.66rem;line-height:1.45}
.panel-ambassador-status__foot strong{color:#ffd95c}
.panel-ambassador-status.is-complete .panel-ambassador-status__foot strong{color:#62ffc5}
@media(max-width:650px){
  .panel-ambassador-status{margin-top:0}
  .panel-ambassador-status__summary{padding:.78rem .82rem}
  .panel-ambassador-status__body{padding:0 .82rem .88rem}
  .panel-ambassador-status__head{align-items:flex-start;gap:.55rem}
  .panel-ambassador-status__head-actions{align-items:flex-end;flex-direction:column;gap:.35rem}
  .panel-ambassador-status__bonus{font-size:.59rem}
  .panel-ambassador-status__toggle{font-size:.59rem}
  .panel-ambassador-status__stats{grid-template-columns:1fr 1fr}
  .panel-ambassador-status__stats>div:last-child{grid-column:1 / -1}
}


/* Fase 13BI · Icono de compartir más reconocible */
.panel-referral-btn-icon--share svg{
  width:18px;
  height:18px;
  display:block;
}
.panel-referral-btn-icon--share svg circle{
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
}
.panel-referral-btn-icon--share svg path{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.9;
}


/* Propina del Capitán · Banda de tesorería integrada */
.capitan-vault{
  position:relative;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:1.1rem;
  align-items:stretch;
  padding:1rem 1.05rem;
  border:1px solid rgba(59,180,229,.15);
  border-radius:18px;
  background:
    linear-gradient(90deg, rgba(59,180,229,.055), transparent 32%),
    rgba(7,18,30,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
.capitan-vault::before{
  content:'';
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg, rgba(59,180,229,.85), rgba(59,180,229,.18));
  box-shadow:0 0 14px rgba(59,180,229,.22);
}
.capitan-vault.is-full::before{
  background:linear-gradient(180deg, #63f0c3, rgba(20,201,145,.25));
  box-shadow:0 0 14px rgba(41,240,181,.18);
}
.capitan-vault-balance{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-right:1rem;
  border-right:1px solid rgba(255,255,255,.07);
}
.capitan-vault-kicker{
  color:rgba(176,195,214,.66);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.capitan-vault-amount{
  display:flex;
  align-items:baseline;
  gap:.32rem;
  margin:.08rem 0 .02rem;
}
.capitan-vault-amount strong{
  color:var(--oro-botin,#ffd13b);
  font-family:'Montserrat',sans-serif;
  font-size:2.05rem;
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1;
  text-shadow:0 0 16px rgba(255,209,59,.10);
}
.capitan-vault-coin{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:.28rem;
  font-size:1.05rem;
  line-height:1;
  transform:translateY(-.04em);
  filter:drop-shadow(0 2px 5px rgba(255,209,59,.24));
}
.capitan-vault-capacity{
  color:rgba(154,174,195,.62);
  font-size:.68rem;
  line-height:1.2;
}
.capitan-vault-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.48rem;
}
.capitan-vault-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  color:rgba(198,211,225,.76);
  font-size:.72rem;
  line-height:1.2;
}
.capitan-vault-meta strong{
  color:rgba(246,249,252,.92);
  font-family:'Montserrat',sans-serif;
  font-size:.76rem;
  font-weight:800;
  white-space:nowrap;
}
.capitan-vault-progress{
  position:relative;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(0,7,15,.58);
  border:1px solid rgba(255,255,255,.045);
}
.capitan-vault-progress > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ffd13b,#f3b926);
  box-shadow:0 0 10px rgba(255,209,59,.24);
  transition:width .35s ease;
}
.capitan-vault.is-full .capitan-vault-progress > span{
  background:linear-gradient(90deg,#5cf0c0,#14c991);
  box-shadow:0 0 10px rgba(41,240,181,.22);
}
.capitan-vault-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-width:0;
}
.capitan-vault-note{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:.45rem;
  color:rgba(161,180,199,.66);
  font-size:.68rem;
  line-height:1.35;
}
.capitan-vault-note-copy{
  min-width:0;
  display:block;
  color:rgba(190,205,220,.78);
  font-weight:600;
  line-height:1.35;
}
.capitan-vault-note-copy strong{
  color:rgba(232,238,244,.88);
  font-weight:700;
}
.capitan-vault-dot{
  width:5px;
  height:5px;
  flex:0 0 5px;
  margin-top:.3em;
  border-radius:50%;
  background:rgba(255,209,59,.75);
  box-shadow:0 0 7px rgba(255,209,59,.28);
}
.capitan-vault.is-full .capitan-vault-dot{
  background:#54e8b9;
  box-shadow:0 0 7px rgba(41,240,181,.28);
}
.capitan-vault-form{margin:0;flex:0 0 auto;}
.capitan-vault-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.38rem;
  min-height:32px;
  padding:.45rem .72rem;
  border-radius:10px;
  border:1px solid rgba(255,209,59,.42);
  background:rgba(255,209,59,.07);
  color:#f8d85b;
  font-family:'Montserrat',sans-serif;
  font-size:.71rem;
  font-weight:750;
  line-height:1;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.capitan-vault-btn:hover:not(:disabled),
.capitan-vault-btn:focus-visible:not(:disabled){
  background:rgba(255,209,59,.13);
  border-color:rgba(255,209,59,.72);
  color:#ffe477;
  transform:translateY(-1px);
}
.capitan-vault-btn:active:not(:disabled){transform:translateY(0);}
.capitan-vault-btn--full{
  border-color:rgba(73,230,181,.42);
  background:rgba(41,240,181,.075);
  color:#6ee9c1;
}
.capitan-vault-btn--full:hover:not(:disabled),
.capitan-vault-btn--full:focus-visible:not(:disabled){
  background:rgba(41,240,181,.13);
  border-color:rgba(73,230,181,.7);
  color:#8bf2d0;
}
.capitan-vault-btn--empty{
  border-color:rgba(255,255,255,.075);
  background:rgba(255,255,255,.025);
  color:rgba(160,177,195,.46);
  cursor:not-allowed;
}
.capitan-vault-btn-icon{
  font-size:.78rem;
  line-height:1;
  filter:saturate(.82);
}

/* Mantiene la cabecera de esta sección dentro de la escala general del Camarote. */
.tarjeta-panel .seccion-glass--capitan-idle .seccion-texto h3{
  font-size:.98rem !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  color:rgba(248,251,255,.92) !important;
  text-shadow:none !important;
}
.tarjeta-panel .seccion-glass--capitan-idle .seccion-texto p{
  font-size:.76rem !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  color:rgba(177,194,212,.72) !important;
}
@media (max-width:650px){
  .tarjeta-panel .seccion-glass--capitan-idle .seccion-texto h3{font-size:.94rem !important;}
  .tarjeta-panel .seccion-glass--capitan-idle .seccion-texto p{font-size:.73rem !important;}
  .capitan-vault{
    grid-template-columns:104px minmax(0,1fr);
    gap:.85rem;
    padding:.88rem .9rem;
    border-radius:16px;
  }
  .capitan-vault-balance{padding-right:.78rem;}
  .capitan-vault-kicker{font-size:.59rem;}
  .capitan-vault-amount strong{font-size:1.72rem;}
  .capitan-vault-coin{font-size:.92rem;}
  .capitan-vault-capacity{font-size:.61rem;}
  .capitan-vault-meta{font-size:.65rem;}
  .capitan-vault-meta strong{font-size:.69rem;}
  .capitan-vault-note{font-size:.61rem;}
  .capitan-vault-btn{min-height:30px;padding:.4rem .62rem;font-size:.66rem;}
}
@media (max-width:520px){
  .capitan-vault{
    grid-template-columns:1fr;
    gap:.75rem;
  }
  .capitan-vault-balance{
    padding:0 0 .65rem;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.065);
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:end;
    gap:.45rem;
  }
  .capitan-vault-kicker{grid-column:1 / -1;}
  .capitan-vault-amount{margin:0;}
  .capitan-vault-capacity{grid-column:3;justify-self:end;padding-bottom:.1rem;}
  .capitan-vault-foot{align-items:flex-end;gap:.7rem;}
  .capitan-vault-note{max-width:74%;}
  .capitan-vault-btn{white-space:nowrap;}
}
@media (max-width:390px){
  .capitan-vault-foot{align-items:stretch;flex-direction:column;}
  .capitan-vault-note{max-width:none;}
  .capitan-vault-form{width:100%;}
  .capitan-vault-btn{width:100%;}
}

/* Ajuste móvil · tablas de registros del Camarote con desplazamiento horizontal táctil.
   El body continúa sin overflow lateral; solo se desplaza el contenedor de cada tabla. */
.tarjeta-panel .caja-tabla,
.bitacora-capitan .bitacora-capitan__tabla-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  scrollbar-width: thin;
  scrollbar-color: rgba(59, 180, 229, .7) rgba(255, 255, 255, .06);
}
.tarjeta-panel .caja-tabla::-webkit-scrollbar,
.bitacora-capitan .bitacora-capitan__tabla-wrap::-webkit-scrollbar {
  height: 7px;
}
.tarjeta-panel .caja-tabla::-webkit-scrollbar-track,
.bitacora-capitan .bitacora-capitan__tabla-wrap::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .06);
  border-radius: 999px;
}
.tarjeta-panel .caja-tabla::-webkit-scrollbar-thumb,
.bitacora-capitan .bitacora-capitan__tabla-wrap::-webkit-scrollbar-thumb {
  background: rgba(59, 180, 229, .7);
  border-radius: 999px;
}
.tarjeta-panel .caja-tabla:focus-visible,
.bitacora-capitan .bitacora-capitan__tabla-wrap:focus-visible {
  outline: 2px solid var(--azul-pirata, #3bb4e5);
  outline-offset: 3px;
}
@media (max-width: 650px) {
  .tarjeta-panel .caja-tabla > .tabla-cofre,
  .bitacora-capitan .bitacora-capitan__tabla-wrap > .tabla-cofre {
    width: 100% !important;
    min-width: 600px !important;
  }
  .tarjeta-panel .caja-tabla {
    padding-bottom: 3px;
  }
}


/* Ranking mensual · Mayor Apostador */
.btn-tab-ranking.activo[data-target="tab-apostadores"]{
  background:#22c55e;
  color:#06140c;
  box-shadow:0 4px 15px rgba(34,197,94,.24);
}
.ranking-regla{
  margin:0 auto .85rem;
  padding:12px 14px;
  border:1px dashed rgba(148,163,184,.34);
  border-radius:10px;
  background:rgba(148,163,184,.045);
  color:#cbd5e1;
  text-align:center;
  font-size:.9rem;
  line-height:1.5;
}
.ranking-ventaja{
  --ranking-accent:#ffd13b;
  --ranking-accent-rgb:255,209,59;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 auto 2.5rem;
  padding:12px 14px;
  border:1px solid rgba(var(--ranking-accent-rgb),.24);
  border-radius:12px;
  background:rgba(var(--ranking-accent-rgb),.055);
}
.ranking-ventaja--botin{--ranking-accent:#ffd13b;--ranking-accent-rgb:255,209,59;}
.ranking-ventaja--reclutas{--ranking-accent:#38bdf8;--ranking-accent-rgb:56,189,248;}
.ranking-ventaja--apostador{--ranking-accent:#4ade80;--ranking-accent-rgb:74,222,128;}
.ranking-ventaja-copy{display:flex;align-items:center;gap:11px;min-width:0;color:#cbd5e1;}
.ranking-ventaja-icono{font-size:1.35rem;line-height:1;flex:0 0 auto;}
.ranking-ventaja-copy div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.ranking-ventaja-copy strong{color:var(--ranking-accent);font-family:'Montserrat',sans-serif;font-size:.83rem;font-weight:900;}
.ranking-ventaja-copy span:not(.ranking-ventaja-icono){font-size:.77rem;line-height:1.35;color:#94a3b8;}
.ranking-ventaja-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(var(--ranking-accent-rgb),.34);
  border-radius:999px;
  background:rgba(var(--ranking-accent-rgb),.10);
  color:var(--ranking-accent);
  font-family:'Montserrat',sans-serif;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.ranking-ventaja-btn:hover,.ranking-ventaja-btn:focus-visible{
  background:rgba(var(--ranking-accent-rgb),.18);
  border-color:rgba(var(--ranking-accent-rgb),.55);
  transform:translateY(-1px);
}
#canon-ranking,#maldicion-gitana,#hacer-prisionero{scroll-margin-top:110px;}
.ranking-regla--botin{
  border-color:rgba(255,209,59,.38);
  background:rgba(255,209,59,.055);
}
.ranking-regla--botin strong{color:#ffd13b;}
.ranking-regla--reclutas{
  border-color:rgba(56,189,248,.40);
  background:rgba(56,189,248,.05);
}
.ranking-regla--reclutas strong{color:var(--azul-pirata,#38bdf8);}
.ranking-regla--apostador{
  border-color:rgba(34,197,94,.38);
  background:rgba(34,197,94,.055);
}
.ranking-regla--apostador strong{color:#4ade80;}
.ranking-apostador-total{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:1px;
}
.ranking-apostador-unidad{
  color:#94a3b8;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.ranking-apostador-cifra{
  display:inline-flex;
  align-items:center;
  gap:.32rem;
}
.ranking-apostador-coin{
  font-size:.92em;
  line-height:1;
  filter:drop-shadow(0 0 5px rgba(255,209,59,.16));
}
.perfil-ranking-mini-link--taberna{color:#22c55e;}
.perfil-ranking-mini-link--taberna:hover,
.perfil-ranking-mini-link--taberna:focus-visible{color:#4ade80;}
@media (max-width:640px){
  .ranking-tabs{gap:5px;padding:5px;}
  .btn-tab-ranking{padding:10px 7px;font-size:.68rem;letter-spacing:.15px;}
  .ranking-regla{font-size:.78rem;padding:10px 11px;margin-bottom:.7rem;}
  .ranking-ventaja{align-items:stretch;flex-direction:column;gap:10px;padding:11px;margin-bottom:1.7rem;}
  .ranking-ventaja-copy{align-items:flex-start;}
  .ranking-ventaja-btn{width:100%;box-sizing:border-box;}
  .ranking-apostador-unidad{font-size:.58rem;}
}

/* === Ciclo de vida de referidos: abandono / venta de contrato === */
.tabla-tripulacion{min-width:760px}
.tripulacion-pirata strong{display:block;color:#3bb4e5;font-weight:800}
.tripulacion-alerta,.tripulacion-proteccion{display:inline-flex;align-items:center;gap:.3rem;margin-top:.38rem;font-size:.66rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.tripulacion-alerta{color:#ff7f8e}
.tripulacion-proteccion{padding:.28rem .5rem;border-radius:999px;color:#9adfff;background:rgba(59,180,229,.1);border:1px solid rgba(59,180,229,.22)}
.tripulacion-estado{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .58rem;border-radius:7px;font-size:.68rem;font-weight:850;text-transform:uppercase;white-space:nowrap;border:1px solid rgba(255,255,255,.12)}
.tripulacion-estado.is-ok{color:#05ffa1;background:rgba(5,255,161,.1);border-color:rgba(5,255,161,.28)}
.tripulacion-estado.is-danger{color:#ff5a7d;background:rgba(255,42,109,.1);border-color:rgba(255,42,109,.28)}
.tripulacion-estado.is-pending{color:#ffd13b;background:rgba(255,209,59,.1);border-color:rgba(255,209,59,.28)}
.tripulacion-estado.is-muted{color:#a8b3c1;background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.2)}
.tripulacion-venta-form{margin:0;display:flex;justify-content:flex-end}
.btn-vender-contrato{border:1px solid rgba(255,209,59,.35);background:rgba(255,209,59,.09);color:#ffd13b;border-radius:9px;padding:.5rem .68rem;font-size:.7rem;font-weight:850;cursor:pointer;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.btn-vender-contrato:hover,.btn-vender-contrato:focus-visible{background:rgba(255,209,59,.16);border-color:rgba(255,209,59,.65);transform:translateY(-1px);outline:none}
.tripulacion-sin-accion{color:#5f6f80}
.tripulacion-paginacion{margin-top:.9rem;display:flex;align-items:center;justify-content:center;gap:.7rem}
.paginacion-info{font-size:.74rem;color:var(--texto-suave);font-weight:750}
@media (max-width:700px){.tabla-tripulacion{min-width:720px}.btn-vender-contrato{padding:.46rem .6rem}}


/* Modal ayuda referidos */

.panel-referral-modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 18px;
  margin: 0 !important;
  transform: none !important;
}
.panel-referral-modal[hidden]{display:none!important;}
.panel-referral-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,10,18,.72);
  backdrop-filter: blur(4px);
}
.panel-referral-modal__dialog {
  position: relative;
  width: min(560px, calc(100vw - 28px));
  max-height: min(82vh, 720px);
  max-height: min(82dvh, 720px);
  overflow: auto;
  box-sizing: border-box;
  padding: 1.15rem 1.1rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(56,189,248,.22);
  background: linear-gradient(180deg, rgba(10,31,52,.98), rgba(5,18,33,.985));
  box-shadow: 0 28px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.03);
  opacity: 0;
  transform: translateY(12px) scale(.985);
  transition: opacity .18s ease, transform .18s ease;
}
.panel-referral-modal.is-open .panel-referral-modal__dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.panel-referral-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(56,189,248,.22);
  background: rgba(56,189,248,.08);
  color: #d9f5ff;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.panel-referral-modal__close:hover,
.panel-referral-modal__close:focus-visible {
  background: rgba(56,189,248,.16);
  border-color: rgba(56,189,248,.38);
}
.panel-referral-modal__eyebrow {
  color: #6ecff7;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  margin-bottom: .35rem;
}
.panel-referral-modal__title {
  margin: 0 0 .8rem;
  color: #ecf7ff;
  font-family: 'Montserrat',sans-serif;
  font-size: 1.2rem;
  line-height: 1.15;
}
.panel-referral-modal__body p {
  margin: 0 0 .78rem;
  color: #b8c8d9;
  font-size: .94rem;
  line-height: 1.58;
}
.panel-referral-modal__body p:last-child {margin-bottom:0;}
.panel-referral-modal__body b {color:#f3f7fb;font-weight:800;}
.referral-modal-open{overflow:hidden;}
@media(max-width:650px){
  .panel-referral-modal{padding:14px;}
  .panel-referral-modal__dialog{width:min(100%, 560px);padding:1rem .95rem .92rem;border-radius:16px;max-height:min(86vh, 720px);max-height:min(86dvh, 720px);}
  .panel-referral-modal__title{font-size:1.06rem;}
  .panel-referral-modal__body p{font-size:.88rem;line-height:1.55;}
}


/* FAQ responsive: dos columnas en escritorio, listado en móvil */
.seccion-faq{max-width:1120px;}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem;align-items:start;}
.faq-grid .faq-item{margin-bottom:0;height:auto;}
@media(max-width:760px){
  .seccion-faq{max-width:850px;}
  .faq-grid{grid-template-columns:1fr;gap:1rem;}
}

/* FAQ: títulos compactos y una sola línea en escritorio */
@media (min-width:851px){
  .faq-grid .faq-pregunta{
    white-space:nowrap;
    font-size:1rem;
    line-height:1.3;
    gap:1rem;
    padding:1.35rem 1.5rem;
  }
}
@media (max-width:850px){
  .faq-grid .faq-pregunta{
    white-space:normal;
  }
}

/* Ancla directa de FAQ: evita que la cabecera fija tape el inicio. */
#faq{scroll-margin-top:96px;}
@media(max-width:650px){#faq{scroll-margin-top:78px;}}

/* Selector de avatar: estructura estable y optimizada para móvil */
#modal-seleccionar-avatar{
  box-sizing:border-box;
  height:100dvh!important;
  padding:16px;
}
#modal-seleccionar-avatar .avatar-picker-modal{
  width:min(580px,100%);
  max-width:580px!important;
  height:auto!important;
  max-height:min(720px,85dvh)!important;
  margin:auto!important;
  padding:1.55rem 1.55rem 1.25rem!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  text-align:left;
}
.avatar-picker-head{
  flex:0 0 auto;
  padding-right:2.8rem;
}
.avatar-picker-title{
  margin:0 0 .35rem;
  color:var(--oro-botin);
  font-size:1.35rem;
  line-height:1.2;
}
.avatar-picker-subtitle{
  margin:0 0 1rem;
  color:var(--texto-suave);
  font-size:.85rem;
  line-height:1.45;
}
.avatar-picker-form{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
}
.avatar-picker-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  padding:.35rem .3rem .55rem;
  outline:none;
}
.avatar-picker-scroll .ajustes-avatares-grid{
  margin:0!important;
}
.avatar-picker-footer{
  flex:0 0 auto;
  padding-top:.8rem;
  margin-top:.25rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.avatar-picker-footer .ajustes-avatar-guardar{
  margin:0!important;
}

@media (max-width:650px){
  #modal-seleccionar-avatar{
    width:100vw!important;
    height:100dvh!important;
    padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #modal-seleccionar-avatar > .avatar-picker-modal{
    width:calc(100vw - 16px)!important;
    max-width:430px!important;
    height:min(94dvh,760px)!important;
    max-height:calc(100dvh - 16px)!important;
    padding:0!important;
    margin:0 auto!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .avatar-picker-head{
    flex:0 0 auto;
    padding:.95rem 3.25rem .7rem 1rem;
    border-bottom:1px solid rgba(59,180,229,.12);
  }
  .avatar-picker-title{
    margin:0 0 .28rem!important;
    font-size:clamp(.94rem,4.3vw,1.08rem)!important;
    line-height:1.2!important;
    letter-spacing:.01em;
    white-space:nowrap;
  }
  .avatar-picker-subtitle{
    margin:0!important;
    font-size:.76rem!important;
    line-height:1.35!important;
  }
  #modal-seleccionar-avatar .avatar-picker-close{
    top:.72rem!important;
    right:.72rem!important;
    width:36px!important;
    height:36px!important;
    font-size:1.25rem!important;
    z-index:4!important;
  }
  .avatar-picker-form{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .avatar-picker-scroll{
    flex:1 1 auto;
    min-height:0;
    padding:.72rem .55rem .65rem;
    scrollbar-width:thin;
    scrollbar-color:rgba(59,180,229,.5) transparent;
  }
  .avatar-picker-scroll::-webkit-scrollbar{width:4px;}
  .avatar-picker-scroll::-webkit-scrollbar-track{background:transparent;}
  .avatar-picker-scroll::-webkit-scrollbar-thumb{background:rgba(59,180,229,.45);border-radius:99px;}
  #modal-seleccionar-avatar .grid-avatares-modal{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:.72rem .38rem!important;
    margin:0!important;
    align-items:center;
  }
  #modal-seleccionar-avatar .ajustes-avatar-radio{
    padding:.1rem!important;
  }
  #modal-seleccionar-avatar .marco-avatar-select{
    width:64px!important;
    height:64px!important;
  }
  .avatar-picker-footer{
    position:relative;
    z-index:3;
    flex:0 0 auto;
    margin:0!important;
    padding:.65rem .75rem max(.72rem,env(safe-area-inset-bottom));
    border-top:1px solid rgba(59,180,229,.16);
    background:rgba(10,28,45,.98);
    box-shadow:0 -10px 24px rgba(5,11,20,.28);
  }
  #modal-seleccionar-avatar .avatar-picker-footer .btn-submit{
    margin:0!important;
    padding:.82rem .8rem!important;
    min-height:46px;
    font-size:.82rem!important;
    border-radius:12px!important;
  }
}
@media (max-width:360px){
  .avatar-picker-title{font-size:.9rem!important;}
  .avatar-picker-subtitle{font-size:.72rem!important;}
  #modal-seleccionar-avatar .marco-avatar-select{width:58px!important;height:58px!important;}
  #modal-seleccionar-avatar .grid-avatares-modal{gap:.62rem .25rem!important;}
}

/* Selector de avatar: acción compacta y estado vigente claramente visible */
#modal-seleccionar-avatar .avatar-picker-footer{
  display:flex;
  justify-content:center;
  align-items:center;
}
#modal-seleccionar-avatar .avatar-picker-footer .ajustes-avatar-guardar{
  width:auto!important;
  min-width:190px;
  max-width:240px;
  padding:.68rem 1.35rem!important;
  min-height:40px;
  border-radius:11px!important;
  font-size:.76rem!important;
  letter-spacing:1.05px!important;
  box-shadow:0 6px 16px -7px rgba(212,160,23,.48),inset 0 1px 1px rgba(255,255,255,.42)!important;
}
#modal-seleccionar-avatar .ajustes-avatar-radio .marco-avatar-select{
  position:relative;
}
/* Selección pendiente: visible, pero distinta del avatar ya vigente. */
#modal-seleccionar-avatar .ajustes-avatar-radio:not(.is-current) input:checked + .marco-avatar-select{
  border-color:var(--azul-pirata,#3bb4e5)!important;
  box-shadow:0 0 0 2px rgba(59,180,229,.18),0 0 14px rgba(59,180,229,.3)!important;
  filter:brightness(1.05);
}
/* Avatar actualmente guardado: aro exterior dorado y check. */
#modal-seleccionar-avatar .ajustes-avatar-radio.is-current .marco-avatar-select{
  border-color:rgba(255,255,255,.72)!important;
  outline:3px solid var(--oro-botin,#ffd13b);
  outline-offset:4px;
  box-shadow:0 0 0 6px rgba(255,209,59,.08),0 0 18px rgba(255,209,59,.4)!important;
  filter:brightness(1.06);
}
#modal-seleccionar-avatar .ajustes-avatar-radio.is-current::after{
  content:'✓';
  position:absolute;
  top:-5px;
  right:-5px;
  width:19px;
  height:19px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--oro-botin,#ffd13b);
  color:#08121e;
  border:2px solid #0b1727;
  font-family:Montserrat,sans-serif;
  font-size:.64rem;
  font-weight:900;
  line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.35);
  z-index:3;
}

@media(max-width:650px){
  #modal-seleccionar-avatar .avatar-picker-footer .ajustes-avatar-guardar{
    width:auto!important;
    min-width:170px;
    max-width:220px;
    min-height:38px!important;
    padding:.62rem 1.2rem!important;
    font-size:.74rem!important;
    border-radius:10px!important;
  }
  #modal-seleccionar-avatar .ajustes-avatar-radio.is-current .marco-avatar-select{
    outline-width:2px;
    outline-offset:3px;
  }
  #modal-seleccionar-avatar .ajustes-avatar-radio.is-current::after{
    top:-4px;
    right:-3px;
    width:17px;
    height:17px;
    font-size:.58rem;
  }
}


/* Selector de avatar — control visual definitivo */
#modal-seleccionar-avatar .avatar-picker-footer .avatar-save-btn{
  appearance:none;
  -webkit-appearance:none;
  width:auto;
  min-width:154px;
  max-width:none;
  min-height:34px;
  margin:0;
  padding:.48rem 1.05rem;
  border:1px solid rgba(255,209,59,.48);
  border-radius:999px;
  background:rgba(255,209,59,.09);
  color:var(--oro-botin,#ffd13b);
  box-shadow:none;
  font:800 .70rem/1.1 Montserrat,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
#modal-seleccionar-avatar .avatar-picker-footer .avatar-save-btn:hover,
#modal-seleccionar-avatar .avatar-picker-footer .avatar-save-btn:focus-visible{
  background:var(--oro-botin,#ffd13b);
  color:#08121e;
  border-color:var(--oro-botin,#ffd13b);
  outline:none;
  transform:translateY(-1px);
}
#modal-seleccionar-avatar .ajustes-avatar-radio.is-current{
  isolation:isolate;
}
#modal-seleccionar-avatar .ajustes-avatar-radio.is-current .marco-avatar-select{
  border:2px solid rgba(255,255,255,.82)!important;
  outline:3px solid var(--oro-botin,#ffd13b)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 7px rgba(255,209,59,.10),0 0 20px rgba(255,209,59,.42)!important;
}
#modal-seleccionar-avatar .avatar-current-indicator{
  position:absolute;
  top:-7px;
  right:-7px;
  z-index:5;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--oro-botin,#ffd13b);
  color:#08121e;
  border:2px solid #0b1727;
  font:900 .62rem/1 Montserrat,sans-serif;
  box-shadow:0 3px 9px rgba(0,0,0,.42);
}
#modal-seleccionar-avatar .ajustes-avatar-radio.is-current::after{content:none!important;}
.avatar-picker-admin-current{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin:.15rem 0 .8rem;
  padding:.35rem .58rem .35rem .4rem;
  border:1px solid rgba(255,209,59,.24);
  border-radius:999px;
  background:rgba(255,209,59,.055);
  color:#f8fafc;
}
.avatar-picker-admin-current__thumb{
  width:34px;
  height:34px;
  border-radius:50%;
  overflow:hidden;
  border:2px solid #fff;
  outline:2px solid var(--oro-botin,#ffd13b);
  outline-offset:2px;
  flex:0 0 auto;
}
.avatar-picker-admin-current__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.avatar-picker-admin-current strong,.avatar-picker-admin-current small{display:block;line-height:1.15;}
.avatar-picker-admin-current strong{font:800 .67rem Montserrat,sans-serif;color:var(--oro-botin,#ffd13b);}
.avatar-picker-admin-current small{margin-top:2px;font-size:.64rem;color:var(--texto-suave);}
@media(max-width:650px){
  #modal-seleccionar-avatar .avatar-picker-footer .avatar-save-btn{
    min-width:146px;
    min-height:34px;
    padding:.48rem .95rem;
    font-size:.68rem;
  }
  #modal-seleccionar-avatar .avatar-current-indicator{top:-5px;right:-4px;width:18px;height:18px;font-size:.56rem;}
  .avatar-picker-admin-current{margin:.35rem 0 0;}
}


/* Accesibilidad: foco visible en los controles de cierre de modales. */
.modal-legal-cerrar:focus-visible{outline:3px solid var(--oro-botin);outline-offset:4px;}

/* Ranking home · móvil: los nombres de las ventajas deben mostrarse completos.
   Neutraliza el truncado genérico de <strong> aplicado en el layout móvil. */
@media (max-width:650px){
  .revelar-arriba .ranking-ventaja-copy strong{
    max-width:none!important;
    width:auto!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:block!important;
  }
}


/* ========================================================================== 
   COBROS RECIENTES · SECCIÓN HOME
   ========================================================================== */
.seccion-cobros-publicos{padding-top:1.35rem;padding-bottom:4.6rem;margin-top:0}
.seccion-cobros-publicos .cabecera-centro{margin-bottom:0}
.cobros-publicos-nube{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 24px;max-width:900px;margin:1.7rem auto 0;padding:0 1rem}
.cobro-publico-pill{--cobro-delay:0s;--cobro-dur:6.2s;position:relative;z-index:2;display:flex;align-items:center;gap:9px;flex:0 0 auto;width:max-content;min-width:0;min-height:64px;max-width:340px;padding:10px 11px 10px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(18,42,62,.98),rgba(9,23,35,.98));border:1px solid rgba(59,180,229,.32);box-shadow:0 12px 28px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);animation:cobroPublicoFlotar var(--cobro-dur) ease-in-out var(--cobro-delay) infinite alternate;transition:border-color .25s,box-shadow .25s,transform .25s}
.cobro-publico-pill:nth-child(2n){border-color:rgba(255,209,59,.30)}
.cobro-publico-pill:hover{z-index:8;border-color:var(--oro-botin);box-shadow:0 16px 32px rgba(0,0,0,.46),0 0 24px rgba(255,209,59,.10)}
.cobro-publico-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px;border:2px solid rgba(255,209,59,.48);background:#10283c;box-shadow:0 3px 12px rgba(0,0,0,.35)}
.cobro-publico-main{min-width:0;line-height:1.08;display:flex;flex-direction:column}
.cobro-publico-user{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;font-size:.9rem;color:#f6f9fc}
.cobro-publico-meta{margin-top:4px;font-size:.66rem;font-weight:750;color:#8ea4b7;white-space:nowrap}
.cobro-publico-amount{margin-left:2px;padding:8px 10px;border-radius:999px;white-space:nowrap;color:var(--oro-botin);background:rgba(255,209,59,.09);font-weight:1000;font-size:.94rem}
.cobro-publico-p1{--cobro-delay:-1.1s;--cobro-dur:6.5s}
.cobro-publico-p2{--cobro-delay:-3.4s;--cobro-dur:7.2s}
.cobro-publico-p3{--cobro-delay:-.5s;--cobro-dur:6.8s}
.cobro-publico-p4{--cobro-delay:-4.7s;--cobro-dur:7.5s}
.cobro-publico-p5{--cobro-delay:-2.2s;--cobro-dur:6.1s}
.cobro-publico-p6{--cobro-delay:-5.3s;--cobro-dur:7.8s}
@keyframes cobroPublicoFlotar{from{translate:0 -4px}to{translate:0 7px}}
@media(max-width:780px){
  .seccion-cobros-publicos{padding-top:1rem;padding-bottom:3.8rem;margin-top:-2.8rem}
  .seccion-cobros-publicos .titulo-seccion{margin-bottom:0}
  .cobros-publicos-nube{width:100%;max-width:100%;box-sizing:border-box;min-height:166px;margin:1.4rem 0 0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:max-content;justify-content:start;justify-items:start;gap:8px 10px;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:8px;-webkit-overflow-scrolling:touch;padding:4px 8px 8px;scrollbar-width:none;touch-action:pan-x pan-y}
  .cobros-publicos-nube::-webkit-scrollbar{display:none}
  .cobro-publico-pill,.cobro-publico-p1,.cobro-publico-p2,.cobro-publico-p3,.cobro-publico-p4,.cobro-publico-p5,.cobro-publico-p6{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;max-width:285px;width:clamp(235px,70vw,285px);min-width:235px;min-height:66px;animation:cobroPublicoFlotarMovil 6.8s ease-in-out infinite alternate;scroll-snap-align:start;border-radius:20px;padding:7px 10px}
  .cobro-publico-pill:nth-child(2n){animation-delay:-2.4s}
  .cobro-publico-avatar{width:35px;height:35px;flex-basis:35px}
  .cobro-publico-user{max-width:130px;font-size:.8rem}
  .cobro-publico-meta{margin-top:3px;font-size:.6rem}
  .cobro-publico-amount{font-size:.82rem;padding:6px 8px;margin-left:auto}
  @keyframes cobroPublicoFlotarMovil{from{translate:0 -2px}to{translate:0 3px}}
}
@media(max-width:470px){
  .seccion-cobros-publicos{padding-left:1rem;padding-right:1rem;margin-top:-2.2rem}
  .cobros-publicos-nube{min-height:154px;grid-auto-columns:max-content;justify-content:start;justify-items:start;gap:7px 9px;padding-left:4px;padding-right:4px;scroll-padding-inline:4px}
  .cobro-publico-pill{width:clamp(225px,72vw,275px);min-width:225px;max-width:275px;min-height:64px;gap:7px;padding:6px 9px}
  .cobro-publico-avatar{width:32px;height:32px;flex-basis:32px}
  .cobro-publico-user{max-width:118px;font-size:.76rem}
  .cobro-publico-meta{margin-top:2px;font-size:.57rem}
  .cobro-publico-amount{font-size:.77rem;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){.cobro-publico-pill{animation:none}}