/* PlusPlan — hoja de estilos compartida.
   Dirección visual: cartel de campaña (negro y amarillo, bordes rectos, titulares grandes)
   con secciones claras de serifa para el contenido institucional. */

:root{
  --night:#0B0B0C; --ink:#000000; --yellow:#FFF200; --white:#FFFFFF;
  --paper:#F3F4F6; --rule:#D9DBDF; --grey:#A8A9AD; --grey-dark:#4A4B4F; --cell:#161617; --line-dark:#2A2A2E;
  --f-display:'Alatsi','Arial Narrow',Impact,sans-serif;
  --f-body:'League Spartan','Helvetica Neue',Arial,sans-serif;
  --f-serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --gutter:16px; --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--night);color:var(--white);font:400 17px/1.55 var(--f-body);-webkit-text-size-adjust:100%}
a{color:inherit}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.light :focus-visible,.mision :focus-visible{outline-color:var(--ink)}
.eyebrow.y{color:var(--yellow)}
.mt-s{margin-top:14px}
.cta.tight{margin-top:6px}
.cta.flush{margin-top:0}
.wrap{max-width:var(--max);margin-inline:auto}
section,header,footer{padding-inline:var(--gutter)}
mark{background:var(--yellow);color:var(--ink);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.eyebrow{font:700 .78rem/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase}
.skip{position:absolute;left:-9999px;top:8px;background:var(--yellow);color:var(--ink);padding:10px 14px;font-weight:700;z-index:50}
.skip:focus{left:8px}

/* Botones */
.btn{display:inline-block;font:700 .82rem/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:15px 22px;border:2px solid var(--yellow);border-radius:2px;transition:transform .12s ease;cursor:pointer;background:none;color:var(--yellow)}
.btn:hover{transform:translateY(-2px)}
.btn.solid{background:var(--yellow);color:var(--ink)}
.btn.small{padding:11px 14px;font-size:.74rem}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--yellow)}
.btn.ink-line{border-color:var(--ink);color:var(--ink)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* Menú */
.nav{position:sticky;top:0;z-index:10;background:var(--ink);border-bottom:1px solid #26262A}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{font:400 1.45rem/1 var(--f-display);letter-spacing:.12em;text-decoration:none;white-space:nowrap;padding-block:4px}
.logo i{font-style:normal;color:var(--yellow)}
.links{display:none;gap:28px;font-weight:500;font-size:.95rem}
.links a{text-decoration:none;color:#D5D6D9}
.links a:hover{color:var(--yellow)}
.menu-btn{font:700 .78rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;background:none;color:var(--white);border:2px solid #3A3A3F;border-radius:2px;padding:11px 14px;cursor:pointer}
.panel{display:none;background:var(--ink);border-top:1px solid #26262A;padding:8px var(--gutter) 20px}
.panel.open{display:grid}
.panel a{padding:14px 0;border-bottom:1px solid #26262A;text-decoration:none;font-weight:500}
.panel a.btn{margin-top:16px;text-align:center;border:2px solid var(--yellow)}
.nav-cta{display:none}
@media (min-width:860px){.links{display:flex}.menu-btn,.panel{display:none!important}.nav-cta{display:inline-block}}

/* Portada */
.hero{background:var(--ink);padding-block:48px 64px}
.hero .wrap{display:grid;gap:44px;align-items:center}
.tag{display:inline-block;background:var(--yellow);color:var(--ink);padding:7px 10px;margin-bottom:22px}
.hero h1{font:400 clamp(2.15rem,9.2vw,5.4rem)/.96 var(--f-display);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.hero .lead{margin-top:24px;max-width:46ch;color:#D5D6D9;font-size:1.1rem}
.who{margin-top:34px;padding-top:16px;border-top:1px solid var(--line-dark);color:var(--grey);font-weight:500;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
@media (min-width:960px){.hero{padding-block:80px 96px}.hero .wrap{grid-template-columns:1.15fr .85fr;gap:64px}}

/* Ficha FODA */
.ficha{display:grid;gap:10px;max-width:440px;width:100%;justify-self:center}
.ficha-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--grey);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.quad{display:grid;grid-template-columns:22px 1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:6px}
.axis{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);font-weight:500}
.axis.col{text-align:center;padding-bottom:2px}
.axis.row{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;align-self:center;justify-self:center}
.cell{aspect-ratio:1/1;padding:14px;display:flex;flex-direction:column;justify-content:space-between;border-radius:2px;min-width:0}
.cell b{font:400 clamp(3.4rem,13vw,5.4rem)/.85 var(--f-display)}
.cell span{font-weight:700;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
.cell.pos{background:var(--yellow);color:var(--ink)}
.cell.neg{background:var(--cell);color:var(--white);border:2px solid #3A3A3F}
.score{border:2px solid #3A3A3F;border-radius:2px;padding:14px}
.score-row{display:flex;justify-content:space-between;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.score-row output{font:400 1.5rem/1 var(--f-display);color:var(--yellow)}
.bar{margin-top:10px;height:10px;background:#26262A;border-radius:1px}
.bar i{display:block;height:100%;width:62%;background:var(--yellow);border-radius:1px}
.ficha small{color:var(--grey);font-size:.74rem;letter-spacing:.04em}

/* Secciones claras */
.light{background:var(--paper);color:var(--ink)}
.light .eyebrow{color:var(--grey-dark)}
.sec{padding-block:64px 72px}
.sec-head{display:grid;gap:18px;margin-bottom:40px}
.sec h2.serif{font:600 clamp(2rem,6vw,3.5rem)/1.05 var(--f-serif);letter-spacing:-.01em;text-wrap:balance;max-width:18ch}
.sec .sub{color:var(--grey-dark);max-width:52ch;font-size:1.08rem}
@media (min-width:900px){.sec-head.two{grid-template-columns:1fr 1fr;align-items:end;gap:56px}}

/* Servicios */
.row{display:grid;gap:18px;padding-block:28px;border-top:3px solid var(--ink)}
.row:last-child{border-bottom:3px solid var(--ink)}
.row h3{font:400 clamp(1.7rem,4.4vw,2.3rem)/1.02 var(--f-display);text-transform:uppercase}
.row .what{color:var(--grey-dark);max-width:44ch;margin-top:12px}
.row ul{display:grid;gap:8px 28px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));font-weight:500}
.row li{display:flex;gap:10px;align-items:baseline}
.row li::before{content:"";flex:none;width:9px;height:9px;background:var(--ink);transform:translateY(-1px)}
.go{display:inline-block;padding-block:4px;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;text-decoration-thickness:3px;text-decoration-color:var(--yellow);text-underline-offset:5px}
.row .detail{display:grid;gap:22px;align-content:start}
@media (min-width:900px){.row{grid-template-columns:.9fr 1.1fr;gap:56px;padding-block:36px}}

/* FODA destacado */
.foda{background:var(--ink);padding-block:72px 80px}
.foda .wrap{display:grid;gap:44px}
.foda h2{font:400 clamp(2rem,6.4vw,3.9rem)/1 var(--f-display);text-transform:uppercase;text-wrap:balance}
.foda .txt{display:grid;gap:22px;align-content:start}
.foda .txt p{color:#D5D6D9;max-width:50ch;font-size:1.08rem}
.steps{display:grid;counter-reset:s}
.steps li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding-block:20px;border-top:1px solid #2F2F34;counter-increment:s}
.steps li:last-child{border-bottom:1px solid #2F2F34}
.steps li::before{content:counter(s);font:400 2.2rem/1 var(--f-display);color:var(--yellow)}
.steps b{display:block;font-weight:700;font-size:1.08rem}
.steps span{color:var(--grey)}
.have{font-weight:500;color:var(--grey);font-size:.95rem}
.have a{color:var(--yellow);text-underline-offset:4px;font-weight:700}
@media (min-width:960px){.foda .wrap{grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}}

/* Método */
.quote{display:grid;gap:10px;border-top:3px solid var(--ink);padding-top:22px;margin-bottom:44px}
.quote p:first-child{font:600 clamp(1.5rem,4.4vw,2.4rem)/1.12 var(--f-serif);max-width:26ch;text-wrap:balance}
.quote p:last-child{color:var(--grey-dark);max-width:56ch}
.method{display:grid;gap:0;counter-reset:m}
.method li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding-block:20px;border-top:1px solid var(--rule);counter-increment:m}
.method li:last-child{border-bottom:1px solid var(--rule)}
.method li::before{content:counter(m);font:400 2.2rem/1 var(--f-display)}
.method b{display:block;font:400 1.5rem/1.1 var(--f-display);text-transform:uppercase}
.method span{color:var(--grey-dark)}
@media (min-width:900px){
  .method{grid-template-columns:repeat(4,1fr);gap:20px}
  .method li{grid-template-columns:1fr;border-top:3px solid var(--ink);border-bottom:0!important;padding-top:18px}
}

/* Boot Camp */
.camp{background:var(--night);padding-block:72px 80px;border-top:1px solid var(--line-dark)}
.camp .wrap{display:grid;gap:44px}
.camp h2{font:400 clamp(2rem,6vw,3.6rem)/1 var(--f-display);text-transform:uppercase;text-wrap:balance}
.camp .txt{display:grid;gap:22px;align-content:start}
.camp .txt p{color:#D5D6D9;max-width:50ch;font-size:1.08rem}
.camp .by{color:var(--grey);font-size:.95rem}
.mods{display:grid;counter-reset:c}
.mods li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding-block:20px;border-top:1px solid #2F2F34;counter-increment:c}
.mods li:last-child{border-bottom:1px solid #2F2F34}
.mods li::before{content:counter(c);font:400 2.2rem/1 var(--f-display);color:var(--yellow)}
.mods b{display:block;font-weight:700;font-size:1.08rem}
.mods span{color:var(--grey)}
@media (min-width:960px){.camp .wrap{grid-template-columns:1fr 1fr;gap:72px;align-items:start}}

/* Misión Argentina */
.mision{background:var(--yellow);color:var(--ink);padding-block:72px 80px}
.mision .wrap{display:grid;gap:28px}
.mision .eyebrow{color:var(--ink)}
.mision h2{font:400 clamp(2.4rem,9vw,6rem)/.95 var(--f-display);text-transform:uppercase;text-wrap:balance}
.mision p{max-width:54ch;font-size:1.15rem;font-weight:500}
.mision ul{display:grid;gap:8px 24px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;border-top:3px solid var(--ink);padding-top:16px}
.mision .cta{margin-top:6px}

/* Contacto */
.contact{padding-block:64px 72px}
.contact .wrap{display:grid;gap:40px}
.contact h2{font:600 clamp(2rem,6vw,3.2rem)/1.05 var(--f-serif);letter-spacing:-.01em;text-wrap:balance}
.ways{display:grid;gap:18px;align-content:start}
.ways p{color:var(--grey-dark);max-width:44ch}
.ways dl{display:grid;gap:14px;margin:6px 0 0}
.ways dt{font:700 .74rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--grey-dark)}
.ways dd{margin:4px 0 0;font-weight:500}
.ways dd a{text-underline-offset:4px;text-decoration-color:var(--yellow);text-decoration-thickness:3px}
form{display:grid;gap:16px}
.pair{display:grid;gap:16px}
label{display:grid;gap:6px;font:700 .74rem/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--grey-dark)}
input,textarea{font:400 1rem/1.4 var(--f-body);color:var(--ink);background:var(--white);border:2px solid #7C7F85;border-radius:2px;padding:13px 14px;width:100%;letter-spacing:0;text-transform:none}
input:focus,textarea:focus{border-color:var(--ink);outline:3px solid var(--yellow);outline-offset:0}
textarea{min-height:140px;resize:vertical}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.form-msg{font-weight:700;min-height:1.5em}
.form-msg.ok{color:#0B6B2F}.form-msg.err{color:#A11B1B}
@media (min-width:900px){.contact .wrap{grid-template-columns:.85fr 1.15fr;gap:72px}.pair{grid-template-columns:1fr 1fr}}

/* Pie */
.foot{background:var(--ink);padding-block:44px 40px;border-top:1px solid var(--line-dark)}
.foot .wrap{display:grid;gap:28px}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 24px;font-weight:500}
.foot nav a{text-decoration:none;color:#D5D6D9}
.foot nav a:hover{color:var(--yellow)}
.foot small{color:var(--grey);font-size:.85rem;line-height:1.7}
.foot small a{color:var(--grey)}

/* Documento legal / 404 */
.doc{padding-block:56px 72px}
.doc .wrap{max-width:760px}
.doc h1{font:600 clamp(2rem,6vw,3rem)/1.05 var(--f-serif);letter-spacing:-.01em;margin-bottom:12px}
.doc h2{font:400 1.5rem/1.1 var(--f-display);text-transform:uppercase;margin:36px 0 10px}
.doc p,.doc li{color:#26272B;margin-top:10px}
.doc ul{margin-top:10px;display:grid;gap:6px}
.doc li{display:flex;gap:10px;align-items:baseline;margin-top:0}
.doc li::before{content:"";flex:none;width:8px;height:8px;background:var(--ink);transform:translateY(-1px)}
.doc a{text-underline-offset:4px;text-decoration-color:var(--yellow);text-decoration-thickness:3px}
.doc .meta{color:var(--grey-dark);font-size:.95rem}
.lost{background:var(--ink);padding-block:96px}
.lost .wrap{display:grid;gap:22px;justify-items:start}
.lost h1{font:400 clamp(3rem,14vw,8rem)/.9 var(--f-display);text-transform:uppercase}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* ── Páginas de servicio (SEO) ── */
.crumbs{background:var(--ink);padding:14px var(--gutter) 0;font-size:.82rem;color:var(--grey)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;max-width:var(--max);margin-inline:auto}
.crumbs li+li::before{content:"/";margin-right:6px;color:#55565A}
.crumbs a{color:#D5D6D9;text-underline-offset:3px}
.page-hero{background:var(--ink);padding-block:36px 64px}
.page-hero .wrap{display:grid;gap:22px}
.page-hero h1{font:400 clamp(2.1rem,7.4vw,4.4rem)/.98 var(--f-display);text-transform:uppercase;text-wrap:balance;max-width:18ch}
.page-hero .lead{max-width:56ch;color:#D5D6D9;font-size:1.12rem}
.prose{display:grid;gap:16px;max-width:68ch}
.prose h2{font:600 clamp(1.6rem,4.4vw,2.3rem)/1.1 var(--f-serif);letter-spacing:-.01em;margin-top:22px;text-wrap:balance}
.prose h3{font:400 1.35rem/1.1 var(--f-display);text-transform:uppercase;margin-top:10px}
.prose p{color:#26272B}
.prose ul{display:grid;gap:8px}
.prose li{display:flex;gap:10px;align-items:baseline}
.prose li::before{content:"";flex:none;width:9px;height:9px;background:var(--ink);transform:translateY(-1px)}
.prose a{text-underline-offset:4px;text-decoration-color:var(--yellow);text-decoration-thickness:3px;font-weight:500}
.cols2{display:grid;gap:40px}
@media (min-width:960px){.cols2{grid-template-columns:1.4fr .8fr;gap:72px;align-items:start}}
.aside-box{background:var(--ink);color:var(--white);padding:24px;border-radius:2px;display:grid;gap:14px}
.aside-box h2{font:400 1.6rem/1.05 var(--f-display);text-transform:uppercase}
.aside-box p{color:#D5D6D9}
.related{display:grid;gap:10px;margin-top:8px}
.related a{display:block;padding:14px 0;border-top:1px solid var(--rule);font-weight:700;text-decoration:none}
.related a:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px}

/* Preguntas frecuentes */
.faq{display:grid;max-width:820px}
.faq details{border-top:2px solid var(--ink)}
.faq details:last-child{border-bottom:2px solid var(--ink)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding-block:18px;font:600 1.15rem/1.3 var(--f-serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 1.6rem/1 var(--f-display);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{padding-bottom:18px;color:#26272B;max-width:64ch}
.faq details a{text-underline-offset:4px;text-decoration-color:var(--yellow);text-decoration-thickness:3px;font-weight:500}
.go-row{display:flex;flex-wrap:wrap;gap:8px 24px}
.light .aside-box :focus-visible{outline-color:var(--yellow)}
.aside-box .go{color:var(--yellow)}
.contact{border-top:1px solid var(--rule)}

/* ── Misión Argentina ── */
.ma-hero{position:relative;background:var(--ink) url("https://images.unsplash.com/photo-1612294037637-ec328d0e075e?auto=format&fit=crop&w=1600&q=70") center/cover no-repeat;padding-block:96px 88px}
.ma-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.92) 100%);backdrop-filter:grayscale(1)}
.ma-hero .wrap{position:relative;display:grid;gap:22px}
.ma-hero h1{font:400 clamp(3rem,15vw,9rem)/.88 var(--f-display);text-transform:uppercase}
.ma-hero .quote-l{font:600 clamp(1.2rem,3.4vw,1.7rem)/1.3 var(--f-serif);max-width:34ch;color:#E6E7E8}
.ma-hero .meta{color:var(--grey);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:520px}
.stat{border-top:3px solid var(--ink);padding-top:14px}
.stat b{display:block;font:400 clamp(2.6rem,9vw,4rem)/1 var(--f-display)}
.stat span{font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-dark)}
.ma-img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1) contrast(1.15);border-radius:2px;display:block}
.who3{display:grid;gap:0}
.who3 article{padding-block:24px;border-top:1px solid #2F2F34;display:grid;gap:8px}
.who3 article:last-child{border-bottom:1px solid #2F2F34}
.who3 h3{font:400 1.9rem/1 var(--f-display);text-transform:uppercase;color:var(--yellow)}
.who3 p{color:#D5D6D9;max-width:52ch}
@media (min-width:900px){.who3{grid-template-columns:repeat(3,1fr);gap:28px}.who3 article{border-bottom:0!important;border-top:3px solid var(--yellow)}}
.days{display:grid;gap:18px;counter-reset:d}
.day{display:grid;gap:12px;align-content:start;counter-increment:d}
.day img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:grayscale(1) brightness(.85);border-radius:2px;display:block}
.day .n{font:700 .78rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--grey-dark)}
.day h3{font:400 1.6rem/1.05 var(--f-display);text-transform:uppercase}
.day p{color:#26272B}
@media (min-width:700px){.days{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.days{grid-template-columns:repeat(5,1fr)}}
.price{background:var(--yellow);color:var(--ink);padding-block:64px 72px}
.price .wrap{display:grid;gap:14px;justify-items:start}
.price b{font:400 clamp(3.4rem,14vw,8rem)/.9 var(--f-display)}
.price p{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem}
.price :focus-visible{outline-color:var(--ink)}
.people{display:grid;gap:44px}
.person{display:grid;gap:16px;align-content:start}
.person .vid{width:100%;max-width:340px;aspect-ratio:9/16;border:1px solid #2F2F34;border-radius:2px;background:var(--cell);display:block}
.person h3{font:400 2rem/1 var(--f-display);text-transform:uppercase;color:var(--yellow)}
.person .role{font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
.person p{color:#D5D6D9;max-width:46ch}
@media (min-width:900px){.people{grid-template-columns:1fr 1fr;gap:72px}}
.tagline{color:var(--grey);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.camp .wrap.block{display:block}

/* Fundador */
.facts{display:grid}
.facts li{display:grid;grid-template-columns:14px 1fr;gap:14px;padding-block:18px;border-top:1px solid #2F2F34}
.facts li:last-child{border-bottom:1px solid #2F2F34}
.facts li::before{content:"";width:10px;height:10px;background:var(--yellow);margin-top:7px}
.facts b{display:block;font-weight:700;font-size:1.05rem}
.facts span{color:var(--grey)}
.person h3 a{text-decoration:none}
.person h3 a:hover{text-decoration:underline;text-decoration-thickness:3px}
.foot small a.founder{color:#D5D6D9}