
:root{--ink:#20201f;--paper:#f6f2ea;--purple:#4b12cf;--lime:#c8ff00;--muted:#67645f;--line:#d8d3cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,summary,select{outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.04;letter-spacing:-.055em}h1{font-size:clamp(48px,6.1vw,88px);font-weight:800}h2{font-size:clamp(36px,4vw,58px)}h3{font-size:27px;letter-spacing:-.035em}.wrap{max-width:1200px;margin:auto;padding:0 44px}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:.15em;text-transform:uppercase;font-weight:bold}.btn{display:inline-flex;gap:30px;align-items:center;justify-content:center;padding:15px 22px;background:var(--lime);color:var(--ink);border:1px solid var(--ink);border-radius:4px;font-size:14px;font-weight:bold;line-height:1.3;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--ink)}.btn.dark{background:var(--ink);color:white}.textlink{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;font-size:14px;font-weight:bold;padding:4px 0}.nav{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-weight:900;font-size:15px;letter-spacing:-.04em;line-height:1.12;display:flex;align-items:center;gap:12px}.glasses{width:39px;height:28px;color:var(--purple)}.nav-links{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:bold}.nav .btn{padding:12px 16px;font-size:12px;gap:20px}.hero{background:var(--purple);color:var(--paper);position:relative;overflow:hidden}.hero-top{padding-top:30px;display:flex;justify-content:space-between;opacity:.8}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;min-height:640px}.hero-copy{padding:50px 0 60px;z-index:2}.hero h1 span{color:var(--lime)}.hero .intro{font-size:17px;line-height:1.65;max-width:470px;margin:25px 0 25px;color:#eee7ff}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero .textlink{font-size:13px}.hero-note{font-size:12px;margin-top:21px;color:#d8cbfa}.portrait{height:610px;align-self:end;position:relative;display:flex;align-items:end;justify-content:center}.portrait:before{content:'';position:absolute;width:410px;height:410px;max-width:95%;border:1px solid #aa88ff;border-radius:50%;bottom:60px}.portrait:after{content:'✳';font-size:110px;line-height:1;color:var(--lime);position:absolute;top:14px;right:-8px;transform:rotate(12deg)}.portrait img{position:relative;width:110%;height:100%;object-fit:contain;object-position:center bottom;z-index:1}.signature{position:absolute;z-index:3;left:2px;bottom:47px;background:var(--paper);color:var(--ink);padding:12px 21px;border:1px solid var(--ink);transform:rotate(-5deg);box-shadow:5px 5px 0 var(--ink);line-height:1.4;font-size:12px}.signature b{font-size:20px;display:block;letter-spacing:-.04em}.ribbon{background:var(--lime);padding:15px 0}.ribbon .wrap{display:flex;justify-content:space-between;gap:20px;font:11px/1.4 'Courier New',monospace;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}.section{padding:92px 0}.section-head{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;margin-bottom:45px}.section-head .eyebrow{margin-bottom:22px;color:var(--purple)}.section-head p{color:var(--muted);max-width:390px;align-self:end;font-size:17px}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:7px;overflow:hidden}.service{padding:32px 28px;display:flex;flex-direction:column;gap:22px}.service+.service{border-left:1px solid var(--line)}.service .num{font:12px 'Courier New',monospace;color:var(--purple)}.service p{color:var(--muted);font-size:14px}.service ul{list-style:none;margin:0;padding:0;font-size:13px}.service li{padding:8px 0;border-bottom:1px solid var(--line)}.service li:before{content:'↗';margin-right:10px;color:var(--purple)}.service .textlink{margin-top:auto;align-self:start}.scope-note{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:13px;color:var(--muted)}.scope-note strong{color:var(--ink)}.examples{background:#eae5dd}.examples .section-head{grid-template-columns:1.3fr 1fr}.examples-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.example-visual{height:330px;background:#d7c7f5;border-radius:6px;padding:34px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.example-visual.green{background:#d6e89b}.window{background:#fcfaf5;border-radius:6px;box-shadow:0 18px 40px #28154226;width:100%;max-width:430px;transform:rotate(-3deg);border:1px solid #ffffff99}.windowbar{border-bottom:1px solid #ddd9d1;padding:10px 14px;font-size:9px;color:#777;display:flex;gap:5px;align-items:center}.dot{height:5px;width:5px;border-radius:50%;background:#bcb6af}.windowbar span:last-child{margin-left:auto}.demo-body{padding:20px}.demo-body .small{font:9px 'Courier New';letter-spacing:.1em;text-transform:uppercase}.demo-body h4{font:normal 25px/1.1 Georgia,serif;letter-spacing:-.03em;margin:10px 0 16px}.demo-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-tile{background:#ede5d9;border:1px solid #ded5c6;padding:12px 9px;font:10px/1.4 Arial;min-height:70px}.demo-tile b{display:block;font-size:20px;margin-bottom:5px;color:#61469b}.flow{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;font-size:12px;font-weight:bold}.flow-item{background:var(--paper);border:1px solid #31401a;border-radius:5px;padding:13px 23px;box-shadow:4px 4px 0 #728b43;width:83%;display:flex;gap:14px;align-items:center}.flow-item i{font-style:normal;background:#d6e89b;padding:4px 10px;border-radius:4px}.flow-arrow{color:#4a612d;font-size:20px;line-height:1}.example-caption{padding:22px 0}.example-caption .eyebrow{color:var(--muted);margin-bottom:10px}.example-caption h3{font-size:26px;max-width:450px}.example-caption p{font-size:14px;color:var(--muted);margin-top:12px;max-width:470px}.examples-foot{border-top:1px solid #cec6bb;padding-top:22px;margin-top:10px;display:flex;justify-content:space-between;gap:30px;align-items:center}.examples-foot p{font-size:13px;max-width:590px;color:var(--muted)}.process{background:var(--ink);color:var(--paper)}.process .eyebrow{color:var(--lime)}.process .section-head p{color:#c2bfb9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{border-top:1px solid #5a5852;padding-top:22px}.step .step-num{color:var(--lime);font:14px 'Courier New';margin-bottom:28px}.step h3{font-size:27px;margin-bottom:17px}.step p{font-size:14px;color:#c2bfb9}.process-bottom{margin-top:44px;font-size:14px;padding-top:24px;border-top:1px solid #5a5852;display:flex;justify-content:space-between;gap:25px}.process-bottom b{color:var(--lime)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.about-art{background:#ddd1ef;aspect-ratio:1;position:relative;border-radius:6px;overflow:hidden}.about-art img{width:100%;height:100%;object-fit:contain;object-position:bottom}.about-art .eyebrow{position:absolute;left:24px;bottom:22px;background:var(--lime);color:var(--ink);padding:9px 13px;z-index:1;transform:rotate(-4deg)}.about .eyebrow{color:var(--purple);margin-bottom:19px}.about h2{margin-bottom:25px}.about-copy p{color:var(--muted);font-size:15px;margin-bottom:16px}.about-quote{font:italic 27px/1.3 Georgia,serif;color:var(--purple);border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.faq{padding-top:0}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.faq .eyebrow{color:var(--purple);margin-bottom:20px}.faq h2{font-size:43px}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-weight:bold;font-size:15px;position:relative;padding-right:25px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--purple);font-size:23px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);padding-top:14px}.contact{background:var(--purple);color:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact .eyebrow{color:var(--lime);margin-bottom:24px}.contact h2{font-size:clamp(45px,5vw,68px)}.contact-copy>p{margin:24px 0;color:#e1d4fc;font-size:16px;max-width:380px}.contact-mini{font-size:12px;color:#ddcff7;margin-top:34px;border-top:1px solid #8355e4;padding-top:20px}.contact-mini a{color:var(--lime);border-bottom:1px solid}.project-form{background:var(--paper);color:var(--ink);padding:30px;border-radius:6px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:12px;font-weight:bold;margin-bottom:17px}input,textarea,select{margin-top:6px;display:block;width:100%;background:transparent;border:1px solid #c9c2b6;border-radius:3px;padding:10px 11px;font-size:13px;color:var(--ink)}textarea{resize:vertical;min-height:100px}.project-form button{width:100%}.form-note{font-size:11px;color:var(--muted);line-height:1.5;margin:12px 0 0}.form-note a{text-decoration:underline}.proposal-label{font-size:10px;background:#ece7df;border:1px solid var(--line);padding:8px;margin-bottom:18px;color:#605c55}.feedback{font-size:13px;color:var(--purple);padding-top:15px;display:none}.learn{padding:35px 0;border-bottom:1px solid var(--line)}.learn .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.learn p{font-size:14px;color:var(--muted)}.learn strong{color:var(--ink)}footer{padding:35px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot p{font-size:11px;color:var(--muted)}.social{display:flex;gap:18px;font-size:12px}.preview-bar{font-size:10px;padding:9px 20px;text-align:center;background:#e7ded0;color:#5c554b}.preview-bar a{text-decoration:underline}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(min-width:1500px){.hero-grid{min-height:690px}}@media(max-width:900px){.wrap{padding:0 26px}.nav-links>a:not(.btn){display:none}.hero-grid{gap:0;min-height:570px}.portrait{height:520px}.hero h1{font-size:61px}.hero .intro{font-size:15px}.portrait:after{font-size:80px}.section{padding:65px 0}.about-grid{gap:40px}.contact-grid{gap:35px}.section-head{gap:30px}.service{padding:25px 20px}.formrow{grid-template-columns:1fr;gap:0}.faq-grid{gap:35px}.faq{padding-top:0}}
@media(max-width:600px){.wrap{padding:0 22px}.nav-inner{height:74px;gap:10px}.brand{font-size:12px;gap:7px}.glasses{width:30px}.nav .btn{font-size:10px;padding:11px 12px;gap:9px}.hero-top{padding-top:22px}.hero-top .location{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:35px 0 15px}.hero h1{font-size:52px}.hero .intro{font-size:15px;margin:23px 0}.hero-actions{gap:20px}.hero-actions .btn{font-size:13px;padding:14px 16px;gap:15px}.hero-actions .textlink{font-size:12px}.hero-note{font-size:11px}.portrait{height:380px;max-width:330px;width:100%;justify-self:center;margin-top:15px}.portrait:before{width:300px;height:300px;bottom:25px}.portrait:after{top:10px;right:0;font-size:80px}.signature{bottom:30px;left:0;padding:9px 15px}.signature b{font-size:18px}.ribbon .wrap{font-size:9px;gap:12px;flex-wrap:wrap;justify-content:center}.section{padding:55px 0}.section-head,.examples .section-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-head p{font-size:15px}.section-head .eyebrow{margin-bottom:17px}.services{grid-template-columns:1fr}.service{padding:27px;gap:17px}.service+.service{border-left:none;border-top:1px solid var(--line)}.scope-note{flex-direction:column;gap:8px}.examples-grid{grid-template-columns:1fr;gap:16px}.example-visual{height:270px;padding:25px}.examples-foot{flex-direction:column;align-items:start;gap:18px}.steps{grid-template-columns:1fr;gap:27px}.step .step-num{margin-bottom:15px}.process-bottom{flex-direction:column;gap:12px}.about-grid{grid-template-columns:1fr;gap:35px}.about-art{max-width:330px;aspect-ratio:1.1;width:100%;margin:auto}.faq{padding-top:0}.faq-grid{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:52px}.contact-mini{margin-top:20px}.project-form{padding:23px}.learn .wrap{flex-direction:column;align-items:start;gap:15px}.foot{flex-direction:column;align-items:start;gap:20px}.social{flex-wrap:wrap}h2{font-size:40px}.preview-bar{font-size:9px}}

/* Integración con la estructura del editor de Kajabi */
#section-fabby-header { position:sticky; top:0; z-index:20; }
#section-fabby-header .nav { position:relative; }
.native-form .form-group { margin-bottom:17px; }
.native-form .form-group label { margin-bottom:0; }
.native-form .form-control { width:100%; }
.native-form .form-group input[type=checkbox],.native-form .form-group input[type=radio] { width:auto; display:inline-block; }
.native-form .form-group textarea { min-height:100px; }
.native-form .form-group .help-block,.native-form .form-group .error { color:#9d1838; font-size:12px; }
.native-form .form-group ul { margin:0; padding-left:20px; }
.native-form form > .form-fields { display:grid; grid-template-columns:1fr 1fr; gap:0 17px; }
.native-form .form-group:has(textarea),.native-form .form-group:has(select),.native-form .form-group:has(input[type=checkbox]) { grid-column:1/-1; }
.native-form .form-fields > .form-group:nth-child(n+3) { grid-column:1/-1; }
.native-form .native-submit { width:100%; }
.form-unconfigured { border:1px solid #d8d3cb; padding:16px; border-radius:4px; font-size:13px; color:#67645f; }
.powered-by { text-align:center; padding:12px; font-size:11px; background:var(--paper); }
.native-form .form-success { color:var(--purple); font-size:14px; }
@media(max-width:900px) { .native-form form > .form-fields {grid-template-columns:1fr;} }
