:root{--ink:#17231f;--green:#173f39;--green-2:#245b52;--blue:#eaf3f6;--blue-line:#b7ced5;--yellow:#f5c84c;--paper:#fbfcfa;--muted:#566660;--line:#d4dfda;--white:#fff;--danger:#a7352b;--shadow:0 14px 34px rgba(21,52,46,.11);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper)}body,button,input{font:inherit}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:var(--white);padding:10px 16px;border:2px solid var(--green)}.skip-link:focus{top:12px}.site-header{height:72px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:rgba(251,252,250,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{border-radius:7px}.brand span{display:grid;line-height:1.08}.brand strong{font-family:Georgia,serif;font-size:1.15rem}.brand small{font-size:.75rem;color:var(--muted);margin-top:4px}.main-nav{display:flex;align-items:center;gap:25px}.main-nav>a:not(.button){font-weight:650;text-decoration:none;font-size:.91rem}.main-nav>a:not(.button):hover,.nav-login{color:var(--green-2)}.nav-login{padding-left:22px;border-left:1px solid var(--line)}.menu-button{display:none;width:44px;height:44px;border:1px solid var(--line);background:var(--white);color:var(--green);align-items:center;justify-content:center;border-radius:6px}.button{min-height:46px;padding:10px 19px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:750;line-height:1.1;cursor:pointer}.button svg{width:19px}.button-small{min-height:42px;padding:9px 15px;background:var(--green);color:var(--white)}.button-primary{background:var(--yellow);color:#17231f;border-color:var(--yellow)}.button-primary:hover{background:#ffd35d}.button-light{background:var(--white);border-color:var(--white);color:var(--green)}.button-outline{border-color:var(--green);color:var(--green);background:transparent}.hero{min-height:calc(100vh - 72px);max-height:850px;position:relative;display:flex;align-items:center;background:url('assets/hero-construccion.webp') center 52%/cover no-repeat;color:var(--white);overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,31,28,.94) 0%,rgba(12,31,28,.83) 48%,rgba(12,31,28,.22) 100%)}.hero-content{position:relative;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:70px 0 90px}.eyebrow{margin:0 0 12px;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em;font-weight:800;color:#f8d76d}.eyebrow.dark{color:var(--green-2)}h1,h2,h3,p{letter-spacing:0}h1,h2,h3{font-family:Georgia,serif;margin-top:0}h1{font-size:clamp(2.65rem,5.5vw,5.1rem);line-height:.98;max-width:850px;margin-bottom:25px}h2{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.08;margin-bottom:16px}h3{font-size:1.28rem;line-height:1.2;margin-bottom:8px}.hero-copy{max-width:760px;font-size:1.17rem;line-height:1.62;margin:0 0 25px;color:#f5f8f6}.trial-line{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:27px}.trial-line span{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.32);background:rgba(9,29,25,.52);padding:8px 11px;border-radius:4px;font-weight:700;font-size:.91rem}.trial-line svg{width:18px;color:var(--yellow)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.intro-section,.product-section,.method-section,.functions-section,.commercial,.faq{width:min(1180px,calc(100% - 48px));margin:0 auto}.intro-section{padding:72px 0 66px;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:end}.intro-section>p{margin:0;font-size:1.08rem;color:var(--muted)}.value-flow{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;border-block:1px solid var(--line);padding:18px 0;text-transform:uppercase;font-size:.82rem;font-weight:800;color:var(--green);text-align:center}.value-flow svg{width:20px;color:#d5a617}.product-section{padding:64px 0 76px;border-top:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:34px}.section-heading>p:last-child{color:var(--muted);font-size:1.04rem}.feature-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-shot{background:var(--white);border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 5px 18px rgba(21,52,46,.06)}.feature-shot-wide{grid-column:1/-1;display:grid;grid-template-columns:1.55fr .75fr}.feature-shot>div{padding:20px 22px}.feature-shot-wide>div{display:flex;flex-direction:column;justify-content:center;padding:28px}.feature-shot p{margin:0;color:var(--muted)}.feature-index{font-weight:850;color:var(--green-2);font-size:.78rem}.shot-button{width:100%;height:260px;padding:0;border:0;border-bottom:1px solid var(--line);background:#e8efec;position:relative;overflow:hidden;cursor:zoom-in}.feature-shot-wide .shot-button{height:400px;border:0;border-right:1px solid var(--line)}.shot-button img{width:100%;height:100%;object-fit:cover;object-position:center top}.shot-button.focus-right img{object-position:78% 42%}.shot-button.focus-left-bottom img{object-position:18% 75%}.shot-button span{position:absolute;right:10px;bottom:10px;background:rgba(18,48,43,.92);color:white;padding:7px 10px;border-radius:4px;font-size:.78rem;display:flex;gap:6px;align-items:center}.shot-button span svg{width:16px}.method-section{padding:76px 0}.method-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.method-steps li{padding:30px 27px;display:grid;grid-template-columns:auto 1fr;gap:4px 15px;position:relative}.method-steps li+li{border-left:1px solid var(--line)}.method-steps>li>span{position:absolute;right:22px;top:20px;font:700 2.5rem Georgia,serif;color:#dbe7e3}.method-steps svg{grid-row:1/3;width:27px;color:var(--green-2)}.method-steps h3,.method-steps p{margin:0}.method-steps p{color:var(--muted)}.functions-section{padding:72px 0;background:var(--blue);border:1px solid var(--blue-line);width:100%;max-width:none}.functions-section>.section-heading,.function-list{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto}.function-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--blue-line)}.function-list article{padding:25px 19px 0}.function-list article+article{border-left:1px solid var(--blue-line)}.function-list svg{width:28px;color:var(--green-2);margin-bottom:15px}.function-list h3{font-size:1.05rem}.function-list p{font-size:.9rem;color:var(--muted);margin:0}.context-band{background:var(--green);color:var(--white);padding:65px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.context-band h2{max-width:650px}.context-band p{color:#dbe9e4;max-width:760px}.retailers{display:flex;gap:10px;margin-top:21px}.retailers span{border:1px solid rgba(255,255,255,.35);padding:7px 12px;font-weight:750}.context-note{display:flex;gap:12px;border-left:3px solid var(--yellow);padding:6px 0 6px 18px;margin:0}.context-note svg{flex:0 0 auto;color:var(--yellow)}.trust-section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:72px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.trust-section>div>p:last-child{color:var(--muted)}.trust-section ul{list-style:none;margin:0;padding:0;border-block:1px solid var(--line)}.trust-section li{display:flex;gap:14px;padding:17px 0}.trust-section li+li{border-top:1px solid var(--line)}.trust-section li svg{color:var(--green-2);flex:0 0 auto}.trust-section li span{display:grid}.trust-section li small{color:var(--muted)}.audience-strip{padding:25px max(24px,calc((100% - 1180px)/2));background:#eef1ed;border-block:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.audience-strip strong{color:var(--green);margin-right:10px}.audience-strip span{padding:5px 10px;background:var(--white);border:1px solid var(--line);font-size:.88rem}.commercial{padding:76px 0}.commercial-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.download-box{background:var(--green);color:var(--white);padding:29px;border-radius:7px;display:flex;flex-direction:column;gap:22px}.platform{display:flex;gap:15px;align-items:center}.platform>svg{width:35px;color:var(--yellow)}.platform span{display:grid}.platform small{color:#dbe9e4}.download-box>p{display:flex;align-items:center;gap:9px;margin:0;font-size:.88rem;color:#dbe9e4}.download-box>p svg{width:18px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plan-card{border:1px solid var(--line);padding:24px;border-radius:7px;position:relative;background:var(--white)}.plan-card.featured{border:2px solid var(--green)}.plan-card p,.plan-card h3{margin:0}.plan-card h3{font-size:2.1rem;margin-top:6px}.plan-card small{color:var(--muted)}.plan-card>strong{display:block;margin-top:15px;font-size:.85rem;color:var(--green)}.plan-badge{position:absolute;top:-13px;right:15px;background:var(--yellow);padding:4px 9px;font-size:.75rem;font-weight:800}.plans>.button{grid-column:1/-1}.faq{padding:55px 0 75px;border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.section-heading.compact{margin:0}.faq-list details{border-top:1px solid var(--line);padding:17px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;font-weight:750}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:19px;flex:0 0 auto}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list p{color:var(--muted);margin:11px 38px 0 0}.final-cta{padding:48px max(24px,calc((100% - 1180px)/2));background:#e2edf0;border-top:1px solid var(--blue-line);display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta h2{font-size:2.35rem;margin-bottom:8px}.final-cta p{margin:0;color:var(--muted)}.final-cta>div:last-child{display:grid;gap:8px;text-align:center}.final-cta small{color:var(--muted)}.site-footer{padding:30px max(24px,calc((100% - 1180px)/2));background:#101d19;color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-brand small{color:#aebdb7}.site-footer nav{display:flex;gap:24px}.site-footer nav a{color:#d8e2de}.site-footer>small{color:#9eafa9}.screen-dialog{width:min(1100px,calc(100% - 32px));max-height:94vh;padding:0;border:0;border-radius:7px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.screen-dialog::backdrop{background:rgba(7,21,18,.78)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--line)}.dialog-head span{font-size:.75rem;text-transform:uppercase;color:var(--green-2);font-weight:800}.dialog-head h2{font-size:1.25rem;margin:0}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:var(--white);border-radius:5px}.screen-dialog>img{width:100%;height:auto;max-height:calc(94vh - 80px);object-fit:contain;background:#eef2ef}:focus-visible{outline:3px solid #e4a700;outline-offset:3px}
@media(max-width:900px){:root{font-size:16px}.site-header{height:64px;padding:0 18px}.menu-button{display:flex}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;padding:14px 20px 20px;background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 4px}.main-nav .button{margin-top:7px}.nav-login{border-left:0;padding-left:4px!important;border-top:1px solid var(--line)}.hero{min-height:calc(100svh - 64px);max-height:none;background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(12,31,28,.95),rgba(12,31,28,.73))}.hero-content{width:min(100% - 36px,700px);padding:54px 0 58px}.intro-section{grid-template-columns:1fr;gap:15px}.value-flow{margin-top:15px}.feature-shot-wide{display:block}.feature-shot-wide .shot-button{height:320px;border-right:0;border-bottom:1px solid var(--line)}.method-steps{grid-template-columns:1fr}.method-steps li+li{border-left:0;border-top:1px solid var(--line)}.function-list{grid-template-columns:repeat(2,1fr)}.function-list article+article{border-left:0}.function-list article:nth-child(even){border-left:1px solid var(--blue-line)}.context-band,.trust-section,.commercial-grid,.faq{grid-template-columns:1fr}.context-band{gap:28px}.trust-section{gap:25px}.faq{gap:20px}.final-cta{align-items:flex-start}.site-footer{flex-wrap:wrap}}
@media(max-width:620px){h1{font-size:2.55rem}h2{font-size:2rem}.hero-copy{font-size:1.03rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.trial-line{gap:7px}.trial-line span{font-size:.78rem}.intro-section,.product-section,.method-section,.commercial,.faq,.trust-section{width:calc(100% - 32px)}.intro-section,.product-section,.method-section,.commercial,.trust-section{padding:52px 0}.value-flow{grid-template-columns:1fr}.value-flow svg{transform:rotate(90deg);margin:7px auto}.feature-gallery{grid-template-columns:1fr;gap:14px}.feature-shot-wide{grid-column:auto}.shot-button,.feature-shot-wide .shot-button{height:230px}.feature-shot>div,.feature-shot-wide>div{padding:17px}.function-list{grid-template-columns:1fr}.function-list article{padding:18px 0;display:grid;grid-template-columns:38px 1fr;gap:0 10px}.function-list article:nth-child(even),.function-list article+article{border-left:0;border-top:1px solid var(--blue-line)}.function-list svg{grid-row:1/3}.context-band{padding:50px 18px}.retailers{flex-wrap:wrap}.audience-strip{padding:20px 18px}.commercial-grid{gap:14px}.plans{grid-template-columns:1fr}.plans>.button{grid-column:auto}.faq{padding:48px 0}.final-cta{padding:42px 18px;display:grid}.final-cta h2{font-size:2rem}.site-footer{padding:28px 18px;display:grid}.site-footer nav{gap:17px;flex-wrap:wrap}.brand strong{font-size:1.03rem}.brand small{font-size:.68rem}}
.skip-link{top:0;transform:translateY(-120%)}.skip-link:focus-visible{top:12px;transform:none}