: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:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-background-primary:#0f172a;--color-background-secondary:#1e293b;--color-border:#334155;--color-link:#60a5fa;--color-link-hover:#93c5fd;--color-accent:#3b82f6;--color-accent-secondary:#8b5cf6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-color:#0006;--shadow-sm:0 2px 8px var(--shadow-color);--shadow-md:0 4px 12px var(--shadow-color);--shadow-lg:0 8px 24px var(--shadow-color);--shadow-xl:0 12px 32px var(--shadow-color);--whatsapp-primary:#25d366;--whatsapp-hover:#20ba5a;--whatsapp-shadow:#25d36666;--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:#cbd5e1;--footer-badge-link:#60a5fa;--footer-text-muted:#94a3b8;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--border-width:1px;--border-radius:1rem;--border-style:solid;--input-background:var(--color-background-secondary);--input-border:var(--color-border);--input-text-color:var(--color-text-primary);--input-padding:.875rem 1rem;--input-focus-border:var(--color-accent);--input-focus-shadow:0 0 0 3px #3b82f633;--textarea-min-height:8rem;--button-background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-secondary)100%);--button-text-color:#fff;--button-padding:.875rem 1.75rem;--button-border-radius:var(--border-radius);--button-hover-background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);--button-shadow:0 4px 14px #3b82f666;--button-hover-shadow:0 6px 20px #3b82f699;--nav-hover-background:#3b82f61a;--nav-hover-color:var(--color-link);--nav-active-background:#3b82f626;--container-max-width:75rem;--header-height:4.5rem;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-background-primary:#f8fafc;--color-background-secondary:#fff;--color-border:#e2e8f0;--color-link:#2563eb;--color-link-hover:#1d4ed8;--color-accent:#2563eb;--color-accent-secondary:#7c3aed;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--shadow-color:#0f172a1a;--shadow-sm:0 2px 8px var(--shadow-color);--shadow-md:0 4px 12px var(--shadow-color);--shadow-lg:0 8px 24px var(--shadow-color);--shadow-xl:0 12px 32px var(--shadow-color);--whatsapp-primary:#25d366;--whatsapp-hover:#20ba5a;--whatsapp-shadow:#25d3664d;--footer-bg-gradient-start:#fff;--footer-bg-gradient-end:#f8fafc;--footer-border-color:#e2e8f0;--footer-badge-bg:#ffffffe6;--footer-badge-border:#e2e8f0;--footer-badge-text:#475569;--footer-badge-link:#2563eb;--footer-text-muted:#64748b;--input-background:#fff;--input-focus-shadow:0 0 0 3px #2563eb1a;--button-background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-secondary)100%);--button-text-color:#fff;--button-shadow:0 4px 14px #2563eb4d;--button-hover-shadow:0 6px 20px #2563eb80;--nav-hover-background:#2563eb0d;--nav-hover-color:var(--color-accent);--nav-active-background:#2563eb1a}*{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{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:linear-gradient(135deg,var(--color-background-secondary)0%,var(--color-background-primary)100%);border-bottom:var(--border-width)var(--border-style)var(--color-border);z-index:1000;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);box-shadow:var(--shadow-md);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: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;position:relative;overflow:hidden}button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}button:hover:before{left:100%}button:hover{background: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);flex-direction:column;display:flex}.contact-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-4px)}.contact-icon{margin-bottom:var(--space-1);filter:grayscale(20%);font-size:2.5rem}.contact-item h3{color:var(--color-text-primary);border-bottom:none;margin:0;font-size:1.1rem}.contact-item a{color:var(--color-link);font-weight:var(--font-weight-bold);transition:all var(--transition-fast)}.contact-item a:hover{color:var(--color-link-hover);text-shadow:0 0 8px var(--color-link-hover)}@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)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}section{animation:.6s ease-out fadeIn}.instagram-post{animation:.4s ease-out backwards scaleIn}.instagram-post:first-child{animation-delay:.1s}.instagram-post:nth-child(2){animation-delay:.15s}.instagram-post:nth-child(3){animation-delay:.2s}.instagram-post:nth-child(4){animation-delay:.25s}.instagram-post:nth-child(5){animation-delay:.3s}.instagram-post:nth-child(6){animation-delay:.35s}.service-item{animation:.5s ease-out backwards slideUp}.service-item:first-child{animation-delay:.1s}.service-item:nth-child(2){animation-delay:.2s}.service-item:nth-child(3){animation-delay:.3s}.service-item:nth-child(4){animation-delay:.4s}.service-item:nth-child(5){animation-delay:.5s}.service-item:nth-child(6){animation-delay:.6s}.contact-item{animation:.5s ease-out backwards slideUp}.contact-item:first-child{animation-delay:.1s}.contact-item:nth-child(2){animation-delay:.2s}.contact-item:nth-child(3){animation-delay:.3s}.contact-item:nth-child(4){animation-delay:.4s}h1{animation:.6s ease-out slideInLeft}.home-intro,.section-intro{animation:.6s ease-out .2s backwards slideUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.contacto-hero{text-align:center;background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-secondary)100%);color:#fff;margin-bottom:var(--space-6);padding:var(--space-8)var(--space-4)!important;border:none!important}.contacto-hero h1{color:#fff;margin-bottom:var(--space-3);border-bottom:none;font-size:3rem;animation:.8s ease-out slideUp}.hero-subtitle{color:#fffffff2;max-width:42rem;margin:0 auto;font-size:1.25rem;line-height:1.8;animation:.8s ease-out .2s backwards slideUp}.contact-methods{padding:var(--space-6)var(--space-4)}.contact-methods h2{text-align:center;margin-bottom:var(--space-6);color:var(--color-text-primary);font-size:2.5rem;animation:.6s ease-out slideUp}.contact-grid-enhanced{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.contact-card{background:linear-gradient(135deg,var(--color-background-secondary)0%,var(--color-background-primary)100%);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);animation:.5s ease-out backwards slideUp;position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(90deg,var(--color-accent)0%,var(--color-accent-secondary)100%);height:4px;transition:transform var(--transition-normal);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.contact-card:hover:before{transform:scaleX(1)}.contact-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-accent);transform:translateY(-8px)}.contact-card:first-child{animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:nth-child(4){animation-delay:.4s}.contact-card-icon{width:80px;height:80px;margin:0 auto var(--space-3);background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-secondary)100%);color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-card:hover .contact-card-icon{box-shadow:var(--shadow-lg);transform:scale(1.1)rotate(5deg)}.contact-card h3{color:var(--color-text-primary);margin-bottom:var(--space-2);border-bottom:none;font-size:1.5rem}.contact-card p{color:var(--color-text-secondary);margin-bottom:var(--space-3);font-size:1rem}.contact-link-btn{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-4);background:linear-gradient(135deg,var(--color-accent)0%,var(--color-accent-secondary)100%);color:#fff;border-radius:var(--border-radius);font-weight:var(--font-weight-bold);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.contact-link-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.contact-link-btn:hover:before{left:100%}.contact-link-btn:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.contact-link-btn svg{transition:transform var(--transition-fast)}.contact-link-btn:hover svg{transform:translate(4px)}.contact-info-section{padding:var(--space-6)var(--space-4);background:linear-gradient(135deg,var(--color-background-secondary)0%,var(--color-background-primary)100%);border:var(--border-width)var(--border-style)var(--color-border)}.contact-info-section h2{text-align:center;margin-bottom:var(--space-6);color:var(--color-text-primary);font-size:2.5rem;animation:.6s ease-out slideUp}.info-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.info-item{text-align:center;padding:var(--space-4);background-color:var(--color-background-primary);border:var(--border-width)var(--border-style)var(--color-border);border-radius:var(--border-radius);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);animation:.5s ease-out backwards slideUp}.info-item:first-child{animation-delay:.1s}.info-item:nth-child(2){animation-delay:.2s}.info-item:nth-child(3){animation-delay:.3s}.info-item:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-4px)}.info-icon{margin-bottom:var(--space-2);filter:grayscale(20%);transition:all var(--transition-normal);font-size:3rem}.info-item:hover .info-icon{filter:grayscale(0%);transform:scale(1.2)}.info-item h3{color:var(--color-text-primary);margin-bottom:var(--space-2);border-bottom:none;font-size:1.4rem}.info-item p{color:var(--color-text-secondary);margin:0;line-height:1.6}@media (max-width:48rem){.contacto-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.contact-methods h2,.contact-info-section h2{font-size:1.75rem}.contact-grid-enhanced,.info-grid{grid-template-columns:1fr}.contact-card-icon{width:64px;height:64px}.contact-card-icon svg{width:36px;height:36px}}