@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";:root{--color-primary: #0D4F4F;--color-primary-light: #1A6B6B;--color-primary-dark: #083838;--color-accent: #C9A962;--color-accent-light: #D4BC7D;--color-accent-dark: #A88B4A;--color-cream: #FAF7F2;--color-cream-dark: #F0EBE1;--color-charcoal: #1A1A1A;--color-charcoal-light: #3D3D3D;--color-white: #FFFFFF;--color-gray-100: #F5F5F5;--color-gray-200: #E8E8E8;--color-gray-300: #D1D1D1;--color-gray-400: #9E9E9E;--font-display: "Playfair Display", Georgia, serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl: clamp(1.875rem, 1.4rem + 2.375vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.5rem + 3.75vw, 3.5rem);--text-5xl: clamp(2.75rem, 1.75rem + 5vw, 4.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--max-width: 1400px;--header-height: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(13, 79, 79, .06);--shadow-md: 0 4px 20px rgba(13, 79, 79, .08);--shadow-lg: 0 8px 40px rgba(13, 79, 79, .12);--shadow-xl: 0 16px 60px rgba(13, 79, 79, .16);--shadow-gold: 0 4px 20px rgba(201, 169, 98, .25);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-charcoal);background-color:var(--color-cream);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.2;color:var(--color-charcoal)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}.text-accent{color:var(--color-accent)}.text-primary{color:var(--color-primary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-5xl) 0}.section-header{text-align:center;margin-bottom:var(--space-4xl)}.section-header h2{position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));border-radius:var(--radius-full)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);transition:all var(--transition-base);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-white);box-shadow:var(--shadow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c9a96266}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-white{background:var(--color-white);color:var(--color-primary)}.btn-white:hover{background:var(--color-cream);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:#faf7f2f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;transition:all var(--transition-base);border-bottom:1px solid rgba(13,79,79,.05)}.header.scrolled{box-shadow:var(--shadow-md)}.header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{height:50px;width:auto}.logo img{height:100%;width:auto}.nav{display:flex;align-items:center;gap:var(--space-2xl)}.nav-list{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-charcoal);position:relative;padding:var(--space-sm) 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{width:100%}.social-links{display:flex;align-items:center;gap:var(--space-md)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-cream-dark);color:var(--color-primary);transition:all var(--transition-base)}.social-link:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.social-link svg{width:18px;height:18px}.menu-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-sm)}.menu-toggle span{display:block;width:24px;height:2px;background:var(--color-charcoal);transition:all var(--transition-base)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:var(--header-height);background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-cream-dark) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse,rgba(13,79,79,.03) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:0;left:0;width:40%;height:60%;background:radial-gradient(ellipse at bottom left,rgba(201,169,98,.08) 0%,transparent 60%);pointer-events:none}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center;position:relative;z-index:1}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#0d4f4f14;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-xl)}.hero-badge:before{content:"";width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero h1{margin-bottom:var(--space-xl);line-height:1.1}.hero h1 .highlight{color:var(--color-primary);position:relative}.hero h1 .highlight:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:12px;background:#c9a9624d;z-index:-1;transform:skew(-5deg)}.hero-text{font-size:var(--text-lg);color:var(--color-charcoal-light);margin-bottom:var(--space-2xl);line-height:1.8}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.hero-image{position:relative}.hero-image-main{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.hero-image-main img{width:100%;height:450px;object-fit:cover}.hero-image-float{position:absolute;width:200px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--color-white)}.hero-image-float.top{top:-30px;left:-60px;animation:float 6s ease-in-out infinite}.hero-image-float.bottom{bottom:-30px;right:-60px;animation:float 6s ease-in-out infinite 1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.about{background:var(--color-white);position:relative}.about .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.about-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.about-gallery-item{border-radius:var(--radius-lg);overflow:hidden;position:relative}.about-gallery-item:first-child{grid-column:span 2}.about-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.about-gallery-item:hover img{transform:scale(1.05)}.about-content h2{margin-bottom:var(--space-xl)}.about-content h2 span{display:block;font-size:var(--text-lg);font-family:var(--font-body);font-weight:500;color:var(--color-accent);margin-bottom:var(--space-sm)}.about-content p{color:var(--color-charcoal-light);margin-bottom:var(--space-xl);line-height:1.8}.treatments{background:linear-gradient(180deg,var(--color-cream) 0%,var(--color-white) 100%);overflow:hidden}.treatments-wrapper{position:relative}.treatments-scroll{display:flex;gap:var(--space-xl);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--space-xl) 0;-ms-overflow-style:none}.treatments-scroll::-webkit-scrollbar{display:none}.treatment-card{flex:0 0 300px;scroll-snap-align:start;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.treatment-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-xl)}.treatment-card-image{height:200px;overflow:hidden;position:relative}.treatment-card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(13,79,79,.8) 100%);opacity:0;transition:opacity var(--transition-base)}.treatment-card:hover .treatment-card-image:after{opacity:1}.treatment-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.treatment-card:hover .treatment-card-image img{transform:scale(1.1)}.treatment-card-content{padding:var(--space-xl);text-align:center}.treatment-card h3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--color-charcoal)}.treatments-nav{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl)}.treatments-nav button{width:50px;height:50px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.treatments-nav button:hover{background:var(--color-primary-dark);transform:scale(1.1)}.treatments-nav button svg{width:24px;height:24px}.team{background:var(--color-primary);color:var(--color-white);position:relative;overflow:hidden}.team:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(ellipse at top right,rgba(201,169,98,.15) 0%,transparent 50%);pointer-events:none}.team .section-header h2{color:var(--color-white)}.team .section-header h2:after{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light))}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-xl);position:relative;z-index:1}.team-card{text-align:center;padding:var(--space-xl);background:#ffffff0d;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.team-card:hover{background:#ffffff1a;transform:translateY(-8px)}.team-card-image{width:150px;height:150px;margin:0 auto var(--space-lg);border-radius:var(--radius-full);overflow:hidden;border:4px solid var(--color-accent);box-shadow:var(--shadow-gold)}.team-card-image img{width:100%;height:100%;object-fit:cover}.team-card h3{color:var(--color-white);font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs)}.team-card .role{color:var(--color-accent);font-size:var(--text-sm);font-weight:500}.team-card .cro{color:#fff9;font-size:var(--text-xs);margin-top:var(--space-xs)}.implantology{background:var(--color-cream);position:relative}.implantology .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.implantology-content h2{margin-bottom:var(--space-xl)}.implantology-content p{color:var(--color-charcoal-light);margin-bottom:var(--space-lg);line-height:1.8}.implantology-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.implantology-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--color-accent);border-radius:var(--radius-xl);transform:translate(20px,20px);z-index:-1}.implantology-image img{width:100%;height:auto}.instagram{background:var(--color-white);text-align:center}.instagram-subtitle{color:var(--color-charcoal-light);font-size:var(--text-lg);margin-top:var(--space-md)}.instagram-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md);margin-bottom:var(--space-2xl)}.instagram-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden}.instagram-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.instagram-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(13,79,79,.9) 100%);opacity:0;transition:opacity var(--transition-base);display:flex;align-items:center;justify-content:center}.instagram-item:hover img{transform:scale(1.1)}.instagram-item:hover:after{opacity:1}.instagram-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;color:var(--color-white);width:40px;height:40px;z-index:1;transition:all var(--transition-base)}.instagram-item:hover .instagram-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.testimonials{background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-cream-dark) 100%);position:relative;overflow:hidden}.testimonials:before{content:'"';position:absolute;top:50%;left:10%;transform:translateY(-50%);font-family:var(--font-display);font-size:400px;color:var(--color-primary);opacity:.03;pointer-events:none}.testimonials-slider{display:flex;gap:var(--space-xl);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:var(--space-lg) 0}.testimonials-slider::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 400px;scroll-snap-align:center;background:var(--color-white);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative}.testimonial-card:before{content:'"';position:absolute;top:var(--space-lg);right:var(--space-xl);font-family:var(--font-display);font-size:80px;color:var(--color-accent);opacity:.3;line-height:1}.testimonial-card h4{font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-md)}.testimonial-card p{color:var(--color-charcoal-light);line-height:1.8;font-style:italic}.testimonials-nav{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl)}.contact{background:var(--color-white)}.contact .container{max-width:800px;text-align:center}.contact-info h2{margin-bottom:var(--space-xl)}.contact-info p{color:var(--color-charcoal-light);margin-bottom:var(--space-2xl);line-height:1.8}.contact-details{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-2xl)}.contact-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.contact-item-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-cream);border-radius:var(--radius-full);color:var(--color-primary);flex-shrink:0}.contact-item-icon svg{width:20px;height:20px}.contact-item-content h4{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-xs)}.contact-item-content p{margin:0;color:var(--color-charcoal-light)}.contact-item-content a{color:var(--color-primary);transition:color var(--transition-fast)}.contact-item-content a:hover{color:var(--color-accent)}.contact .footer-social{justify-content:center}.footer{background:var(--color-charcoal);color:var(--color-white);padding:var(--space-4xl) 0 var(--space-xl)}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-4xl);padding-bottom:var(--space-3xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand .logo{margin-bottom:var(--space-lg);filter:brightness(0) invert(1)}.footer-brand p{color:var(--color-gray-400);line-height:1.8;max-width:300px}.footer-column h4{color:var(--color-white);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-lg)}.footer-column ul li{margin-bottom:var(--space-sm)}.footer-column a{color:var(--color-gray-400);transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-accent)}.footer-social{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.footer-social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-full);color:var(--color-gray-400);transition:all var(--transition-base)}.footer-social a:hover{background:var(--color-accent);color:var(--color-charcoal);transform:translateY(-2px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-gray-400)}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25d366;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:0 4px 20px #25d36666;z-index:999;transition:all var(--transition-base)}.whatsapp-float:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 8px 30px #25d36680}.whatsapp-float svg{width:30px;height:30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}@media(max-width:1200px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-cta{justify-content:center}.hero-image{display:none}.instagram-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.about .container,.implantology .container,.contact .container{grid-template-columns:1fr;gap:var(--space-3xl)}.footer-main{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.nav-list{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:var(--space-xl);background:var(--color-cream);box-shadow:var(--shadow-lg);gap:var(--space-md)}.nav-list.active,.menu-toggle{display:flex}.social-links{display:none}.team-grid{grid-template-columns:repeat(2,1fr)}.testimonial-card{flex:0 0 320px}.footer-main{grid-template-columns:1fr;gap:var(--space-2xl)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}.instagram-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.container{padding:0 var(--space-lg)}.treatment-card{flex:0 0 280px}.team-grid{grid-template-columns:1fr}.instagram-grid{grid-template-columns:repeat(2,1fr)}.whatsapp-float{bottom:20px;right:20px;width:55px;height:55px}}
