.oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
main { padding-block: 1.5rem 3rem; }
.bloque { margin-bottom: 1.5rem; }
.bloque.caja { padding: 1.5rem; }
.panel-ayuda { margin: 0 0 1rem; color: var(--tinta-suave); max-width: 62ch; }
.bloque h2 { margin-bottom: .25rem; font-size: clamp(1.5rem, 3.5vw, 2.25rem); letter-spacing: -.02em; }
.bloque h2.oculto { margin: 0; }

.ip-inicio { padding: 1.5rem; background: var(--papel); border: 1px solid var(--linea); }
.ip-inicio .panel-ayuda { margin-bottom: 1rem; }
.ip-inicio[hidden] { display: none; }
.segun { margin: 0; font-style: italic; color: var(--tinta-suave); }
.lugar-grande { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; margin: .25rem 0 1.25rem; font-family: "Bricolage Grotesque", system-ui, sans-serif; font-size: clamp(2.25rem, 7vw, 4rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
.bandera { font-size: .9em; }
.marca.pais { align-self: center; background: #e8ede9; color: var(--tinta); border: 1px solid var(--linea); font-weight: 400; }

.telemetria { display: grid; background: var(--papel); border: 1px solid var(--linea); }
.registro { padding: 1.25rem; }
.registro .etiqueta { margin: 0 0 .75rem; padding-bottom: .5rem; border-bottom: 1px solid var(--linea); }
.fichas { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: .625rem; margin: 0; }
.ip-nota { margin: 1rem 0 0; padding: .625rem .875rem; background: #eef2ef; color: var(--tinta-suave); font-size: .9375rem; }
.mapa { margin: 0; border-top: 1px solid var(--linea); }
.mapa iframe { display: block; width: 100%; height: 22rem; border: 0; background: var(--hoja); }
.mapa-pie { margin: 0; padding: .5rem .875rem; border-top: 1px solid var(--linea); font-family: var(--mono); font-size: .75rem; color: var(--tinta-suave); }
@media (min-width: 56rem) {
  .telemetria.con-mapa { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .mapa { border-top: 0; border-left: 1px solid var(--linea); display: grid; grid-template-rows: 1fr auto; }
  .mapa iframe { height: 100%; min-height: 24rem; }
}

.buscar { display: flex; gap: .5rem; margin-top: .375rem; max-width: 40rem; }
.buscar input[type="search"] { flex: 1 1 auto; min-width: 0; }
.lugares { margin-top: 1.25rem; }
.lugares-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.lugar { padding: 1rem 1.25rem; background: var(--hoja); border: 1px solid var(--linea); }
.lugar .etiqueta { margin: 0; color: var(--cobalto); }
.lugar h3 { margin: .25rem 0; font-size: 1.375rem; letter-spacing: -.01em; }
.lugar-direccion { margin: 0 0 .75rem; color: var(--tinta-suave); }
.lugar-formatos { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: .625rem; margin: 0; }
.lugar-mapa { margin: .75rem 0 0; font-family: var(--mono); font-size: .8125rem; }
.ip { margin-top: 1.5rem; }