:root{--ink:#102126;--green:#345c32;--deep:#203e29;--paper:#fafbf8;--warm:#a88143;--header:88px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b69149;outline-offset:5px}.container{width:min(1280px,90%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(250,251,248,.97);border-bottom:1px solid #152a2010}.header-inner{width:min(1320px,92%);height:var(--header);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand strong{font-size:25px;font-weight:800;letter-spacing:-.7px;display:block}.brand small{font-size:9px;letter-spacing:1.55px;display:block;margin-top:3px}.brand-mark{color:var(--green)}.brand-mark .icon{width:59px;height:48px;stroke-width:1.4}.icon{width:30px;height:30px;flex-shrink:0}nav{display:flex;align-items:center;gap:30px}nav>a{font-size:14px;font-weight:600}nav>a:not(.button):hover{color:#61834d}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:19px 26px;border:1px solid transparent;border-radius:12px;color:white;background:var(--green);font-size:14px;font-weight:700;text-transform:uppercase;line-height:1.2;transition:background .2s,transform .2s;text-align:center}.button:hover{background:#426f3f;transform:translateY(-2px)}.button .icon{width:23px;height:25px}.button.small{padding:15px 31px;margin-left:18px}.button.outline{background:#10212630;border:1.5px solid #fff}.button.outline:hover{background:#ffffff20}.menu-toggle{display:none}.hero{min-height:610px;position:relative;overflow:hidden;color:white;background:#374b50}.reference-photo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero>.reference-photo{width:72%;left:28%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111d23 0%,#17252aea 24%,#17252a60 61%,#12202605),linear-gradient(0deg,#09171165,transparent 60%)}.hero-content{position:relative;padding-top:84px;padding-bottom:28px}.eyebrow{display:block;color:#4a7b39;font-size:14px;font-weight:700;letter-spacing:1.8px;margin-bottom:20px}.hero-eyebrow{color:#c4d1be;font-size:12px;letter-spacing:2.5px;margin-bottom:22px}h1{font-size:clamp(48px,5.7vw,80px);line-height:.99;letter-spacing:-3px;margin:0 0 23px;font-weight:800}.hero p{font-size:22px;line-height:1.4;margin:0 0 27px}.actions{display:flex;gap:16px;flex-wrap:wrap}.hero-bottom{margin-top:45px;display:flex;align-items:flex-end;justify-content:space-between}.handwriting{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:24px;line-height:1.4;transform:rotate(-7deg);display:inline-block}.hero-bottom .handwriting:after{content:'';display:block;width:58px;height:3px;background:#83a55e;margin:9px 0 0 32px;transform:rotate(-5deg)}.location{display:flex;gap:8px;align-items:center;font-size:14px}.location small{display:block;font-size:12px;margin-top:5px}h2{font-size:clamp(30px,3.2vw,44px);line-height:1.08;letter-spacing:-1.4px;margin:0 0 22px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding-top:58px;padding-bottom:55px;align-items:center}.about-copy>p{font-size:20px;line-height:1.5;max-width:610px;margin:0}.features{display:flex;justify-content:space-between;gap:16px;margin-top:49px}.features>div{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;font-size:14px}.features .icon{width:44px;height:44px}.product-visual{display:flex;align-items:center;justify-content:center;gap:36px;position:relative}.phone-reference{width:238px;aspect-ratio:184/367;position:relative;flex-shrink:0;filter:drop-shadow(0 12px 13px #0002);border-radius:45px;overflow:hidden}.qr-side .handwriting{font-size:23px;margin:0 0 38px 10px}.qr-card{width:172px;padding:22px 14px 16px;display:flex;align-items:center;flex-direction:column;text-align:center;background:white;border:1px solid #e9ece6;border-radius:16px;box-shadow:0 10px 28px #172a2410;font-size:13px;line-height:1.45}.qr-card>.icon:first-child{width:76px;height:76px;margin-bottom:12px}.qr-card>.icon:last-child{color:var(--green);margin-top:12px}.qr-note{font-size:12px;color:#68716a;margin-top:8px}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(1376px,96%)}.audience-card{position:relative;overflow:hidden;border-radius:13px;isolation:isolate;background:#332c24}.audience-card>.reference-photo{width:65%;left:35%}.card-shade{position:absolute;inset:0;background:linear-gradient(90deg,#251d17f5,#251d17ca 43%,#251d1730)}.card-content{position:relative;padding:39px 36px}.card-content .eyebrow{color:#e8c76e;letter-spacing:1px;margin-bottom:18px}.card-content h2{font-size:34px;color:white;letter-spacing:-.8px;max-width:410px;margin-bottom:17px}.card-content p{font-size:16px;line-height:1.5;color:white;max-width:390px;margin:0}.card-content ul{list-style:none;padding:0;margin:26px 0;color:white;display:grid;gap:12px;font-size:14px}.card-content li{position:relative;padding-left:26px;line-height:1.45}.card-content li:before{content:'✓';position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#8cb866;color:#183c27;font-size:13px;font-weight:bold;text-align:center}.warm{background:#98753dde;border:1px solid #c8a466}.warm:hover{background:#ac864b}.how{display:grid;grid-template-columns:1fr 1.6fr;gap:34px;align-items:center;padding-top:68px;padding-bottom:68px}.how h2{font-size:32px;margin:0}.how .eyebrow{margin-bottom:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;margin:0;padding:0}.steps li{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-number{width:31px;height:31px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;margin-bottom:15px;font-weight:700}.steps .icon{width:35px;height:35px}.steps p{font-size:14px;line-height:1.45;margin:13px 0 0}.steps li:not(:last-child):after{content:'→';position:absolute;right:-26px;top:49px;font-size:26px}.final-cta{position:relative;text-align:center;color:white;background:#344550;overflow:hidden}.final-cta>.reference-photo{filter:brightness(.7)}.cta-shade{position:absolute;inset:0;background:#12202abf}.final-cta .container{position:relative;padding:55px 0 58px}.final-cta h2{font-size:36px;letter-spacing:-.7px;margin-bottom:17px}.final-cta p{font-size:18px;line-height:1.5;margin:0 0 26px}.final-cta .actions{justify-content:center}footer{background:#1b2726;color:white;padding:34px 0 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top .brand strong{font-size:21px}.footer-top .brand small{display:none}.footer-top .brand-mark{color:#fff}.footer-top .brand-mark .icon{width:49px}.footer-top nav{gap:25px}.footer-top nav a{font-size:13px;font-weight:400}.footer-motto{display:flex;align-items:center;gap:18px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:#b9c4bd;border-top:1px solid #ffffff17;margin-top:23px;padding-top:19px}.footer-bottom>div{display:flex;gap:23px}.skip{position:fixed;top:-100px;background:#fff;padding:15px;z-index:50}.skip:focus{top:0}dialog{border:0;border-radius:18px;padding:36px;max-width:520px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#10212699}dialog h2{font-size:28px;padding-right:22px}dialog p{font-size:16px;line-height:1.6}dialog .actions{margin-top:25px}dialog .button{font-size:12px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}
@media(min-width:1600px){.hero>.reference-photo{width:65%;left:35%}}
@media(max-width:1100px){:root{--header:76px}nav{gap:19px}.brand strong{font-size:22px}.brand-mark .icon{width:45px}.button.small{margin-left:0;padding:14px 23px}.hero{min-height:570px}.hero-content{padding-top:65px}.about{gap:30px}.phone-reference{width:190px}.product-visual{gap:18px}.qr-card{width:140px}.qr-side .handwriting{font-size:20px}.card-content{padding:30px 27px}.card-content h2{font-size:30px}.how{grid-template-columns:1fr 1.7fr;gap:25px}.how h2{font-size:28px}.footer-motto{display:none}}
@media(max-width:900px){.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:12px;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:var(--ink)}.header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);box-shadow:0 15px 25px #10212614;padding:12px 5% 22px}.header nav.is-open{display:flex}.header nav>a{padding:14px}.header nav .button{margin-top:8px}.hero>.reference-photo{width:100%;left:0}.hero-shade{background:linear-gradient(90deg,#132127ed,#17252a88 65%,#17252a25),linear-gradient(0deg,#132127aa,transparent)}.about{grid-template-columns:1fr 1fr;gap:20px}.about h2{font-size:32px}.about-copy>p{font-size:17px}.product-visual{gap:12px}.phone-reference{width:174px}.qr-card{width:125px;padding:16px 8px}.qr-side .handwriting{font-size:17px}.features{gap:10px;margin-top:30px}.features>div{font-size:12px}.features .icon{width:36px;height:36px}.audiences{gap:16px}.card-content{padding:28px 22px}.card-content h2{font-size:27px}.card-content .button{font-size:12px;padding:18px}.how{grid-template-columns:1fr;gap:32px}.how h2 br{display:none}.steps{gap:45px}.steps li:not(:last-child):after{right:-32px}}
@media(max-width:640px){:root{--header:72px}.brand strong{font-size:22px}.brand small{font-size:8px}.hero{min-height:640px}.hero>.reference-photo{width:160%;left:-60%;opacity:.9}.hero-shade{background:linear-gradient(90deg,#102026db,#10202650),linear-gradient(0deg,#102026ee,transparent 80%)}.hero-content{padding-top:64px;padding-bottom:25px}h1{font-size:54px;letter-spacing:-2px;line-height:1.02}.hero p{font-size:18px;line-height:1.48;margin-bottom:25px}.desktop-break{display:none}.hero-eyebrow{font-size:11px}.actions{gap:12px}.hero .actions{align-items:stretch;flex-direction:column;max-width:320px}.button{font-size:12px;padding:18px 17px;border-radius:10px}.hero-bottom{margin-top:38px}.hero-bottom .handwriting{font-size:20px}.location{font-size:12px}.location .icon{width:24px}.location small{font-size:10px}.about{grid-template-columns:1fr;padding-top:43px;padding-bottom:38px;gap:30px}.eyebrow{font-size:12px;margin-bottom:16px}.about h2{font-size:34px}.about-copy>p{font-size:17px}.features{margin-top:30px}.features>div{font-size:12px;max-width:100px;gap:12px}.product-visual{gap:25px}.phone-reference{width:175px}.qr-side .handwriting{font-size:19px;margin-bottom:24px}.qr-card{width:128px;font-size:12px}.qr-card>.icon:first-child{width:62px;height:62px}.qr-note{font-size:10px}.audiences{grid-template-columns:1fr;width:90%;gap:20px}.card-content{padding:29px 23px}.card-content h2{font-size:30px}.card-content p{font-size:16px}.card-content ul{font-size:13px;gap:11px}.card-content .button{padding:18px 19px}.how{padding:45px 0;gap:28px}.how h2{font-size:30px;max-width:340px}.steps{grid-template-columns:1fr;gap:23px}.steps li{display:grid;grid-template-columns:30px 38px 1fr;text-align:left;gap:18px;align-items:center}.step-number{margin:0}.steps p{margin:0;font-size:15px;max-width:240px}.steps li:not(:last-child):after{display:none}.final-cta .container{padding:43px 0}.final-cta h2{font-size:30px}.final-cta p{font-size:16px}.final-cta .actions{flex-direction:column;align-items:center}.final-cta .button{min-width:245px}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer-top nav{flex-wrap:wrap;gap:19px}.footer-bottom{gap:20px;flex-direction:column}.footer-bottom>div{gap:22px}}
@media(max-width:359px){h1{font-size:46px}.hero-content{padding-top:45px}.hero p{font-size:17px}.hero{min-height:600px}.about h2{font-size:30px}.product-visual{gap:14px}.phone-reference{width:155px}.qr-card{width:115px}.qr-side .handwriting{font-size:17px}.card-content{padding:26px 19px}.card-content h2{font-size:27px}.location small{font-size:9px}.hero-bottom .handwriting{font-size:18px}.brand strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Las imágenes definitivas pueden reemplazar cada SVG manteniendo esta clase. */
img.reference-photo{object-fit:cover}.phone-reference>img.reference-photo{object-fit:contain}
@media(min-width:901px){.hero-shade{background:linear-gradient(90deg,#17252a 0%,#17252a 28%,#17252ae0 35%,#17252a60 61%,#12202605),linear-gradient(0deg,#09171165,transparent 60%)}}