/* mint · Opción 2 · Aire frío (docs/brand/). Loaded last on the affiliate pages (body.aire).
   Abeto for weight, indigo the only action (white text), lima for data on abeto, honeydew cells,
   hueso menta ground, aurora gradient. Lila frío and coral are accents (< 10 % of a screen).
   Cells: radius 20, thin borders on white, pills. Inter Tight display with strong negative tracking. */
html body.aire{
  --abeto:#0F2A2E;--indigo:#3B60E4;--indigo2:#2E4FC8;--lima:#D8E89C;--honeydew:#C7E7D6;--lila:#C4C0F2;--coral:#F2B9A4;--hueso:#EEF3EC;
  --line:#DCE5DF;--muted:#55686C;--ink:#0F2A2E;--forest:#0F2A2E;--cream:#F5F8F4;--sand:#E4ECE6;
  --aurora:linear-gradient(115deg,#DCE8A4 0%,#C7E7D6 30%,#9CC3EE 62%,#7EA8F2 78%,#B7B1EE 100%);
  background:var(--hueso);color:var(--abeto);font-family:"Inter",system-ui,-apple-system,sans-serif}
html body.aire h1,html body.aire h2,html body.aire h3,html body.aire .big,html body.aire legend{font-family:"Inter Tight","Inter",system-ui,sans-serif;color:inherit}
html body.aire h1{font-weight:600;letter-spacing:-.05em;line-height:.95}
html body.aire h2{font-weight:600;letter-spacing:-.04em;line-height:1.02}
html body.aire h3{letter-spacing:-.02em}
html body.aire .soft{background:none;-webkit-text-fill-color:currentColor;color:inherit}
html body.aire .muted{color:var(--muted)}
html body.aire .lead{color:#34494D}

/* Small technical labels: uppercase, tracked, never mono. */
.aire .eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#4A5F63;margin:0 0 14px}

/* Action: indigo, white text, pill. Secondary: white with a thin border. */
html body.aire .btn{background:var(--indigo);color:#fff;border:0;border-radius:999px;font-weight:600}
html body.aire .btn:hover{background:var(--indigo2)}
html body.aire .btn.sec,html body.aire .btn.ghost-d{background:#fff;color:var(--abeto);border:1px solid var(--line)}
html body.aire .btn.sec:hover,html body.aire .btn.ghost-d:hover{background:#F6F9F5}
html body.aire .btn.lima{background:var(--indigo);color:#fff}
html body.aire a:not(.btn){color:var(--indigo)}
html body.aire .btn:focus-visible,html body.aire a:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}

/* Cells */
html body.aire .card{border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:none}
html body.aire .top-goal,html body.aire .codebox,html body.aire .mcard{background:var(--abeto);border-color:var(--abeto);color:#fff}
html body.aire .top-goal .big,html body.aire .codebox .big,html body.aire .mbig{color:var(--lima)}
html body.aire .pill{background:#fff;color:var(--abeto);border:1px solid var(--line)}
html body.aire .pill.on-dark{background:var(--abeto);color:#fff;border-color:var(--abeto)}
html body.aire .lima{color:inherit}
.aire .chips{display:flex;gap:8px;flex-wrap:wrap}
.aire .chip{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:var(--abeto);color:#fff;font-size:13px;font-weight:600}
.aire .chip.lila{background:var(--lila);color:var(--abeto)}
.aire .chip.lima{background:var(--lima);color:var(--abeto)}
.aire .chip.coral{background:var(--coral);color:var(--abeto)}
.aire .chip.ghost{background:rgba(255,255,255,.7);color:var(--abeto)}
html body.aire input,html body.aire select,html body.aire textarea{border-radius:14px;border-color:var(--line)}
html body.aire input:focus,html body.aire select:focus,html body.aire textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px rgba(59,96,228,.16)}
html body.aire .calc-row input[type=range]{accent-color:var(--indigo)}
html body.aire ul.list li::before{background-color:var(--honeydew)}
html body.aire .step>b{background:var(--abeto);color:var(--lima)}
html body.aire .t-ok{background:var(--honeydew);color:var(--abeto)}
html body.aire .t-warn{background:var(--lima);color:var(--abeto)}
html body.aire .t-bad{background:var(--coral);color:var(--abeto)}
html body.aire .t-mute{background:var(--lila);color:var(--abeto)}
html body.aire .m-ok{background:var(--honeydew);color:var(--abeto)}
html body.aire .m-warn{background:#F4F7DD;color:var(--abeto)}
html body.aire .m-bad{background:#FBE3DA;color:#7A2E17}
html body.aire .err{color:#A2391A}

/* Header */
html body.aire header.top.sticky{background:rgba(238,243,236,.84);border-bottom-color:rgba(220,229,223,.9)}
html body.aire .tnav a{color:var(--abeto)}

/* Hero: the aurora panel with the photo and the UI floating on top of it. */
.aire .a-hero{padding:20px 0 28px}
.aire .aurora{position:relative;border-radius:28px;background:var(--aurora);padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:center;overflow:hidden}
.aire .aurora::after{content:"";position:absolute;right:-8%;top:-20%;width:55%;height:80%;background:radial-gradient(closest-side,rgba(196,192,242,.7),transparent);filter:blur(30px);pointer-events:none}
.aire .aurora>*{position:relative;z-index:1;min-width:0}
.aire .a-copy h1{font-size:clamp(44px,6vw,76px);margin:0 0 20px;overflow-wrap:break-word}
.aire .a-copy .lead{font-size:clamp(17px,1.6vw,20px);max-width:30em;margin:0 0 26px;color:#1E3A3F}
.aire .a-copy .s-acts{margin-bottom:22px}
.aire .a-photo{position:relative;margin:0}
.aire .a-photo>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.aire .float{position:absolute;display:grid;gap:6px;padding:16px 18px;border-radius:20px;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 40px rgba(15,42,46,.16);min-width:170px}
.aire .float .eyebrow{margin:0;font-size:11px}
.aire .float b{font-family:"Inter Tight",system-ui,sans-serif;font-weight:600;letter-spacing:-.04em;line-height:1}
.aire .float.dark{background:var(--abeto);color:#fff;border-color:var(--abeto)}
.aire .float.dark .eyebrow{color:#A9BEC2}
.aire .float.dark b{color:var(--lima)}
.aire .float.f1{left:-28px;bottom:28px}
.aire .float.f1 b{font-size:48px}
.aire .float.f2{right:-18px;top:28px}
.aire .float.f2 b{font-size:26px}
.aire .float .fbar{height:6px;border-radius:99px;background:#E4ECE6;overflow:hidden;width:150px}.aire .float .fbar i{display:block;height:100%;background:var(--indigo)}
.aire .float small{font-size:12.5px;color:var(--muted)}
.aire .float.dark small{color:#A9BEC2}

/* Numbers strip: white cells, huge figures. */
.aire .a-stats .w{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.aire .a-stats .cell{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;display:grid;gap:6px}
.aire .a-stats .cell b{font-family:"Inter Tight",system-ui,sans-serif;font-size:clamp(30px,3.6vw,44px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.aire .a-stats .cell.dark{background:var(--abeto);border-color:var(--abeto);color:#fff}.aire .a-stats .cell.dark b{color:var(--lima)}
.aire .a-stats .cell>span{font-size:14px;color:var(--muted)}.aire .a-stats .cell.dark>span{color:#A9BEC2}
.aire .a-stats .cell b span{font:inherit;color:inherit}

/* Sections that were dark or lime bands */
html body.aire .s-need .s-need-txt{background:var(--honeydew);border-radius:20px;padding:clamp(22px,4vw,40px)}
html body.aire .need li::before{background-color:#fff}
html body.aire .s-reels{background:var(--abeto)}
html body.aire .s-reels .lima{color:var(--lima)}
html body.aire .s-reels::before{background:radial-gradient(40% 60% at 20% 50%,rgba(126,168,242,.32),transparent 70%),radial-gradient(40% 60% at 80% 50%,rgba(216,232,156,.26),transparent 70%)}
html body.aire .r-tag{background:var(--lima);color:var(--abeto)}
html body.aire .reel.join{background:var(--aurora);color:var(--abeto)}
html body.aire .s-cta{background:var(--aurora);border-radius:28px;margin:0 max(16px,calc((100% - 1040px) / 2)) 48px;padding:64px 24px}
html body.aire section[style*="background:#fff"],html body.aire .s-apply{background:transparent !important}
html body.aire .example{background:var(--honeydew);border-color:var(--honeydew)}
html body.aire .next-steps li::before{background:var(--abeto);color:var(--lima)}
html body.aire footer.foot{background:var(--abeto);color:#A9BEC2;border:0}
html body.aire footer.foot a{color:#fff}
html body.aire .funnel>div,html body.aire .money>div{background:var(--hueso)}
html body.aire .mprog i{background:var(--lima)}
html body.aire .prog i{background:var(--indigo)}
html body.aire .s-stats{display:none}

/* /medicos/: the mission band, «del resto nos ocupamos» and the referral terms as a secondary block. */
.aire .m-mision{padding:56px 0 24px}
.aire .m-statement{font-family:"Inter Tight","Inter",system-ui,sans-serif;font-weight:600;font-size:clamp(30px,4.4vw,54px);letter-spacing:-.045em;line-height:1.04;max-width:20em;margin:0 0 36px;color:var(--abeto)}
.aire .m-statement span{color:var(--indigo)}
.aire .m-whys .card{display:grid;gap:4px;align-content:start}
.aire .m-whys h3{margin:6px 0 4px}
.aire .m-n{font-family:"Inter Tight",system-ui,sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;color:var(--indigo)}
.aire .m-hace .grid2{gap:40px;align-items:start}
.aire .m-hace .need{margin-top:0}
.aire .m-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 36px}
.aire .m-terms .cell b{font-size:clamp(24px,2.6vw,32px)}
.aire .m-sub{font-size:22px;margin:0 0 16px}
.aire .m-center{justify-content:center}

@media (max-width:860px){
  .aire .aurora{grid-template-columns:1fr;border-radius:24px}
  .aire .float.f1{left:12px;bottom:12px}.aire .float.f1 b{font-size:38px}
  .aire .float.f2{right:12px;top:12px}
  .aire .a-stats .w,.aire .m-terms{grid-template-columns:1fr 1fr}
  .aire .m-hace .grid2{gap:12px}
  .aire .a-copy .s-acts .btn{flex:1 1 100%}
  html body.aire .s-cta{border-radius:24px;margin:0 16px 32px;padding:44px 20px}
}
@media (prefers-reduced-motion:reduce){.aire *{transition:none !important}}