/* Identidad de la web principal de Óptica Visión Maestra. */
:root{--ink:#0b1320;--teal:#173654;--paper:#f4f6f8;--line:#d9dfe6;--muted:#536174;--gold:#c59b27;--cream:#f3e5bd}
body{background:var(--paper)}
header{max-width:none;padding:18px max(24px,calc((100vw - 1160px)/2));background:var(--cream);border-bottom:0;min-height:146px;gap:20px}
.brand{gap:22px;letter-spacing:0;flex-shrink:0}.brand-logo{display:block;width:100px;height:124px;object-fit:contain}.brand-caption{font-size:18px;font-weight:650;color:#173654}.brand-caption small{margin-top:5px;font-size:9px;letter-spacing:2px}
nav{gap:18px}nav a{font-size:14px}.quiet{color:#173654}nav .quiet{border:1px solid #17365440;border-radius:25px;padding:10px 18px}
.hero{background:linear-gradient(110deg,#f4f6f8 45%,#f3e5bd70);padding:54px 60px 46px}
h1,h2,.empty h3{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:650}h1{font-size:clamp(40px,5.2vw,66px);line-height:1.12;letter-spacing:-2px}h1 em{font-style:normal;font-weight:650;color:#173654}.hero:after{color:#c59b272b}.eyebrow{color:#7b6018}.hero-note span{color:#94711b}
button,.button{background:var(--gold);color:#102e4a;border-radius:24px}.secondary{background:#e7ecf2;color:#173654}.quiet,.close{background:transparent}.chips button[aria-pressed=true]{background:#173654;border-color:#173654}.chips button{color:#536174}.card{border-radius:16px}.card .photo{background:#fff}.card .button{background:#173654;color:#fff}.card .edit{background:#f3e5bd;color:#173654}.card .badge{background:#f3e5bd;color:#173654}
.empty{border-color:#c8b271;background:#fff}.empty>span{color:#b58d23}.empty .button{background:#173654;color:white}.visit{background:#173654}.visit .eyebrow{color:#e7c772}.visit p{color:#e0e6ed}.visit a{color:#f3e5bd}.visit h2{font-weight:600}.visit strong{color:#f3e5bd}
dialog{background:#f4f6f8}dialog::backdrop{background:#0b1320aa}.upload{background:#faf4e3;border-color:#bba45f}.toggle input{accent-color:#173654}#team{background:#e9edf3}.photo-preview button{background:#173654;color:white}#notice:not(:empty){background:#f3e5bd}.brand-icon{display:none}
@media(max-width:760px){header{padding:13px 20px;min-height:104px;gap:10px}.brand{gap:10px}.brand-logo{width:65px;height:81px}.brand-caption{font-size:13px}.brand-caption small{font-size:7px;letter-spacing:1px}nav .quiet{padding:9px 11px;font-size:11px}.hero{padding:35px 23px 32px}.hero h1{font-size:42px;letter-spacing:-1.4px}.section-heading h2{font-size:25px}.visit h2{font-size:27px}}
@media(max-width:400px){.brand-caption{font-size:11px}.brand-caption small{font-size:6px}.brand-logo{width:57px;height:74px}header{padding:12px 15px}nav .quiet{max-width:95px;line-height:1.3}.hero h1{font-size:37px}}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:20px}.hero:after{display:none!important}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(38px,4.1vw,56px)}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.hero-eyewear{display:block;width:100%;height:auto;object-fit:contain}.hero-copy .hero-note{font-size:11px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:12px}.hero-copy h1{font-size:37px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-eyewear{max-width:340px;max-height:210px;margin:0 auto;object-fit:contain}}
footer{align-items:center;gap:16px;flex-wrap:wrap}footer .team-access{font-size:11px;font-weight:400;color:var(--muted);background:transparent;border:0;border-radius:0;padding:4px 0;text-decoration:underline;text-underline-offset:3px;min-height:32px}footer .team-access:hover{color:var(--ink)}@media(max-width:760px){footer{align-items:flex-start}header nav>a{display:inline;font-size:12px}}