/* Recibí landing prototype. Reads tokens from ../tokens.css */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--rc-masa);color:var(--rc-ink);font:400 var(--rc-text-md)/var(--rc-leading-body) var(--rc-font-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
html[data-lang="en"] [lang="es"],html[data-lang="es"] [lang="en"]{display:none!important}
img{max-width:100%;display:block}
a{color:var(--rc-clay);text-underline-offset:3px}
a:hover{color:var(--rc-clay-hover)}
:focus-visible{outline:none;box-shadow:var(--rc-focus);border-radius:var(--rc-radius-sm)}
h1,h2,h3{font-family:var(--rc-font-display);font-weight:800;letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font-size:var(--rc-text-3xl);line-height:1.08;max-width:20ch}
h3{font-size:var(--rc-text-lg);font-weight:600;line-height:1.3;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:var(--rc-content-max);margin:0 auto;padding:0 var(--rc-space-8)}
.ico{width:20px;height:20px;flex:none}
.money{font-variant-numeric:tabular-nums}

.proto-bar{background:var(--rc-noche);color:var(--rc-ink-on-noche);font-size:var(--rc-text-xs);text-align:center;padding:6px 16px;letter-spacing:.02em}
.proof-inline{color:var(--rc-marigold)}
.proof{display:inline-block;margin-top:var(--rc-space-6);background:var(--rc-marigold-tint);color:var(--rc-marigold-deep);border:1.5px dashed var(--rc-marigold);border-radius:var(--rc-radius-xs);padding:6px 10px;font-size:var(--rc-text-sm);font-weight:700}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--rc-control-h);padding:0 22px;border-radius:var(--rc-radius-pill);font:700 var(--rc-text-md)/1 var(--rc-font-body);text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap}
.btn-primary{background:var(--rc-clay);color:#fff}
.btn-primary:hover{background:var(--rc-clay-hover);color:#fff}
.btn-primary:active{background:var(--rc-clay-pressed)}
.btn-ghost{background:transparent;color:var(--rc-ink);border-color:var(--rc-ink)}
.btn-ghost:hover{background:var(--rc-paper);color:var(--rc-ink)}
.btn-sm{min-height:40px;padding:0 16px;font-size:var(--rc-text-sm)}
.btn-lg{min-height:var(--rc-control-h-crew);padding:0 28px}
.btn-block{width:100%}

/* Tags & chips */
.tag{display:inline-block;vertical-align:middle;font:700 11px/1 var(--rc-font-body);letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border-radius:var(--rc-radius-xs);margin-left:4px}
.tag-pilot{background:var(--rc-clay-tint);color:var(--rc-clay)}
.tag-ph{background:var(--rc-marigold-tint);color:var(--rc-marigold-deep);border:1px dashed var(--rc-marigold)}
.chip{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:var(--rc-text-xs);padding:4px 10px 4px 6px;border-radius:var(--rc-radius-pill)}
.chip .ico{width:16px;height:16px}
.chip-ok{background:var(--rc-agave-tint);color:var(--rc-agave)}

/* Header */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--rc-masa) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1.5px solid var(--rc-line)}
.top-in{display:flex;align-items:center;gap:var(--rc-space-8);height:72px}
.brand img{height:34px;width:auto}
.nav{display:flex;gap:var(--rc-space-6);margin-right:auto}
.nav a{color:var(--rc-ink);text-decoration:none;font-weight:700;font-size:var(--rc-text-sm)}
.nav a:hover{color:var(--rc-clay)}
.top-act{display:flex;align-items:center;gap:var(--rc-space-3)}
.lang{display:inline-flex;background:var(--rc-masa-deep);border-radius:var(--rc-radius-pill);padding:3px}
.lang button{min-width:44px;height:36px;border:0;background:transparent;border-radius:var(--rc-radius-pill);font:700 var(--rc-text-sm) var(--rc-font-body);color:var(--rc-ink-2);cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--rc-ink);color:var(--rc-masa)}

/* Hero */
.hero{padding:var(--rc-space-16) 0 var(--rc-space-24);overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--rc-space-12);align-items:center}
.eyebrow{display:inline-block;font-weight:700;font-size:var(--rc-text-sm);color:var(--rc-clay);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--rc-space-4)}
.hero h1{font-size:var(--rc-text-4xl);line-height:1.02;max-width:15ch}
.hl{background:linear-gradient(transparent 62%,var(--rc-marigold) 62%,var(--rc-marigold) 92%,transparent 92%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sub{font-size:var(--rc-text-lg);color:var(--rc-ink-2);margin-top:var(--rc-space-6);max-width:36em;line-height:1.5}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--rc-space-3);margin-top:var(--rc-space-8)}
.micro{list-style:none;padding:0;margin:var(--rc-space-6) 0 0;display:flex;flex-wrap:wrap;gap:var(--rc-space-2) var(--rc-space-5);font-size:var(--rc-text-sm);color:var(--rc-ink-2)}
.micro li{display:flex;align-items:center;gap:6px}
.micro .ico{color:var(--rc-agave);width:18px;height:18px}

.hero-art{position:relative;min-height:660px}
.phone{position:absolute;left:4%;top:0;width:300px;background:var(--rc-paper);border:2px solid var(--rc-ink);border-radius:34px;padding:14px 14px 22px;box-shadow:12px 12px 0 var(--rc-clay)}
.phone-top{display:flex;gap:10px;align-items:center;padding:6px 6px 12px;border-bottom:1.5px solid var(--rc-line)}
.phone-top small{display:block;color:var(--rc-ink-2);font-size:12px}
.ph-av{width:36px;height:36px;border-radius:50%;background:var(--rc-clay);color:#fff;display:grid;place-items:center;font:800 16px var(--rc-font-display)}
.thread{display:flex;flex-direction:column;gap:10px;padding:14px 2px 6px}
.bub{max-width:88%;padding:10px 13px;border-radius:18px;font-size:var(--rc-text-sm);line-height:1.4}
.bub.in{background:var(--rc-masa-deep);color:var(--rc-ink);border-bottom-left-radius:5px;align-self:flex-start}
.bub.out{background:var(--rc-clay);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
.bub.ok{display:flex;gap:6px;align-items:flex-start;background:var(--rc-agave-tint);color:var(--rc-agave);font-weight:700}
.bub.ok .ico{width:18px;height:18px;margin-top:1px}
.bub.photo{padding:8px}
.mini-slip{width:110px;background:var(--rc-paper);padding:10px 10px 18px;border-radius:2px;display:flex;flex-direction:column;gap:6px;transform:rotate(-3deg);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 6px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom/12px 6px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 6px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom/12px 6px repeat-x}
.mini-slip i{display:block;height:5px;background:var(--rc-line);border-radius:3px}
.mini-slip i.s{width:60%}
.mini-slip b{color:var(--rc-ink);font-size:14px;align-self:flex-end}
.ex-tag{position:absolute;bottom:-12px;left:20px;background:var(--rc-ink);color:var(--rc-masa);font:700 10px/1 var(--rc-font-body);letter-spacing:.1em;padding:6px 8px;border-radius:var(--rc-radius-xs)}

.slip{position:absolute;right:0;top:400px;width:280px;background:var(--rc-paper);padding:18px 18px 30px;transform:rotate(2.5deg);box-shadow:var(--rc-shadow-slip);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom/20px 10px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 10px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom/20px 10px repeat-x}
.slip-head{display:flex;justify-content:space-between;align-items:center;font-size:var(--rc-text-xs);font-weight:700;color:var(--rc-ink-2);text-transform:uppercase;letter-spacing:.05em;padding-bottom:10px;border-bottom:1.5px dashed var(--rc-line-strong)}
.slip dl{margin:10px 0 14px}
.slip dl div{display:flex;justify-content:space-between;padding:5px 0;font-size:var(--rc-text-sm)}
.slip dt{color:var(--rc-ink-2)}
.slip dd{margin:0;font-weight:700}
.slip .tot{border-top:1.5px dashed var(--rc-line-strong);margin-top:6px;padding-top:10px}
.slip .tot dd{font:800 var(--rc-text-xl)/1 var(--rc-font-display)}
.slip-act{display:flex;gap:8px}
.slip-act .btn{flex:1;padding:0 10px}

/* Sections */
section{padding:var(--rc-space-24) 0}
.lead{font-size:var(--rc-text-lg);color:var(--rc-ink-2);max-width:42em;margin-top:var(--rc-space-5);line-height:1.55}
.problem{background:var(--rc-paper);border-block:1.5px solid var(--rc-line)}
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rc-space-6);margin-top:var(--rc-space-12)}
.pain{border-top:3px solid var(--rc-ink);padding-top:var(--rc-space-5)}
.pain .pn{font:800 var(--rc-text-sm) var(--rc-font-display);color:var(--rc-clay)}
.pain h3{font-size:var(--rc-text-xl);margin:6px 0 8px;font-weight:800}
.pain p{color:var(--rc-ink-2)}

.steps{list-style:none;padding:0;margin:var(--rc-space-12) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rc-space-5)}
.steps li{position:relative;background:var(--rc-paper);border:1.5px solid var(--rc-line);border-radius:var(--rc-radius-md);padding:var(--rc-space-6) var(--rc-space-5)}
.steps p{color:var(--rc-ink-2);font-size:var(--rc-text-sm);margin-top:8px}
.sn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--rc-ink);color:var(--rc-masa);font:800 18px var(--rc-font-display);margin-bottom:var(--rc-space-4)}
.sms-pair{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.sms-pair .bub{max-width:100%;font-size:var(--rc-text-xs)}
.bl{display:inline-block;background:var(--rc-ink);color:var(--rc-masa);font-size:10px;padding:2px 5px;border-radius:3px;margin-right:6px;letter-spacing:.06em}
.pick{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pick > span{background:var(--rc-masa);border:1.5px solid var(--rc-line-strong);border-radius:var(--rc-radius-pill);padding:6px 12px;font-size:var(--rc-text-xs);font-weight:700}
.steps li.missed{background:transparent;border:1.5px dashed var(--rc-line-strong);display:flex;flex-direction:column;gap:12px;color:var(--rc-ink-2)}
.missed b{color:var(--rc-ink)}
.missed .bub{max-width:100%;font-size:var(--rc-text-xs)}

.features{background:var(--rc-noche);color:var(--rc-masa)}
.features h2{color:var(--rc-masa)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;margin-top:var(--rc-space-12);background:#4A3D35;border:1.5px solid #4A3D35;border-radius:var(--rc-radius-md);overflow:hidden}
.feat{background:var(--rc-noche);padding:var(--rc-space-8) var(--rc-space-6)}
.feat-ico{width:44px;height:44px;border-radius:var(--rc-radius-sm);background:#3A2E27;color:var(--rc-marigold);display:grid;place-items:center;margin-bottom:var(--rc-space-5)}
.feat-ico .ico{width:24px;height:24px}
.feat h3{color:var(--rc-masa)}
.feat p{color:var(--rc-ink-on-noche);font-size:var(--rc-text-sm);margin-top:8px}
.features .tag-pilot{background:#4A2A1C;color:#F2B28F}

.who-in{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--rc-space-12);align-items:start}
.fit{background:var(--rc-agave);color:#fff;border-radius:var(--rc-radius-md);padding:var(--rc-space-8)}
.fit h3{color:#fff;margin-bottom:8px}

.pricing{background:var(--rc-masa-deep)}
.pricing h2{max-width:none}
.pricing h2 .tag{font-size:12px}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:var(--rc-space-6);margin-top:var(--rc-space-10)}
.plan{background:var(--rc-paper);border:1.5px solid var(--rc-line);border-radius:var(--rc-radius-md);padding:var(--rc-space-8)}
.plan-hl{border:2px solid var(--rc-ink);box-shadow:8px 8px 0 var(--rc-marigold)}
.price{margin:8px 0 var(--rc-space-5);color:var(--rc-ink-2)}
.price .money{font:800 var(--rc-text-3xl)/1 var(--rc-font-display);color:var(--rc-ink)}
.plan ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:var(--rc-text-sm)}
.plan li{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.plan li .ico{color:var(--rc-agave);width:18px;height:18px;margin-top:2px}
.note{margin-top:var(--rc-space-6);color:var(--rc-ink-2);font-size:var(--rc-text-sm)}

.faq-in{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--rc-space-12)}
.qs details{border-bottom:1.5px solid var(--rc-line);padding:var(--rc-space-5) 0}
.qs summary{cursor:pointer;font:600 var(--rc-text-lg)/1.3 var(--rc-font-display);list-style:none;display:flex;justify-content:space-between;gap:16px;min-height:40px;align-items:center}
.qs summary::-webkit-details-marker{display:none}
.qs summary::after{content:"+";font-size:28px;color:var(--rc-clay);line-height:1}
.qs details[open] summary::after{content:"–"}
.qs details p{color:var(--rc-ink-2);margin-top:10px;max-width:40em}
.qs .proof{margin-top:8px;font-size:var(--rc-text-xs)}

.pilot{background:var(--rc-clay);color:#fff}
.pilot-in{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--rc-space-12);align-items:start}
.pilot h2{color:#fff}
.pilot-copy p{font-size:var(--rc-text-lg);margin-top:var(--rc-space-5);color:#FBE9DF;max-width:30em}
.stamp{margin-top:var(--rc-space-10);display:inline-flex;align-items:center;gap:8px;border:3px solid var(--rc-marigold);color:var(--rc-marigold);border-radius:10px;padding:10px 18px;font:800 28px/1 var(--rc-font-display);letter-spacing:.08em;transform:rotate(-6deg)}
.stamp .ico{width:30px;height:30px}
.form{background:var(--rc-paper);color:var(--rc-ink);border-radius:var(--rc-radius-md);padding:var(--rc-space-8);display:flex;flex-direction:column;gap:var(--rc-space-4);box-shadow:10px 10px 0 var(--rc-noche)}
.mock{font-size:var(--rc-text-xs);font-weight:700;color:var(--rc-marigold-deep);background:var(--rc-marigold-tint);padding:6px 10px;border-radius:var(--rc-radius-xs);align-self:flex-start}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--rc-space-4)}
.fld{display:flex;flex-direction:column;gap:6px}
.lbl{font-size:var(--rc-text-sm);font-weight:700}
.fld input,.fld select{height:var(--rc-control-h);border:1.5px solid var(--rc-ink-2);border-radius:var(--rc-radius-sm);background:#fff;padding:0 12px;font:400 var(--rc-text-md) var(--rc-font-body);color:var(--rc-ink);width:100%}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--rc-clay);box-shadow:0 0 0 3px var(--rc-clay-tint)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:var(--rc-text-sm);color:var(--rc-ink-2)}
.chk input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--rc-clay);flex:none}
.after{background:var(--rc-agave-tint);color:var(--rc-agave);padding:12px;border-radius:var(--rc-radius-sm);font-weight:700}

.foot{background:var(--rc-masa);padding:var(--rc-space-12) 0 var(--rc-space-16)}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rc-space-6)}
.foot-logo{height:28px;width:auto}
.foot nav{display:flex;gap:var(--rc-space-5);margin-right:auto}
.foot nav a{color:var(--rc-ink-2);font-size:var(--rc-text-sm);font-weight:700}
.foot .proof{margin-top:0;font-size:var(--rc-text-xs)}
.sticky{display:none}

/* Tablet */
@media (max-width:1100px){
  .hero-in{grid-template-columns:1fr}
  .hero-art{max-width:600px;width:100%;margin:0 auto}
  .steps{grid-template-columns:1fr 1fr}
  .steps li:nth-child(n){grid-column:auto}
    .feat-grid{grid-template-columns:1fr 1fr}
  .faq-in,.pilot-in,.who-in{grid-template-columns:1fr}
}
/* Mobile (390 design width) */
@media (max-width:640px){
  :root{--rc-text-4xl:2.5rem;--rc-text-3xl:2rem}
  .wrap{padding:0 var(--rc-space-5)}
  .nav,.hide-m{display:none}
  .top-in{height:60px;justify-content:space-between}
  .brand img{height:28px}
  section{padding:var(--rc-space-16) 0}
  .hero{padding:var(--rc-space-10) 0 var(--rc-space-16)}
  .sub{font-size:var(--rc-text-md)}
  .cta-row .btn{width:100%}
  .micro{flex-direction:column}
  .hero-art{min-height:auto;display:flex;flex-direction:column;align-items:center;gap:var(--rc-space-8);margin-top:var(--rc-space-4)}
  .phone,.slip{position:relative;left:auto;right:auto;top:auto;bottom:auto}
  .phone{width:min(300px,92%);box-shadow:8px 8px 0 var(--rc-clay)}
  .slip{width:min(290px,92%)}
  .pains,.feat-grid,.plans,.grid2,.steps{grid-template-columns:1fr}
  .form{padding:var(--rc-space-5);box-shadow:6px 6px 0 var(--rc-noche)}
  .foot{padding-bottom:110px}
  .sticky{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;min-height:56px;align-items:center;justify-content:center;gap:6px;background:var(--rc-ink);color:var(--rc-masa);text-decoration:none;border-radius:var(--rc-radius-pill);font-size:var(--rc-text-sm);box-shadow:0 8px 20px -8px rgba(31,26,23,.6)}
  .sticky b{color:var(--rc-marigold)}
  .sticky:hover{color:var(--rc-masa)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Public prelaunch adaptation of the original Recibi mockup. */
.skip{position:absolute;left:16px;top:-100px;z-index:100;background:var(--rc-paper);padding:12px}.skip:focus{top:8px}
section[id]{scroll-margin-top:90px}.top-act{margin-left:auto}.hero-art{min-height:570px}.slip{top:320px}.hero h1{max-width:15ch}.prelaunch{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--rc-agave);margin-top:24px}.prelaunch::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--rc-agave)}.contact-card p+p{margin-top:16px}.foot small{display:block;margin-top:24px;color:var(--rc-ink-2)}.support-page{max-width:800px;min-height:60vh}.support-page h1{font-size:var(--rc-text-3xl)}.support-page h2{font-size:var(--rc-text-xl);margin-top:40px}.support-page p{margin-top:16px}.support-page a{overflow-wrap:anywhere}.contact-card a{overflow-wrap:anywhere}.foot{padding-bottom:48px}
@media(max-width:640px){.hero-art{min-height:auto}.slip{top:auto}.top-act .btn{padding:0 14px}.steps{grid-template-columns:1fr}.hero h1{max-width:16ch}}

@media(min-width:641px){.hero-art{min-height:760px}.slip{top:450px}.ex-tag{z-index:2}}