.diamonds{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(35px,6vw,80px);align-items:start;border-top:1px solid rgba(65,215,255,.15)}
.diamonds-intro{position:sticky;top:110px}
.diamonds h1,.diamonds h2{margin:0;color:#c9f6ff;font:900 clamp(3.4rem,6vw,6rem)/.86 var(--display);letter-spacing:-.04em;text-transform:uppercase}
.diamonds h1 em,.diamonds h2 em{color:#42dcff;font-style:normal;text-shadow:0 0 38px rgba(45,211,255,.3)}
.diamonds-intro>p:not(.eyebrow){color:#91c5d2;font-size:1rem;line-height:1.7}
.diamond-safety{display:grid;gap:5px;margin-top:26px;padding:16px 18px;border-left:3px solid #65e7ff;background:rgba(25,175,221,.08)}
.diamond-safety b{color:#68e8ff;font-size:.75rem;letter-spacing:.1em}.diamond-safety span{color:#8fc4d0;font-size:.85rem}
.diamond-store{padding:24px;border:1px solid rgba(65,215,255,.22);background:linear-gradient(145deg,rgba(14,73,111,.18),transparent 42%),#05111d}
.diamond-store-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(65,215,255,.18)}
.diamond-store-head span{color:#c7f5ff;font-weight:900;letter-spacing:.08em}.diamond-store-head small{color:#75aebb}
.diamond-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.diamond-package{position:relative;display:grid;gap:12px;min-height:175px;padding:20px;border:1px solid rgba(65,215,255,.18);overflow:hidden;background:linear-gradient(145deg,#09243a,#06111e);transition:.2s ease}
.diamond-package:before{content:"◆";position:absolute;right:-8px;top:-26px;color:rgba(63,218,255,.08);font-size:7rem;transform:rotate(10deg)}
.diamond-package:hover{border-color:#44dcff;transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.32)}
.diamond-package.popular{border-color:rgba(255,176,25,.5)}
.diamond-popular{position:absolute;top:0;right:0;padding:6px 9px;background:#ffb019;color:#06111e;font-size:.62rem;font-weight:950;letter-spacing:.08em}
.diamond-amount{display:flex;align-items:center;gap:9px;color:#d7f9ff}.diamond-amount i{color:#42ddff;font-style:normal;font-size:1.25rem}.diamond-amount strong{font:900 2rem var(--display);letter-spacing:.02em}.diamond-amount span{color:#75aebb;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.diamond-package small{color:#87bdc9}
.diamond-buy{align-self:end;height:42px;border:1px solid rgba(63,218,255,.45);background:rgba(33,181,224,.1);color:#bfefff;font-weight:900;text-transform:uppercase;cursor:pointer}
.diamond-buy:hover{background:#43ddff;color:#00121d}
.diamond-modal{position:fixed;inset:50% auto auto 50%;z-index:85;display:grid;grid-template-columns:.78fr 1.22fr;width:min(880px,calc(100% - 40px));max-height:calc(100vh - 40px);overflow:auto;transform:translate(-50%,-46%) scale(.97);visibility:hidden;opacity:0;border:1px solid rgba(65,215,255,.35);background:#06111e;box-shadow:0 35px 110px rgba(0,0,0,.72);transition:.2s ease}
.diamond-modal.open{transform:translate(-50%,-50%) scale(1);visibility:visible;opacity:1}
.close-diamond-modal{position:absolute;top:14px;right:14px;z-index:4;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);background:#06111e;color:#d7f8ff;font-size:1.8rem;cursor:pointer}
.diamond-modal-copy{display:flex;flex-direction:column;justify-content:center;min-height:470px;padding:40px;background:radial-gradient(circle at 40% 35%,rgba(49,211,255,.2),transparent 40%),linear-gradient(145deg,#0d3553,#04101c)}
.diamond-modal-copy>span{color:#5be4ff;font-size:.72rem;font-weight:900;letter-spacing:.14em}.diamond-modal-copy h2{margin:18px 0;color:#d0f8ff;font:900 3.5rem/.86 var(--display)}.diamond-modal-copy p{color:#8fc7d3;font-size:1.05rem;line-height:1.55}
.diamond-form{display:grid;align-content:center;gap:15px;padding:clamp(30px,5vw,52px)}
.diamond-form label{display:grid;gap:7px;color:#aee4ef;font-size:.84rem;font-weight:750}
.diamond-form input,.diamond-form select{width:100%;height:48px;padding:0 13px;border:1px solid rgba(65,215,255,.25);background:#04101c;color:#d7f8ff;font-size:1rem;outline:none}
.diamond-form input:focus,.diamond-form select:focus{border-color:#42ddff;box-shadow:0 0 0 3px rgba(66,221,255,.1)}
.diamond-form>p{margin:0;color:#76adba;font-size:.8rem;line-height:1.5}.diamond-form #diamond-message{min-height:20px;color:#7be9bd}.diamond-form #diamond-message.error{color:#ff8797}
@media(max-width:900px){.diamonds{grid-template-columns:1fr}.diamonds-intro{position:static}.diamond-modal{grid-template-columns:1fr}.diamond-modal-copy{min-height:240px;padding:32px}.diamond-modal-copy h2{font-size:2.8rem}}
@media(max-width:620px){.diamond-grid{grid-template-columns:1fr}.diamond-store{padding:16px}.diamond-modal{width:calc(100% - 20px);max-height:calc(100vh - 20px)}.diamond-modal-copy{min-height:210px}.diamond-form{padding:28px 22px}.diamond-store-head{align-items:start;flex-direction:column}}

/* Checkout de recarga */
.diamond-modal{display:block;width:min(680px,calc(100% - 40px));padding:22px;background:#07111d}
.diamond-checkout-head{padding:8px 58px 22px 4px}.diamond-checkout-head>span{color:#54e2ff;font-size:.7rem;font-weight:900;letter-spacing:.14em}.diamond-checkout-head h2{margin:8px 0 5px;color:#d2f8ff;font:900 2.7rem/.95 var(--display)}.diamond-checkout-head p{margin:0;color:#79afbc}
.checkout-step{margin-top:16px;border:1px solid rgba(65,215,255,.2);background:#091827}.checkout-step>header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(65,215,255,.16);background:rgba(255,255,255,.02)}.checkout-step>header>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#35dcff;color:#00131d;font-weight:950}.checkout-step h3{margin:0;color:#d1f6ff;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.checkout-step header button{margin-left:auto;border:0;background:none;color:#53e1ff;cursor:pointer;font-weight:800}
.checkout-package-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px 18px}.checkout-package-row>i{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(65,215,255,.3);background:rgba(53,220,255,.08);color:#3edfff;font-size:1.5rem;font-style:normal}.checkout-package-row>div{display:grid}.checkout-package-row strong{color:#d8f9ff;font:900 1.7rem var(--display)}.checkout-package-row small{color:#77adba}.checkout-package-row>b{color:#91c8d4;font-size:.9rem}
.diamond-form{padding:20px 18px 22px}.diamond-form label small{color:#6f9eaa;font-weight:500;line-height:1.45}.verify-row,.phone-row{display:grid;grid-template-columns:1fr auto;gap:8px}.verify-row button{padding:0 18px;border:1px solid rgba(65,215,255,.42);background:rgba(44,199,239,.12);color:#bdefff;font-weight:900;cursor:pointer}.verify-row button:hover{background:#41ddff;color:#00131d}.phone-row{grid-template-columns:125px 1fr}.checkout-security{padding:12px 14px;border-left:3px solid #48deff;background:rgba(44,199,239,.06)}
@media(max-width:620px){.diamond-modal{width:calc(100% - 20px);padding:16px}.diamond-checkout-head h2{font-size:2.25rem}.checkout-package-row{grid-template-columns:auto 1fr}.checkout-package-row>b{grid-column:1/-1}.verify-row,.phone-row{grid-template-columns:1fr}.verify-row button{height:46px}}

/* Vitrina azul de paquetes */
.diamonds{display:block}.diamonds[hidden]{display:none!important}.diamonds-intro{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px 70px;align-items:end;max-width:none}.diamonds-intro>.eyebrow{grid-column:1/-1;margin-bottom:0}.diamonds-intro>h1,.diamonds-intro>h2{grid-column:1;grid-row:2/span 2;font-size:clamp(3.4rem,5.2vw,5.2rem)}.diamonds-intro>p:not(.eyebrow){grid-column:2;grid-row:2;margin:0}.diamonds-intro>.diamond-safety{grid-column:2;grid-row:3;margin-top:0}.diamond-store{margin-top:34px;padding:clamp(20px,3vw,34px)}
.diamond-progress{display:flex;align-items:center;justify-content:center;margin:-2px 0 28px}.diamond-progress span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(65,215,255,.28);border-radius:8px;background:#0a1b2a;color:#7195a1;font-weight:950}.diamond-progress span.active{border-color:#4ce2ff;background:#36dfff;color:#00131e;box-shadow:0 0 24px rgba(54,223,255,.5)}.diamond-progress i{width:42px;height:1px;background:rgba(65,215,255,.25)}
.diamond-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.diamond-package{min-height:330px;padding:14px 14px 16px;text-align:center;border-radius:14px;background:radial-gradient(circle at 50% 33%,rgba(42,206,255,.16),transparent 43%),linear-gradient(155deg,#0a2236,#040d17)}.diamond-package:before{display:none}.diamond-package img{width:100%;height:165px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(22,196,255,.22));transition:transform .25s ease}.diamond-package:hover img{transform:translateY(-4px) scale(1.04)}.diamond-package.compact img{transform:scale(.85)}.diamond-package.compact:hover img{transform:translateY(-4px) scale(.9)}.diamond-package .diamond-amount{justify-content:center;gap:6px}.diamond-package .diamond-amount i{font-size:.9rem}.diamond-package .diamond-amount strong{font-size:1.75rem}.diamond-package .diamond-amount span{display:block}.diamond-package>small{color:#7fb8c5;text-transform:uppercase;letter-spacing:.06em}.diamond-package.popular{border-color:#ffb019;box-shadow:0 0 26px rgba(255,176,25,.12)}.diamond-buy{border-radius:8px;background:linear-gradient(135deg,rgba(38,213,255,.18),rgba(14,107,190,.22))}
.diamond-how{margin-top:78px}.diamond-how h3{margin:0;color:#cdf7ff;font:900 clamp(2.8rem,5vw,4.8rem)/.9 var(--display);text-align:center}.diamond-how h3 em{color:#45dfff;font-style:normal}.diamond-how>.eyebrow{justify-content:center}.diamond-how ol{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0 0;padding:0;list-style:none}.diamond-how li{display:grid;align-content:start;gap:12px;min-height:220px;padding:24px;border:1px solid rgba(65,215,255,.2);border-radius:12px;background:linear-gradient(145deg,rgba(23,116,160,.1),transparent 45%),#071522}.diamond-how li b{color:#43dcff;font:900 2rem var(--display)}.diamond-how li strong{color:#cdf6ff;text-transform:uppercase}.diamond-how li span{color:#7fb4c0;font-size:.9rem;line-height:1.55}
@media(max-width:980px){.diamonds-intro{grid-template-columns:1fr}.diamonds-intro>.eyebrow,.diamonds-intro>h1,.diamonds-intro>h2,.diamonds-intro>p:not(.eyebrow),.diamonds-intro>.diamond-safety{grid-column:1;grid-row:auto}.diamond-grid{grid-template-columns:repeat(2,1fr)}.diamond-how ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.diamond-grid{grid-template-columns:1fr}.diamond-package{min-height:310px}.diamond-how ol{grid-template-columns:1fr}.diamond-how li{min-height:auto}.diamond-progress i{width:20px}}

/* Página independiente de diamantes */
.diamonds-page{min-height:100vh;background:radial-gradient(circle at 50% 8%,rgba(36,174,230,.14),transparent 34%),#030a12}
.diamonds-page main{padding-top:76px}
.diamonds-page .diamonds{padding-top:72px;padding-bottom:90px}
.diamonds-page .topbar nav>a[aria-current="page"]{color:#65e7ff;text-shadow:0 0 16px rgba(65,231,255,.45)}
.diamond-login-note{margin:0;padding:12px 14px;border-left:3px solid #ffb019;background:rgba(255,176,25,.07);color:#c8b98d;font-size:.82rem;line-height:1.5}
.diamond-login-note a{color:#6be9ff;font-weight:850;text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.diamonds-page main{padding-top:68px}.diamonds-page .diamonds{padding-top:52px;padding-bottom:72px}}
