:root{--g:#0a7d3b;--g2:#12a150;--d:#0f1720;--y:#ffcc33}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.site-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(8px)}
.brand-logo{display:none!important}
.mk-head{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--g);flex:none}
.brand{display:flex!important;align-items:center;gap:9px}
.brand-copy strong{font-weight:800}
.hero-x{position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#063d1e,#0a7d3b 45%,#12a150 75%,#0b5e2e)!important;background-size:300% 300%!important;animation:mkgrad 14s ease infinite;padding:34px 0 40px!important}
@keyframes mkgrad{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.mk-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.35;animation:mkfloat 9s ease-in-out infinite;pointer-events:none}.mk-b1{width:260px;height:260px;background:#ffcc33;top:-80px;right:-60px}.mk-b2{width:220px;height:220px;background:#7ef0a8;bottom:-90px;left:-70px;animation-delay:-4s}
@keyframes mkfloat{50%{transform:translate(20px,25px) scale(1.1)}}
.hero-x .wrap{position:relative;display:grid;gap:22px}
.hero-x .eyebrow{display:inline-block;background:var(--y)!important;color:#3a2a00!important;font-weight:800;padding:5px 12px;border-radius:999px;animation:mkpop .6s .2s both;width:max-content;max-width:100%}
.hero-x h1{color:#fff!important;font-size:2.15rem!important;line-height:1.12!important}
.hero-x h1 em{color:var(--y)!important;font-style:normal!important;display:block}
.hero-x .lede{color:#fff!important;opacity:.95}
.hero-x .hero-note span{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;border-radius:999px;padding:6px 12px;font-weight:600;animation:mkpop .5s both}
.hero-x .hero-note span:before{content:"✅ "}
@keyframes mkpop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.hero-x .button,.mk-cta{background:var(--y)!important;color:#3a2a00!important;font-weight:800!important;border-radius:12px!important;box-shadow:0 6px 0 #d9a400!important;border:0!important}
.hero-x .button.secondary{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:none!important;border:2px solid rgba(255,255,255,.5)!important}
.mk-card{background:#fff;color:var(--d);border-radius:18px;padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.25);animation:mkrise .7s .25s both}
@keyframes mkrise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.mk-card h2{font-size:1.3rem;margin:0 0 6px;color:var(--d)}.mk-card .mk-who{display:flex;gap:12px;align-items:center;margin-bottom:12px}.mk-card .mk-who img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--g)}.mk-card .mk-who span{display:block;color:#5a5f6a;font-size:.85rem}
.mk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.mk-stats div{background:#f5f8f6;border-radius:12px;padding:10px 4px;text-align:center}.mk-stats b{display:block;font-size:1.6rem;color:var(--g)}.mk-stats span{font-size:.75rem;color:#5a5f6a}
.mk-card .fine{font-size:.75rem;color:#5a5f6a;margin:8px 0 0}
.mk-cta{display:block;text-align:center;padding:15px;text-decoration:none;font-size:1.05rem}
#modulos .card{border-radius:16px!important;box-shadow:0 4px 16px rgba(15,23,32,.08)!important;border:1px solid #edf0ee!important;transition:transform .2s,box-shadow .2s;position:relative}
#modulos .card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(15,23,32,.14)!important}
#modulos .card-number{width:52px!important;height:52px!important;border-radius:14px!important;background:#e7f6ed!important;color:var(--g)!important;font-size:1.4rem!important;font-weight:900;display:grid!important;place-items:center}
.step .n{background:var(--g)!important;color:#fff!important;border-radius:50%!important}
.mk-wa{position:fixed;right:14px;bottom:86px;z-index:60;display:flex;align-items:center;gap:8px;background:#25D366;color:#fff;border:3px solid #fff;border-radius:999px;padding:12px 18px;font-size:1.05rem;font-weight:800;text-decoration:none;animation:mkwa 2s ease-out infinite}
@keyframes mkwa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7),0 6px 18px rgba(0,0,0,.3)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0),0 6px 18px rgba(0,0,0,.3)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 6px 18px rgba(0,0,0,.3)}}
.mk-bar{position:fixed;bottom:0;left:0;right:0;z-index:55;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#fff;box-shadow:0 -4px 16px rgba(0,0,0,.1)}.mk-bar a{text-align:center;padding:13px;border-radius:12px;font-weight:800;text-decoration:none}.mk-bar .c1{background:var(--g);color:#fff}.mk-bar .c2{background:var(--y);color:#3a2a00}
body{padding-bottom:76px}
@media(min-width:860px){.mk-bar{display:none}.mk-wa{bottom:24px}body{padding-bottom:0}.hero-x{padding:60px 0!important}.hero-x .wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.hero-x h1{font-size:3rem!important}}
.hero-x .wrap>div:first-child{text-align:left}.hero-x .actions,.hero-x .hero-note{justify-content:flex-start}.hero-x .lede{margin-left:0}
.hero-x .eyebrow{font-size:.78rem;padding:6px 14px}
.nav-links .button{background:var(--y)!important;color:#3a2a00!important;box-shadow:0 4px 0 #d9a400!important;font-weight:800}
.lang-switch [aria-pressed="true"]{background:var(--g)!important;color:#fff!important}
.hero-x h1{margin-left:0!important;text-align:left!important;max-width:none!important}
/* 10: one trust line */
.trust{display:none!important}
.trust-bar{background:#f5f8f6!important;border-bottom:1px solid #e6ebe8!important}
.trust-row{justify-content:center;gap:8px 14px!important;padding-top:6px!important;padding-bottom:6px!important}
.trust-photo{display:none!important}.trust-copy{flex:0 1 auto!important;text-align:center;font-size:.82rem}
.trust-call{border-color:var(--g)!important;color:var(--g)!important;font-weight:800}
/* 6: lesson badges */
.cs-badge{position:absolute;top:14px;right:14px;font-weight:800;font-size:.72rem;padding:4px 10px;border-radius:999px;background:var(--y);color:#3a2a00}
.cs-badge.lock{background:#0f1720;color:#fff;display:none}
[data-lesson-card].locked .cs-badge.free{display:none}[data-lesson-card].locked .cs-badge.lock{display:inline-block}
#modulos .card h3{padding-right:0;margin-top:6px}
/* 8: gate form like card page */
.gate-card{background:#fff!important;border-radius:18px!important;box-shadow:0 18px 40px rgba(15,23,32,.18)!important;border:1px solid #edf0ee;border-top:6px solid var(--g)!important}
.gate-head img{border:3px solid var(--g)}
.gate-kicker{display:inline-block;background:var(--y);color:#3a2a00!important;font-weight:800!important;padding:4px 12px;border-radius:999px}
.gate-form label{font-weight:700!important;font-size:.95rem!important}
.gate-form input:not([type=checkbox]){padding:14px!important;font-size:16px!important;border:1px solid #b9bcc2!important;border-radius:10px!important;background:#fff!important}
.gate-form input:focus{outline:3px solid rgba(10,125,59,.25);border-color:var(--g)!important}
.gate-form .opt{font-weight:400;color:#5a5f6a}
.cs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.cs-chip{border:2px solid #dfe5e1;background:#fff;border-radius:999px;padding:9px 14px;font-weight:700;font-size:.92rem;color:var(--d);cursor:pointer}
.cs-chip[aria-checked="true"]{border-color:var(--g);background:#e7f6ed;color:var(--g)}
.gate-btn{background:var(--y)!important;color:#3a2a00!important;font-weight:800!important;border-radius:12px!important;box-shadow:0 6px 0 #d9a400!important;border:0!important;font-size:1.1rem!important}
.gate-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #d9a400!important}
.gate-card.prereq .button,.gate-card.done .button,.soft-cta .button:not(.secondary){background:var(--y)!important;color:#3a2a00!important;box-shadow:0 5px 0 #d9a400!important;font-weight:800}
/* 9: reveal (only when JS opts in; failsafe reveals all) */
.cs-js .cs-rv{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.cs-js .cs-rv.in{opacity:1;transform:none}
@media(min-width:860px){.mk-head{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cs-js .cs-rv{opacity:1!important;transform:none!important}}
@media print{.cs-js .cs-rv{opacity:1!important;transform:none!important}.mk-wa,.mk-bar{display:none!important}}
.gate-form label.gate-check{font-weight:400!important;font-size:.8rem!important}
.gate-q{display:grid;gap:4px;font-size:.95rem}
@media(max-width:859px){.trust-call{display:none!important}.trust-copy{font-size:.7rem!important;line-height:1.35}}
.mk-stats b span{font-size:1em!important;color:inherit!important}
/* ===== v2 trims + phone fixes 2026-11-03 ===== */
.trust-copy,.trust-copy *{font-size:13px!important}
.eyebrow{font-size:13px!important}
.cs-fold{border:1px solid #e3e8e5;border-radius:14px;background:#fff;margin:0 0 10px}
.cs-fold>summary{font-weight:800;cursor:pointer;padding:14px 16px;min-height:44px}
.cs-fold-body{padding:0 16px 16px}.cs-fold-body .section-head{margin:0 0 12px}.cs-fold-body .section-head p{margin:0}
.cs-fold-body .facts,.cs-fold-body .source-list,.cs-fold-body .boundary-grid{margin-top:8px}
/* tap targets */
.lang-switch button{min-width:44px!important;min-height:44px!important}
.menu-button{min-width:44px!important;min-height:44px!important}
.card-link,.lesson-nav a,.progress-row a,.footer-links a,.footer a,.gate-fine a{display:inline-flex!important;align-items:center;min-height:44px}
.lesson-dot{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}
.cs-chip{min-height:44px}
input[type=checkbox]{width:24px!important;height:24px!important;flex:none}
.item label,label:has(>input[type=checkbox]),.gate-check{min-height:44px;display:flex!important;align-items:center;gap:10px}
.gate-check{align-items:flex-start!important;padding:10px 0}
/* WhatsApp: 56px round */
.mk-wa{width:56px;height:56px;padding:0!important;justify-content:center;border-radius:50%!important;font-size:26px!important;border-width:2px}
.mk-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:859px){
  .mk-bar{grid-template-columns:1fr 1fr 56px!important;align-items:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important}
  .mk-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;padding:8px!important;font-size:15px}
  .mk-wa{position:fixed!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;animation:none!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;z-index:61}
  .mk-bar a.c2{margin-right:0}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .mk-blob{display:none!important}
  .hero-x{animation:none!important;padding:22px 0 26px!important}
  .hero-x h1{font-size:1.9rem!important;margin-bottom:10px}
  .hero-x .lede{font-size:1rem;margin-bottom:14px}
  .hero-x .button.secondary,.hero-x .mk-card{display:none!important}
  .hero-x .hero-note{gap:6px!important;margin-top:12px}.hero-x .hero-note span{padding:4px 10px!important;font-size:.8rem}
  .hero-x .actions .button{width:100%;justify-content:center}
  .section{padding-top:36px!important;padding-bottom:36px!important}
  .section-head{margin-bottom:16px!important}
  .steps{gap:8px!important}.step{display:grid!important;grid-template-columns:40px 1fr;column-gap:12px;padding:12px 14px!important;align-items:start}
  .step .n{width:36px!important;height:36px!important;grid-row:span 2;margin:0!important;display:grid;place-items:center}
  .step h3{margin:0 0 2px!important;font-size:1.05rem!important}.step p{margin:0!important;font-size:.95rem}
  #modulos .card p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0!important}
  #modulos .card{padding:14px 16px!important}#modulos .card h3{font-size:1.05rem!important;padding-right:96px}
  #modulos .grid{gap:10px!important}
  #modulos .card-number{width:40px!important;height:40px!important;font-size:1.1rem!important}
  .team{grid-template-columns:72px 1fr!important;gap:14px!important;align-items:start}
  .team img{width:72px!important;height:72px!important;border-radius:50%!important;object-fit:cover}
  .resource p{display:none}.resource{padding:16px!important}
  .video-slot{padding-top:28px!important;padding-bottom:28px!important}
  .cv-player,.video-slot video{max-height:70vh;width:auto!important;max-width:100%;margin:0 auto;display:block}
}
@media(min-width:860px){.mk-wa{right:24px;bottom:24px}}
.cs-badge{font-size:13px!important}
.brand{min-height:44px}
.form-card a,.lead-form a,.fine a{display:inline-flex;align-items:center;min-height:44px}
.cs-open-form{display:none}
@media(max-width:859px){
  #modulos .card{display:grid!important;grid-template-columns:40px 1fr;column-gap:12px;row-gap:0;align-items:center}
  #modulos .card-number{grid-row:span 3}
  #modulos .card h3{margin:0!important;padding-right:0!important;font-size:1rem!important;line-height:1.25}
  #modulos .card .card-link{grid-column:2;min-height:36px!important;padding:0;font-size:.9rem}
  #modulos .cs-badge{position:static!important;grid-column:2;justify-self:start;margin-bottom:4px;padding:2px 8px}
  .cv-player,.video-slot video{max-height:56vh!important}
  #recursos .grid{grid-template-columns:1fr 1fr!important;gap:10px!important}#recursos .resource h3{font-size:1rem}
  #recursos .resource .button{padding:10px!important;width:100%;font-size:.9rem}
  .form-intro .promise{display:none!important}
  #conversacion.cs-collapsed .form-card{display:none}
  #conversacion.cs-collapsed .cs-open-form{display:flex;justify-content:center;width:100%;min-height:48px;margin-top:14px}
  .team p{margin:6px 0!important;font-size:.98rem}.team .notice{font-size:13px;padding:8px 12px!important}
  .footer{padding-top:24px!important;padding-bottom:24px!important}
}
@media(max-width:859px){
  #modulos .card .card-link{position:static!important;font-size:0!important;min-height:0!important;height:0;overflow:visible}
  #modulos .card .card-link::before{content:"";position:absolute;inset:0;z-index:1}
  #modulos .card .card-link::after{content:"›";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:28px;color:var(--g);font-weight:800}
  #modulos .card h3{padding-right:20px!important}
  .faq details>summary{padding-top:12px!important;padding-bottom:12px!important}
}
@media(max-width:859px){
  main .section .section-head .eyebrow{display:none!important}
  main .section h2{font-size:1.45rem!important;line-height:1.2!important;margin-bottom:6px!important}
  main .section .section-head p{font-size:.95rem;margin:0!important}
  .section{padding-top:30px!important;padding-bottom:30px!important}
  #modulos .cs-badge{margin-bottom:2px}
  #modulos .card p{font-size:.9rem}
}
/* 2026-11-04 fixes */
.hero-x .eyebrow{padding:7px 18px!important;line-height:1.35;white-space:normal}
.hero-x .hero-note{display:none!important}
.eyebrow{color:#0a7d3b!important}.hero-x .eyebrow{color:#3a2a00!important}
.team .notice,#equipo .notice{opacity:1!important;color:#1d1d1f!important;background:#fff8e7!important;border:1px solid #d7b871!important}
.team .notice span{color:#1d1d1f!important;opacity:1!important}
.team .notice strong{color:#0a7d3b!important;font-weight:800}
.mk-bar .c2{white-space:nowrap}
.l1-hint{margin:8px 0 0;text-align:center;font-size:14px;font-weight:600;color:#0a7d3b!important}
.l1-end{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(6,40,22,.82);border-radius:inherit;z-index:5;padding:16px}
.l1-end[hidden]{display:none}
.l1-end-card{background:#fff;border-radius:18px;padding:22px 18px;text-align:center;max-width:320px;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.l1-end-t{margin:0 0 14px;font-size:20px;font-weight:800;color:#0a7d3b!important}
.l1-end-btn{display:flex;min-height:48px;align-items:center;justify-content:center;background:#ffc72c;color:#3a2a00!important;font-weight:800;border-radius:999px;text-decoration:none!important;padding:0 18px}
.l1-end-re{margin-top:10px;min-height:44px;background:none;border:0;color:#1d1d1f;font-weight:600;cursor:pointer;width:100%}
/* 2026-11-04 A/B + two-step */
.gate-steps{margin:0 0 6px;font-size:13px;font-weight:700;color:#0a7d3b!important}
.gate-why{margin:6px 0 10px;font-size:14px;color:#3a3f47!important}
.gate-next,.gate-btn{min-height:48px;width:100%}
.gate-back,.gate-skip{min-height:44px;background:none;border:0;color:#1d1d1f;font-weight:600;cursor:pointer;width:100%;margin-top:6px}
.gate-skip{color:#fff}
.gate-step[hidden]{display:none!important}
.cs-chip{min-height:44px}
.gate-modal{position:fixed;inset:0;z-index:1000;background:rgba(6,30,16,.78);overflow-y:auto;padding:16px 12px calc(16px + env(safe-area-inset-bottom))}
.gate-modal[hidden]{display:none}
.gate-modal-in{max-width:520px;margin:0 auto}
/* 2026-11-04 contact form trim + readable checks */
#conversacion .more-details{margin:4px 0 14px;border:1px solid #d2d2d7;border-radius:12px;background:#fff}
#conversacion .more-details summary{min-height:44px;display:flex;align-items:center;padding:0 14px;font-weight:700;color:#0a7d3b;cursor:pointer;list-style:none}
#conversacion .more-details summary::-webkit-details-marker{display:none}
#conversacion .more-details summary:before{content:"+";margin-right:8px;font-size:18px}
#conversacion .more-details[open] summary:before{content:"–"}
#conversacion .more-in{padding:0 14px 8px}
#conversacion .cs-submit{background:#0a7d3b!important;color:#fff!important;border:0!important;min-height:50px}
#conversacion .cs-submit:hover{background:#086a32!important}
#conversacion .cs-open-form{display:none!important}
#conversacion.cs-collapsed .form-card{display:block!important}
.promise,.promise span{color:#1d1d1f!important;opacity:1!important}
.promise span:before{color:#0a7d3b!important;font-weight:800}
.form-intro p{color:#3a3f47!important}


/* 2026-11-09 unmute overlay for muted autoplay intro */
.cv-unmute{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;background:rgba(6,30,16,.55);color:#fff;border-radius:inherit;padding:16px;text-align:center}
.cv-unmute[hidden]{display:none!important}
.cv-unmute-ico{font-size:42px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.cv-unmute-t{font-size:18px;font-weight:800;line-height:1.25;max-width:14em;text-shadow:0 1px 4px rgba(0,0,0,.5)}
@media (min-width:760px){.cv-unmute-t{font-size:22px}}