:root{--op-bg:#030405;--op-panel:rgba(13,15,18,.78);--op-panel-2:rgba(18,21,25,.88);--op-line:rgba(255,255,255,.12);--op-muted:#a8afb9;--op-text:#f7f8fa;--op-glow:rgba(208,220,235,.12);--op-gold:#d4b447}
body.onix-premium-page{min-height:100vh;background:#030405;color:var(--op-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body.onix-premium-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.055),transparent 28%),radial-gradient(circle at 82% 78%,rgba(170,190,220,.05),transparent 32%),linear-gradient(180deg,#050608 0%,#020304 100%);z-index:-3}
body.onix-premium-page .background-grid{position:fixed;inset:0;z-index:-2;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
body.onix-premium-page .background-blur{position:fixed;pointer-events:none;z-index:-2;filter:blur(90px);opacity:.3}
body.onix-premium-page .blur-1{width:32rem;height:32rem;left:-14rem;top:-10rem;background:rgba(255,255,255,.13)}
body.onix-premium-page .blur-2{width:28rem;height:28rem;right:-10rem;bottom:-10rem;background:rgba(120,145,175,.12)}
.onix-page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:96px 0 72px;position:relative;z-index:2}
.onix-top-link,.login-back,.back-link,.report-back{position:fixed!important;top:24px!important;left:28px!important;z-index:50!important;color:#c8ced6!important;text-decoration:none!important;font-weight:700!important;font-size:.95rem!important;display:inline-flex!important;gap:8px!important;align-items:center!important;transition:.25s ease!important}
.onix-top-link:hover,.login-back:hover,.back-link:hover,.report-back:hover{color:white!important;transform:translateX(-3px)}
.onix-kicker,.plan-badge,.checkout-header>span,.diagnostic-header>span,.report-card>span,.report-hero>span{display:inline-flex;align-items:center;gap:8px;letter-spacing:.28em;text-transform:uppercase;font-size:.72rem;font-weight:800;color:#aeb6c2}
.onix-hero{text-align:center;max-width:880px;margin:0 auto 34px}
.onix-hero img{width:150px;max-height:82px;object-fit:contain;margin-bottom:26px;filter:drop-shadow(0 12px 32px rgba(255,255,255,.08))}
.onix-hero h1,.checkout-header h1,.diagnostic-header h1,.report-hero h1,.plan-hero h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.94;letter-spacing:-.055em;margin:18px 0 20px;color:#fff;text-wrap:balance}
.onix-hero p,.checkout-header p,.diagnostic-header p,.report-hero p,.plan-hero p{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.7;color:var(--op-muted);max-width:760px;margin:0 auto}
.onix-glass-card,.login-panel,.contact-card,.checkout-card,.diagnostic-question-card,.report-card,.plan-page{background:linear-gradient(145deg,rgba(18,20,24,.88),rgba(6,7,9,.82));border:1px solid var(--op-line);border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(26px)}
.onix-glass-card{padding:30px}
.login-wrapper{width:min(1060px,calc(100% - 36px));min-height:100vh;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px;padding:80px 0}
.login-brand{text-align:left}.login-brand img{width:190px;max-height:90px;object-fit:contain;margin-bottom:34px}.login-brand h1{font-size:clamp(3rem,6vw,5.3rem);line-height:.95;letter-spacing:-.055em;margin:0 0 18px}.login-brand p{font-size:1.15rem;color:var(--op-muted)}
.login-panel{padding:34px}.input-group{height:68px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);display:grid;grid-template-columns:58px 1fr;align-items:center;overflow:hidden;margin-bottom:14px;transition:.25s ease}.input-group:focus-within{border-color:rgba(255,255,255,.35);box-shadow:0 0 0 4px rgba(255,255,255,.04)}.input-group span{display:grid;place-items:center;color:#aeb6c0}.input-group input{height:100%;width:100%;border:0!important;background:transparent!important;color:white!important;outline:0!important;padding:0 18px 0 0!important;font-size:1rem!important;box-shadow:none!important}.input-group input::placeholder{color:#777f8b}.login-panel button,.premium-button,.buy-btn,.contact-form button,.report-main-btn{width:100%;min-height:62px;border:0;border-radius:18px;background:#f5f7fa;color:#08090b;font-weight:900;font-size:1rem;cursor:pointer;transition:.25s ease}.login-panel button:hover,.premium-button:hover,.buy-btn:hover,.contact-form button:hover,.report-main-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(255,255,255,.13)}.login-safe{text-align:center;color:#969eaa;margin-top:24px}
.onix-form-note{font-size:.82rem;color:#7f8895;margin:8px 4px 18px}.onix-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.onix-form-switch{margin-top:18px;text-align:center;color:#939ca8}.onix-form-switch a{color:white;font-weight:800;text-decoration:none}
.contact-card.login-card{width:min(680px,100%);margin:0 auto;padding:34px}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form select{height:62px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:white;padding:0 18px;font-size:1rem;outline:none}.contact-form select option{background:#0b0d10}.contact-form input:focus,.contact-form select:focus{border-color:rgba(255,255,255,.35);box-shadow:0 0 0 4px rgba(255,255,255,.04)}
.plan-page{width:min(1120px,calc(100% - 40px));margin:82px auto;padding:48px}.plan-hero{text-align:center}.plan-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:38px auto 28px;max-width:760px}.price-card{padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:6px}.price-card strong{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.04em}.price-card span{color:#a8b0bb}.featured-price{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025));box-shadow:0 0 0 1px rgba(255,255,255,.08),0 22px 60px rgba(0,0,0,.35)}.plan-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0}.feature-card{min-height:88px;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);display:flex;align-items:center;font-weight:750}.feature-card::first-letter{color:#7ee2a8}.plan-cta{max-width:380px;margin:32px auto 0}.plan-context{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.plan-context span{padding:9px 13px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#9fa8b4;font-size:.82rem}
.checkout-wrapper{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:96px 0}.checkout-header{text-align:center;margin-bottom:36px}.checkout-header img{width:160px;max-height:74px;object-fit:contain;margin-bottom:26px}.checkout-card{padding:38px}.checkout-plan h2{font-size:3.2rem;margin:12px 0}.checkout-plan p{color:var(--op-muted)}.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.payment-option{padding:26px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:24px!important;background:rgba(255,255,255,.025)!important;color:white!important;text-decoration:none!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:9px!important;cursor:pointer!important;transition:.25s ease!important}.payment-option:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.28)!important}.payment-option strong{font-size:clamp(1.7rem,4vw,2.9rem)}.payment-option span,.payment-option small{color:#aeb6c1}.featured-payment{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important}.checkout-note{padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#a7afba}
.diagnostic-wrapper,.report-wrapper{width:min(1180px,calc(100% - 40px));margin:auto;padding:96px 0}.diagnostic-header,.report-hero{text-align:center;margin-bottom:34px}.diagnostic-progress,.report-progress{height:10px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}.diagnostic-progress>div,.report-progress>div{height:100%;background:linear-gradient(90deg,#fff,#aab4c2);border-radius:inherit}.diagnostic-question-card{padding:34px;margin-top:22px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.report-card{padding:30px}.report-card h2{font-size:2.2rem;margin:15px 0}.big-report-card{grid-column:1/-1}.report-list,.priority-list{display:grid;gap:10px;margin-top:18px}.report-list>*,.priority-list>*{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:16px;padding:14px}.report-main-btn{max-width:420px;display:block;margin:32px auto 0}
.onix-mini-security{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:22px;color:#8f98a5;font-size:.84rem}.onix-mini-security span{display:flex;align-items:center;gap:7px}
body.onix-premium-page .login-bg-logo{opacity:.025!important;max-width:420px!important;filter:blur(2px)!important}
@media(max-width:850px){.login-wrapper{grid-template-columns:1fr;gap:30px;padding:96px 0 56px}.login-brand{text-align:center}.login-brand img{margin-left:auto;margin-right:auto}.plan-features{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}.big-report-card{grid-column:auto}.onix-form-row{grid-template-columns:1fr}}
@media(max-width:620px){.onix-page-shell,.checkout-wrapper,.diagnostic-wrapper,.report-wrapper{width:min(100% - 24px,1180px)}.plan-page{width:calc(100% - 24px);padding:28px 18px;margin:72px auto}.plan-prices,.payment-options,.plan-features{grid-template-columns:1fr}.checkout-card,.login-panel,.contact-card.login-card,.diagnostic-question-card,.report-card{padding:22px}.onix-top-link,.login-back,.back-link,.report-back{top:14px!important;left:14px!important}.login-brand h1,.onix-hero h1,.checkout-header h1,.diagnostic-header h1,.report-hero h1,.plan-hero h1{font-size:clamp(2.45rem,13vw,4rem)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ==========================================================
   ONIX v3.9 · PREMIUM PAGES FIT
   Más aire horizontal, menos sensación de zoom y formularios
   centrados correctamente en pantallas de escritorio.
========================================================== */
@media (min-width: 901px) {
  .onix-page-shell,
  .diagnostic-wrapper,
  .report-wrapper {
    width: min(1320px, calc(100% - 72px)) !important;
    padding-top: 72px !important;
  }

  .plan-page {
    width: min(1260px, calc(100% - 72px)) !important;
    margin: 58px auto !important;
    padding: 38px clamp(32px, 4vw, 58px) !important;
  }

  .plan-hero h1 {
    font-size: clamp(3rem, 4.7vw, 5rem) !important;
  }

  .plan-prices {
    max-width: 820px !important;
    margin-top: 28px !important;
  }

  .price-card {
    padding: 24px !important;
  }

  .checkout-wrapper {
    width: min(1180px, calc(100% - 72px)) !important;
    padding: 64px 0 70px !important;
  }

  .checkout-header {
    margin-bottom: 24px !important;
  }

  .checkout-header h1 {
    font-size: clamp(3rem, 4.8vw, 5rem) !important;
  }

  .checkout-card {
    padding: 32px !important;
  }

  .login-wrapper {
    width: min(1220px, calc(100% - 72px)) !important;
    min-height: 100svh !important;
    grid-template-columns: minmax(0,.9fr) minmax(420px,.72fr) !important;
    align-items: center !important;
    gap: clamp(42px, 6vw, 90px) !important;
    padding: 54px 0 !important;
  }

  .login-brand img {
    width: 142px !important;
    max-height: 68px !important;
    margin-bottom: 22px !important;
  }

  .login-brand h1 {
    font-size: clamp(3rem, 4.8vw, 4.8rem) !important;
  }

  .login-panel {
    width: 100% !important;
    max-width: 560px !important;
    justify-self: end !important;
    padding: 30px !important;
  }

  .input-group {
    height: 60px !important;
  }

  body.onix-premium-page .login-bg-logo {
    width: min(34vw, 420px) !important;
    opacity: .018 !important;
  }
}

@media (max-height: 760px) and (min-width: 901px) {
  .login-wrapper {
    padding: 34px 0 !important;
  }
  .login-brand img {
    margin-bottom: 14px !important;
  }
  .login-panel {
    padding: 24px !important;
  }
  .input-group {
    height: 54px !important;
    margin-bottom: 10px !important;
  }
}