@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@500;600;700&display=swap');
:root{--black:#000;--dark:#070707;--panel:#111;--blue:#368BC1;--neon:#DFF432;--white:#fff;--muted:#bdbdbd}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#102536 0,#000 42%,#000 100%);color:var(--white);font-family:'Rajdhani','Orbitron','Segoe UI',Arial,sans-serif;min-height:100vh}a{text-decoration:none;color:inherit}.hero,.center{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.card{width:min(1050px,94vw);background:rgba(10,10,10,.86);border:1px solid rgba(223,244,50,.24);box-shadow:0 0 35px rgba(54,139,193,.25);border-radius:26px;padding:35px;backdrop-filter:blur(10px)}.logo{max-width:360px;width:80%;filter:drop-shadow(0 0 18px rgba(223,244,50,.24))}.title{font-size:clamp(38px,7vw,86px);letter-spacing:5px;margin:15px 0 0;text-transform:uppercase}.slogan{color:var(--neon);font-size:clamp(18px,3vw,32px);margin:10px 0 30px;letter-spacing:2px}.btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;border:0;border-radius:999px;padding:15px 28px;font-weight:900;letter-spacing:1px;cursor:pointer;transition:.25s;font-size:16px}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 0 18px rgba(54,139,193,.6)}.btn-green{background:var(--neon);color:#000;box-shadow:0 0 18px rgba(223,244,50,.55)}.btn:hover{transform:translateY(-3px) scale(1.03);filter:brightness(1.1)}.topbar{position:sticky;top:0;z-index:5;background:rgba(0,0,0,.92);border-bottom:1px solid rgba(223,244,50,.25);padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px}.brand img{height:48px}.nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:10px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.14);font-size:13px}.nav a:hover{background:var(--blue)}section{padding:70px 22px}.container{max-width:1150px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.box{background:rgba(17,17,17,.9);border:1px solid rgba(54,139,193,.35);border-radius:22px;padding:25px;box-shadow:0 0 25px rgba(0,0,0,.4)}.box h2,.box h3{color:var(--neon);letter-spacing:1px}.muted{color:var(--muted);font-family:Segoe UI,Arial,sans-serif;font-weight:600;line-height:1.6}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;text-align:left}.field label{display:block;margin-bottom:7px;color:var(--neon);font-size:13px}.field input,.field select{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#050505;color:#fff;outline:none}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 12px rgba(54,139,193,.45)}.full{grid-column:1/-1}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-family:Segoe UI,Arial,sans-serif;background:#080808;border-radius:18px;overflow:hidden}.table th{background:#102536;color:var(--neon);padding:12px}.table td{padding:12px;border-bottom:1px solid #222}.actions{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:12px;padding:8px 12px}.alert{padding:15px;border-radius:16px;margin:15px 0;background:rgba(223,244,50,.12);border:1px solid var(--neon);color:var(--neon)}iframe{width:100%;height:360px;border:0;border-radius:22px}.social{font-size:24px;margin-right:8px}.login-card{max-width:480px;margin:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat{padding:20px;border-radius:20px;background:linear-gradient(135deg,#111,#071d2d);border:1px solid rgba(223,244,50,.24)}.stat strong{display:block;font-size:30px;color:var(--neon)}@media(max-width:720px){.topbar{display:block}.nav{justify-content:center;margin-top:10px}.title{letter-spacing:2px}.card{padding:22px}}


/* Correcciones visuales solicitadas */
.logo{display:block;margin:0 auto;object-fit:contain}.brand img{object-fit:contain;background:#fff;border-radius:50%;padding:2px}.box,.card{text-align:center}.form{text-align:left}.field select option{background:#050505;color:#fff}.social-link{display:flex;align-items:center;justify-content:center;gap:12px}.social-icon{width:34px;height:34px;display:inline-block}.panel-title{text-align:center;margin-bottom:24px}.hero .card,.center .card{display:flex;flex-direction:column;align-items:center}.price-note{font-family:Segoe UI,Arial,sans-serif;color:var(--muted);font-size:13px;margin-top:7px}.form .btns{justify-content:center;text-align:center}.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]{-moz-appearance:textfield}


/* AJUSTES FINALES RETRO DANCE */
body{font-family:'Rajdhani','Segoe UI',Arial,sans-serif;letter-spacing:.2px}.title,h1,h2,h3,.brand,.btn{font-family:'Orbitron','Rajdhani','Segoe UI',Arial,sans-serif}.title{line-height:1.05}.box p,.muted,footer,.table{font-family:'Rajdhani','Segoe UI',Arial,sans-serif;font-size:1.08rem}.section-title{text-align:center;font-size:clamp(28px,4vw,46px);color:var(--neon);margin:0 0 16px}.logo,.brand img{display:block}.logo-frame{background:rgba(255,255,255,.98);border-radius:32px;padding:14px;box-shadow:0 0 24px rgba(223,244,50,.25),0 0 28px rgba(54,139,193,.22);display:inline-flex;align-items:center;justify-content:center}.logo-frame .logo{max-width:260px;width:100%}.mega-contratar{margin:28px auto;text-align:center}.mega-contratar .btn{font-size:22px;padding:20px 44px;border-radius:999px}.emoji-social{font-size:34px;line-height:1;filter:drop-shadow(0 0 8px rgba(223,244,50,.45))}.form input::placeholder{color:#fff;opacity:1}.field input,.field select{font-family:'Rajdhani','Segoe UI',Arial,sans-serif;font-size:17px}.login-card input{color:#fff}.admin-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}.chart-card{min-height:360px}.chart-card canvas{max-height:300px}.pdf-btn{background:linear-gradient(135deg,var(--neon),#ffffff);color:#000}.admin-small-btns a{min-width:160px;text-align:center}.topbar .nav a[href='logout.php'],.topbar .nav a[href='index.php']{background:rgba(54,139,193,.22);border-color:rgba(223,244,50,.45)}


/* CORRECCIONES FINALES SOLICITADAS */
.logo-frame{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;}
.logo-frame .logo,.logo{background:transparent!important;border:0!important;box-shadow:none!important;}
.brand img{background:transparent!important;border-radius:0!important;padding:0!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.35));}
.white-title{color:#fff!important;text-shadow:0 0 12px rgba(54,139,193,.35);}
.invited-hero-title{color:#fff!important;}

.money-input{font-weight:800;font-size:1rem;}
.price-note{font-size:.84rem;color:#dff432;margin-top:6px;line-height:1.35;}

/* MEJORAS APROBADAS: paquetes, confirmación y portal cliente */
.institutional-quote{max-width:900px;margin:22px auto 30px;color:#d7d7d7;font-size:1.15rem;line-height:1.65;font-weight:600}.institutional-quote strong{display:block;color:#fff;margin-top:8px}.institutional-compact{max-width:900px;margin:0 auto}.offer-box .btns{margin-top:22px}.packages-page{padding-top:45px}.package-shell{padding:28px}.package-shell>.muted{text-align:center;margin-top:-8px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;align-items:stretch}.package-card{background:#050505;border:1px solid rgba(255,255,255,.65);border-radius:20px;padding:24px;text-align:left;display:flex;flex-direction:column;min-height:100%}.package-card h2{color:#fff;text-align:center;font-size:clamp(25px,3vw,40px);margin:4px 0 8px;letter-spacing:2px}.package-card h2 small{font-size:.48em;letter-spacing:4px}.package-kicker{display:block;text-align:center;color:#fff;font-weight:700}.package-tagline{color:#bdbdbd;text-align:center;min-height:52px;line-height:1.35}.package-card h4{color:var(--neon);margin:18px 0 7px}.package-card ul,.exclusive-benefits ul{list-style:none;padding:0;margin:0}.package-card li,.exclusive-benefits li{position:relative;padding:5px 0 5px 24px;color:#fff;line-height:1.25}.package-card li:before,.exclusive-benefits li:before{content:'✓';position:absolute;left:0;color:var(--neon);font-weight:900}.exclusive-benefits{margin-top:22px;border:1px solid rgba(255,255,255,.3);border-radius:18px;padding:20px;text-align:left}.exclusive-benefits h3{text-align:center}.package-back{margin-top:24px}.success-card{max-width:760px}.success-check{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:var(--neon);font-size:74px;border:3px solid var(--neon);box-shadow:0 0 30px rgba(223,244,50,.55)}.success-card h1{color:var(--neon);font-size:clamp(42px,7vw,74px);margin:0}.success-card h2{color:#fff;margin:0 0 12px}.credentials{width:min(560px,100%);margin:22px auto;display:grid;gap:12px}.credentials>div{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:15px}.credentials span{color:var(--neon);font-weight:800}.credentials strong{text-align:center}.credentials button{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}.success-actions{margin-bottom:18px}.btn-outline{background:#050505;color:#fff;border:1px solid rgba(255,255,255,.35)}.small-session{padding:10px 20px;font-size:12px}.client-page{padding-top:45px}.client-shell{background:rgba(8,8,8,.94);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:28px;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.35fr);gap:28px;align-items:center}.badge-column{text-align:center}.badge-wrap{position:relative;max-width:460px;margin:auto;perspective:1100px}.client-badge{width:100%;display:block;filter:drop-shadow(0 0 25px rgba(54,139,193,.75));animation:coinEntrance 1.8s cubic-bezier(.2,.75,.25,1) 1 both;transform-style:preserve-3d}.badge-shine{position:absolute;inset:7%;border-radius:50%;overflow:hidden;pointer-events:none}.badge-shine:after{content:'';position:absolute;top:-20%;left:-60%;width:35%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-18deg);animation:metalSweep 1.8s ease-out 1 both}.badge-column h2{color:#39aef2;font-size:clamp(25px,3vw,38px);margin:4px 0}.badge-column p{color:#fff;max-width:430px;margin:auto}.client-info h1{font-size:clamp(30px,4vw,48px);margin:0;color:#fff}.client-info h2{color:var(--neon);margin:5px 0 18px}.client-data{border:1px solid rgba(255,255,255,.25);border-radius:18px;overflow:hidden}.client-data>div{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}.client-data>div:last-child{border-bottom:0}.client-data span{color:#ddd}.client-data strong{color:#fff}.client-data em{font-style:normal;font-weight:800;font-size:.85rem}.status-paid{color:#45ef32!important}.status-pending{color:#ffc400!important}.client-actions{margin-top:22px}.client-actions .btn{min-width:190px;text-align:center}@keyframes coinEntrance{0%{opacity:0;transform:scale(.35) rotateY(0deg)}25%{opacity:1;transform:scale(1.06) rotateY(90deg)}70%{transform:scale(1) rotateY(300deg)}100%{opacity:1;transform:scale(1) rotateY(360deg)}}@keyframes metalSweep{0%,18%{left:-60%;opacity:0}32%{opacity:1}75%{left:125%;opacity:.95}100%{left:125%;opacity:0}}@media(max-width:950px){.package-grid{grid-template-columns:1fr}.client-shell{grid-template-columns:1fr}.package-tagline{min-height:0}}@media(max-width:600px){.credentials>div{grid-template-columns:1fr 38px}.credentials span{grid-column:1/-1}.credentials strong{text-align:left}.client-data>div{grid-template-columns:1fr}.client-data em{justify-self:start}}

/* CARRUSEL RESTAURADO Y CORRECCIONES 6 */
.instagram-showcase{margin-top:20px;overflow:hidden}.carousel{position:relative;margin-top:20px}.carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 52px 18px}.carousel-track::-webkit-scrollbar{display:none}.insta-card{flex:0 0 min(330px,82vw);scroll-snap-align:center;background:#080808;border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.55);text-align:left}.insta-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.insta-caption{padding:16px 18px;display:grid;gap:5px}.insta-caption strong{color:#fff;font-family:'Orbitron','Rajdhani',sans-serif}.insta-caption span{color:var(--muted);font-size:15px}.carousel-control{position:absolute;z-index:2;top:43%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;font-size:34px;line-height:1;background:var(--neon);color:#000;cursor:pointer;box-shadow:0 0 18px rgba(223,244,50,.55)}.carousel-control.prev{left:2px}.carousel-control.next{right:2px}.carousel-dots{display:flex;justify-content:center;gap:8px}.carousel-dots button{width:9px;height:9px;border-radius:50%;border:0;background:#555;padding:0;cursor:pointer}.carousel-dots button.active{background:var(--neon);box-shadow:0 0 9px var(--neon)}
.quote-signature{display:inline-block;margin-top:8px;color:#fff}.status-pending{color:#39aef2!important}.client-badge{min-height:1px}.exclusive-benefits{display:none!important}
@media(max-width:650px){.carousel-track{padding-left:42px;padding-right:42px}.insta-card{flex-basis:78vw}}

/* Ajustes finales solicitados */
.success-actions .btn{min-width:0;width:auto;padding-left:22px;padding-right:22px}
.status-pending{color:#39aef2!important}
.badge-wrap{max-width:440px;aspect-ratio:1/1;display:grid;place-items:center;perspective:1400px}
.coin-3d{position:relative;width:92%;height:92%;transform-style:preserve-3d;animation:coinSpinFinal 2.2s cubic-bezier(.18,.75,.25,1) 1 both}
.coin-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;overflow:hidden;display:grid;place-items:center;filter:drop-shadow(0 0 24px rgba(54,139,193,.8))}
.coin-face img{width:100%;height:100%;object-fit:contain;display:block}
.coin-back{transform:rotateY(180deg)}
.coin-edge{position:absolute;left:49%;top:4%;width:8%;height:92%;border-radius:50%;background:linear-gradient(90deg,#151515,#e7e7e7 24%,#555 50%,#f8f8f8 76%,#111);transform:translateX(-50%) rotateY(90deg);box-shadow:0 0 14px rgba(255,255,255,.45)}
@keyframes coinSpinFinal{0%{opacity:0;transform:scale(.48) rotateY(0deg)}18%{opacity:1;transform:scale(1.04) rotateY(35deg)}55%{transform:scale(1) rotateY(190deg)}82%{transform:scale(1.02) rotateY(330deg)}100%{opacity:1;transform:scale(1) rotateY(360deg)}}


/* ÚLTIMAS CORRECCIONES: credenciales, botones compactos y medallas 3D */
.success-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}
.success-actions .btn{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:13px 20px!important;
    font-size:14px!important;
    line-height:1.1;
    border-radius:999px;
}
.success-actions .pdf-btn{max-width:275px!important}
.success-actions .btn-blue{max-width:250px!important}
.client-actions .btn{
    min-width:0!important;
    width:auto!important;
    padding:13px 24px!important;
}
.coin-3d{
    position:relative;
    width:88%;
    height:88%;
    transform-style:preserve-3d;
    animation:coinSpinUltra 2.35s cubic-bezier(.18,.72,.2,1) 1 both;
}
.coin-face{
    position:absolute;
    inset:0;
    border-radius:50%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
    display:grid;
    place-items:center;
    transform-style:preserve-3d;
}
.coin-front{transform:translateZ(18px)}
.coin-back{transform:rotateY(180deg) translateZ(18px)}
.coin-face img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 0 22px rgba(54,139,193,.78));
}
.coin-edge{display:none!important}
.coin-slice{
    position:absolute;
    inset:1.5%;
    border-radius:50%;
    transform:translateZ(var(--z));
    border:4px solid rgba(220,225,232,.72);
    background:rgba(18,18,20,.22);
    box-shadow:
      inset 0 0 9px rgba(255,255,255,.55),
      inset 0 0 18px rgba(0,0,0,.8),
      0 0 3px rgba(255,255,255,.25);
    pointer-events:none;
}
.coin-slice:nth-child(2n){border-color:rgba(95,105,115,.9)}
.badge-wrap:after{
    content:'';
    position:absolute;
    left:15%;
    right:15%;
    bottom:5%;
    height:8%;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(54,139,193,.62),rgba(0,0,0,0) 68%);
    filter:blur(10px);
    transform:translateZ(-28px);
    pointer-events:none;
}
@keyframes coinSpinUltra{
    0%{opacity:0;transform:scale(.42) rotateY(0deg)}
    12%{opacity:1;transform:scale(1.03) rotateY(28deg)}
    28%{transform:scale(1) rotateY(88deg)}
    48%{transform:scale(1) rotateY(180deg)}
    70%{transform:scale(1.02) rotateY(276deg)}
    90%{transform:scale(1) rotateY(344deg)}
    100%{opacity:1;transform:scale(1) rotateY(360deg)}
}
@media(max-width:600px){
    .success-actions{gap:11px}
    .success-actions .btn{font-size:12px!important;padding:12px 15px!important}
}


/* CORRECCIONES DE CIERRE: colores de inicio, medallas visibles y dashboard */
.badge-wrap{
    width:min(460px,100%);
    max-width:460px;
    aspect-ratio:1/1;
    margin:0 auto;
    position:relative;
    perspective:1400px;
    overflow:visible;
}
.coin-3d{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    animation:coinSpinUltra 2.35s cubic-bezier(.18,.72,.2,1) 1 both;
}
.coin-face{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border-radius:50%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    overflow:hidden;
    display:block;
}
.coin-front{transform:rotateY(0deg) translateZ(18px)!important}
.coin-back{transform:rotateY(180deg) translateZ(18px)!important}
.coin-face img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
}
.coin-slice{inset:2%!important}
.status-pending{color:#39aef2!important}

/* MEDALLA 3D FINAL: imágenes incrustadas y giro con frente, canto y reverso */
.rd-medal-scene{
  width:min(430px,92vw); aspect-ratio:1; margin:0 auto;
  display:grid; place-items:center; perspective:1400px;
}
.rd-medal{
  position:relative; width:92%; height:92%; border-radius:50%;
  transform-style:preserve-3d;
  animation:rdMedalTurn 2.7s cubic-bezier(.18,.7,.2,1) 1 both;
  filter:drop-shadow(0 0 28px rgba(54,139,193,.55));
}
.rd-medal-face{
  position:absolute; inset:0; border-radius:50%; overflow:hidden;
  backface-visibility:hidden; -webkit-backface-visibility:hidden;
  display:grid; place-items:center;
  background:#050505;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.35), inset 0 0 28px rgba(255,255,255,.12);
}
.rd-medal-face img{
  width:100%; height:100%; object-fit:contain; display:block;
}
.rd-medal-front{ transform:translateZ(20px); }
.rd-medal-back{ transform:rotateY(180deg) translateZ(20px); }
.rd-medal-rim{
  position:absolute; inset:1.8%; border-radius:50%; transform:rotateY(90deg);
  background:linear-gradient(90deg,#0a0a0a 0%,#6e7680 12%,#f4f4f4 30%,#3a3f45 50%,#f8f8f8 72%,#4b525a 88%,#090909 100%);
  box-shadow:0 0 18px rgba(255,255,255,.45), inset 0 0 20px rgba(0,0,0,.8);
}
.rd-medal-glint{
  position:absolute; inset:4%; border-radius:50%; overflow:hidden; pointer-events:none;
  transform:translateZ(23px);
}
.rd-medal-glint::after{
  content:""; position:absolute; top:-20%; left:-60%; width:28%; height:140%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  transform:skewX(-18deg); animation:rdMedalShine 2.7s ease-out 1 both;
}
@keyframes rdMedalTurn{
  0%{opacity:0;transform:scale(.55) rotateY(0deg)}
  15%{opacity:1;transform:scale(1.04) rotateY(35deg)}
  38%{transform:scale(1) rotateY(100deg)}
  58%{transform:scale(1) rotateY(190deg)}
  78%{transform:scale(1.02) rotateY(300deg)}
  100%{opacity:1;transform:scale(1) rotateY(360deg)}
}
@keyframes rdMedalShine{
  0%,18%{left:-60%;opacity:0}
  28%{opacity:1}
  72%{left:128%;opacity:.95}
  100%{left:128%;opacity:0}
}
@media(max-width:600px){.rd-medal-scene{width:min(360px,90vw)}}

/* MEDALLAS DEFINITIVAS: frente, reverso y canto provenientes de los recursos separados */
.rd-medal-scene{width:min(440px,92vw);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;perspective:1700px;overflow:visible}
.rd-medal{position:relative;width:94%;height:94%;border-radius:50%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;animation:rdMedalFinalTurn 3s cubic-bezier(.2,.72,.2,1) 1 both;filter:drop-shadow(0 0 30px rgba(54,139,193,.5))}
.rd-medal-face{position:absolute;inset:0;border-radius:50%;overflow:visible;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center;background:transparent!important;box-shadow:none!important}
.rd-medal-face img{width:100%;height:100%;object-fit:contain;display:block;filter:none!important}
.rd-medal-front{transform:translateZ(24px)!important}
.rd-medal-back{transform:rotateY(180deg) translateZ(24px)!important}
.rd-medal-edge{position:absolute;top:2.5%;left:50%;width:48px;height:95%;transform-style:preserve-3d;backface-visibility:visible;display:grid;place-items:center;overflow:visible}
.rd-medal-edge img{height:100%;width:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(255,255,255,.35))}
.rd-medal-edge-a{transform:translateX(-50%) rotateY(90deg)}
.rd-medal-edge-b{transform:translateX(-50%) rotateY(-90deg)}
.rd-medal-glint{position:absolute;inset:3%;border-radius:50%;overflow:hidden;pointer-events:none;transform:translateZ(28px)}
.rd-medal-glint::after{content:"";position:absolute;top:-20%;left:-55%;width:24%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-18deg);animation:rdMedalFinalShine 3s ease-out 1 both}
@keyframes rdMedalFinalTurn{
  0%{opacity:0;transform:scale(.55) rotateY(0deg)}
  12%{opacity:1;transform:scale(1.03) rotateY(28deg)}
  31%{transform:scale(1) rotateY(90deg)}
  52%{transform:scale(1) rotateY(180deg)}
  73%{transform:scale(1.02) rotateY(270deg)}
  100%{opacity:1;transform:scale(1) rotateY(360deg)}
}
@keyframes rdMedalFinalShine{0%,15%{left:-55%;opacity:0}26%{opacity:1}76%{left:130%;opacity:.95}100%{left:130%;opacity:0}}
@media(max-width:600px){.rd-medal-scene{width:min(360px,90vw)}.rd-medal-edge{width:38px}}

/* MEDALLAS 3D: carga robusta por endpoint PHP y volumen real */
.rd-medal-scene{
  width:min(440px,92vw)!important;
  aspect-ratio:1/1!important;
  perspective:1800px!important;
  overflow:visible!important;
}
.rd-medal{
  position:relative!important;
  width:94%!important;
  height:94%!important;
  border-radius:50%!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
  animation:rdCoinTurn 3.2s cubic-bezier(.18,.72,.2,1) 1 both!important;
  filter:drop-shadow(0 0 26px rgba(54,139,193,.52))!important;
}
.rd-medal-face{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:transparent!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
}
.rd-medal-face img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  border:0!important;
}
.rd-medal-front{transform:translateZ(22px)!important}
.rd-medal-back{transform:rotateY(180deg) translateZ(22px)!important}
.rd-medal-edge{
  position:absolute!important;
  top:2%!important;
  left:50%!important;
  width:48px!important;
  height:96%!important;
  margin-left:-24px!important;
  display:block!important;
  backface-visibility:visible!important;
  transform-style:preserve-3d!important;
  overflow:visible!important;
}
.rd-medal-edge img{
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  display:block!important;
}
.rd-medal-edge-a{transform:rotateY(90deg)!important}
.rd-medal-edge-b{transform:rotateY(-90deg)!important}
.rd-medal-glint{
  position:absolute!important;
  inset:3%!important;
  border-radius:50%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform:translateZ(27px)!important;
  backface-visibility:hidden!important;
}
.rd-medal-glint:after{
  content:""!important;
  position:absolute!important;
  top:-15%!important;
  left:-45%!important;
  width:20%!important;
  height:130%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent)!important;
  transform:skewX(-18deg)!important;
  animation:rdCoinShine 3.2s ease-out 1 both!important;
}
@keyframes rdCoinTurn{
  0%{transform:rotateY(0deg) scale(.94)}
  10%{transform:rotateY(0deg) scale(1)}
  48%{transform:rotateY(180deg) scale(1)}
  92%,100%{transform:rotateY(360deg) scale(1)}
}
@keyframes rdCoinShine{
  0%,18%{left:-45%;opacity:0}
  28%{opacity:1}
  64%{left:125%;opacity:.9}
  100%{left:125%;opacity:0}
}
@media(max-width:600px){
  .rd-medal-edge{width:36px!important;margin-left:-18px!important}
  .rd-medal-front{transform:translateZ(17px)!important}
  .rd-medal-back{transform:rotateY(180deg) translateZ(17px)!important}
}

/* CARGA DEFINITIVA DE MEDALLAS EMBEBIDAS */
.medal-load-error{color:#fff;text-align:center;font-size:14px;padding:20px}
.rd-medal-face img,.rd-medal-edge img{visibility:visible!important;opacity:1!important}

/* AJUSTE FINAL: conservar estructura, medalla única y abonos compactos */
.client-shell{overflow:hidden}
.badge-column,.badge-wrap{min-width:0}
.rd-medal-scene{
  width:min(420px,100%)!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  perspective:1800px!important;
  overflow:visible!important;
}
.rd-medal{
  position:relative!important;
  width:92%!important;
  height:92%!important;
  max-width:390px!important;
  max-height:390px!important;
  border-radius:50%!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
  animation:rdMedalSlowTurn 5.5s cubic-bezier(.2,.7,.2,1) 1 both!important;
  filter:drop-shadow(0 0 24px rgba(54,139,193,.45))!important;
}
.rd-medal:hover,.rd-medal:focus-visible{
  animation:rdMedalSlowTurn 5.5s cubic-bezier(.2,.7,.2,1) 1 both!important;
}
.rd-medal-face{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.rd-medal-face img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.rd-medal-front{transform:translateZ(26px)!important}
.rd-medal-back{transform:rotateY(180deg) translateZ(26px)!important}
.rd-medal-edge{
  position:absolute!important;
  top:2%!important;
  left:50%!important;
  width:52px!important;
  height:96%!important;
  margin-left:-26px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  backface-visibility:visible!important;
}
.rd-medal-edge img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.rd-medal-edge-a{transform:rotateY(90deg)!important}
.rd-medal-edge-b{transform:rotateY(-90deg)!important}
.rd-medal-glint{position:absolute!important;inset:3%!important;border-radius:50%!important;overflow:hidden!important;pointer-events:none!important;transform:translateZ(30px)!important}
.rd-medal-glint:after{animation-duration:5.5s!important}
@keyframes rdMedalSlowTurn{
  0%{transform:rotateY(0deg) scale(.96);opacity:0}
  10%{opacity:1}
  45%{transform:rotateY(180deg) scale(1)}
  100%{transform:rotateY(360deg) scale(1);opacity:1}
}

.client-data>div.payment-row{
  grid-template-columns:minmax(120px,1.15fr) minmax(130px,1fr) auto auto!important;
  gap:10px!important;
}
.pay-button{
  border:0!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  min-width:88px!important;
  background:#368bc1!important;
  color:#fff!important;
  font-family:inherit!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:0 0 14px rgba(54,139,193,.34)!important;
}
.pay-button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.payment-notice{max-width:760px;margin:0 auto 16px;padding:12px 16px;border-radius:12px;text-align:center;font-weight:800}
.payment-success{background:rgba(69,239,50,.12);border:1px solid #45ef32;color:#45ef32}
.payment-error{background:rgba(255,85,85,.12);border:1px solid #ff5555;color:#ff8b8b}
.payment-modal{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:none!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(0,0,0,.82)!important;
}
.payment-modal.is-open{display:grid!important}
.payment-modal-card{
  position:relative!important;
  width:min(500px,94vw)!important;
  max-height:90vh!important;
  overflow:auto!important;
  padding:28px!important;
  border-radius:22px!important;
  background:#0d0f10!important;
  border:1px solid #368bc1!important;
  box-shadow:0 0 42px rgba(54,139,193,.32)!important;
}
.payment-modal-card h2{color:#dff432!important;text-align:center!important;margin:0 0 8px!important}
.payment-modal-card p{text-align:center!important;color:#fff!important;margin:0 0 20px!important}
.payment-modal-card label{display:block!important;color:#dff432!important;margin:14px 0 7px!important}
.payment-modal-card select,.payment-modal-card input{width:100%!important;box-sizing:border-box!important;padding:13px 14px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.25)!important;background:#050505!important;color:#fff!important;font:inherit!important}
.payment-modal-card small{display:block!important;color:#aaa!important;margin-top:8px!important}
.payment-modal-close{position:absolute!important;right:14px!important;top:8px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:30px!important;cursor:pointer!important}
.payment-modal-actions{display:flex!important;justify-content:center!important;gap:12px!important;margin-top:22px!important}
.btn-modal-cancel,.btn-modal-submit{border:0!important;border-radius:999px!important;padding:11px 18px!important;font-family:inherit!important;font-weight:800!important;cursor:pointer!important}
.btn-modal-cancel{background:#242424!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}
.btn-modal-submit{background:#dff432!important;color:#050505!important;box-shadow:0 0 18px rgba(223,244,50,.35)!important}
@media(max-width:720px){
  .client-data>div.payment-row{grid-template-columns:1fr auto!important}
  .payment-row span,.payment-row strong{grid-column:auto}
  .payment-row em,.payment-row .pay-button{justify-self:start}
  .rd-medal-edge{width:40px!important;margin-left:-20px!important}
  .rd-medal-front{transform:translateZ(20px)!important}
  .rd-medal-back{transform:rotateY(180deg) translateZ(20px)!important}
}

/* =========================================================
   INTEGRACION FINAL: MEDALLA 3D, RESPONSIVE Y CONSULTAS
   Mantiene intacta la identidad visual del proyecto.
   ========================================================= */
.rd-medal-scene{width:min(440px,100%);aspect-ratio:1;perspective:1800px;overflow:visible!important}
.rd-medal{width:92%!important;height:92%!important;position:relative!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;animation:rdPremiumCoinTurn 6.8s cubic-bezier(.18,.72,.18,1) 1 both!important;cursor:pointer;will-change:transform}
.rd-medal:hover,.rd-medal:focus-visible{animation:rdPremiumCoinHover 6.8s cubic-bezier(.18,.72,.18,1) 1 both!important}
.rd-medal-face{position:absolute!important;inset:0!important;border-radius:50%!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;overflow:visible!important;display:grid!important;place-items:center!important}
.rd-medal-face img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.rd-medal-front{transform:translateZ(27px)!important}
.rd-medal-back{transform:rotateY(180deg) translateZ(27px)!important}
.rd-medal-back img{transform:none!important}
.rd-medal-depth{position:absolute!important;inset:1.5%!important;border-radius:50%!important;transform-style:preserve-3d!important;pointer-events:none!important}
.rd-medal-depth span{position:absolute;inset:0;border-radius:50%;transform:translateZ(var(--z));background:radial-gradient(circle at 35% 28%,transparent 0 72%,rgba(255,255,255,.88) 74%,rgba(52,55,60,.95) 78%,#08090b 82%,rgba(255,255,255,.35) 86%,transparent 89%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.rd-medal-edge{position:absolute!important;top:3%!important;left:50%!important;width:54px!important;height:94%!important;margin-left:-27px!important;transform-style:preserve-3d!important;display:grid!important;place-items:center!important;overflow:visible!important;backface-visibility:visible!important}
.rd-medal-edge img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.rd-medal-edge-a{transform:rotateY(90deg)!important}.rd-medal-edge-b{transform:rotateY(-90deg)!important}
.rd-medal-glint{transform:translateZ(31px)!important}
.rd-medal-glint:after{animation-duration:6.8s!important}
@keyframes rdPremiumCoinTurn{0%{opacity:0;transform:scale(.82) rotateY(0)}8%{opacity:1;transform:scale(1.02) rotateY(18deg)}28%{transform:scale(1) rotateY(92deg)}52%{transform:scale(1) rotateY(180deg)}76%{transform:scale(1) rotateY(272deg)}100%{opacity:1;transform:scale(1) rotateY(360deg)}}
@keyframes rdPremiumCoinHover{0%{transform:rotateY(0)}25%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}75%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}

.consultation-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end;margin-top:22px}
.consultation-buttons{display:flex;gap:12px;align-items:center;grid-column:span 1}.consultation-buttons .btn{width:100%;min-width:0}
.results-summary{margin:20px 0 12px;color:#ddd}.results-summary strong{color:var(--neon)}
.contract-state{font-weight:900}.contract-state.activo{color:#45ef32}.contract-state.inactivo{color:#8d98a5}
.empty-result{text-align:center!important;padding:30px!important;color:#bbb}.responsive-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Adaptación cuidadosa para laptop, iPad y celular */
@media(max-width:1100px){
  .consultation-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-shell{grid-template-columns:minmax(280px,.9fr) minmax(330px,1.2fr);gap:20px;padding:22px}
  .rd-medal-scene{width:min(390px,100%)}
}
@media(max-width:900px){
  .topbar{display:flex!important;flex-direction:column;align-items:center;gap:12px}.nav{justify-content:center!important;flex-wrap:wrap!important}
  .client-shell{grid-template-columns:1fr!important}.badge-column{order:1}.client-info{order:2}
  .rd-medal-scene{width:min(430px,88vw)}
  .form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .package-grid{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  body{overflow-x:hidden}.container{width:min(100% - 22px,1200px)!important}.box,.client-shell,.package-shell{padding:18px!important;border-radius:18px!important}
  .nav{gap:7px!important}.nav a,.nav .btn{font-size:11px!important;padding:9px 12px!important}
  .form,.consultation-filters{grid-template-columns:1fr!important}.full,.consultation-buttons{grid-column:1!important}.consultation-buttons{flex-direction:column}
  .client-info h1{text-align:center}.client-info h2{text-align:center}.client-data>div,.payment-row{grid-template-columns:1fr auto!important;gap:7px!important;padding:12px!important}.client-data>div span{grid-column:1}.client-data>div strong{grid-column:2;text-align:right}.payment-row em{grid-column:1}.payment-row .pay-button{grid-column:2;grid-row:2}
  .client-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important}.client-actions .btn{width:100%!important;min-width:0!important}
  .rd-medal-scene{width:min(350px,88vw)}.rd-medal-edge{width:40px!important;margin-left:-20px!important}.rd-medal-front{transform:translateZ(20px)!important}.rd-medal-back{transform:rotateY(180deg) translateZ(20px)!important}
  .table.consultation-table thead{display:none}.table.consultation-table,.table.consultation-table tbody,.table.consultation-table tr,.table.consultation-table td{display:block;width:100%}.table.consultation-table tr{margin-bottom:16px;border:1px solid rgba(255,255,255,.2);border-radius:14px;overflow:hidden;background:#080808}.table.consultation-table td{display:grid;grid-template-columns:42% 58%;padding:10px 12px!important;text-align:right;border-bottom:1px solid #202020}.table.consultation-table td:before{content:attr(data-label);font-weight:800;color:var(--neon);text-align:left}.table.consultation-table td.actions{display:flex;justify-content:center}.table.consultation-table td.actions:before{display:none}
  iframe{height:290px!important}.carousel-track{padding-left:28px!important;padding-right:28px!important}.insta-card{flex-basis:84vw!important}
}
@media(max-width:420px){.title{font-size:clamp(32px,12vw,52px)!important}.section-title{font-size:clamp(28px,10vw,42px)!important}.rd-medal-scene{width:min(310px,90vw)}.client-data>div,.payment-row{font-size:.9rem}.pay-button{padding:8px 10px!important;font-size:11px!important}}

/* =========================================================
   AJUSTE FINAL: MEDALLA 3D REAL + HISTORIAL DE PAGOS
   Mantiene el diseño original y solo refuerza las funciones solicitadas.
   ========================================================= */
.rd-medal-scene{
  width:min(440px,100%)!important;
  aspect-ratio:1!important;
  perspective:1900px!important;
  overflow:visible!important;
  margin-inline:auto!important;
}
.rd-medal{
  position:relative!important;
  width:92%!important;
  height:92%!important;
  border-radius:50%!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
  transform-origin:center center!important;
  animation:rdFinalCoinSpin 7.2s cubic-bezier(.18,.72,.18,1) 1 both!important;
  cursor:pointer!important;
  will-change:transform!important;
  filter:drop-shadow(0 0 26px rgba(54,139,193,.55))!important;
}
.rd-medal:hover,.rd-medal:focus-visible{
  animation:rdFinalCoinHover 7.2s cubic-bezier(.18,.72,.18,1) 1 both!important;
  outline:none!important;
}
.rd-medal-face{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  overflow:visible!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
  background:transparent!important;
}
.rd-medal-face img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
.rd-medal-front{transform:translateZ(30px)!important}
.rd-medal-back{transform:translateZ(-30px) rotateY(180deg)!important}
.rd-medal-back img{transform:none!important}
.rd-medal-depth{
  position:absolute!important;
  inset:1.2%!important;
  border-radius:50%!important;
  transform-style:preserve-3d!important;
  pointer-events:none!important;
}
.rd-medal-depth span{
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  transform:translateZ(var(--z))!important;
  background:radial-gradient(circle at 50% 50%,transparent 0 75%,rgba(255,255,255,.18) 77%,#11151a 80%,rgba(255,255,255,.86) 83%,#07090c 86%,transparent 89%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
.rd-medal-edge{
  position:absolute!important;
  top:2.5%!important;
  left:50%!important;
  width:62px!important;
  height:95%!important;
  margin-left:-31px!important;
  display:grid!important;
  place-items:center!important;
  transform-style:preserve-3d!important;
  backface-visibility:visible!important;
  overflow:visible!important;
}
.rd-medal-edge img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.28))!important;
}
.rd-medal-edge-a{transform:rotateY(90deg)!important}
.rd-medal-edge-b{transform:rotateY(-90deg)!important}
.rd-medal-glint{position:absolute!important;inset:3%!important;border-radius:50%!important;overflow:hidden!important;pointer-events:none!important;transform:translateZ(34px)!important}
.rd-medal-glint:after{animation:rdFinalMetalSweep 7.2s ease-out 1 both!important}

@keyframes rdFinalCoinSpin{
  0%,8%{transform:rotateY(0deg) rotateX(0deg)}
  25%{transform:rotateY(90deg) rotateX(1.5deg)}
  46%,58%{transform:rotateY(180deg) rotateX(0deg)}
  76%{transform:rotateY(270deg) rotateX(-1.5deg)}
  100%{transform:rotateY(360deg) rotateX(0deg)}
}
@keyframes rdFinalCoinHover{
  0%,8%{transform:rotateY(0deg)}
  25%{transform:rotateY(90deg)}
  46%,58%{transform:rotateY(180deg)}
  76%{transform:rotateY(270deg)}
  100%{transform:rotateY(360deg)}
}
@keyframes rdFinalMetalSweep{
  0%,10%{left:-65%;opacity:0}
  22%{opacity:1}
  43%{left:120%;opacity:.85}
  57%{left:-65%;opacity:0}
  68%{opacity:1}
  91%{left:120%;opacity:.75}
  100%{left:120%;opacity:0}
}

.payment-history-card{
  margin-top:24px;
  background:rgba(8,8,8,.94);
  border:1px solid rgba(255,255,255,.30);
  border-radius:22px;
  padding:22px;
  text-align:left;
}
.payment-history-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.payment-history-head h2{margin:0;color:#fff;font-size:clamp(23px,3vw,34px)}
.payment-history-head p{margin:5px 0 0;color:#bdbdbd}
.payment-history-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.12);border-radius:15px}
.payment-history-table{width:100%;border-collapse:collapse;min-width:820px;background:#050505}
.payment-history-table th,.payment-history-table td{padding:14px 13px;border-bottom:1px solid rgba(255,255,255,.12);vertical-align:middle}
.payment-history-table th{color:var(--neon);font-size:.82rem;text-transform:uppercase;letter-spacing:.7px;background:#0b0b0b}
.payment-history-table td{color:#fff}
.payment-history-table tr:last-child td{border-bottom:0}
.payment-history-table td small{display:block;color:#9b9b9b;margin-top:3px}
.receipt-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:9px;background:#368bc1;color:#fff;font-weight:800;font-size:.78rem;text-decoration:none;box-shadow:0 0 14px rgba(54,139,193,.32)}
.receipt-button:hover{filter:brightness(1.12)}
.payment-history-empty{padding:30px;text-align:center;color:#bdbdbd;border:1px dashed rgba(255,255,255,.18);border-radius:14px}
.client-actions{margin-top:24px!important}

@media(max-width:700px){
  .rd-medal-scene{width:min(350px,88vw)!important}
  .rd-medal-front{transform:translateZ(22px)!important}
  .rd-medal-back{transform:translateZ(-22px) rotateY(180deg)!important}
  .rd-medal-edge{width:46px!important;margin-left:-23px!important}
  .payment-history-card{padding:16px}
  .payment-history-table-wrap{overflow:visible;border:0}
  .payment-history-table{min-width:0;display:block;background:transparent}
  .payment-history-table thead{display:none}
  .payment-history-table tbody{display:grid;gap:12px}
  .payment-history-table tr{display:grid;gap:7px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#060606}
  .payment-history-table td{display:grid;grid-template-columns:115px 1fr;gap:10px;padding:3px 0;border:0;text-align:right}
  .payment-history-table td:before{content:attr(data-label);color:#a9a9a9;text-align:left;font-weight:700}
  .payment-history-table td strong,.payment-history-table td small{text-align:right}
  .receipt-button{justify-self:end}
}

/* =========================================================
   ENTREGA CORREGIDA: MEDALLA SIN ARO BLANCO, DOBLE CARA Y CANTO
   Este bloque prevalece sobre ajustes anteriores sin alterar el resto del sitio.
   ========================================================= */
.rd-medal-scene{
  width:min(440px,100%)!important;
  aspect-ratio:1!important;
  margin-inline:auto!important;
  display:grid!important;
  place-items:center!important;
  perspective:1800px!important;
  overflow:visible!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.rd-medal{
  position:relative!important;
  width:92%!important;
  height:92%!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform-style:preserve-3d!important;
  -webkit-transform-style:preserve-3d!important;
  transform-origin:center center!important;
  animation:rdCoinTrue3D 8s cubic-bezier(.2,.68,.2,1) 1 both!important;
  cursor:pointer!important;
  will-change:transform!important;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.52)) drop-shadow(0 0 22px rgba(54,139,193,.34))!important;
}
.rd-medal:hover,.rd-medal:focus-visible{
  animation:rdCoinTrue3DHover 8s cubic-bezier(.2,.68,.2,1) 1 both!important;
  border:0!important;
  outline:0!important;
}
.rd-medal-depth{display:none!important}
.rd-medal-face{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
}
.rd-medal-face img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-user-drag:none!important;
}
.rd-medal-front{transform:translateZ(27px)!important}
.rd-medal-back{transform:rotateY(180deg) translateZ(27px)!important}
.rd-medal-back img{transform:none!important}
.rd-medal-edge{
  position:absolute!important;
  top:3%!important;
  left:50%!important;
  width:54px!important;
  height:94%!important;
  margin-left:-27px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:preserve-3d!important;
}
.rd-medal-edge img{
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  display:block!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.24))!important;
}
.rd-medal-edge-a{transform:rotateY(90deg) translateZ(0)!important}
.rd-medal-edge-b{transform:rotateY(-90deg) translateZ(0)!important}
.rd-medal-glint{
  position:absolute!important;
  inset:4%!important;
  border:0!important;
  outline:0!important;
  border-radius:50%!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform:translateZ(30px)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.rd-medal-glint:after{animation:rdCoinMetalSweep 8s ease-out 1 both!important}

@keyframes rdCoinTrue3D{
  0%,9%{transform:rotateY(0deg) rotateX(0deg)}
  28%{transform:rotateY(90deg) rotateX(1deg)}
  48%,61%{transform:rotateY(180deg) rotateX(0deg)}
  80%{transform:rotateY(270deg) rotateX(-1deg)}
  100%{transform:rotateY(360deg) rotateX(0deg)}
}
@keyframes rdCoinTrue3DHover{
  0%,9%{transform:rotateY(0deg)}
  28%{transform:rotateY(90deg)}
  48%,61%{transform:rotateY(180deg)}
  80%{transform:rotateY(270deg)}
  100%{transform:rotateY(360deg)}
}
@keyframes rdCoinMetalSweep{
  0%,12%{left:-65%;opacity:0}
  22%{opacity:.95}
  42%{left:120%;opacity:.75}
  55%{left:-65%;opacity:0}
  67%{opacity:.9}
  91%{left:120%;opacity:.65}
  100%{left:120%;opacity:0}
}
@media(max-width:700px){
  .rd-medal-scene{width:min(350px,88vw)!important}
  .rd-medal-front{transform:translateZ(21px)!important}
  .rd-medal-back{transform:rotateY(180deg) translateZ(21px)!important}
  .rd-medal-edge{width:42px!important;margin-left:-21px!important}
  .rd-medal-glint{transform:translateZ(24px)!important}
}
