/* Preserve the brand type and palette; make the home a working map surface. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main:has(#page-explorar:not([hidden])){padding-top:26px}
.map-column{min-width:0}
.map-card-top{padding:16px 22px;align-items:center;gap:12px}
.map-card-top h2{margin:0;font-size:1.4rem}
.map-tools{display:flex;align-items:center;gap:4px;border:1px solid #d4c9bb;border-radius:7px;background:var(--paper);flex-shrink:0}
.map-tools button{min-width:40px;height:40px;font-size:1.2rem;border-radius:5px;padding:0 10px}
.map-tools #zoom-fit{font-size:.78rem}
.map-tools button:hover:not(:disabled){background:var(--tint)}
#map-container{width:100%;contain:inline-size;overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bda694 #ebe3d7;max-height:580px}
#map-container .cow-map{max-height:none;min-height:0;height:auto;display:block;padding:12px 18px;max-width:none;margin-inline:auto}
.cow-outline{fill:#c5a191;stroke:var(--paper);stroke-width:.65}
.map-zone path{stroke:#f3efe7;stroke-width:.65}
.map-zone:focus-visible path{stroke:var(--wine-dark);stroke-width:1.2}
.map-zone text{font:600 8px var(--sans);fill:#432c26}
.map-zone.selected text,.map-zone:hover text{fill:white}
.map-caption{padding:10px 0;margin:0 22px;min-height:46px}
#map-selection{font-size:.88rem;font-weight:600;color:var(--wine)}
.map-legend{border-top:1px solid #e0d8cc;padding:0 22px}
.map-legend summary{cursor:pointer;font-size:.85rem;padding:14px 0;min-height:46px;color:var(--muted)}
#region-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 9px;padding-bottom:15px}
#region-legend button{display:flex;align-items:center;gap:8px;text-align:left;font-size:.8rem;min-height:44px;padding:7px;border-radius:5px;line-height:1.3}
#region-legend button span{border:1px solid #c4a898;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;font-size:.7rem}
#region-legend button:hover,#region-legend button[aria-pressed=true]{background:#e8d7cb;color:var(--wine)}
.region-reference{padding:28px}.region-reference h2{font:2rem var(--serif);margin-top:12px}
@media(max-width:800px){#region-legend{grid-template-columns:1fr 1fr}.map-card-top h2{font-size:1.18rem}.map-card-top{padding:14px 16px}.map-tools button{min-width:34px;padding:0 6px}.map-caption{margin:0 16px;justify-content:flex-start}}
@media(max-width:620px){
 main:has(#page-explorar:not([hidden])){padding-top:16px}
 .explore-toolbar{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:12px}
 .explore-toolbar .search{flex:1;min-width:0;height:48px;padding:0 10px;gap:7px}
 .explore-toolbar .search input{font-size:.85rem}
 .view-switch{margin:0;height:48px;flex-shrink:0}
 .view-switch button{font-size:0;padding:0 8px;gap:0;min-width:31px}
 .view-switch button svg{width:19px;height:19px}
 .filters{margin-bottom:14px;min-height:42px;justify-content:center}
 .filters>span{display:none}
 #method-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;gap:4px}
 .filter{flex-shrink:0;min-height:40px;font-size:.8rem;padding:6px 12px}
 .map-card{margin:0 -12px;border-radius:9px}
 .map-card-top{padding:10px 12px;display:flex}
 .map-card-top h2{font-size:1.2rem}
 .map-tools button{height:42px;min-width:36px}
 #map-container{max-height:390px;overflow-y:auto}
 #map-container .cow-map{padding:5px 6px 10px}
 .map-caption{margin:0 13px;min-height:48px;justify-content:space-between}
 .map-caption button{display:flex;min-height:38px}
 #map-selection{font-size:.85rem}
 .map-legend{padding:0 13px}
 #region-legend button{font-size:.85rem;min-height:48px}
 .map-legend summary{font-size:.85rem;min-height:48px}
 .catalog-heading{flex-wrap:wrap;gap:7px}
 .explore-grid{gap:20px}
}