/* === Horario y Clima por País - estilos === */
.hc-widget{--ink:#111827; --sub:#6b7280; --bd:#e5e7eb; --bg:#ffffff; --mut:#f9fafb;
  background:var(--bg); border-radius:16px; padding:16px; border:1px solid #e5e7eb;
  box-shadow:0 1px 2px rgba(0,0,0,.04); color:var(--ink); max-width:980px; margin:auto;
  font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif
}
.hc-top{display:flex; gap:12px; align-items:center; flex-wrap:wrap}
.hc-label{font-weight:600; font-size:20px; margin-right:auto}
.hc-select-wrap{min-width:280px; flex:1}
.hc-select{width:100%; min-width:280px; max-width:100%; padding:10px 12px; border:1px solid var(--bd);
  border-radius:10px; font-size:15px; line-height:1.2; background:#fff; color:#111;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.hc-select:focus{outline:2px solid #93c5fd; outline-offset:2px}

/* Tarjetas */
.hc-cards{display:grid; grid-template-columns:1fr; gap:16px; margin-top:14px}
@media (min-width:720px){.hc-cards{grid-template-columns:1fr 1fr}}

.hc-card{background:#fff; border:1px solid var(--bd); border-radius:14px; padding:16px}
.hc-sub{margin:0 0 8px; color:var(--sub); font-weight:600}
.hc-time{font-size:36px; font-weight:700; letter-spacing:.5px}
.hc-date,.hc-tz{color:var(--sub); margin-top:4px}
.hc-credit{display:block; color:var(--sub); margin-top:8px}

/* Previene recorte del nombre largo en dispositivos estrechos */
.hc-select-wrap{overflow:visible}