/* ============================================================
   INMOBILIARIAS 2026 (anunciantes.asp)
   Clases con el prefijo a26-. Se carga después de buscador2026.css y portada2026.css
   ============================================================ */

/* ---------- Cabecera de la página ---------- */
.a26-cab { background: var(--b26-fondo); padding: 28px 0 32px; }
.a26-migas { font-size: 14px; color: var(--b26-texto-3); display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.b26 .a26-migas a { color: var(--b26-texto-3); text-decoration: none; }
.b26 .a26-migas a:hover { color: var(--b26-azul); text-decoration: underline; }
.a26-cab h1 { margin: 0; font-size: 44px; line-height: 1.1; font-weight: 800; letter-spacing: -0.03em; }
.a26-intro { margin: 10px 0 0; font-size: 17px; color: var(--b26-texto-2); max-width: 760px; }

.a26-herramientas { margin-top: 22px; display: flex; gap: 12px; flex-wrap: wrap; }
.a26-buscar {
  flex: 0 1 520px; display: flex; align-items: center; gap: 10px;
  padding: 0 16px; min-height: 52px; background: #fff;
  border: 1px solid var(--b26-borde); border-radius: 14px; color: var(--b26-texto-3);
}
.a26-buscar:focus-within { border-color: var(--b26-azul); box-shadow: 0 0 0 3px rgba(28,111,154,.18); }
.a26-buscar input {
  flex: 1; min-width: 0; border: 0; outline: none; background: transparent;
  font-size: 16px; color: var(--b26-texto); min-height: 48px;
}

.a26-filtros { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; }
.a26-filtro {
  display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px;
  border: 1px solid var(--b26-borde); border-radius: 999px; background: #fff;
  font-size: 14px; font-weight: 600; text-decoration: none;
}
.b26 a.a26-filtro { color: var(--b26-texto); }
.b26 a.a26-filtro:hover { border-color: var(--b26-azul); color: var(--b26-azul); }
.a26-filtro span { font-size: 13px; color: var(--b26-texto-3); }
.b26 a.a26-filtro[aria-current="page"] { background: var(--b26-azul); border-color: var(--b26-azul); color: #fff; }
.a26-filtro[aria-current="page"] span { color: #D6E7F1; }

/* ---------- Lista de inmobiliarias ---------- */
.a26-lista-sec { padding-top: 32px; }
.a26-lista {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;
}
.a26-inmo {
  display: flex; flex-direction: column; gap: 16px; padding: 22px;
  border: 1px solid var(--b26-borde-claro); border-radius: 20px; background: #fff;
}
.a26-inmo[hidden] { display: none; }
.a26-inmo-cab { display: flex; gap: 16px; align-items: center; }
.a26-logo {
  flex: 0 0 120px; height: 80px; padding: 8px; border: 1px solid var(--b26-borde-claro); border-radius: 14px;
  display: flex; align-items: center; justify-content: center; background: #fff;
}
.a26-logo:hover { border-color: var(--b26-azul); }
.a26-logo img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.a26-inmo-tit { min-width: 0; }
.a26-inmo-tit h2 { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 800; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.a26-total { margin: 4px 0 0; font-size: 14px; font-weight: 600; color: var(--b26-texto-3); }

.a26-datos { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 15px; color: var(--b26-texto-2); }
.a26-datos li { display: flex; gap: 10px; align-items: flex-start; }
.a26-datos svg { flex-shrink: 0; margin-top: 2px; color: var(--b26-gris); }
.a26-datos a { font-weight: 700; text-decoration: none; }

.a26-btns { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.a26-btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px;
  border: 1px solid var(--b26-borde); border-radius: 12px; font-size: 15px; font-weight: 700; text-decoration: none;
}
.b26 a.a26-btn { color: var(--b26-texto); }
.b26 a.a26-btn:hover { border-color: var(--b26-azul); color: var(--b26-azul); }
.a26-btn span { font-size: 13px; font-weight: 700; color: var(--b26-texto-3); }
.b26 a.a26-btn-prin { background: var(--b26-azul); border-color: var(--b26-azul); color: #fff; }
.b26 a.a26-btn-prin:hover { background: var(--b26-azul-osc); color: #fff; }
.a26-btn-prin span { color: #D6E7F1; }
.a26-sin { margin: auto 0 0; font-size: 14px; color: var(--b26-texto-3); }

.a26-enlaces { display: flex; gap: 18px; border-top: 1px solid var(--b26-borde-claro); padding-top: 12px; font-size: 14px; }
.a26-enlaces a { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; text-decoration: none; min-height: 32px; }
.a26-enlaces:empty { display: none; }

.a26-vacio { margin: 0; padding: 32px; text-align: center; border: 2px dashed var(--b26-borde); border-radius: 20px; color: var(--b26-texto-3); }

.b26 .a26-provs a[aria-current="page"] { border-color: var(--b26-azul); color: var(--b26-azul); }

/* ---------- Tablet y móvil ---------- */
@media (max-width: 1100px) {
  .a26-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .a26-cab { padding: 20px 0 24px; }
  .a26-cab h1 { font-size: 30px; }
  .a26-intro { font-size: 15px; }
  .a26-buscar { flex-basis: 100%; }
  .a26-lista { grid-template-columns: minmax(0, 1fr); }
  .a26-inmo { padding: 18px; }
  .a26-logo { flex-basis: 96px; height: 68px; }
}