/* Kubo Hosting: portada. Tokens del archivo "Kubo Hosting" de Paper. */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/inter-tight-latin.woff2) format('woff2')}
:root{
  --night:#050505;--card:#121212;--card-line:#242424;--on-dark:#F5F5F5;--dim:#8C8C8C;--faint:#6E6E6E;
  --primary:#2B4BFF;--primary-soft:#6F86FF;--mint:#7EE2B0;--mint-bg:#0F2A1D;--ink:#0B0B0C;
  --radius:20px;--pill:999px;--page:1248px;
}
/* Base en @layer base: en las pantallas de la tienda las utilidades de Tailwind v4 (en capas) deben ganar */
@layer base{
  *{box-sizing:border-box;margin:0;padding:0}
  .kubo a{color:inherit;text-decoration:none}
  .kubo img,.kubo svg{display:block}
}
html{scroll-behavior:smooth}
body.kubo{background:var(--night);color:var(--on-dark);font-family:'Inter Tight',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.k-wrap{width:100%;max-width:calc(var(--page) + 2*24px);margin:0 auto;padding:0 24px}
.k-dim{color:var(--dim)}
.k-label{font-size:14px;font-weight:500;color:var(--primary-soft)}
.k-h2{font-size:48px;font-weight:500;letter-spacing:-.03em;line-height:1.15}
.k-h3{font-size:44px;font-weight:500;letter-spacing:-.03em;line-height:1.18}
.k-text{font-size:16px;line-height:26px;color:var(--dim)}
.k-section{padding-top:160px}
.k-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}

/* botones */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--pill);font-weight:600;font-size:16px;white-space:nowrap;transition:opacity .15s,background .15s;cursor:pointer;border:0;font-family:inherit}
.k-btn:hover{opacity:.88}
.k-btn-white{background:#fff;color:var(--ink)!important}
.k-btn-primary{background:var(--primary);color:#fff!important}
.k-btn-ghost{border:1px solid #3A3A3A;color:var(--on-dark)}
.k-btn-ghost:hover{background:#151515;opacity:1}

/* navegación */
.k-nav{position:sticky;top:0;z-index:30;background:rgba(5,5,5,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent}
.k-nav.is-scrolled{border-bottom-color:#161616}
.k-nav-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.k-logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;letter-spacing:-.05em}
.k-menu{display:flex;gap:36px;font-size:15px;font-weight:500}
.k-menu a:hover,.k-acc a.k-link:hover{color:#fff;opacity:.75}
.k-acc{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:500}
.k-acc .k-btn{padding:11px 20px;font-size:15px}
.k-burger{display:none;background:none;border:0;color:var(--on-dark);cursor:pointer;padding:6px}

/* hero */
.k-hero{position:relative;overflow:hidden;padding:96px 0 120px}
.k-grid{position:absolute;inset:0;background-image:linear-gradient(#161616 1px,transparent 1px),linear-gradient(90deg,#161616 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(60% 60% at 50% 38%,#000 0%,transparent 100%);mask-image:radial-gradient(60% 60% at 50% 38%,#000 0%,transparent 100%);pointer-events:none}
.k-hero-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.k-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:var(--pill);background:var(--card);border:1px solid var(--card-line);font-size:14px;font-weight:500;color:#C9C9C9}
.k-badge b{background:var(--primary);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:var(--pill)}
.k-h1{margin-top:24px;font-size:68px;font-weight:500;letter-spacing:-.035em;line-height:76px}
.k-lead{margin-top:24px;max-width:640px;font-size:18px;line-height:28px;color:var(--dim)}
.k-search{margin-top:40px;display:flex;align-items:center;gap:12px;width:100%;max-width:680px;padding:8px 8px 8px 24px;border-radius:var(--pill);background:#0E0E0E;border:1px solid #2E2E2E;transition:border-color .15s}
.k-search:focus-within{border-color:var(--primary)}
.k-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--on-dark);font:inherit;font-size:18px}
.k-search input::placeholder{color:var(--faint)}
.k-tlds{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font-size:14px;font-weight:500;color:#7A7A7A}
.k-chips-t{margin-top:64px;font-size:14px;font-weight:500;color:var(--dim)}
.k-chips{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.k-chip{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:var(--card);border:1px solid var(--card-line);font-size:14px;font-weight:500}
.k-cube-a{position:absolute;left:4%;top:56%;width:120px;transform:rotate(-12deg);opacity:.9}
.k-cube-b{position:absolute;right:8%;top:20%;width:72px;transform:rotate(14deg)}

/* tarjetas */
.k-card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius)}
.k-inset{background:#0A0A0A;border:1px solid var(--card-line);border-radius:16px}
.k-bento{margin-top:56px;display:flex;flex-direction:column;gap:16px}
.k-bento-wide{display:flex;align-items:center;gap:48px;padding:48px}
.k-bento-wide>div{flex:1}
.k-bento-row{display:flex;gap:16px}
.k-bento-row>.k-card{flex:1;display:flex;flex-direction:column;gap:32px;padding:32px}
.k-tt{display:flex;flex-direction:column;gap:12px}
.k-tt h3{font-size:32px;font-weight:500;letter-spacing:-.025em;line-height:40px}
.k-bento-row .k-tt h3{font-size:28px;line-height:36px}
.k-more{font-size:15px;font-weight:600;text-decoration:underline!important;text-underline-offset:4px}
.k-disk{display:flex;align-items:center;justify-content:center;height:300px}
.k-disk-c{display:flex;flex-direction:column;align-items:center;gap:14px;width:320px;padding:28px;border-radius:16px;background:#161616;border:1px solid #2A2A2A}
.k-disk-ico{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--pill);background:var(--primary)}
.k-bar{width:100%;height:6px;border-radius:var(--pill);background:#262626;overflow:hidden}
.k-bar i{display:block;width:32%;height:100%;background:var(--primary);border-radius:var(--pill)}
.k-row-sm{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--dim);padding-top:8px}
.k-doms{display:flex;flex-direction:column;gap:8px;padding:24px}
.k-dom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;background:#161616;border:1px solid #2A2A2A;font-size:15px;font-weight:600}
.k-dom.is-off{background:#121212;border-color:#222;color:var(--faint)}
.k-tag{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--pill);color:var(--mint);background:var(--mint-bg);white-space:nowrap}
.k-dom.is-off .k-tag{color:var(--dim);background:#1E1E1E}
.k-mail{padding:8px 0}
.k-msg{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #1E1E1E}
.k-msg:last-child{border-bottom:0}
.k-msg i{width:8px;height:8px;border-radius:var(--pill);background:var(--primary);flex-shrink:0}
.k-msg.is-read i{background:transparent}
.k-msg div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.k-msg strong{font-size:14px;font-weight:600}
.k-msg.is-read strong{font-weight:500;color:#9A9A9A}
.k-msg small,.k-msg time{font-size:12px;color:var(--dim)}

/* split (cifras y correo) */
.k-split{display:flex;align-items:center;gap:64px}
.k-split>*{flex:1}
.k-checks{display:flex;flex-direction:column;gap:10px;padding-top:8px}
.k-check{display:flex;align-items:center;gap:10px;align-self:flex-start;padding:10px 14px;border-radius:10px;background:var(--card);border:1px solid var(--card-line);font-size:14px;font-weight:500}
.k-stats{display:flex;gap:16px;height:400px}
.k-stats>*{flex:1}
.k-stat-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);background:linear-gradient(180deg,#121212 0%,#0A0A0A 100%);border:1px solid var(--card-line);text-align:center;padding:24px}
.k-stats-col{display:flex;flex-direction:column;gap:16px}
.k-stat{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:28px}
.k-num{font-size:48px;font-weight:500;letter-spacing:-.04em;line-height:1.1}
.k-stat-big .k-num{font-size:64px}
.k-num span{color:var(--dim)}
.k-stat p,.k-stat-big p{font-size:14px;color:var(--dim)}

/* planes */
.k-plans{margin-top:56px;display:flex;gap:16px;align-items:stretch}
.k-plan{flex:1;display:flex;flex-direction:column;gap:28px;padding:36px;position:relative}
.k-plan.is-hot{border-color:var(--primary);background:linear-gradient(180deg,#141A3A 0%,#121212 45%)}
.k-hot{position:absolute;right:36px;top:36px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--primary);padding:5px 10px;border-radius:var(--pill)}
.k-plan h3{font-size:20px;font-weight:600}
.k-plan-sub{font-size:14px;color:var(--dim);margin-top:6px}
.k-price{display:flex;align-items:flex-end;gap:6px}
.k-price strong{font-size:52px;font-weight:500;letter-spacing:-.04em;line-height:52px}
.k-price span{font-size:15px;color:var(--dim);padding-bottom:6px}
.k-first{font-size:14px;color:var(--mint);margin-top:6px}
.k-plan .k-btn{width:100%}
.k-feats{list-style:none;display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--card-line);font-size:15px}
.k-feats li{display:flex;gap:10px;align-items:center}
.k-feats li:before{content:"";width:14px;height:14px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%236F86FF' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* correo */
.k-boxes{display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:var(--radius);background:radial-gradient(120% 90% at 0% 0%,#17204A 0%,#0E0E0E 55%);border:1px solid var(--card-line)}
.k-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-radius:14px;background:#141414;border:1px solid #262626;transition:border-color .15s}
.k-box:hover,.k-box.is-hot{border-color:var(--primary)}
.k-box strong{font-size:18px;font-weight:600;display:block}
.k-box small{font-size:13px;color:var(--dim)}
.k-box .k-price strong{font-size:30px;line-height:36px}
.k-box .k-price span{font-size:13px;padding-bottom:5px}

/* ventajas */
.k-adv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:40px}
.k-adv-head p{max-width:380px}
.k-adv{display:flex;flex-wrap:wrap;gap:16px}
.k-adv>div{flex:1 1 calc(33.333% - 11px);display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:16px}
.k-adv h4{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}
.k-adv p{font-size:14px;line-height:22px;color:var(--dim)}

/* faq */
.k-faq{display:flex;gap:96px}
.k-faq>div:first-child{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}
.k-faq-list{flex:1}
.k-faq details{border-bottom:1px solid var(--card-line)}
.k-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:18px;font-weight:500;cursor:pointer}
.k-faq summary::-webkit-details-marker{display:none}
.k-faq summary:after{content:"+";font-size:24px;font-weight:400;line-height:1;color:var(--on-dark);transition:transform .2s}
.k-faq details[open] summary:after{content:"\2212"}
.k-faq details p{padding:0 0 24px;max-width:560px;font-size:15px;line-height:24px;color:var(--dim)}

/* cta y pie */
.k-cta{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:24px;padding:88px 48px;border-radius:24px;background:radial-gradient(80% 120% at 50% 0%,#1B2766 0%,#0C0C0C 60%);border:1px solid var(--card-line);text-align:center}
.k-cta h2{font-size:56px;font-weight:500;letter-spacing:-.035em;line-height:64px}
.k-cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-top:8px}
.k-foot{padding-top:120px}
.k-foot-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:56px}
.k-foot-cols{display:flex;gap:96px}
.k-foot-cols div{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--dim)}
.k-foot-cols b{color:var(--on-dark);font-weight:600}
.k-foot-cols a:hover{color:var(--on-dark)}
.k-foot-bot{display:flex;justify-content:space-between;gap:16px;padding:28px 0 48px;border-top:1px solid var(--card-line);font-size:13px;color:var(--faint)}

/* tablet y móvil */
@media (max-width:1100px){
  .k-h1{font-size:56px;line-height:62px}
  .k-split{gap:40px}
  .k-faq{gap:48px}.k-faq>div:first-child{width:300px}
  .k-foot-cols{gap:48px}
}
@media (max-width:860px){
  .k-menu,.k-acc .k-link{display:none}
  .k-burger{display:block}
  .k-nav.is-open .k-menu{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:#0A0A0A;border-bottom:1px solid #1E1E1E;padding:8px 24px 16px}
  .k-nav.is-open .k-menu a{padding:14px 0;border-bottom:1px solid #161616}
  .k-section{padding-top:104px}
  .k-hero{padding:64px 0 80px}
  .k-h1{font-size:40px;line-height:46px}
  .k-lead{font-size:17px}
  .k-h2,.k-h3{font-size:34px}
  .k-search{padding:6px 6px 6px 18px}.k-search input{font-size:16px}.k-search .k-btn{padding:12px 16px}
  .k-cube-a,.k-cube-b{display:none}
  .k-bento-wide{flex-direction:column;align-items:stretch;padding:28px;gap:28px}
  .k-disk{height:auto;padding:28px}
  .k-disk-c{width:100%}
  .k-bento-row,.k-split,.k-plans,.k-faq,.k-foot-top{flex-direction:column}
  .k-bento-row>.k-card{padding:24px}
  .k-stats{height:auto;flex-direction:column}.k-stat-big{padding:40px 24px}
  .k-adv>div{flex-basis:100%}
  .k-adv-head{flex-direction:column;align-items:flex-start}
  .k-faq>div:first-child{width:auto}
  .k-faq summary{font-size:16px}
  .k-cta{padding:56px 24px}.k-cta h2{font-size:36px;line-height:42px}
  .k-foot-cols{flex-wrap:wrap;gap:32px}
  .k-foot-bot{flex-direction:column}
  .k-split.is-rev>:first-child{order:2}
}

/* páginas legales */
.k-legal{max-width:808px;padding-top:72px;padding-bottom:24px;color:#C9C9C9;font-size:16px;line-height:27px}
.k-legal h1{font-size:48px;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--on-dark)}
.k-legal-upd{margin-top:12px;font-size:14px;color:var(--faint)}
.k-legal h2{margin-top:48px;margin-bottom:12px;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--on-dark)}
.k-legal p{margin-top:12px}
.k-legal ul,.k-legal ol{margin-top:12px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.k-legal strong{color:var(--on-dark);font-weight:600}
.k-legal a{color:var(--primary-soft);text-decoration:underline;text-underline-offset:3px}
.k-legal blockquote{margin-top:16px;padding:16px 20px;border-left:3px solid var(--primary);background:var(--card);border-radius:0 12px 12px 0;font-size:15px;color:var(--dim)}
.k-legal table{margin-top:16px;width:100%;border-collapse:collapse;font-size:14px;line-height:21px}
.k-legal th,.k-legal td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--card-line)}
.k-legal th{color:var(--on-dark);font-weight:600}
@media (max-width:860px){.k-legal{padding-top:48px}.k-legal h1{font-size:34px}.k-legal table{display:block;overflow-x:auto}}

/* tienda (layout kubo-app: tema de Paymenter en oscuro) */
.k-app .k-nav{background:rgba(5,5,5,.85)}
.k-app-main{padding:48px 0 0}
.k-app .k-foot{padding-top:96px}
/* acceso, registro y contraseña: tarjeta centrada */
.k-auth .k-app-main{padding-top:64px;background:radial-gradient(50% 40% at 50% 0%,rgba(43,75,255,.14),transparent 70%)}
.k-auth main form{max-width:440px!important;width:100%;margin:0 auto!important;padding:40px 36px 32px!important;background:var(--card)!important;border:1px solid var(--card-line);border-radius:20px!important;gap:14px!important}
.k-auth main form#register{max-width:620px!important}
.k-auth main form>div:first-child{margin:0 0 12px!important}
.k-auth main form h1{font-size:28px;font-weight:500;letter-spacing:-.03em;margin-top:18px!important;color:var(--on-dark)}
.k-auth main form label{color:#C9C9C9}
.k-auth main form input:not([type=checkbox]){border-radius:12px;padding-top:12px;padding-bottom:12px;background:#0B0B0B;border-color:#2A2A2A}
.k-auth main form input:not([type=checkbox]):focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(43,75,255,.25)}
.k-auth main form button[type=submit],.k-auth main form button:not([type]){border-radius:999px;padding:13px 20px;font-weight:600;font-size:16px;background:#fff;color:#0B0B0C}
.k-auth main form a{color:var(--primary-soft)}
@media (max-width:860px){.k-auth .k-app-main{padding-top:32px}.k-auth main form{padding:28px 20px 24px!important}}