.cornea-visual .mechanism-art,.night-panel .mechanism-art{height:auto;background:linear-gradient(#f2fbff,#e4f4fc);padding:0;margin-top:13px;border-radius:11px;overflow:hidden;position:relative}.cornea-visual .scleral-model,.night-panel .ortho-model{display:block;width:100%;height:auto;margin:0;background:none;border-radius:0;aspect-ratio:520/330}.mechanism-art svg text{font-family:'DM Sans',Arial,sans-serif;font-size:16px;fill:#305d7b;stroke:none}.mechanism-art .cornea-caption{font-size:17px;fill:#7b9bb0}.scleral-lens,.fluid-group{transform-box:fill-box;transform-origin:center;transition:opacity .55s,transform .65s}.mechanism-art[data-lens=off] .scleral-lens{transform:translateY(-70px);opacity:0}.mechanism-art[data-lens=off] .fluid-group{opacity:0}.support-markers{opacity:0;transition:opacity .45s}.support-markers ellipse{fill:#80d8ce55;stroke:#229e9c;stroke-width:3}.support-markers path{fill:none;stroke:#328fa9;stroke-width:1.5}.mechanism-art .support-markers text{font-size:13px}.cornea-visual[data-mode=adaptacion] .support-markers{opacity:1}.cornea-visual[data-mode=adaptacion] .fluid-group{opacity:.4}.model-badge{padding:9px 7px;background:#dff3fc;color:#166582;text-align:center;font-size:11px;font-weight:600;min-height:36px;position:relative;z-index:1}.model-action{display:block;margin:12px auto 0;padding:6px 12px;color:#078ca9;background:#fff;border:1px solid #c9e6f1;border-radius:20px;font-size:11px}.model-action:hover{background:#e5f5fc}.cornea-visual .visual-description,.night-panel .visual-description{font-size:12px;line-height:1.6;min-height:77px;margin:13px 5px 0}.night-panel .mechanism-art .celestial{position:absolute;top:14px;left:15px}.night-panel .mechanism-art .celestial .icon{width:30px;height:30px}.ortho-original{opacity:.8}.ortho-lens{transition:transform .6s,opacity .5s;transform-origin:center}.night-panel[data-phase=dia] .ortho-lens{transform:translateY(-85px);opacity:0}.night-panel .ortho-model .ortho-change text{font-size:18px;fill:#5788a4}.night-panel .ortho-model .ortho-lens text{font-size:14px}.night-panel[data-phase=dia] .model-badge{background:#f5eddb;color:#896d30}.night-panel[data-phase=dia] .mechanism-art{background:linear-gradient(#fffaf0,#ecf6fa)}.night-panel .fine,.cornea-visual .fine{font-size:9px;line-height:1.5}.map-label{display:flex;flex-direction:column;gap:5px;text-align:left}.map-label strong{font-size:12px;font-weight:500}.map-label small{font-size:10px;line-height:1.4;color:#648097}.map-panel{grid-template-columns:1fr 200px}.map-panel .controls button{gap:12px}.map-panel #map-text{padding:11px 16px;border-left:2px solid #58b4cd;background:#f0f9fd;text-align:left;min-height:62px;font-size:12px;line-height:1.6}.contact .actions .button.whatsapp{background:#edf8f2;border:1px solid #b0dac2;font-size:14px;font-weight:400;box-shadow:none}.contact .actions .button.whatsapp .icon{color:#158a4e}
@media(max-width:1100px){.map-panel{grid-template-columns:1fr 160px}.map-label small{font-size:9px}.cornea-visual .visual-description,.night-panel .visual-description{min-height:92px}.map-panel .controls button{gap:8px}.mechanism-art svg text{font-size:17px}}
@media(max-width:760px){.map-panel{grid-template-columns:1fr 135px}.map-label strong{font-size:10px}.map-label small{font-size:8px;max-width:72px}.map-panel .controls button{gap:7px}.map-panel #map-text{font-size:11px;min-height:66px;padding:10px}.cornea-visual .visual-description,.night-panel .visual-description{min-height:80px}.model-badge{font-size:10px}.contact .actions .button.whatsapp{font-size:13px}.mechanism-art svg text{font-size:16px}}
@media(prefers-reduced-motion:reduce){.scleral-lens,.fluid-group,.support-markers,.ortho-lens{transition:none}}
.night-panel .mechanism-art{display:block}.night-panel .model-badge{width:100%}
.real-location .location-action.branch-maps-link{width:auto;height:auto;flex-shrink:0;font-size:12px;padding:8px 10px}
.locations article.real-location{display:flex;flex-direction:column;min-height:0}.real-location .location-photo{order:-1;min-height:0;background:none;width:100%;aspect-ratio:1.63;overflow:hidden;display:flex;align-items:center;background-color:#edf5fa}.real-location .location-photo img{width:100%;height:100%;object-fit:contain}.real-location .location-copy{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.locations .real-location h3{margin:0}.branch-maps-link{grid-column:2/-1;justify-self:center;display:inline-flex;align-items:center;gap:9px;color:#087f9c;font-size:13px;padding:9px 15px;border:1px solid #bddfea;border-radius:24px;background:#ffffffa8}.branch-maps-link:hover{background:#dcf2fa}.branch-maps-link .icon{width:20px;height:20px}@media(max-width:760px){.branch-maps-link{grid-column:1/-1}.locations article.real-location{min-height:0}.real-location .location-copy{padding:15px 20px}}
/* Secondary actions retain visible, consistently sized vector icons. */
.cornea-visual .controls button,.night-panel .controls button,.model-action{display:flex;align-items:center;justify-content:center;gap:7px}
.cornea-visual .icon,.night-panel .controls .icon,.model-action .icon{width:19px;height:19px;flex:0 0 19px}
.cornea-visual>.fine.explore,.night-panel>.fine.explore,.map-panel>.fine.explore{display:flex;align-items:center;justify-content:center;gap:7px}
.visual>.fine.explore .icon{width:21px;height:21px;flex:0 0 21px}
.night-panel .celestial{color:#009dbb}
.night-panel[data-phase=dia] .celestial{color:#b18a29}
.patient-review blockquote>.icon{display:block;width:25px;height:25px;color:#71a5c0;margin-bottom:9px}
footer a,footer p{display:inline-flex;align-items:center;gap:8px}footer .icon{width:20px;height:20px;color:#248ca8}footer a[href="#servicios"] .icon{transform:rotate(-90deg)}
@media(max-width:400px){.header .logo{max-width:clamp(105px,30vw,120px)}.header .button.small{max-width:125px;font-size:9px}}
@media(max-width:760px){.header-whatsapp{display:grid;place-items:center;flex:0 0 30px;margin-left:auto}.header-whatsapp>.icon{width:26px;height:26px}.header .logo{width:145px}.header .button.small{font-size:10px;padding:10px;gap:7px}.header .button.small>.icon{width:17px;height:17px}.header{gap:8px}.cornea-visual .controls button,.night-panel .controls button{font-size:11px;gap:6px}}