/* mapa-embed.css - generada por paso16_mapa_tema.py (06, 0.6) desde mapa.css: cada regla acotada a .mapa-mundial para convivir con aguassb.css. No editar a mano. */
.mapa-mundial { font: 14px/1.5 var(--font-sans,system-ui), sans-serif; color: var(--c-tinta,#1c2a32); letter-spacing: 0; }
.mapa-mundial .map-brand { width:132px; height:48px; object-fit:contain; }
.mapa-mundial .header h1 { color:var(--c-azul,#0a4f73); letter-spacing:0; font-size:26px; }
.mapa-mundial .header { max-width:1280px; margin:auto; }
.mapa-mundial .mm-main { max-width:1280px!important; }
.mapa-mundial .counts { background:var(--c-fondo,#f3f7f9); padding:14px 12px!important; }
.mapa-mundial .counts b { color:var(--c-azul,#0a4f73); }
.mapa-mundial button, .mapa-mundial input, .mapa-mundial select { border-radius:3px!important; }
.mapa-mundial .regions button[aria-pressed="true"] { background:var(--c-cian,#1b9aaa)!important; color:#fff!important; border-color:var(--c-cian,#1b9aaa)!important; }
@media(max-width:720px) {
.mapa-mundial .header h1 { font-size:20px; }
.mapa-mundial .map-brand { width:108px; height:40px; }

}
.mapa-mundial * { box-sizing: border-box; }
.mapa-mundial { margin: 0; }
.mapa-mundial [hidden] { display: none !important; }
.mapa-mundial button, .mapa-mundial input, .mapa-mundial select { font: inherit; color: inherit; min-height: 44px; border: 1px solid #a9b5b9; border-radius: 4px; background: #fff; }
.mapa-mundial button { padding: 8px 14px; cursor: pointer; }
.mapa-mundial button:hover { background: #eef3f2; }
.mapa-mundial button:disabled, .mapa-mundial input:disabled { opacity: .55; cursor: default; }
.mapa-mundial input, .mapa-mundial select { width: 100%; min-width: 0; padding: 8px; }
.mapa-mundial button:focus-visible, .mapa-mundial input:focus-visible, .mapa-mundial select:focus-visible, .mapa-mundial summary:focus-visible, .mapa-mundial a:focus-visible, .mapa-mundial canvas:focus-visible { outline: 3px solid #267d72; outline-offset: 2px; }
.mapa-mundial a { color: #256c7c; overflow-wrap: anywhere; }
.mapa-mundial .header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 24px; border-bottom: 1px solid #d9e0e1; }
.mapa-mundial h1 { font-size: 22px; margin: 0; font-weight: 650; }
.mapa-mundial .header a { padding: 10px 0; }
.mapa-mundial .header { flex-wrap: wrap; }
.mapa-mundial .reference-note { margin: 0 0 14px; max-width: 120ch; font-size: 12px; color: #52675f; }
.mapa-mundial .profile-link { width: 100%; font-weight: 650; }
.mapa-mundial .mm-main { max-width: 1600px; margin: auto; padding: 16px 24px; }
.mapa-mundial .regions { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.mapa-mundial .regions button[aria-pressed="true"] { background: #e3efeb; border-color: #397b69; color: #245741; }
.mapa-mundial .filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 14px; }
.mapa-mundial .filters label { min-width: 0; }
.mapa-mundial .filter-group { display: block; min-width: 0; }
.mapa-mundial .filter-group > summary { display: list-item; list-style-position: inside; min-height: 44px; padding: 10px; border: 1px solid #a9b5b9; border-radius: 4px; cursor: pointer; }
.mapa-mundial .filter-group[open] { grid-column: 1 / -1; }
.mapa-mundial .group-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 14px; padding-top: 8px; }
.mapa-mundial .filter-group:not([open]) > .group-fields { display: none; }
.mapa-mundial label > span { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 600; }
.mapa-mundial .search { display: flex; gap: 12px; align-items: end; margin: 14px 0; flex-wrap: wrap; }
.mapa-mundial .search-input { flex: 1 1 250px; }
.mapa-mundial .search-mode { flex: 0 1 170px; min-width: 140px; }
.mapa-mundial .check { display: flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; }
.mapa-mundial .check input { width: 22px; height: 22px; min-height: 22px; flex: 0 0 22px; accent-color: #397b69; }
.mapa-mundial .check span { margin: 0; font-size: 14px; font-weight: 400; }
.mapa-mundial .counts { display: flex; gap: 20px; flex-wrap: wrap; border-top: 1px solid #d9e0e1; padding: 12px 0; font-variant-numeric: tabular-nums; }
.mapa-mundial #projection { margin-left: auto; color: #58676d; font-size: 12px; }
.mapa-mundial #status { margin: 0; color: #8d3c39; overflow-wrap: anywhere; }
.mapa-mundial #status:not(:empty) { padding: 0 0 12px; }
.mapa-mundial .workspace { display: grid; grid-template-columns: minmax(0, 1fr) 300px; border-top: 1px solid #d9e0e1; border-bottom: 1px solid #d9e0e1; }
.mapa-mundial .map-area { position: relative; min-width: 0; height: clamp(380px, 58vh, 680px); background: #f6f9fa; overflow: hidden; }
.mapa-mundial canvas { display: block; width: 100%; height: 100%; touch-action: none; cursor: crosshair; }
.mapa-mundial .map-tools { position: absolute; left: 12px; top: 12px; display: flex; gap: 6px; }
.mapa-mundial .map-tools button { width: 44px; height: 44px; padding: 0; font-size: 24px; box-shadow: 0 1px 3px #00000012; }
.mapa-mundial aside { border-left: 1px solid #d9e0e1; padding: 16px; overflow-wrap: anywhere; }
.mapa-mundial aside h2 { font-size: 18px; line-height: 1.3; margin: 0 0 12px; }
.mapa-mundial aside p { color: #58676d; }
.mapa-mundial dl { margin: 0; }
.mapa-mundial dt { font-size: 12px; color: #58676d; margin-top: 10px; }
.mapa-mundial dd { margin: 2px 0 0; font-variant-numeric: tabular-nums; }
.mapa-mundial .detail-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; align-items: center; }
.mapa-mundial .detail-actions a { min-height: 44px; display: flex; align-items: center; }
.mapa-mundial .legend { display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 12px 0; font-size: 12px; }
.mapa-mundial .legend span { display: inline-flex; align-items: center; gap: 6px; }
.mapa-mundial .legend i { width: 10px; height: 10px; border-radius: 50%; flex: 0 0 10px; }
.mapa-mundial .result-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 8px 0; }
.mapa-mundial .result-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.mapa-mundial .result-table td, .mapa-mundial .result-table th { padding: 8px; text-align: left; border-bottom: 1px solid #d9e0e1; overflow-wrap: anywhere; }
.mapa-mundial .result-table th { font-size: 12px; color: #58676d; }
.mapa-mundial .result-table th:first-child { width: 45%; }
.mapa-mundial .result-table button { text-align: left; border: 0; color: #256c7c; padding: 4px 0; background: transparent; }
.mapa-mundial .pagination { display: flex; gap: 16px; align-items: center; margin-top: 12px; flex-wrap: wrap; }
.mapa-mundial .disclaimer { font-size: 12px; color: #58676d; margin: 16px 0 0; }
@media (max-width: 1000px) {
.mapa-mundial .workspace { grid-template-columns: minmax(0, 1fr) 270px; }

}
@media (max-width: 720px) {
.mapa-mundial .mm-main { padding: 12px; }
.mapa-mundial .header { padding: 12px; }
.mapa-mundial h1 { font-size: 19px; }
.mapa-mundial .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mapa-mundial #state-field { grid-column: 1 / -1; }
.mapa-mundial .filter-group { display: block; min-width: 0; }
.mapa-mundial .filter-group > summary { display: list-item; list-style-position: inside; min-height: 44px; padding: 10px; border: 1px solid #a9b5b9; border-radius: 4px; cursor: pointer; }
.mapa-mundial .filter-group[open] { grid-column: 1 / -1; }
.mapa-mundial .filter-group:not([open]) > .group-fields { display: none; }
.mapa-mundial .filter-group[open] > .group-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-top: 8px; }
.mapa-mundial .workspace { display: block; }
.mapa-mundial .map-area { height: clamp(300px, 50vh, 460px); }
.mapa-mundial aside { border-left: 0; border-top: 1px solid #d9e0e1; min-height: 90px; }
.mapa-mundial .counts { gap: 8px 16px; }
.mapa-mundial #projection { margin-left: 0; width: 100%; }
.mapa-mundial .search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin: 12px 0; }
.mapa-mundial .search-input { grid-column: 1; grid-row: 1; min-width: 0; }
.mapa-mundial .search button[type="submit"] { grid-column: 2; grid-row: 1; }
.mapa-mundial .search .check { grid-column: 1; grid-row: 2; min-width: 0; }
.mapa-mundial .search .search-mode { grid-column: 1; grid-row: 2; min-width: 0; }
.mapa-mundial .search .check { grid-column: 1; grid-row: 3; min-width: 0; }
.mapa-mundial .search #clear { grid-column: 2; grid-row: 3; }

}
@media print {
.mapa-mundial .header a, .mapa-mundial .regions, .mapa-mundial .filters, .mapa-mundial .search, .mapa-mundial .workspace, .mapa-mundial .legend, .mapa-mundial .result-tools, .mapa-mundial .pagination, .mapa-mundial #status { display: none !important; }
.mapa-mundial .mm-main { padding: 0; }
.mapa-mundial .header { padding: 0 0 12px; }
.mapa-mundial #result-list { display: block !important; }
.mapa-mundial .result-table { font-size: 10px; }
.mapa-mundial .result-table button { min-height: 0; color: #252e32; }
.mapa-mundial tr { break-inside: avoid; }
.mapa-mundial thead { display: table-header-group; }
.mapa-mundial .counts { border: 0; }

}
.mapa-mundial #insets { display:flex;flex-wrap:wrap;gap:12px }
.mapa-mundial #insets button { width:180px;max-width:100%;padding:5px }
.mapa-mundial #insets canvas { display:block;width:100%;height:95px }
.mapa-mundial #territories summary { font-size:16px;padding:10px 0;cursor:pointer }
.mapa-mundial #territories { margin:12px 0 }
.mapa-mundial #territory { max-width:100%;margin-bottom:8px }
.mapa-mundial #insets button[aria-pressed="true"] { outline:2px solid #176b59 }

/* 06 - 0.6: mapa mundial dentro del tema */
.mapa-mundial .mm-enlaces { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; }
.mapa-mundial .mm-main { padding: 0; max-width: none; }
.mapa-mundial .detail-actions a.btn, .mapa-mundial .detail-actions button.btn, .mapa-mundial .profile-link.btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; width: auto; }
.mapa-mundial .mapa-intro { margin: 28px 0 0; }
.mapa-mundial .mapa-intro h2 { font-size: 20px; margin: 18px 0 8px; }
.mapa-mundial .mapa-paises { list-style: none; padding: 0; margin: 0; columns: 4; column-gap: 24px; }
.mapa-mundial .mapa-paises li { break-inside: avoid; padding: 3px 0; }
@media (max-width: 900px) { .mapa-mundial .mapa-paises { columns: 2; } }
@media (max-width: 720px) { .mapa-mundial .mm-main { display: flex; flex-direction: column; } .mapa-mundial .mm-main > .workspace { order: -2; } .mapa-mundial .mm-main > #status { order: -1; } }