/* AICOMs & SICOMs — fichas de detalle y buscador.
   Reutiliza la paleta verde del sitio original (#007200 títulos,
   #354d36 botones) para que no desentone con el resto de las páginas. */

#aicom-detail {
  padding: 50px 0;
}

/* ---------- Galería de imágenes ---------- */
.aicom-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 25px;
}
.aicom-gallery-item {
  flex: 1 1 220px;
  max-width: 100%;
  display: block;
}
.aicom-gallery-item img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: block;
}
.aicom-gallery-item:only-child img {
  height: auto;
  max-height: 460px;
  object-fit: contain;
}

/* ---------- Descripción ---------- */
.aicom-descripcion {
  line-height: 1.7;
}
.aicom-descripcion img {
  max-width: 100%;
  height: auto;
}
.aicom-descripcion h2,
.aicom-descripcion h3 {
  color: #007200;
}
.aicom-descripcion hr {
  margin: 22px 0;
  border: 0;
  border-top: 1px solid #e2e2e2;
}
/* El HTML original trae tablas e iframes de ancho fijo */
.aicom-descripcion table {
  max-width: 100%;
  display: block;
  overflow-x: auto;
}
.aicom-descripcion iframe {
  max-width: 100%;
}

/* ---------- Ficha (columna derecha) ---------- */
.aicom-ficha,
.aicom-mapa {
  margin-bottom: 30px;
}
.aicom-ficha .sppb-addon-title,
.aicom-mapa .sppb-addon-title {
  color: #007200;
}
.aicom-ficha dl {
  margin: 0;
}
.aicom-ficha dt {
  font-weight: 700;
  margin-top: 12px;
}
.aicom-ficha dd {
  margin: 0;
}
.aicom-ficha a {
  color: #1e7000;
}

.aicom-pdf {
  margin-bottom: 30px;
}
.aicom-pdf .sppb-btn-custom {
  background-color: #354d36;
  color: #fff;
}
.aicom-pdf .sppb-btn-custom:hover {
  background-color: #00e66e;
  color: #fff;
}

/* Mapa responsive (los embeds de Google traen tamaño fijo) */
.aicom-mapa-embed {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.aicom-mapa-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.aicom-volver a {
  color: #1e7000;
  font-weight: 600;
}

/* ---------- Buscador / listado ---------- */
#aicom-buscador {
  padding: 50px 0;
}
.aicom-filtros {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
  margin-bottom: 8px;
}
.aicom-filtro {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.aicom-filtro label {
  font-size: 13px;
  font-weight: 700;
  color: #555;
}
.aicom-filtro input,
.aicom-filtro select {
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  min-width: 190px;
  background: #fff;
}
.aicom-filtro-buscar input {
  min-width: 280px;
}
.aicom-reset {
  padding: 8px 14px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
}
.aicom-reset:hover {
  background: #ebebeb;
}

.aicom-conteo {
  margin: 14px 0 18px;
  font-size: 14px;
  color: #666;
}

.aicom-resultados {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.aicom-card {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.15s ease;
}
.aicom-card:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.aicom-card-thumb {
  height: 150px;
  background: #f0f0f0 center/cover no-repeat;
  display: block;
}
/* 11 de las 247 fichas no traen foto en el material original. Sin esto la
   tarjeta queda como un rectángulo gris vacío, que se lee como una imagen
   rota; con el icono se entiende que simplemente no hay foto.
   El SVG va incrustado para no sumar una petición extra por tarjeta. */
.aicom-card-thumb--vacia {
  background-color: #eef1ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b6a4' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.5'/%3E%3Cpath d='M21 15.5l-4.5-4.5-4 4-2-2L3.5 18'/%3E%3C/svg%3E");
  background-size: 46px 46px;
  background-position: center;
  background-repeat: no-repeat;
}
.aicom-card-body {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.aicom-card-body h3 {
  font-size: 16px;
  margin: 0;
  line-height: 1.3;
}
.aicom-card-body h3 a {
  color: #007200;
}
.aicom-card-meta {
  font-size: 13px;
  color: #666;
  margin-top: auto;
}
.aicom-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 10px;
  color: #fff;
  background: #354d36;
}
.aicom-badge.sicom {
  background: #1e7000;
}

.aicom-sin-resultados {
  padding: 30px 0;
  color: #666;
}

@media (max-width: 767px) {
  .aicom-filtro input,
  .aicom-filtro select,
  .aicom-filtro-buscar input {
    min-width: 0;
    width: 100%;
  }
  .aicom-filtro {
    flex: 1 1 100%;
  }
}