:root{--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-base:18px;--font-weight-normal:400;--font-weight-bold:600;--line-height-base:1.6;--color-text-primary:#f0f9ff;--color-text-secondary:#bae6fd;--color-text-muted:#7dd3fc;--color-background-primary:#0f172a;--color-background-secondary:#1e293b;--color-border:#334155;--color-link:#fbbf24;--color-link-hover:#fcd34d;--color-accent:#fbbf24;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-color:#000000b3;--shadow-sm:0 2px 4px var(--shadow-color);--shadow-md:0 4px 8px var(--shadow-color);--shadow-lg:0 8px 16px var(--shadow-color);--shadow-xl:0 12px 24px var(--shadow-color);--whatsapp-primary:#22c55e;--whatsapp-hover:#16a34a;--whatsapp-shadow:#22c55e66;--footer-bg-gradient-start:#1e293b;--footer-bg-gradient-end:#0f172a;--footer-border-color:#334155;--footer-badge-bg:#1e293bcc;--footer-badge-border:#334155;--footer-badge-text:#bae6fd;--footer-badge-link:#fbbf24;--footer-text-muted:#7dd3fc;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--border-width:1.5px;--border-radius:.75rem;--border-style:solid;--input-background:var(--color-background-secondary);--input-border:var(--color-border);--input-text-color:var(--color-text-primary);--input-padding:.75rem;--input-focus-border:var(--color-accent);--input-focus-shadow:0 0 0 3px #fbbf2433;--textarea-min-height:6rem;--button-background:var(--color-accent);--button-text-color:#0f172a;--button-padding:.75rem 1.5rem;--button-border-radius:var(--border-radius);--button-hover-background:var(--color-link-hover);--button-shadow:0 4px 12px #fbbf244d;--button-hover-shadow:0 6px 16px #fbbf2466;--nav-hover-background:#fbbf241a;--nav-hover-color:var(--color-accent);--nav-active-background:#fbbf2433;--container-max-width:75rem;--header-height:4rem;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}[data-theme=light]{--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-background-primary:#f0f9ff;--color-background-secondary:#e0f2fe;--color-border:#bae6fd;--color-link:#f59e0b;--color-link-hover:#d97706;--color-accent:#f59e0b;--color-success:#10b981;--color-warning:#eab308;--color-error:#ef4444;--shadow-color:#00000026;--shadow-sm:0 1px 3px var(--shadow-color);--shadow-md:0 4px 6px var(--shadow-color);--shadow-lg:0 10px 15px var(--shadow-color);--shadow-xl:0 20px 25px var(--shadow-color);--whatsapp-primary:#25d366;--whatsapp-hover:#20ba5a;--whatsapp-shadow:#25d3664d;--footer-bg-gradient-start:#e0f2fe;--footer-bg-gradient-end:#f0f9ff;--footer-border-color:#bae6fd;--footer-badge-bg:#e0f2fee6;--footer-badge-border:#bae6fd;--footer-badge-text:#475569;--footer-badge-link:#f59e0b;--footer-text-muted:#64748b;--input-background:#fff;--input-focus-shadow:0 0 0 3px #f59e0b1a;--button-text-color:#1e293b;--button-shadow:0 4px 12px #f59e0b33;--button-hover-shadow:0 6px 16px #f59e0b4d;--nav-hover-background:#f59e0b0d;--nav-hover-color:var(--color-accent);--nav-active-background:#f59e0b1a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-background-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);color:var(--color-text-primary);line-height:1.2}h1{text-align:center;font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-1);color:var(--color-text-secondary)}a{color:var(--color-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-link-hover)}header{background-color:rgba(var(--color-background-primary-rgb),.95);border-bottom:var(--border-width)var(--border-style)var(--color-border);z-index:1000;transition:background-color var(--transition-normal),border-color var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}nav{max-width:var(--container-max-width);padding:var(--space-1);justify-content:space-between;align-items:center;margin:0 auto;display:flex}nav img{width:auto;height:3.5rem;transition:opacity var(--transition-fast)}nav img:hover{opacity:.8}nav ul{gap:var(--space-2);list-style:none;display:flex}.desktop-nav{display:flex}nav a{padding:var(--space-1)var(--space-3);color:var(--color-text-primary);font-weight:var(--font-weight-normal);background-color:var(--color-background-secondary);border-radius:var(--border-radius);border:var(--border-width)var(--border-style)var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);display:inline-block}nav a:hover{background-color:var(--nav-hover-background);color:var(--nav-hover-color);box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-2px)}main{width:100%;max-width:var(--container-max-width);padding:var(--space-1);flex:1;margin:0 auto}section{background-color:var(--color-background-primary);padding:var(--space-1);margin-bottom:var(--space-4);border-radius:var(--border-radius);border:var(--border-width)var(--border-style)var(--color-border);transition:background-color var(--transition-normal),border-color var(--transition-normal)}section h1,section h2{color:var(--color-text-primary);border-bottom:3px solid var(--color-link);padding-bottom:var(--space-1);margin-bottom:var(--space-3)}footer{background:linear-gradient(135deg,var(--footer-bg-gradient-start)0%,var(--footer-bg-gradient-end)100%);color:var(--color-text-primary);padding:var(--space-3)var(--space-2);border-top:var(--border-width)var(--border-style)var(--footer-border-color);justify-content:space-between;align-items:center;gap:var(--space-2);flex-direction:row;display:flex}footer small{background:var(--footer-badge-bg);border:1px solid var(--footer-badge-border);box-shadow:var(--shadow-sm);color:var(--footer-badge-text);transition:all var(--transition-normal);border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}footer small svg{opacity:.8;flex-shrink:0}footer small a{color:var(--footer-badge-link);transition:all var(--transition-fast);font-weight:600;text-decoration:none}footer small a:hover{color:var(--color-link-hover);text-shadow:0 0 8px var(--color-link-hover)}footer small:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-2px)}footer p{color:var(--footer-text-muted);text-align:center;margin:0;font-size:.75rem}ul{list-style:none}button{padding:var(--button-padding);background-color:var(--button-background);color:var(--button-text-color);border-radius:var(--button-border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--button-shadow);border:none}button:hover{background-color:var(--button-hover-background);box-shadow:var(--button-hover-shadow);transform:translateY(-2px)}button:active{transform:translateY(0)}.whatsapp-float{background-color:var(--whatsapp-primary);color:#fff;width:60px;height:60px;box-shadow:0 4px 12px var(--whatsapp-shadow);z-index:999;transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;animation:2s infinite pulse;display:flex;position:fixed;bottom:5rem;right:2rem}.whatsapp-float:hover{background-color:var(--whatsapp-hover);box-shadow:0 6px 16px var(--whatsapp-shadow);transform:scale(1.1)}.whatsapp-float:active{transform:scale(1.05)}@keyframes pulse{0%,to{box-shadow:0 4px 12px var(--whatsapp-shadow)}50%{box-shadow:0 4px 12px var(--whatsapp-shadow),0 0 0 8px #22c55e33}}.instagram-feed{margin:var(--space-4)0}.instagram-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;display:grid}.instagram-post{border-radius:var(--border-radius);background-color:var(--color-background-secondary);border:var(--border-width)var(--border-style)var(--color-border);transition:transform var(--transition-normal),box-shadow var(--transition-normal);aspect-ratio:1;position:relative;overflow:hidden}.instagram-post:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.instagram-post a{width:100%;height:100%;display:block;position:relative}.instagram-post img,.instagram-post video{object-fit:cover;width:100%;height:100%;display:block}.theme-toggle{border:var(--border-width)var(--border-style)var(--color-border);border-radius:var(--border-radius);padding:var(--space-1);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary);background:0 0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background-color:var(--nav-hover-background);border-color:var(--color-link);transform:scale(1.05)}.theme-toggle:focus{outline:2px solid var(--color-link);outline-offset:2px}.theme-toggle:active{animation:.3s ease-in-out spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hamburger{cursor:pointer;z-index:1001;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.hamburger span{background-color:var(--color-text-primary);width:28px;height:3px;transition:all var(--transition-fast);border-radius:2px;display:block}.hamburger:hover span{background-color:var(--color-accent)}.hamburger.open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{background:var(--color-background-primary);z-index:1000;width:280px;height:100vh;transition:right var(--transition-normal);border-left:2px solid var(--color-border);display:none;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 20px #00000080}.mobile-menu.open{right:0}.mobile-menu ul{flex-direction:column;gap:0;margin:0;padding:5rem 0 2rem;display:flex}.mobile-menu li{border-bottom:1px solid var(--color-border);list-style:none}.mobile-menu a{color:var(--color-text-primary);font-size:1.1rem;font-weight:var(--font-weight-bold);transition:all var(--transition-fast);box-shadow:none;background:0 0;border:none;border-radius:0;padding:1.25rem 1.5rem;text-decoration:none;display:block}.mobile-menu a:hover{background-color:var(--nav-hover-background);color:var(--color-accent);padding-left:2rem;transform:none}.mobile-menu .theme-toggle{justify-content:center;width:calc(100% - 3rem);margin:1.5rem}.que-hacemos,.contactanos{margin:var(--space-6)0}.section-intro{color:var(--color-text-secondary);margin-bottom:var(--space-4);text-align:center;font-size:1.1rem}.services-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.service-item{background-color:var(--color-background-secondary);border:var(--border-width)var(--border-style)var(--color-border);border-radius:var(--border-radius);padding:var(--space-3);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.service-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-4px)}.service-item h3{color:var(--color-text-primary);margin-bottom:var(--space-2);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-1);font-size:1.25rem}.service-item p{color:var(--color-text-secondary);margin:0}.contact-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.contact-item{background-color:var(--color-background-secondary);border:var(--border-width)var(--border-style)var(--color-border);border-radius:var(--border-radius);padding:var(--space-4);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-2);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.contact-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-4px)}.contact-item:hover .contact-icon{filter:grayscale(0%);animation:.5s ease-in-out wiggle;transform:scale(1.2)rotate(10deg)}.contact-item:hover strong{color:var(--color-link-hover)}.contact-icon{margin-bottom:var(--space-1);filter:grayscale(20%);transition:all var(--transition-normal);font-size:2.5rem;display:block}@keyframes wiggle{0%,to{transform:scale(1.2)rotate(0)}25%{transform:scale(1.2)rotate(-10deg)}75%{transform:scale(1.2)rotate(10deg)}}.contact-item h3{color:var(--color-text-primary);border-bottom:none;margin:0;font-size:1.1rem}.contact-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.contact-item strong{color:var(--color-link);font-weight:var(--font-weight-bold);transition:all var(--transition-fast);font-size:1rem}@media (min-width:48rem){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}nav{padding:var(--space-3)var(--space-4)}main{padding:var(--space-4)}section{padding:var(--space-6)var(--space-4)}}@media (max-width:48rem){nav{padding:var(--space-1)}nav img{height:2.5rem}.desktop-nav{display:none!important}.hamburger{display:flex}.mobile-menu{display:block}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}main{padding:var(--space-1)}section{padding:var(--space-2);margin-bottom:var(--space-2)}.instagram-grid{gap:var(--space-1);grid-template-columns:1fr}.services-grid,.contact-grid{gap:var(--space-2);grid-template-columns:1fr}.whatsapp-float{width:56px;height:56px;bottom:4rem;right:1rem}footer{text-align:center;padding:var(--space-2);gap:var(--space-1);flex-direction:column}footer small{padding:.4rem .8rem;font-size:.75rem}}@media (min-width:48rem) and (max-width:64rem){.instagram-grid,.services-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}