/* MX Óptica — V4 GEO Celestial Aqua. Comercial pública sin panel. */
:root{color-scheme:light;--sky:#e9faff;--mint:#defbf4;--aqua:#0a8da0;--aqua-deep:#07677e;--navy:#092b3d;--text:#102c3e;--muted:#35586b;--line:#b9e2e9;--surface:#fff;--soft:#f1fcfd;--gold:#e8b65c;--glow:rgba(44,193,221,.18);--radius:22px;--shadow:0 16px 40px rgba(15,103,129,.11)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6fcfd;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.55}a{color:var(--aqua-deep)}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e6a437;outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(2.5rem,6.4vw,5.1rem);font-weight:850}h2{font-size:clamp(1.75rem,4vw,2.8rem);font-weight:820}h3{font-size:1.3rem}p{max-width:72ch}small,.small{font-size:.88rem}.muted{color:var(--muted)}.wrap{max-width:1120px;margin-inline:auto;padding-inline:clamp(17px,3vw,28px)}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:999}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid #bde6ef;backdrop-filter:blur(16px)}.header-inner{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);font-weight:900;letter-spacing:.01em;white-space:nowrap;font-size:1.07rem}.logo-mark{display:inline-block;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#90e6ff,#08a4b9 65%,#e9c177);box-shadow:inset 0 0 0 3px #fff,0 5px 18px var(--glow)}.site-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-nav a{text-decoration:none;font-size:.89rem;color:var(--navy);font-weight:720}.site-nav a:hover{text-decoration:underline}.btn{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:13px 20px;min-height:48px;font-size:.96rem;font-weight:800;gap:8px;transition:transform .18s,box-shadow .18s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:#086f87;box-shadow:0 9px 24px rgba(0,122,149,.22)}.btn-primary:hover{color:#fff;background:#075b71}.btn-white{background:#fff;border:1px solid #a8d5df;color:var(--navy)}.btn-white:hover{color:var(--navy)}.btn-outline{border:2px solid #087789;color:#075870;background:#f0fdff}.topline{padding:9px 0;text-align:center;font-size:.84rem;font-weight:750;letter-spacing:.02em;background:#0b647a;color:#fff}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 15%,#b8f2ff 0%,transparent 38%),linear-gradient(115deg,#fafdff 0%,#e6faff 48%,#def9f4 80%,#fff6e9 100%);padding:clamp(36px,6vw,84px) 0 clamp(44px,6vw,74px)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:42px}.eyebrow{text-transform:uppercase;font-weight:900;color:#086a82;letter-spacing:.12em;font-size:.79rem;margin-bottom:15px}.hero-lead{font-size:clamp(1.08rem,2.2vw,1.28rem);line-height:1.6;color:#254c60;max-width:52ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.chip{border:1px solid #9dd9e1;color:#075769;background:#e7fbff;font-weight:750;font-size:.85rem;border-radius:999px;padding:8px 12px}.optic-art{height:410px;border-radius:40px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 40% 25%,#fff 0%,#dafaff 25%,#66c6db 68%,#0f829d 100%);border:8px solid #fff;box-shadow:0 30px 65px rgba(16,123,151,.22)}.optic-art::before{content:"";position:absolute;width:350px;height:350px;max-width:85%;aspect-ratio:1;border:22px solid rgba(255,255,255,.8);border-radius:50%;top:-48px;right:-60px;box-shadow:0 0 0 18px rgba(230,195,109,.35),inset 0 0 38px rgba(8,122,160,.14)}.optic-art::after{content:"";position:absolute;inset:40% -30% -90%;border-radius:50%;background:radial-gradient(circle,rgba(3,65,87,.85),transparent 70%);z-index:-1}.optic-motto{position:absolute;bottom:32px;left:27px;right:22px;color:#fff;font-size:2.05rem;font-weight:900;letter-spacing:-.04em;text-shadow:0 2px 15px rgba(2,72,101,.55);line-height:1.07}.optic-motto small{display:block;color:#fff;font-size:.85rem;letter-spacing:.06em;margin-bottom:14px;font-weight:700}.section{padding:clamp(42px,7vw,84px) 0}.section-white{background:white}.section-sky{background:linear-gradient(135deg,#eefbff,#dff9f3)}.section-head{max-width:760px;margin-bottom:24px}.section-head p{font-size:1.06rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border:2px solid #c0e3e9;border-radius:var(--radius);padding:clamp(19px,2.3vw,27px);box-shadow:var(--shadow)}.card p{color:#355569}.card a:not(.btn){font-weight:800}.kicker{color:#08718a;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;font-weight:900}.card h3{margin:8px 0 13px}.inline-tags{display:flex;gap:9px;flex-wrap:wrap}.tag{border-radius:12px;padding:6px 10px;background:#e5f9fc;font-size:.78rem;font-weight:800;color:#166079}.service-card{display:flex;flex-direction:column}.service-card .go{margin-top:auto;padding-top:16px}.section-cta{padding:24px;background:#083b51;color:#fff;border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.section-cta h2{font-size:1.6rem;color:white;margin:0}.section-cta p{margin:4px 0;color:#dcf7fc}.hours{width:100%;border-collapse:collapse;margin:10px 0 20px}.hours td{border-bottom:1px solid #c4e3e8;padding:9px 4px;vertical-align:top}.hours td:last-child{text-align:right;font-weight:750}.geo-branches .card{height:100%}.geo-branches address{font-style:normal;font-weight:650;margin:12px 0}.geo-branches .links{display:flex;gap:9px;flex-wrap:wrap}.quote-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:18px;align-items:start}.input-row{margin-bottom:15px}.input-row label{display:block;font-weight:760;color:#112f41;margin-bottom:7px}.field{width:100%;display:block;min-height:50px;background:#fff;border:2px solid #a9d4dd;border-radius:13px;padding:12px 14px;color:#112c3e}.field:focus-visible{outline:none;border-color:#006b83;box-shadow:0 0 0 4px rgba(8,141,160,.16)}textarea.field{min-height:96px;resize:vertical}.quote-summary{position:sticky;top:100px}.summary-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #bfdee5;padding:13px 0}.summary-line strong{text-align:right}.note{border-left:5px solid #ba8725;padding:14px 17px;border-radius:10px;background:#fff6df;color:#58421d;font-size:.93rem}.quote-state{font-size:1.1rem;font-weight:900;color:#006b84;margin:18px 0}.quote-summary .btn{width:100%;margin-top:15px}.footnote{font-size:.85rem;color:#456275}.faq{max-width:860px;display:grid;gap:12px}.faq details{border:2px solid #bbdfe8;border-radius:17px;background:#fff;padding:17px 19px}.faq summary{font-size:1.04rem;color:var(--navy);font-weight:800;cursor:pointer}.faq p{margin:14px 0 0;color:var(--muted)}.breadcrumb{font-size:.86rem;color:#38596b;padding-top:22px}.breadcrumb a{font-weight:700}.page-hero{background:linear-gradient(120deg,#ebfaff,#fff 55%,#e0f8f2);padding:32px 0 42px}.page-hero h1{font-size:clamp(2.25rem,6vw,4.15rem);max-width:920px}.page-hero .intro{font-size:1.2rem;max-width:70ch;color:#244b5e}.page-content{padding:38px 0 70px}.page-content .main-card{max-width:840px}.bullet{padding-left:21px}.bullet li{margin:9px 0}.cta-band{margin-top:25px;padding:23px;border-radius:19px;background:#e0f8fa;border:1px solid #a2d8e2}.site-footer{background:#083248;color:#fff;padding:40px 0 23px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}.site-footer a{color:#e3f9ff}.site-footer h3{color:#fff;font-size:1.03rem}.site-footer p{color:#d2e8ee;font-size:.89rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.24);margin-top:26px;padding-top:16px;font-size:.79rem;color:#d2e8ee}.sr-only{position:absolute!important;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden}.accent-rule{height:4px;max-width:86px;background:linear-gradient(90deg,#13b6c0,#e8b65c);border-radius:3px;margin:17px 0}.pill-verified{display:inline-flex;gap:8px;align-items:center;background:#dff8f4;border:1px solid #a5dcd4;border-radius:12px;padding:9px 12px;color:#075d57;font-weight:760;font-size:.84rem}.foot-links{display:flex;gap:14px;flex-wrap:wrap}.empty-price{background:#eaf8fb;border:2px solid #a7d4df;border-radius:14px;padding:14px;text-align:center;font-weight:850;color:#075b71}.callout{padding:20px;border-radius:19px;border:2px solid #b7dee5;background:#f0fbfd}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.optic-art{height:260px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-grid,.footer-grid{grid-template-columns:1fr}.quote-summary{position:static}.site-nav{gap:12px}.section-cta{flex-wrap:wrap}}
@media(max-width:600px){body{font-size:17px}.header-inner{padding-block:11px;min-height:70px;align-items:flex-start}.site-nav{justify-content:flex-end;gap:9px}.site-nav a{font-size:.82rem}.site-nav .nav-hide-mobile{display:none}.logo{font-size:.98rem}.logo-mark{width:31px;height:31px}.header-inner>.btn{display:none}.grid,.grid-2{grid-template-columns:1fr}.hero{padding:33px 0 48px}.optic-art{height:230px;border-width:6px}.optic-motto{font-size:1.75rem}.hero-actions>.btn{width:100%}.section{padding:40px 0}.card{padding:20px}.quote-summary .summary-line{font-size:.94rem}.site-footer{padding-top:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}