/* iy-dir-20260915: estilos del directorio, paleta maqueta v5 aprobada.
   Azul #1B6FC2 accion · celeste #2E9BD6 · tinta #0F3D66 · naranja #F5821F
   acento · fondo #F2F8FD · bordes #DCEAF6/#C9DDEE. */
:root {
  --azul: #1B6FC2;
  --celeste: #2E9BD6;
  --azul-osc: #155C9E;
  --tinta: #0F3D66;
  --naranja: #F5821F;
  --fondo: #F2F8FD;
  --borde: #DCEAF6;
  --borde-f: #C9DDEE;
  --blanco: #FFFFFF;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'Figtree', system-ui, -apple-system, sans-serif;
  font-size: 16px;
  color: #22384d;
  background: var(--fondo);
}
h1, h2, h3, .dir-logo { font-family: 'Bricolage Grotesque', 'Figtree', sans-serif; color: var(--tinta); }
a { color: var(--azul); }

.dir-marco { max-width: 1080px; margin: 0 auto; padding: 0 16px; }

.dir-cab { background: var(--blanco); border-bottom: 1px solid var(--borde); }
.dir-cab-int { display: flex; align-items: center; gap: 20px; min-height: 58px; flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px; }
.dir-logo { font-size: 22px; font-weight: 700; text-decoration: none; color: var(--tinta); }
.dir-logo em { font-style: normal; color: var(--naranja); }
.dir-migas { font-size: 14px; color: #5a7590; }
.dir-migas a { text-decoration: none; }
.dir-migas a:hover { text-decoration: underline; }
.dir-miga-act { color: #5a7590; }

.dir-h1 { font-size: 30px; margin: 26px 0 6px; }
.dir-h2 { font-size: 21px; margin: 30px 0 12px; }
.dir-intro { margin: 0 0 20px; color: #4a6480; }

.dir-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; margin-bottom: 8px; }
.dir-tarjeta {
  display: flex; flex-direction: column; gap: 4px;
  background: var(--blanco); border: 1px solid var(--borde); border-radius: 10px;
  padding: 14px 16px; text-decoration: none;
}
.dir-tarjeta:hover { border-color: var(--azul); box-shadow: 0 2px 8px rgba(27,111,194,.12); }
.dir-tarjeta strong { color: var(--tinta); font-size: 17px; }
.dir-tipo { color: var(--naranja); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.dir-conteo { color: #5a7590; font-size: 14px; }

.dir-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.dir-cat {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--blanco); border: 1px solid var(--borde-f); border-radius: 999px;
  padding: 6px 14px; font-size: 14px; text-decoration: none; color: var(--tinta);
}
.dir-cat:hover { border-color: var(--azul); color: var(--azul); }
.dir-cat span { background: var(--fondo); border-radius: 999px; padding: 1px 8px; font-size: 12px; color: var(--azul); }

.dir-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 12px; }
.dir-negocio {
  display: flex; gap: 12px; align-items: flex-start;
  background: var(--blanco); border: 1px solid var(--borde); border-radius: 10px;
  padding: 14px; text-decoration: none;
}
.dir-negocio:hover { border-color: var(--azul); box-shadow: 0 2px 8px rgba(27,111,194,.12); }
.dir-negocio-logo { flex: 0 0 52px; height: 52px; border-radius: 8px; overflow: hidden; background: var(--fondo); display: flex; align-items: center; justify-content: center; }
.dir-negocio-logo img { width: 100%; height: 100%; object-fit: contain; }
.dir-negocio-ini { font-family: 'Bricolage Grotesque', sans-serif; font-size: 24px; font-weight: 700; color: var(--celeste); }
.dir-negocio-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dir-negocio-txt strong { color: var(--tinta); font-size: 16px; }
.dir-negocio-cat { color: var(--azul); font-size: 13px; font-weight: 600; }
.dir-negocio-desc { color: #4a6480; font-size: 14px; }
.dir-negocio-zona { color: #5a7590; font-size: 13px; }

/* Portada (iy-portada-20260915) */
.dir-hero { text-align: center; padding: 38px 0 28px; }
.dir-hero h1 { font-size: 34px; margin: 0 0 8px; }
.dir-hero p { color: #4a6480; margin: 0 0 22px; font-size: 17px; }
.dir-busca { display: flex; gap: 8px; max-width: 560px; margin: 0 auto; }
.dir-busca input {
  flex: 1; min-width: 0; border: 1px solid var(--borde-f); border-radius: 10px;
  padding: 12px 16px; font-size: 16px; font-family: inherit; background: var(--blanco);
}
.dir-busca input:focus { outline: 2px solid var(--azul); border-color: var(--azul); }
.dir-busca button {
  border: 0; border-radius: 10px; background: var(--naranja); color: var(--blanco);
  font-family: inherit; font-size: 16px; font-weight: 600; padding: 12px 24px; cursor: pointer;
}
.dir-busca button:hover { background: #DD720F; }
.dir-busca-int { margin: 0 0 24px; }
.dir-pais { align-items: center; text-align: center; padding: 22px 16px; gap: 6px; }
.dir-pais-bandera { font-size: 34px; line-height: 1; }
.dir-verficha {
  margin-top: 8px; align-self: flex-start;
  background: var(--azul); color: var(--blanco); border-radius: 8px;
  padding: 6px 14px; font-size: 13px; font-weight: 600;
}
.dir-destacado:hover .dir-verficha { background: var(--azul-osc); }

.dir-pie { margin-top: 40px; padding: 26px 0 30px; background: var(--tinta); }
.dir-pie p { color: #A9C4DC; font-size: 14px; margin: 0; }
.dir-pie-int { display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; }
.dir-pie-nav { justify-content: center; }
.dir-pie-logo { font-family: 'Bricolage Grotesque', sans-serif; font-size: 20px; font-weight: 700; color: var(--blanco) !important; }
.dir-pie-logo em { font-style: normal; color: var(--naranja); }
.dir-pie-nav { display: flex; flex-wrap: wrap; gap: 16px; }
.dir-pie-nav a { color: #D8E7F4; font-size: 14px; text-decoration: none; }
.dir-pie-nav a:hover { color: var(--blanco); text-decoration: underline; }

@media (max-width: 480px) {
  .dir-h1 { font-size: 24px; }
  .dir-hero h1 { font-size: 26px; }
  .dir-busca { flex-direction: column; }
  .dir-lista, .dir-grid { grid-template-columns: 1fr; }
}