*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--fg);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}:root{--bg:#fafaf7;--bg:oklch(98% .004 95);--surface:#fff;--surface:oklch(100% .002 95);--fg:#2c2923;--fg:oklch(20% .018 70);--muted:#777269;--muted:oklch(50% .012 70);--border:#e4e2de;--border:oklch(90% .006 95);--accent:#2d8a4e;--accent:oklch(52% .14 145);--accent-light:#d5eddb;--accent-light:oklch(92% .04 145);--accent-dark:#1a5c32;--accent-dark:oklch(38% .12 145);--herb-pattern:rgba(176,216,185,.15);--herb-pattern:oklch(85% .06 145/.15);--font-display:"Noto Serif SC","Iowan Old Style",Georgia,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 12px 40px rgba(0,0,0,.08);--content-max:1280px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.25;letter-spacing:.01em}h1{font-size:clamp(2rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,3.5vw,2.4rem);margin-bottom:.5em}h3{font-size:clamp(1.15rem,2vw,1.5rem);margin-bottom:.3em}p{margin-bottom:1em}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--content-max);margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}nav .container{display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--fg);letter-spacing:.02em}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:28px;list-style:none;align-items:center}.nav-links .nav-link,.nav-links a{font-size:.9rem;font-weight:500;color:var(--muted);transition:color .2s;cursor:pointer}.nav-links .nav-link:hover,.nav-links a:hover{color:var(--fg);text-decoration:none}.nav-links .nav-link.active,.nav-links a.active{color:var(--fg);font-weight:600}.nav-cta{background:var(--accent);color:#fff!important;padding:8px 20px;border-radius:var(--radius-sm);font-weight:600}.nav-cta:hover{background:var(--accent-dark)!important;color:#fff!important;text-decoration:none!important}footer{background:#272420;background:#15110d;color:#ada9a2;color:#a39d98;padding:48px 0 32px}footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px}footer h4{color:#fff;font-family:var(--font-body);font-weight:600;margin-bottom:16px;font-size:1rem}footer ul{list-style:none}footer li{margin-bottom:8px;font-size:.9rem}footer a{color:#ada9a2;color:#a39d98}footer a:hover{color:#fff}.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid #49453d;border-top:1px solid oklch(30% .01 70);text-align:center;font-size:.85rem}.nav-mobile-actions{display:none;align-items:center}.nav-hamburger{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:6px 14px;border-radius:8px;transition:background .15s,border-color .15s;min-height:42px}.nav-hamburger:hover{background:var(--accent-light);border-color:var(--accent)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon i{display:block;width:100%;height:2px;background:var(--fg);border-radius:1px;transition:transform .25s,opacity .25s;transform-origin:center;font-style:normal}.nav-hamburger.open .hamburger-icon i:first-child{transform:translateY(6px) rotate(45deg)}.nav-hamburger.open .hamburger-icon i:nth-child(2){opacity:0}.nav-hamburger.open .hamburger-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hamburger-label{font-size:.82rem;font-weight:600;color:var(--fg);letter-spacing:.02em;line-height:1}.nav-mobile-menu{display:none;background:#fffffff7;border-bottom:1px solid var(--border);padding:12px 24px 20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-mobile-menu.open{display:block}.nav-mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-mobile-menu li a{display:block;padding:12px 16px;font-size:1rem;font-weight:500;color:var(--muted);border-radius:8px;transition:background .15s,color .15s}.nav-mobile-menu li a.active,.nav-mobile-menu li a:hover{background:var(--accent-light);color:var(--fg);text-decoration:none}.mobile-contact-divider{height:1px;background:var(--border);margin:6px 8px}.nav-mobile-cta-link{background:var(--accent)!important;color:#fff!important;font-weight:600!important;text-align:center;margin-top:4px}.nav-mobile-cta-link:hover{background:var(--accent-dark)!important;color:#fff!important;text-decoration:none!important}@media(max-width:820px){.nav-links{display:none}.nav-mobile-actions{display:flex}}@media(min-width:821px){.nav-mobile-actions{display:none}.nav-mobile-menu{display:none!important}}.floating-contact{position:fixed;right:20px;bottom:120px;z-index:100;display:flex;flex-direction:column;gap:10px}.float-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none}.float-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-lg);text-decoration:none}.float-icon{font-size:1.3rem;line-height:1}.float-phone:hover{background:#d4e5f5;background:#c2e5f1}.float-email:hover{background:#e8e4de;background:#f0dac2}.float-whatsapp:hover{background:#c5f0cf;background:#b5f0b5}.float-btn{position:relative}.float-btn:after{content:attr(data-tooltip);right:58px;background:var(--fg);color:#fff;padding:6px 14px;border-radius:6px;font-size:.82rem;font-weight:500;white-space:nowrap}.float-btn:after,.float-btn:before{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity .2s}.float-btn:before{content:"";right:50px;width:0;height:0;border:6px solid transparent;border-left:6px solid var(--fg)}.float-btn:hover:after,.float-btn:hover:before{opacity:1}@media(max-width:640px){.floating-contact{right:12px;bottom:100px;gap:8px}.float-btn{width:42px;height:42px}.float-icon{font-size:1.15rem}}
