@charset "UTF-8";:root{--whatsapp-h: 142;--whatsapp-s: 70%;--whatsapp-l: 45%;--whatsapp: hsl(var(--whatsapp-h) var(--whatsapp-s) var(--whatsapp-l));--whatsapp-dark: hsl(var(--whatsapp-h) var(--whatsapp-s) 40%)}:root{--color-primary: 22 45% 16%;--color-secondary: 25 40% 38%;--color-accent: 38 45% 52%;--color-surface: 40 30% 96%;--color-surface-alt: 35 25% 90%;--color-border: 28 30% 80%;--color-text: 30 10% 10%;--color-text-muted: 20 10% 35%;--bg-page: hsl(40, 30%, 98%);--bg-section: hsl(40, 25%, 94%);--bg-card: hsl(40, 30%, 96%);--bg-hero: linear-gradient(135deg, hsl(22, 45%, 22%), hsl(38, 45%, 42%));--bg-overlay: hsla(22, 45%, 10%, .6);--bg-pattern: url(/images/patterns/wood.png);--component-bg-button-primary: hsl(22, 45%, 26%);--component-bg-button-primary-hover: hsl(22, 45%, 22%);--component-bg-button-secondary: hsl(25, 40%, 38%);--component-bg-button-secondary-hover: hsl(25, 40%, 32%);--component-bg-header: hsl(40, 30%, 94%);--component-bg-header-sticky: hsl(40, 30%, 92%);--component-bg-nav-item-hover: hsl(38, 45%, 90%);--component-bg-card: hsl(40, 30%, 96%);--component-bg-cta: hsl(38, 45%, 42%);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 2px 6px hsla(28, 45%, 20%, .15);--shadow-md: 0 6px 16px hsla(28, 45%, 20%, .25);--font-base: Inter, system-ui, sans-serif;--font-heading: Poppins, system-ui, sans-serif}[data-theme=green]{--color-primary: 140 40% 30%;--color-secondary: 95 35% 40%;--color-accent: 45 70% 45%;--color-surface: 90 20% 96%;--color-surface-alt: 90 18% 90%;--color-border: 120 25% 75%;--color-text: 120 10% 12%;--color-text-muted: 120 8% 35%;--bg-page: hsl(90, 20%, 98%);--bg-section: hsl(90, 18%, 94%);--bg-card: hsl(90, 20%, 96%);--bg-hero: linear-gradient(135deg, hsl(140, 40%, 25%), hsl(95, 35%, 35%));--bg-overlay: hsla(140, 40%, 8%, .55);--bg-pattern: url(/images/patterns/leaves.png);--component-bg-button-primary: hsl(140, 40%, 30%);--component-bg-button-primary-hover: hsl(45, 70%, 45%);--component-bg-button-secondary: hsl(95, 35%, 40%);--component-bg-button-secondary-hover: hsl(140, 40%, 35%);--component-bg-header: hsl(90, 74%, 14%);--component-bg-header-sticky: hsl(90, 20%, 94%);--component-bg-nav-item-hover: hsl(120, 25%, 88%);--component-bg-card: hsl(90, 20%, 96%);--component-bg-cta: hsl(140, 40%, 30%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 3px 8px hsla(140, 40%, 15%, .18);--shadow-md: 0 8px 20px hsla(140, 40%, 15%, .3);--font-base: Inter, system-ui, sans-serif;--font-heading: Poppins, system-ui, sans-serif}body{background-color:var(--bg-hero);color:hsl(var(--color-primary));font-family:var(--font-base)}@keyframes whatsapp-pulse{0%{box-shadow:0 6px 18px #00000040,0 0 hsl(var(--whatsapp-h),var(--whatsapp-s),var(--whatsapp-l),.6)}70%{box-shadow:0 6px 18px #00000040,0 0 0 14px hsl(var(--whatsapp-h),var(--whatsapp-s),var(--whatsapp-l),0)}to{box-shadow:0 6px 18px #00000040,0 0 hsl(var(--whatsapp-h),var(--whatsapp-s),var(--whatsapp-l),0)}}.cta-button{position:relative;padding:18px 48px;font-size:18px;font-weight:600;color:#fff;background:var(--component-bg-cta);border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 10px 30px #0006;overflow:hidden;transition:all .3s ease}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cta-button:hover{transform:scale(1.05);box-shadow:0 15px 40px #00000080}.cta-button:hover:before{left:100%}.cta-button:active{transform:scale(.98);box-shadow:0 8px 20px #0006}.cta-text{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.cta-text:after{content:"→";font-size:20px;transition:transform .3s ease}.cta-button:hover .cta-text:after{transform:translate(5px)}.whatsapp-float{position:fixed;bottom:1.25rem;right:1.25rem;z-index:1000;width:56px;height:56px;border-radius:50%;background:var(--whatsapp);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;animation:whatsapp-pulse 3s infinite;transition:transform .25s ease,background .25s ease}.whatsapp-float svg{width:45px;height:45px}.whatsapp-float:hover{background:var(--whatsapp-dark);transform:scale(1.08)}.whatsapp-float:active{transform:scale(.95)}.whatsapp-float:before{content:"¿Cotizamos por WhatsApp?";position:absolute;right:68px;white-space:nowrap;padding:.5rem .75rem;border-radius:6px;background:#111;color:#fff;font-size:.75rem;line-height:1;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.whatsapp-float:hover:before{opacity:1;transform:translateY(0)}@media(max-width:668px){.whatsapp-float{bottom:1rem;right:1rem}.whatsapp-float:before{display:none}}header{background-color:#1f1b16;opacity:.9;color:#fff;box-shadow:0 4px 20px #00000059}header img{filter:brightness(1.05)}header nav{margin-right:1rem}header nav a,header nav button{color:#fff;font-weight:500;font-size:1.125rem;letter-spacing:.3px;transition:color .25s ease,border-color .25s ease}header nav a:hover,header nav button:hover{color:#c9a36a}header nav a{border-bottom:2px solid transparent}header nav a:hover{border-bottom-color:#c9a36a}header .group>div,header .group\/sub>div{background-color:#2a241d;border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}header .group a,header .group button,header .group\/sub a,header .group\/sub button{color:#f5f5f5}header .group a:hover,header .group button:hover,header .group\/sub a:hover,header .group\/sub button:hover{background-color:#3a3228;color:#c9a36a}header button.md\\:hidden{color:#fff}header button.md\\:hidden:hover{background-color:#ffffff14}header .md\\:hidden.border-t{background-color:#1f1b16;border-top:1px solid rgba(255,255,255,.1)}header .md\\:hidden a,header .md\\:hidden button{color:#fff}header .md\\:hidden a:hover,header .md\\:hidden button:hover{background-color:#2a241d;color:#c9a36a}header .md\\:hidden .space-y-1{padding-left:.25rem}header svg{stroke:currentColor}.contact-section .contact-information{color:hsl(var(--color-primary))}.contact-section .social-media a{color:#fff;background-color:var(--component-bg-button-primary)}
