/* Mobile first. Brand colors are generated from site.config.mjs. */
:root{--primary:#203e36;--accent:#9b512f;--paper:#f7f5ee;--ink:#233932;--muted:#5e695f;--line:#d8ddd3;--white:#fffef9;--radius:3px;--gutter:22px;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-size:16px;line-height:1.85}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.5}h1{font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-1.9px;line-height:1.38}h2{font-size:clamp(1.8rem,3.2vw,3rem);letter-spacing:-.7px}h3{font-size:1.23rem}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#d9ddc8;color:#203e36}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding-block:72px}.icon{width:24px;height:24px;flex:0 0 auto}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;color:var(--accent);margin-bottom:20px;letter-spacing:.3px}.eyebrow>span{height:7px;width:7px;border-radius:50%;background:var(--accent)}.skip-link{position:fixed;z-index:100;top:10px;right:20px;padding:12px 22px;background:var(--white);transform:translateY(-170%)}.skip-link:focus{transform:translateY(0)}
.demo-bar{min-height:34px;background:#e9ebdf;display:flex;align-items:center;justify-content:center;gap:18px;padding:6px 16px;text-align:center}.demo-bar>span{font-size:9px;letter-spacing:1.5px;direction:ltr}.demo-bar p{font-size:10px;color:var(--ink)}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:25px;line-height:1.15;font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:.2px;margin-top:7px}.brand img{width:40px;height:40px;object-fit:contain}.header-cta{display:none}.nav-toggle{border:1px solid var(--line);background:transparent;width:46px;height:46px;display:grid;place-items:center;border-radius:var(--radius)}#main-nav{display:none;position:absolute;top:100%;right:calc(-1 * var(--gutter));left:calc(-1 * var(--gutter));background:var(--paper);padding:16px var(--gutter) 24px;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #203e3610}#main-nav.is-open{display:flex;flex-direction:column;gap:5px}#main-nav a{padding:10px 12px;font-size:.9rem}#main-nav a:hover{color:var(--accent)}
.hero{padding-top:42px;padding-bottom:54px;display:grid;gap:40px}.hero-copy{align-self:center}.hero h1 span{color:var(--accent)}.hero-description{font-size:1.04rem;max-width:450px;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{min-height:52px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:var(--radius);font-size:.88rem;font-weight:600;transition:background-color .15s,transform .15s}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:#35594d;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:.88rem;font-weight:600;border:0;background:transparent;padding:0}.text-link:hover{color:var(--accent)}.text-link .icon{width:20px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:.75rem}.small-star{font-size:28px;color:var(--accent)}.hero-visual{position:relative;min-width:0}.visual-frame{position:relative;background:#e6ded0;overflow:hidden;border-radius:180px 180px 2px 2px}.visual-frame>img{width:100%;height:450px;object-fit:cover}.visual-label{position:absolute;bottom:26px;right:26px;font-size:32px;line-height:1.3;color:#fff;background:var(--primary);padding:13px 19px;box-shadow:8px 8px 0 #f7f5ee55}.visual-label small{font-size:10px;letter-spacing:.3px}.hero-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.65rem;margin-top:14px;color:var(--muted)}.figure-index{direction:ltr;letter-spacing:1px}.about{border-top:1px solid var(--line);display:grid;gap:26px}.lead-text{font-size:1.12rem;color:var(--ink);margin-bottom:16px}.about-body>p+p{font-size:.9rem}.principles{padding:0;margin:24px 0 0;list-style:none;display:flex;gap:12px;flex-wrap:wrap;font-size:.78rem}.principles li{display:flex;align-items:center;gap:7px}.principles .icon{width:16px;height:16px;color:var(--accent)}
.services{background:#eeeee5}.section-head{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.section-head>p,.section-head>div>p:not(.eyebrow){font-size:.93rem;max-width:350px}.services-grid{display:grid;grid-template-columns:1fr}.service{padding:28px 0;border-top:1px solid #cfd5c9;min-width:0}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.service-top .icon{width:32px;height:32px;color:var(--accent)}.service-top>span{font-size:12px;letter-spacing:1px;color:#6c7869}.service h3{margin-bottom:10px}.service p{max-width:32ch;font-size:.9rem}.trust{background:var(--primary);color:#fffef6;overflow:hidden}.trust .eyebrow{color:#d4bda0}.trust h2{margin-bottom:20px}.trust p{color:#d3dcd0;font-size:.92rem}.trust-grid{display:grid;gap:25px}.trust-grid>div>p{max-width:360px}.trust-mark{display:flex;position:relative;width:170px;height:82px;margin-top:35px;overflow:hidden;opacity:.6}.trust-mark span{position:absolute;width:82px;height:82px;border:1px solid #d4bda0;border-radius:50%;right:0}.trust-mark span:nth-child(2){right:41px}.trust-mark span:nth-child(3){right:82px}.trust-list{list-style:none;padding:0;margin:0}.trust-list li{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid #ffffff29}.trust-list li:first-child{border-top:1px solid #ffffff29}.trust-list h3{margin-bottom:8px}.trust-list .step{font-size:12px;color:#d4bda0;margin-top:5px;font-variant-numeric:tabular-nums}.gallery-grid{display:grid;gap:35px}.image-button{display:block;padding:0;width:100%;background:#e2ded4;border:0;position:relative;overflow:hidden;border-radius:var(--radius)}.image-button img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;transition:transform .25s}.image-button:hover img{transform:scale(1.025)}.image-open{position:absolute;left:18px;bottom:18px;width:42px;height:42px;display:grid;place-items:center;background:var(--white);border-radius:50%}.work-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.work-category{font-size:.7rem;color:var(--muted)}.work-item h3{font-size:1.1rem;margin-top:3px}.work-number{font-size:.75rem;color:var(--accent)}.demo-note{font-size:.75rem!important;color:#71634d;margin-top:8px}.contact{background:#eeeee5;border-top:1px solid var(--line)}.contact-grid{display:grid;gap:45px}.contact-copy>p:not(.eyebrow){max-width:380px;margin:22px 0}.contact-copy>.button{margin-bottom:12px}.contact-details{margin:24px 0;font-size:.85rem}.contact-details>div{display:flex;gap:24px;padding:14px 0;border-bottom:1px solid #d2d8cb}.contact-details dt{color:var(--muted);min-width:80px}.contact-details dd{margin:0;min-width:0;overflow-wrap:anywhere}.contact-value{display:flex;align-items:center;gap:12px}.contact-placeholder{font-size:.8rem}.socials{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:24px;font-size:.85rem}.socials a{display:flex;align-items:center;gap:8px;min-height:44px}.socials .icon{width:18px}.map-placeholder{display:flex;gap:18px;align-items:center;min-height:150px;padding:24px;margin-top:26px;border:1px solid #cbd1c2;background:repeating-linear-gradient(0deg,transparent,transparent 23px,#cbd1c230 23px,#cbd1c230 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#cbd1c230 23px,#cbd1c230 24px)}.map-placeholder>.icon{width:34px;height:34px;color:var(--accent)}.map-placeholder strong{font-size:.87rem}.map-placeholder span{display:block;font-size:.7rem;color:var(--muted)}.map-placeholder a{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.8rem;min-height:44px}.contact-form{background:var(--white);border:1px solid #d9ddd1;padding:24px;border-radius:var(--radius);min-width:0}.contact-form h3{font-size:1.45rem}.form-note{font-size:.75rem;margin:8px 0 24px}.field{margin-top:18px}.field label{display:block;font-weight:600;font-size:.82rem;margin-bottom:7px}.field label span{font-size:.7rem;color:var(--muted);font-weight:400}.field input,.field select,.field textarea{display:block;width:100%;min-width:0;border:1px solid #b9c4b5;border-radius:var(--radius);background:#fffefb;padding:11px 12px;color:var(--ink);font-size:16px;min-height:49px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{font-size:.8rem;color:#737968}.field input[dir=ltr]{text-align:right}.field [aria-invalid=true]{border-color:#9c382d}.field-error{color:#9c382d;font-size:.75rem;display:block;min-height:0}.field-error:not(:empty){margin-top:5px}.form-submit{width:100%;margin-top:22px}#form-status{font-size:.8rem;color:var(--ink);margin-top:14px}.form-preview{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.form-preview h4{font-size:.93rem}.form-preview p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;margin:12px 0}.site-footer{padding-block:30px 95px}.footer-top{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding-bottom:28px}.footer-top>p{font-size:.85rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted)}.footer-bottom small{font-size:.7rem}.floating-whatsapp{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:18px;z-index:25;display:flex;gap:8px;align-items:center;justify-content:center;min-height:50px;padding:12px 16px;background:var(--primary);color:#fff;border:1px solid #fff7;border-radius:30px;box-shadow:0 4px 18px #203e3626;font-size:.8rem}.floating-whatsapp:hover{background:#35594d}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:50px 25px 30px;max-width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}dialog::backdrop{background:#122921bb}dialog h2{font-size:1.8rem;margin-bottom:20px}dialog p{margin-bottom:25px}.dialog-close{position:absolute;top:10px;left:10px;border:1px solid var(--line);background:var(--paper);width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.lightbox{max-width:min(950px,calc(100vw - 24px));padding:58px 15px 12px}.lightbox img{width:100%;height:auto;max-height:70dvh;object-fit:contain}.lightbox h2{font-size:1rem;margin:15px 8px 0}.noscript-note{padding:24px;border-top:1px solid var(--line);background:var(--white)}
@media(min-width:600px){:root{--gutter:36px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 26px}.visual-frame>img{height:600px}.hero-actions{gap:25px}.contact-form{padding:36px}.section{padding-block:90px}}
@media(min-width:960px){:root{--gutter:50px}.header-inner{min-height:96px}.brand img{width:46px;height:46px}.brand strong{font-size:30px}.nav-toggle{display:none}#main-nav,#main-nav.is-open{display:flex;position:static;flex-direction:row;background:transparent;border:0;padding:0;gap:24px;box-shadow:none}#main-nav a{padding:10px 2px}.header-cta{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--ink);padding:8px 0;font-size:.85rem}.hero{grid-template-columns:1.05fr 1fr;gap:6.5%;padding-block:60px 75px;min-height:740px}.hero h1{font-size:clamp(2.9rem,4vw,4rem)}.hero .eyebrow{font-size:.74rem}.hero-description{font-size:1.03rem;max-width:400px}.hero-visual{padding-top:15px}.visual-frame{border-radius:240px 240px 2px 2px}.visual-frame>img{height:555px}.hero-note{margin-top:46px}.hero-visual figcaption{font-size:.66rem}.about{grid-template-columns:1fr 1.1fr;gap:10%;padding-block:85px 100px}.section-head{flex-direction:row;align-items:end;justify-content:space-between;gap:40px}.section-head .eyebrow{margin-bottom:14px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 42px}.service{padding:30px 0 36px}.trust-grid{grid-template-columns:1fr 1fr;gap:12%}.trust{padding-block:85px}.trust-list li{padding:25px 0;gap:30px}.trust-list li:first-child{padding-top:0;border-top:0}.gallery-grid{column-gap:40px;row-gap:45px}.work-item:nth-child(even){margin-top:55px}.image-button img{aspect-ratio:1.24}.contact-grid{grid-template-columns:1fr 1fr;gap:10%}.contact-form{padding:38px 40px}.contact-details{max-width:425px}.map-placeholder{max-width:425px}.site-footer{padding-block:42px 35px}.floating-whatsapp{bottom:24px;left:24px}.footer-bottom{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Review improvements: a distinct contact action, modest motion, generous targets. */
:root{--whatsapp:#087a49;--whatsapp-hover:#06633c}
.button-whatsapp,.floating-whatsapp{background:var(--whatsapp);color:#fff;transition:background-color .18s,transform .18s,box-shadow .18s}
.button-whatsapp:hover,.floating-whatsapp:hover{background:var(--whatsapp-hover)}
.button-whatsapp .icon,.floating-whatsapp .icon{stroke-width:1.8}
.floating-whatsapp{isolation:isolate;bottom:calc(18px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 36px);min-height:52px}
.floating-whatsapp{animation:whatsapp-nudge 7s 1s 3}
.floating-whatsapp::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--whatsapp);pointer-events:none;animation:contact-pulse 7s 1s 3;opacity:0;z-index:-1}
.floating-whatsapp:hover,.floating-whatsapp:focus-visible,.floating-whatsapp:hover::after,.floating-whatsapp:focus-visible::after{animation-play-state:paused}
@keyframes contact-pulse{0%,20%,100%{transform:scale(1);opacity:0}4%{opacity:.45}18%{transform:scale(1.12);opacity:0}}
@keyframes whatsapp-nudge{0%,20%,100%{transform:translateY(0)}8%{transform:translateY(-3px)}}
.hero-description{font-size:1.06rem}.hero-note{font-size:.82rem}.service-area{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.88rem}.service-area .icon{width:18px;height:18px}
.section-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:30px;padding-top:24px;border-top:1px solid #cfd5c9}.section-cta p{font-size:.92rem}
.contact-value{min-height:44px}.contact-details a{min-height:44px;display:inline-flex;align-items:center}
.field input,.field select,.field textarea,.button,.text-link{scroll-margin-block:125px 95px}
.service{transition:background-color .18s}.image-button{transition:box-shadow .18s}
#main-nav a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:7px;text-decoration-thickness:2px;transition:color .18s,text-decoration-color .18s}
#main-nav a:hover,#main-nav a:focus-visible{color:var(--accent);text-decoration-color:currentColor}
.section:focus,.hero:focus{outline:none}
@media(max-width:599px){h1{font-size:clamp(2.25rem,9vw,2.65rem);letter-spacing:-.8px}.hero{gap:28px;padding-top:32px}.hero-note{margin-top:24px}.hero-actions{gap:12px}.hero-actions>.button{width:100%}.visual-frame>img{height:390px}.contact-form{padding:22px 18px}.section-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:959px){#main-nav{max-height:calc(100dvh - 100px);overflow-y:auto}}
@media(hover:hover) and (pointer:fine){.button-whatsapp:hover,.floating-whatsapp:hover{transform:translateY(-2px)}.service:hover{background:#e5e8dd}.image-button:hover{box-shadow:0 8px 22px #203e3615}}
@media(prefers-reduced-motion:reduce){.button:hover,.floating-whatsapp:hover,.image-button:hover img{transform:none}}
@media print{.site-header,.floating-whatsapp,.contact-form,.demo-bar,.hero-actions{display:none}body{background:#fff}.section{padding-block:30px}.hero{min-height:0}a{color:inherit}section{break-inside:avoid}.trust{background:#fff;color:#000}.trust p{color:#333}}