/* Onda UI Kit 1.0 - base compartida del proyecto Onda-meteo. */
.oi-module{
  --oi-ui-bg:var(--oi-surface,#f7f9fb);
  --oi-ui-card:var(--oi-background,#fff);
  --oi-ui-text:var(--oi-text,#1E4F73);
  --oi-ui-muted:var(--oi-muted,#66717a);
  --oi-ui-border:var(--oi-border,#d8dee5);
  --oi-ui-accent:var(--oi-secondary,#3D7CB0);
  --oi-ui-radius:var(--oi-radius,14px);
  --oi-ui-radius-small:var(--oi-radius-small,8px);
  --oi-ui-shadow:var(--oi-shadow,0 2px 8px rgba(0,0,0,.06));
  font-family:inherit;
  color:inherit;
}
.oi-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.oi-heading h2{margin:0}
.oi-heading-subtitle{display:block;color:var(--oi-ui-muted);margin-top:.2rem}
.oi-grid{display:grid;gap:1rem}
.oi-card{background:var(--oi-ui-card);border:1px solid var(--oi-ui-border);border-radius:var(--oi-ui-radius);padding:1rem;box-shadow:var(--oi-ui-shadow)}
.oi-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.oi-card-header h3{margin:0}
.oi-status{display:inline-block;flex:0 0 auto;border-radius:50%}
.oi-form{border:1px solid var(--oi-ui-border);border-radius:var(--oi-ui-radius);background:var(--oi-ui-card)}
.oi-table-scroll{overflow-x:auto}
.oi-table{width:100%;border-collapse:collapse}
.oi-table th,.oi-table td{border-bottom:1px solid var(--oi-ui-border);white-space:nowrap}
.oi-map-shell{border:1px solid var(--oi-ui-border);border-radius:var(--oi-ui-radius);overflow:hidden}
.oi-icon{width:1em;height:1em;line-height:1;text-align:center}
@media(max-width:640px){.oi-heading{align-items:flex-start;flex-direction:column}}