/* SHOMER — sistema tipográfico premium, consistente y accesible */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--font-body:'Inter',Arial,sans-serif;--font-display:'Manrope','Inter',sans-serif}
html{font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:var(--font-body)}
h1,h2,h3,h4,.brand,.showcase strong{font-family:var(--font-display)}
h1,h2,h3{font-weight:700;letter-spacing:-.035em}
p,li{line-height:1.7}
.hero h1{font-size:clamp(2.65rem,5.4vw,4.5rem);font-weight:700;line-height:1.06;letter-spacing:-.055em}
.heading h2,.how h2{font-size:clamp(1.85rem,3.2vw,2.35rem);line-height:1.16;font-weight:700}
.sectors h3,.catalog-card h3,.map-card h3{font-size:1.08rem;line-height:1.35;font-weight:700}
.eyebrow{font-family:var(--font-body);font-size:max(11px,.7rem);font-weight:700;letter-spacing:.16em;line-height:1.4}
button,.catalog-action{font-weight:600;letter-spacing:.01em;font-size:max(12px,1em)}
.hero input,.catalog-variant{font-size:1rem}
.brand{letter-spacing:.12em}
.heroMeta,.filterButton,.category,.categoryActive,.chip,.chipActive,.resultsLine,.cardTitle>div>span,.cardLocation,.footer,.sideLabel,.sideFoot,.metric span,.metric small,.reviewTime,.reviewState,.viewButton,.dashNote{font-size:max(11px,1em)}
.hint,.map-status,.map-footnote,.map-sector,.map-distance,.map-privacy,.catalog-card p,.empty p,.how p{font-size:max(12px,1em)}
.auth-intro h1,.page-head h1,.auth-card h2,.section-head h2,.side-panel h2,.dialog-head h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em}
.auth-intro h1,.page-head h1{line-height:1.08}
.auth-card label,.enroll-panel label,.dialog label{font-size:max(12px,1em);font-weight:600}
.auth-card small,.fine,.muted,.status,.session-user,.business-main p,.secure-line small{font-size:max(11px,1em);line-height:1.6}
.button,.text-button,.text-link{font-family:var(--font-body);font-size:max(12px,1em);font-weight:600}
@media(max-width:520px){.hero h1{font-size:clamp(2.35rem,10vw,3rem);line-height:1.08}.heading h2,.how h2{font-size:1.85rem}.lead{font-size:1rem}.heroMeta,.filterButton,.category,.categoryActive,.chip,.chipActive,.resultsLine,.cardTitle>div>span,.cardLocation,.footer,.sideLabel,.sideFoot,.metric span,.metric small,.reviewTime,.reviewState,.viewButton,.dashNote{font-size:11px}.hint,.map-status,.map-footnote,.map-sector,.map-distance,.map-privacy,.catalog-card p,.empty p,.how p{font-size:12px}}
