@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--brand:#1088a7;--navy:#102f43;--text:#304959;--pale:#eef6fa;--border:#d9e6ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#fff;color:var(--text);font:16px/1.7 'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:Manrope,Arial,sans-serif;color:var(--navy);line-height:1.17;letter-spacing:-.04em;margin:0 0 24px}h1{font-size:clamp(36px,3.5vw,54px);font-weight:800}h2{font-size:clamp(30px,2.8vw,42px);font-weight:800}h3{font-size:22px}p{margin:0 0 24px}em{font-style:normal;color:var(--brand)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.wrap{max-width:1180px;width:calc(100% - 80px);margin:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:190px;height:76px;object-fit:contain}.header nav{display:flex;gap:30px;font-size:14px}.header nav a:hover{color:var(--brand)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:14px 24px;background:var(--brand);color:white;border-radius:40px;font-weight:700;font-size:14px;line-height:1.5;box-shadow:0 6px 18px #1088a714;transition:background .2s,transform .2s}.button:hover{background:#086d87;transform:translateY(-2px)}.button span{font-size:22px}.button.small{padding:12px 20px}.whatsapp{background:#f4fbf6;border:1px solid #91bba1;color:#17633b;box-shadow:none}.whatsapp:hover{background:#e1f2e7}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero{position:relative;background:#f2f8fb;overflow:hidden}.hero-photo{position:absolute;right:0;width:58%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f2f8fb 34%,#f2f8fbdc 46%,transparent 75%)}.hero-inner{min-height:640px;display:flex;align-items:center;position:relative;z-index:1}.hero-copy{max-width:610px;padding:60px 0}.hero-copy>p:not(.eyebrow){max-width:470px;font-size:18px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--brand);margin-bottom:20px}.trust{background:var(--pale)}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:28px}.trust span{display:flex;gap:14px;align-items:center;color:var(--brand);font-size:26px}.trust b{font-size:13px;font-weight:500;color:var(--navy)}.service-intro{text-align:center;padding-top:100px;padding-bottom:20px}.service-intro h2{margin-bottom:16px}.service-nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:36px}.service-nav a{padding:10px 20px;border:1px solid var(--border);border-radius:30px;font-size:13px}.service-nav a:hover{background:var(--brand);color:white}.service{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:center;padding-block:112px;min-height:620px}.service-copy>p:not(.eyebrow){max-width:460px}.service-copy .button{margin-top:10px}.tinted{background:#f3f8fb}.tinted .service{grid-template-columns:1.15fr 1fr}.visual{min-width:0}.controls{display:flex;padding:5px;border:1px solid var(--border);border-radius:30px;background:white;gap:3px;margin-top:22px}.controls button{flex:1;border:0;background:transparent;border-radius:24px;color:var(--navy);padding:10px 8px;font-size:13px;transition:.2s}.controls button[aria-pressed=true]{background:var(--brand);color:#fff}.fine{font-size:11px;color:#657e8c;margin:14px 0 0}.visual .fine{text-align:center}.visual-description{font-size:14px;min-height:72px;margin:22px 10px 0;text-align:center}.dynamic{font-size:14px;min-height:72px;border-left:2px solid #a6d1df;padding-left:18px}.lens-scene{height:300px;position:relative;overflow:hidden;border-radius:28px 70px 70px 28px;background:#dfeaf0}.lens-scene img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.lens-scene[data-distance=cerca] img{transform:scale(1.65);filter:blur(1px)}.lens-scene[data-distance=lejos] img{transform:scale(1)}.lens-scene[data-distance=intermedia] img{transform:scale(1.25)}.lens-shape{position:absolute;inset:20px 55px;border:4px solid #ffffffb3;border-radius:40% 40% 47% 47%;box-shadow:0 0 0 15px #c5e3ef38,inset 0 0 30px #fff4}.scene-label{position:absolute;bottom:15px;left:20px;background:#102f43c9;color:white;padding:5px 12px;border-radius:5px;font-size:10px;letter-spacing:.15em}.cornea-visual svg{width:100%;height:260px}.lens-path{fill:none;stroke:#1088a7;stroke-width:6;transition:stroke-width .3s}.cornea-path{fill:none;stroke:#52798e;stroke-width:3}.cornea-visual text{font:13px Arial;fill:#526f80}.night-art{height:255px;position:relative;background:#173c55;border-radius:16px;overflow:hidden;display:grid;place-items:center;color:white;transition:background .5s}.celestial{font-size:105px;line-height:1;z-index:1;color:#e6f5fb}.night-art p{position:absolute;bottom:15px;z-index:1;margin:0;font-size:14px}.horizon{position:absolute;background:#a5d3df24;width:120%;height:180px;border-radius:50%;bottom:-100px;transform:rotate(-12deg)}[data-phase=dia] .night-art{background:#e0f2f8;color:var(--navy)}[data-phase=dia] .celestial{color:#c99c47}.map-grid{height:280px;display:flex;align-items:center;justify-content:center;gap:28px;background:#e7f0f5;border-radius:16px;background-image:linear-gradient(#b8d2df22 1px,transparent 1px),linear-gradient(90deg,#b8d2df22 1px,transparent 1px);background-size:20px 20px}.corneal-map{width:225px;height:225px;border-radius:50%;background:repeating-radial-gradient(ellipse at 48% 48%,transparent 0 12px,#fff3 13px 14px),radial-gradient(ellipse at 48% 48%,#ef855c 0%,#edd46c 20%,#75bd98 44%,#308ba8 62%,#315c89 80%);box-shadow:0 12px 30px #123b501b;transition:transform .5s;position:relative}.corneal-map:after,.corneal-map:before{content:'';position:absolute;background:#ffffff60}.corneal-map:after{width:1px;height:100%;left:50%}.corneal-map:before{height:1px;width:100%;top:50%}.corneal-map[data-map=elevacion]{transform:rotate(35deg) scaleX(.85);filter:hue-rotate(25deg)}.corneal-map[data-map=espesor]{transform:scale(.92);filter:hue-rotate(65deg)}.scale{width:8px;height:155px;border-radius:5px;background:linear-gradient(#e58163,#e5d473,#85bf9c,#4289a2,#335a80)}.attention{background:var(--navy);margin-top:70px;padding:65px 0;color:#d7e6ef}.attention-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.attention img{height:420px;width:100%;object-fit:cover;object-position:top;border-radius:12px}.attention h2{color:white}.attention .eyebrow{color:#80ccde}.pale{background:#e6f3f8;color:var(--navy)}.pale:hover{background:#d1e9f2}.reviews{text-align:center;padding-block:110px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;text-align:left}.review-grid article{border:1px solid var(--border);padding:28px;border-radius:12px}.review-grid article>span{font-size:42px;color:#78acbe;line-height:1}.review-grid h3{font-size:17px;margin:15px 0}.review-grid p{font-size:14px;margin:0;color:#718693}.locations{padding-block:65px}.locations>.wrap{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px;align-items:center}.locations article{padding:30px;background:white;border-radius:12px}.locations article>span{font-size:30px;color:var(--brand)}.locations h3{margin:10px 0}.locations article p{font-size:14px}.locations a{font-size:14px;color:var(--brand);font-weight:700}.contact{text-align:center;padding-block:110px}.contact h2{font-size:clamp(36px,4vw,54px)}.contact .actions{justify-content:center}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-block:25px;font-size:12px}footer p{margin:0}.skip{position:fixed;top:-80px;background:white;padding:15px;z-index:99}.skip:focus{top:10px}:focus-visible{outline:3px solid #1088a7;outline-offset:4px}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.header nav{gap:15px}.logo{width:155px}.service{gap:40px;padding-block:80px}.hero-copy{max-width:58%}.attention-grid{gap:40px}.trust .wrap{grid-template-columns:1fr 1fr}.locations>.wrap{gap:20px}.review-grid article{padding:20px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{height:86px;gap:12px}.header nav{display:none}.logo{width:145px;height:65px}.header .button{font-size:11px;padding:10px 14px;gap:8px}.hero-inner{min-height:auto;padding-bottom:270px}.hero-copy{max-width:100%;padding:40px 0 45px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-photo{width:100%;height:270px;bottom:0}.hero:after{background:linear-gradient(180deg,#f2f8fb 0%,#f2f8fb calc(100% - 290px),transparent calc(100% - 240px))}.hero .actions{gap:12px}.button{font-size:13px;padding:13px 19px;gap:14px}.trust .wrap{gap:15px;padding-block:23px}.trust b{font-size:11px}.trust span{gap:9px}.service-intro{padding-top:65px;padding-bottom:5px}.service-nav{gap:8px;margin-top:25px}.service-nav a{font-size:11px;padding:8px 12px}.service,.tinted .service{grid-template-columns:1fr;gap:36px;padding-block:65px;min-height:0}.service-copy{order:0}.visual{order:1}.service-copy p{margin-bottom:20px}.lens-scene{height:250px}.cornea-visual svg{height:220px}.visual-description{min-height:0}.attention{margin-top:35px;padding-block:40px}.attention-grid{grid-template-columns:1fr;gap:30px}.attention img{height:340px}.reviews{padding-block:65px}.review-grid{grid-template-columns:1fr;gap:15px;margin-top:25px}.locations{padding-block:45px}.locations>.wrap{grid-template-columns:1fr;gap:18px}.locations article{padding:24px}.contact{padding-block:70px}.contact h2{font-size:36px}footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:14px}footer .logo{width:170px}footer a{overflow-wrap:anywhere}.controls button{font-size:12px}.map-grid{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}