:root{--color-primary:#0a4da2;--color-secondary:#00bcd4;--color-accent:#e3f2fd;--color-dark:#121828;--color-text:#2f3337;--color-white:#fff;--font-serif:"Playfair Display", serif;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:0}html{width:100%;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-white);width:100%;max-width:100vw;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-primary);word-wrap:break-word;overflow-wrap:break-word;font-weight:700}.serif{font-family:var(--font-serif)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.navbar-hidden{opacity:0;pointer-events:none;transition:opacity 1s ease-in-out}.navbar-visible{opacity:1;transition:opacity 1s ease-in-out}.logo-hidden{opacity:0;visibility:hidden;transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),visibility 1.2s}.logo-visible{opacity:1;visibility:visible;transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),visibility 1.2s}.navbar-inner{justify-content:space-between;align-items:center;gap:.5rem;width:100%;max-width:1400px;display:flex}.navbar-inner.centered{justify-content:center}.logo{flex-shrink:0;align-items:center;gap:0;display:flex}.logo img{mix-blend-mode:multiply;filter:contrast(1.1)brightness(1.05);object-fit:contain;width:auto;max-width:100%;height:170px;display:block}.logo-text-container{text-align:center;flex-direction:column;flex:auto;justify-content:center;min-width:0;margin-left:-5%;display:flex}.logo-name{line-height:1.1}.logo-subtitle{margin-top:2px;line-height:1.1}.logo-text{color:var(--color-primary);white-space:nowrap;letter-spacing:.02em;justify-content:center;font-family:Playfair Display,serif;font-size:3.4rem;font-style:italic;font-weight:700;display:inline-flex}.logo-text.subtitle-text{color:var(--color-secondary);font-size:1.8rem;font-style:normal;font-weight:600}.logo-text .word{display:flex}.logo-text .letter{opacity:0;animation:1.2s ease-out forwards letterWrite;display:inline-block}.logo-text .space{width:.6rem}.nav-links{flex-shrink:0}.nav-links .btn{white-space:nowrap;border-radius:clamp(30px,5vw,100px);padding:clamp(.4rem,1.5vw,.7rem) clamp(.6rem,2vw,1.5rem);font-size:clamp(.65rem,1vw,.9rem)}.logo-text .word:first-child .letter:first-child{animation-delay:.2s}.logo-text .word:first-child .letter:nth-child(2){animation-delay:.3s}.logo-text .word:first-child .letter:nth-child(3){animation-delay:.4s}.logo-text .word:first-child .letter:nth-child(4){animation-delay:.5s}.logo-text .word:first-child .letter:nth-child(5){animation-delay:.6s}.logo-text .word:first-child .letter:nth-child(6){animation-delay:.7s}.logo-text .word:nth-child(3) .letter:first-child{animation-delay:.95s}.logo-text .word:nth-child(3) .letter:nth-child(2){animation-delay:1.05s}.logo-text .word:nth-child(3) .letter:nth-child(3){animation-delay:1.15s}.logo-text .word:nth-child(3) .letter:nth-child(4){animation-delay:1.25s}.logo-text .word:nth-child(3) .letter:nth-child(5){animation-delay:1.35s}.logo-text .word:nth-child(5) .letter:first-child{animation-delay:1.6s}.logo-text .word:nth-child(5) .letter:nth-child(2){animation-delay:1.7s}.logo-text .word:nth-child(5) .letter:nth-child(3){animation-delay:1.8s}.logo-text .word:nth-child(5) .letter:nth-child(4){animation-delay:1.9s}.logo-text .word:nth-child(5) .letter:nth-child(5){animation-delay:2s}.logo-text .word:nth-child(5) .letter:nth-child(6){animation-delay:2.1s}.subtitle-text .word:first-child .letter:first-child{animation-delay:2.4s}.subtitle-text .word:first-child .letter:nth-child(2){animation-delay:2.45s}.subtitle-text .word:first-child .letter:nth-child(3){animation-delay:2.5s}.subtitle-text .word:first-child .letter:nth-child(4){animation-delay:2.55s}.subtitle-text .word:first-child .letter:nth-child(5){animation-delay:2.6s}.subtitle-text .word:first-child .letter:nth-child(6){animation-delay:2.65s}.subtitle-text .word:nth-child(3) .letter:first-child{animation-delay:2.85s}.subtitle-text .word:nth-child(3) .letter:nth-child(2){animation-delay:2.9s}.subtitle-text .word:nth-child(3) .letter:nth-child(3){animation-delay:2.95s}.subtitle-text .word:nth-child(3) .letter:nth-child(4){animation-delay:3s}.subtitle-text .word:nth-child(3) .letter:nth-child(5){animation-delay:3.05s}.subtitle-text .word:nth-child(3) .letter:nth-child(6){animation-delay:3.1s}.subtitle-text .word:nth-child(5) .letter:first-child{animation-delay:3.3s}.subtitle-text .word:nth-child(5) .letter:nth-child(2){animation-delay:3.35s}.subtitle-text .word:nth-child(7) .letter:first-child{animation-delay:3.55s}.subtitle-text .word:nth-child(7) .letter:nth-child(2){animation-delay:3.6s}.subtitle-text .word:nth-child(7) .letter:nth-child(3){animation-delay:3.65s}.subtitle-text .word:nth-child(7) .letter:nth-child(4){animation-delay:3.7s}.subtitle-text .word:nth-child(7) .letter:nth-child(5){animation-delay:3.75s}.subtitle-text .word:nth-child(7) .letter:nth-child(6){animation-delay:3.8s}.subtitle-text .word:nth-child(7) .letter:nth-child(7){animation-delay:3.85s}.subtitle-text .word:nth-child(7) .letter:nth-child(8){animation-delay:3.9s}.subtitle-text .word:nth-child(7) .letter:nth-child(9){animation-delay:3.95s}.subtitle-text .word:nth-child(7) .letter:nth-child(10){animation-delay:4s}.subtitle-text .word:nth-child(9) .letter:first-child{animation-delay:4.2s}.subtitle-text .word:nth-child(9) .letter:nth-child(2){animation-delay:4.25s}.subtitle-text .word:nth-child(9) .letter:nth-child(3){animation-delay:4.3s}.subtitle-text .word:nth-child(9) .letter:nth-child(4){animation-delay:4.35s}.subtitle-text .word:nth-child(9) .letter:nth-child(5){animation-delay:4.4s}.subtitle-text .word:nth-child(9) .letter:nth-child(6){animation-delay:4.45s}@keyframes letterWrite{0%{opacity:0;transform:translate(-10px)}70%{opacity:1;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.nav-links{flex-shrink:0;align-items:center;display:flex}.nav-links .btn{white-space:nowrap;padding:.7rem 1.5rem;font-size:.9rem}@media (width<=1400px){.logo img{height:155px}.logo-text{font-size:3rem}.logo-text.subtitle-text{font-size:1.6rem}}@media (width<=1200px){.navbar{min-height:170px;padding:15px 1rem}.navbar-inner{gap:1rem}.logo img{height:135px}.logo-text{font-size:2.6rem}.logo-text.subtitle-text{font-size:1.4rem}}@media (width<=992px){.navbar{min-height:150px;padding:12px .75rem}.navbar-inner{gap:.75rem}.logo img{height:115px}.logo-text{font-size:2.2rem}.logo-text.subtitle-text{font-size:1.2rem}.nav-links .btn{padding:.6rem 1rem;font-size:.8rem}}@media (width<=768px){.navbar{min-height:120px;padding:10px .5rem}.navbar-inner{gap:.5rem}.navbar-inner.centered{justify-content:center}.logo{gap:.4rem}.logo img{height:95px}.logo-text{font-size:1.8rem}.logo-text.subtitle-text{font-size:1rem}.logo-text .space{width:.35rem}.nav-links .btn{border-radius:50px;padding:.5rem .8rem;font-size:.75rem}.logo-text-container{margin-left:0}}@media (width<=600px){.navbar{min-height:100px;padding:8px .4rem}.navbar-inner{gap:.3rem}.navbar-inner.centered{justify-content:center}.logo img{height:75px}.logo-text{font-size:1.4rem}.logo-text.subtitle-text{font-size:.8rem}.logo-text .space{width:.25rem}.nav-links .btn{padding:.4rem .6rem;font-size:.65rem}}@media (width<=480px){.navbar{min-height:75px;padding:6px .3rem}.navbar-inner.centered{justify-content:center}.logo img{height:60px}.logo-text{font-size:1.1rem}.logo-text.subtitle-text{font-size:.65rem}.logo-text .space{width:.2rem}.nav-links .btn{border-radius:40px;padding:.3rem .5rem;font-size:.55rem}}.hero{background:#fff;justify-content:center;align-items:flex-start;min-height:70vh;padding:0;display:flex;position:relative;overflow:hidden}.hero-content-container{background:#fff;justify-content:center;align-items:flex-start;width:100%;min-height:70vh;transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),background 1.5s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative}.hero-content-container.fade-out{opacity:0;transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94)}.hero-content-container.hero-with-bg{background:radial-gradient(circle at 80% 20%, var(--color-accent) 0%, #fbfcf9 100%)}.hero-content-container.hero-with-bg .container{animation:1s cubic-bezier(.4,0,.2,1) forwards contentFadeIn}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-logo-phase{background:#fff;justify-content:center;align-items:flex-start;width:100%;padding:1rem;animation:1.2s cubic-bezier(.25,.46,.45,.94) logoFadeIn;display:flex}.hero-logo-img{filter:contrast(1.1)brightness(1.05);width:90%;max-width:400px;height:auto}.hero-video-phase{background:#fff;justify-content:center;align-items:flex-start;width:100%;min-height:70vh;padding:1rem;display:flex}.hero-video-wrapper{width:100%;max-width:530px;position:relative}.hero-video-element{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;max-width:530px;overflow:hidden}.mute-btn{color:#fff;cursor:pointer;z-index:10;white-space:nowrap;background:#000000b3;border:none;border-radius:25px;justify-content:center;align-items:center;padding:10px 16px;font-size:.85rem;transition:background .3s;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.mute-btn:hover{background:#000c}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero .container{flex-direction:column;align-items:center;display:flex}.hero-content-container .container{flex-direction:column;align-items:center;padding:2rem 1.5rem;display:flex}.hero h1{text-align:center;max-width:900px;margin-top:1rem;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1}.hero p{color:#555;text-align:center;max-width:800px;margin-bottom:2rem;font-size:1.25rem}.hero .container>div{justify-content:center;gap:1rem;width:100%;display:flex}.afecciones-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.afeccion-card{border-left:4px solid var(--color-primary);background:#f8fafc;border-radius:12px;padding:2rem;transition:transform .3s,box-shadow .3s}.afeccion-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0a4da21a}.afeccion-card h3{margin-bottom:1rem;font-size:1.3rem}.metodologia{background-color:var(--color-primary);color:#fff;padding:5rem 0}.metodologia h2{color:#fff;text-align:center;margin-bottom:2rem}.metodologia p{text-align:center;opacity:.9;max-width:800px;margin:0 auto 3rem}.metodos-container{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.metodo-pill{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;max-width:280px;padding:1.5rem 2rem;transition:all .3s}.metodo-pill:hover{color:var(--color-primary);background:#fff}.metodo-pill:hover h3,.metodo-pill:hover p{color:var(--color-primary)}.metodo-pill h3{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.metodo-pill p{color:#ffffffe6;font-size:.9rem}.btn{cursor:pointer;border-radius:100px;align-items:center;padding:1rem 2.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-whatsapp{color:#fff;background:#25d366;box-shadow:0 10px 20px #25d36633}.btn-whatsapp:hover{background:#128c7e;transform:scale(1.05)}.btn-phone{border:2px solid var(--color-primary);color:var(--color-primary)}.btn-phone:hover{background:var(--color-primary);color:#fff}.reveal{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.reveal.active{opacity:1}.reveal-left{transform:translate(-100px)}.reveal-left.active{transform:translate(0)}.reveal-right{transform:translate(100px)}.reveal-right.active{transform:translate(0)}.reveal-up{transform:translateY(60px)}.reveal-up.active{transform:translateY(0)}.reveal-down{transform:translateY(-60px)}.reveal-down.active{transform:translateY(0)}.reveal-scale{transform:scale(.8)}.reveal-scale.active{transform:scale(1)}@media (prefers-reduced-motion:reduce){.reveal,.logo-text .letter,.btn{transition:none;animation:none}.reveal{opacity:1;transform:none}}@media (hover:none){.btn:hover,.afeccion-card:hover{transform:none}.metodo-pill:hover{color:#fff;background:#ffffff1a}.metodo-pill:hover h3,.metodo-pill:hover p{color:#fff}}.mapa-container{justify-content:center;margin-bottom:3rem;display:flex}.mapa-frame{aspect-ratio:16/9;border:2px solid var(--color-accent);border-radius:16px;width:100%;max-width:600px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0a4da226}.mapa-frame img{object-fit:cover;width:100%;height:100%}.mapa-overlay{background:var(--color-primary);color:#fff;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;position:absolute;bottom:12px;right:12px}.mapa-overlay:hover{background:var(--color-secondary)}footer{background-color:#f8fafc;padding:5rem 0 2rem}footer .container>div:first-child{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:4rem;display:grid}footer h3{margin-bottom:1.5rem}footer p{color:#555;font-size:1rem}footer [style*="text-align: right"]{text-align:right}footer hr{opacity:.1;margin-bottom:2rem}footer .container>div:last-child{color:#94a3b8;justify-content:space-between;font-size:.85rem;display:flex}section{padding:5rem 0}section h2{text-align:center;margin-bottom:3.5rem}section>.container>p{text-align:center;color:#666;max-width:700px;margin:0 auto 2.5rem}@media (width<=768px){.hero{text-align:center;padding:3rem 1rem}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.hero .container>div{flex-direction:column;align-items:stretch}.hero .btn{justify-content:center;width:100%}.afecciones-grid{grid-template-columns:1fr;gap:1rem}.afeccion-card{padding:1.5rem}.afeccion-card h3{font-size:1.2rem}.metodos-container{flex-direction:column;align-items:center}.metodo-pill{width:100%;max-width:100%}footer{padding:3rem 0 1.5rem}footer .container>div:first-child{grid-template-columns:1fr;gap:2rem}footer [style*="text-align: right"]{text-align:left;margin-top:2rem}section{padding:3rem 0}section h2{margin-bottom:2rem;font-size:1.5rem}.container{padding:0 1rem}}@media (width<=600px){.hero{min-height:60vh}.hero-logo-img{max-width:280px}.hero-video-element{max-width:90%}.hero h1{font-size:1.4rem}.hero p{font-size:.9rem}.hero-content-container .container{padding:3rem 1rem}}@media (width<=480px){.hero{min-height:55vh}.hero-logo-img{max-width:220px}.hero-video-element{max-width:90%}.hero h1{font-size:1.2rem}.hero p{font-size:.85rem}.afeccion-card h3{font-size:1.1rem}.metodo-pill h3{font-size:1rem}.metodo-pill p{font-size:.85rem}footer .container>div:last-child{text-align:center;flex-direction:column;gap:.5rem}}@media (width>=769px) and (orientation:landscape){.hero .container{align-items:center}.hero h1,.hero p{text-align:center}.hero .container>div{justify-content:center}}@media (width>=769px) and (width<=1024px){.afecciones-grid{grid-template-columns:repeat(2,1fr)}}