:root{--color-primary:#0a7ea4;--color-primary-dark:#085f7d;--color-primary-light:#e6f7fb;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#d1fae5;--color-accent:#06b6d4;--color-navy:#0f172a;--color-slate:#334155;--color-gray:#64748b;--color-light-gray:#e2e8f0;--color-white:#fff;--color-off-white:#f8fafc;--gradient-primary:linear-gradient(135deg,#0a7ea4,#0a7ea4);--gradient-soft:linear-gradient(180deg,#e6f7fb,#d1fae5);--gradient-hero:linear-gradient(135deg,rgba(10,126,164,.05),rgba(16,185,129,.05));--font-display:"Outfit",sans-serif;--font-body:"DM Sans",sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--shadow-colored:0 10px 30px rgba(10,126,164,.15);--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-white);color:var(--color-slate);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-navy);font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none;transition:var(--transition-base)}img{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer;font-family:inherit}ul{list-style:none}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--color-light-gray);left:0;position:fixed;right:0;top:0;transition:var(--transition-base);z-index:1000}.nav-content{justify-content:space-between;padding:var(--spacing-md) 0}.logo,.nav-content{align-items:center;display:flex}.logo{color:var(--color-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:700;gap:var(--spacing-xs)}.logo-icon{font-size:1.75rem}.nav-links{align-items:center;display:flex;gap:var(--spacing-xl)}.nav-links a{color:var(--color-slate);font-weight:500;position:relative}.nav-links a:not(.nav-cta):hover{color:var(--color-primary)}.nav-links a:not(.nav-cta):after{background:var(--gradient-primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.nav-links a:not(.nav-cta):hover:after{width:100%}.nav-cta{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-white)!important;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition-base)}.nav-cta:hover{box-shadow:var(--shadow-colored);transform:translateY(-2px)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:var(--spacing-xs)}.mobile-menu-btn span{background:var(--color-navy);display:block;height:2px;transition:var(--transition-base);width:25px}.mobile-menu{background:var(--color-white);border-bottom:1px solid var(--color-light-gray);display:none;flex-direction:column;gap:var(--spacing-sm);left:0;opacity:0;padding:var(--spacing-md);pointer-events:none;position:fixed;right:0;top:73px;transform:translateY(-10px);transition:var(--transition-base);z-index:999}.mobile-menu.active{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-menu a{border-radius:var(--radius-sm);color:var(--color-slate);font-weight:500;padding:var(--spacing-sm);transition:var(--transition-base)}.mobile-menu a:hover{background:var(--color-primary-light);color:var(--color-primary)}.mobile-cta{background:var(--color-primary);color:var(--color-white)!important;text-align:center}.language-switcher{align-items:center;border-left:1px solid var(--color-light-gray);display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-md);padding-left:var(--spacing-md)}.language-switcher button{border-radius:var(--radius-sm);color:var(--color-gray);font-size:.875rem;font-weight:500;padding:.25rem .5rem;transition:var(--transition-base)}.language-switcher button:hover{color:var(--color-primary)}.language-switcher button.active{background:var(--color-primary-light);color:var(--color-primary)}.hero{align-items:center;display:flex;min-height:90vh;overflow:hidden;padding:calc(73px + var(--spacing-3xl)) 0 var(--spacing-3xl);position:relative}.hero-background{background:var(--gradient-hero);inset:0;position:absolute;z-index:-1}.hero-shape{animation:float 20s ease-in-out infinite;background:var(--gradient-primary);border-radius:50%;opacity:.08;position:absolute}.hero-shape.shape-1{animation-delay:0s;height:600px;right:-100px;top:-200px;width:600px}.hero-shape.shape-2{animation-delay:7s;bottom:-100px;height:400px;left:-50px;width:400px}.hero-shape.shape-3{animation-delay:14s;height:300px;left:40%;top:50%;width:300px}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-content{align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}.hero-text{animation:slideInLeft .8s ease-out}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md)}.title-line{display:block}.highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{color:var(--color-gray);font-size:1.25rem;margin-bottom:var(--spacing-xl);max-width:500px}.hero-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-white)}.btn-primary:hover{box-shadow:var(--shadow-colored);transform:translateY(-3px)}.btn-secondary{background:var(--color-white);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}.btn-large{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-2xl)}.btn-icon{font-size:1.5rem;transition:transform var(--transition-base)}.btn:hover .btn-icon{transform:translate(5px)}.hero-stats{display:flex;gap:var(--spacing-2xl)}.hero-stats-centered{justify-content:center}.stat{display:flex;flex-direction:column}.stat-number{color:var(--color-primary);font-family:var(--font-display);font-size:2rem;font-weight:700}.stat-label{color:var(--color-gray);font-size:.9rem}.hero-image{animation:slideInRight .8s ease-out}.image-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-xl)}.pricing-boxes{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.pricing-box{align-items:center;background:var(--color-white);border:2px solid var(--color-light-gray);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);position:relative;text-align:center;transition:var(--transition-base)}.pricing-box:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px);z-index:10}.pricing-icon{color:var(--color-primary);height:48px;stroke-width:1.5;width:48px}.pricing-label{color:var(--color-navy);font-family:var(--font-display);font-size:1.1rem;font-weight:600;line-height:1.2}.pricing-price{color:var(--color-gray);font-size:1rem;font-weight:400}.pricing-tooltip{left:50%;opacity:0;padding-top:15px;pointer-events:none;position:absolute;top:100%;transform:translate(-50%);transition:var(--transition-base);visibility:hidden;z-index:200}.pricing-box:hover .pricing-tooltip{opacity:1;visibility:visible}.tooltip-content{background:var(--color-navy);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--color-white);min-width:180px;padding:var(--spacing-sm);position:relative}.tooltip-content:after{border:8px solid transparent;border-bottom:8px solid var(--color-navy);bottom:100%;content:"";left:50%;position:absolute;transform:translate(-50%)}.tooltip-row{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-size:.85rem;gap:var(--spacing-sm);justify-content:space-between;padding:.35rem 0}.tooltip-row:last-child{border-bottom:none}.tooltip-range{color:#fffc}.tooltip-price{color:var(--color-secondary-light);font-weight:600}@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)}}section{padding:var(--spacing-3xl) 0}.section-header{margin-bottom:var(--spacing-3xl);margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.section-tag{background:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.section-tag.light{background:#fff3;color:var(--color-white)}.section-title{font-size:2.5rem;margin-bottom:var(--spacing-md)}.section-description{color:var(--color-gray);font-size:1.1rem}.services{background:var(--color-off-white)}.services-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}.service-card{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:var(--transition-base)}.service-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.service-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.service-title{color:var(--color-navy);font-size:1.5rem;margin-bottom:var(--spacing-sm)}.service-description{color:var(--color-gray);margin-bottom:var(--spacing-md)}.service-features{display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-features li{align-items:center;color:var(--color-slate);display:flex;font-size:.95rem;gap:var(--spacing-xs)}.service-features li:before{color:var(--color-secondary);content:"✓";font-size:1.2rem;font-weight:700}.steps{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.step{display:flex;gap:var(--spacing-md)}.step-number{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);display:flex;flex-shrink:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.step-content{flex:1}.step-title{color:var(--color-navy);font-size:1.25rem;margin-bottom:var(--spacing-xs)}.step-description{color:var(--color-gray)}.appointment{background:var(--gradient-primary);color:var(--color-white)}.appointment-wrapper{align-items:start;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1.2fr}.appointment-info{position:sticky;top:100px}.appointment-info .section-title{color:var(--color-white)}.appointment-description{font-size:1.1rem;margin-bottom:var(--spacing-xl);opacity:.9}.info-items{flex-direction:column}.info-item,.info-items{display:flex;gap:var(--spacing-md)}.info-item{align-items:start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-md)}.info-icon{font-size:1.75rem}.info-icon-svg{color:var(--color-white);flex-shrink:0;height:28px;width:28px}.info-item-whatsapp{cursor:pointer;text-decoration:none;transition:var(--transition-base)}.info-item-whatsapp:hover{background:#fff3;transform:translate(5px)}.info-item strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.info-item p{font-size:.95rem;opacity:.9}.appointment-form-wrapper{position:relative}.appointment-form{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.form-row{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--color-navy);display:block;font-size:.95rem;font-weight:600;margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--color-light-gray);border-radius:var(--radius-sm);color:var(--color-slate);font-family:inherit;font-size:1rem;padding:var(--spacing-md);transition:var(--transition-base);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0a7ea41a;outline:none}.form-group textarea{resize:vertical}.form-note{color:var(--color-gray);font-size:.85rem;margin-top:var(--spacing-md)}.form-success{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:none;padding:var(--spacing-3xl);text-align:center}.form-success.active{animation:slideInRight .5s ease-out;display:block}.success-icon{align-items:center;animation:scaleIn .5s ease-out .2s both;background:var(--color-secondary);border-radius:50%;color:var(--color-white);display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto var(--spacing-md);width:80px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.form-success h3{color:var(--color-navy);font-size:1.75rem;margin-bottom:var(--spacing-sm)}.form-success p{color:var(--color-gray);font-size:1.1rem}.footer{background:var(--color-navy);color:var(--color-white);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-content{align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:1.5fr auto 2fr;margin-bottom:var(--spacing-2xl)}.footer-brand .logo{color:var(--color-white);margin-bottom:var(--spacing-md)}.footer-description{line-height:1.6;opacity:.8}.footer-links{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-left:auto}.footer-column h4{color:var(--color-white);font-size:1.1rem;margin-bottom:var(--spacing-md)}.footer-column ul{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-column a{opacity:.8;transition:var(--transition-base)}.footer-column a:hover{color:var(--color-secondary);opacity:1;transform:translate(3px)}.footer-column li{font-size:.95rem;opacity:.8}.footer-bottom{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding-top:var(--spacing-xl)}.footer-bottom p{font-size:.9rem;opacity:.7}.footer-legal{display:flex;gap:var(--spacing-md)}.footer-legal a{font-size:.9rem;opacity:.7}.footer-legal a:hover{opacity:1}.footer-certifications{align-items:center;display:flex;gap:var(--spacing-md)}.footer-certifications img{height:100px;-o-object-fit:contain;object-fit:contain;width:100px}@media(max-width:968px){.hero-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.hero-image{margin:0 auto;max-width:400px;order:-1}.hero-text{text-align:center}.hero-title{font-size:2.5rem}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.services-grid{margin:0 auto;max-width:500px}.appointment-wrapper,.services-grid,.steps{grid-template-columns:1fr}.appointment-info{position:static;text-align:center}.info-items{margin:0 auto;max-width:400px}.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand{align-items:center;display:flex;flex-direction:column}.footer-links{margin-left:0}.footer-certifications,.footer-links{justify-content:center}}@media(max-width:768px){:root{--spacing-3xl:4rem;--spacing-2xl:3rem}.nav-links{display:none}.mobile-menu,.mobile-menu-btn{display:flex}.logo img{max-height:40px!important}.hero{min-height:auto;padding:calc(73px + var(--spacing-xl)) 0 var(--spacing-xl)}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-buttons{align-items:stretch;flex-direction:column}.btn{justify-content:center;width:100%}.hero-stats{flex-wrap:wrap;gap:var(--spacing-md)}.stat-number{font-size:1.5rem}.section-title{font-size:1.75rem}.section-header{padding:0 var(--spacing-sm)}.form-row{grid-template-columns:1fr}.appointment-form{padding:var(--spacing-md)}.appointment-form .btn{width:100%}.footer-links{gap:var(--spacing-lg);grid-template-columns:1fr}.footer-column{text-align:center}.footer-column ul{align-items:center}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.language-switcher{border-left:none;justify-content:center;margin-left:0;margin-top:var(--spacing-sm);padding-left:0}.image-card{padding:var(--spacing-md)}.pricing-boxes{gap:var(--spacing-sm)}.pricing-box{padding:var(--spacing-md)}.pricing-icon{height:36px;width:36px}.pricing-label{font-size:.95rem}.pricing-price{font-size:.85rem}.step{align-items:center;flex-direction:column;text-align:center}.step-number{font-size:1.25rem;height:50px;width:50px}.info-item{align-items:center;flex-direction:column}.info-item,.service-card{text-align:center}.service-features{align-items:center}}@media(max-width:480px){.container{padding:0 var(--spacing-sm)}.hero{padding:calc(65px + var(--spacing-md)) 0 var(--spacing-lg)}.hero-title{font-size:1.6rem}.title-line{display:inline}.section-title{font-size:1.5rem}.hero-stats{flex-direction:row;gap:var(--spacing-xs);justify-content:space-around}.stat{align-items:center;text-align:center}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}.hero-image{max-width:100%}.btn{font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-large{padding:var(--spacing-sm) var(--spacing-lg)}.nav-content{padding:var(--spacing-sm) 0}.logo img{max-height:32px!important}.appointment-form{padding:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:var(--spacing-sm)}.form-group label{font-size:.9rem}.form-success{padding:var(--spacing-xl)}.success-icon{font-size:2rem;height:60px;width:60px}.form-success h3{font-size:1.5rem}.form-success p{font-size:1rem}.footer{padding:var(--spacing-2xl) 0 var(--spacing-md)}.footer-description{font-size:.9rem}.mobile-menu{top:60px}}@media(hover:none)and (pointer:coarse){.btn{min-height:48px}.nav-cta{display:flex}.mobile-menu-btn,.nav-cta{align-items:center;min-height:44px}.mobile-menu-btn{justify-content:center;min-width:44px}.form-group input,.form-group select,.form-group textarea{min-height:48px}.language-switcher button{min-height:44px;min-width:44px}}
