:root{
      --bg:#0f172a; --panel:rgba(255,255,255,0.06); --border:rgba(255,255,255,0.1);
      --text:#fff; --muted:#9ca3af; --ok:#10b981; --err:#ef4444; --input:#111827;
      --chip:#0b1224; --chip-border:rgba(255,255,255,.15);
    }
    body.theme-light{
      --bg:#f6f7fb; --panel:#fff; --border:#e5e7eb; --text:#0b1020; --muted:#6b7280; --input:#fff;
      --chip:#f7f7fb; --chip-border:#e5e7eb;
    }
    *{box-sizing:border-box}
    body{margin:0;background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 100%);font-family:Inter,system-ui,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:var(--text);min-height:100vh}
    .container{max-width:1100px;margin:32px auto;padding:16px}
    .card{background:var(--panel);backdrop-filter: blur(8px);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
    header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}
    header img{height:46px}
    .layout{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-top:1px solid var(--border)}
    .left{padding:22px;border-right:1px solid var(--border)}
    .right{padding:22px}
    h1{margin:0 0 8px;font-size:22px}
    .muted{color:var(--muted);font-size:14px}
    .plan-list{display:grid;gap:10px;margin:16px 0}
    .plan{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--chip-border);border-radius:12px;background:var(--chip);cursor:pointer}
    .plan input{accent-color:var(--ok)}
    .price{margin-left:auto;font-weight:700}
    .features{display:grid;gap:8px;margin-top:10px}
    .feat{font-size:14px;color:var(--muted)}
    .sum{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);display:grid;gap:8px}
    .total{font-size:28px;font-weight:800}

    form{display:grid;gap:12px}
    label{display:grid;gap:6px}
    input,select,button,textarea{padding:12px 10px;font-size:16px;border-radius:10px;border:1px solid var(--border);background:var(--input);color:var(--text)}
    input::placeholder,textarea::placeholder{color:var(--muted)}
    .error{color:var(--err);font-size:13px;display:none;margin-top:-6px}
    .error.show{display:block}
    .invalid{border-color:var(--err); outline-color:var(--err)}
    .btn{background:var(--ok);color:#062a20;border:none;font-weight:700;cursor:pointer}
    .btn[disabled]{opacity:.6;cursor:not-allowed}
    .btn-outline{background:transparent;border:0;color:var(--text)}
    .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .help{font-size:12px;color:var(--muted)}
    
    .feat-list{ list-style:none; padding:0; margin:10px 0 0; display:grid; gap:10px; }
    .feat-list li{ position:relative; padding-left:24px; color:var(--text); }
    .feat-list li::before{ content:'✓'; position:absolute; left:0; top:0; color:var(--ok); font-weight:700; }


    .notice{border:1px dashed var(--border);border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
    .notice p{margin:0;color:var(--muted);font-size:14px}

    /* Copiar link (input con botón) */
    .copy-wrap{ position:relative; display:flex; align-items:center; }
    .copy-wrap input{ width:100%; padding-right:44px; } /* espacio para el botón */
    .copy-btn{
      position:absolute; right:6px; top:50%; transform:translateY(-50%);
      border:1px solid var(--border); background:transparent; color:var(--text);
      width:34px; height:34px; border-radius:8px; display:inline-grid; place-items:center;
      cursor:pointer;
      display:flex;
      justify-content: center;
      align-items: center;
    }
    .copy-btn:hover{ background:rgba(255,255,255,.06); }
    .copy-msg{ font-size:12px; color:var(--muted); margin-top:6px; }
    .hidden{display:none!important}

    .logo_getnet {
      display:flex;
      gap:10px;
      width:100%;
    }

    .logo_getnet img {
      max-width:110px;
    }

    .logo_getnet h4 {
      font-size: 15px;
      margin-bottom:5px;
    }

    .logo_getnet p {
      font-size:13px;
    }

    @media (max-width: 900px){
      .layout{grid-template-columns:1fr}
      .left{border-right:none;border-bottom:1px solid var(--border)}
      .logo_getnet img {
        max-width:70px;
      }

      .logo_getnet h4 {
        font-size:14px;
      }

      .logo_getnet p {
        font-size:12px;
      }
    }