/* ============================================================================
   ICONOS DE AMENIDADES v3 · control total sobre el CSS del plugin
   (generado desde iconos_azotea.py — no editar a mano)
   ============================================================================ */

/* --- Specs del encabezado (alcobas / banos / area): bloques de estadistica --- */
.es-single__header .es-listing__meta{
  display: flex !important; flex-wrap: wrap !important; gap: 12px !important;
  border: none !important; margin-top: var(--space-md) !important; padding: 0 !important;
}
.es-single__header .es-listing__meta > div{
  display: flex !important; align-items: center !important; gap: 12px !important;
  background: var(--color-paper-2) !important;
  border: 1px solid var(--color-rule) !important;
  border-radius: 14px !important;
  padding: 16px 24px !important; margin: 0 !important;
  min-width: 128px; box-sizing: border-box;
}
.es-single__header .es-listing__meta svg{
  width: 30px !important; height: 30px !important;
  max-width: 30px !important; max-height: 30px !important;
  flex: 0 0 auto; margin-right: 0 !important;
}
.es-single__header .es-listing__meta svg path{ fill: var(--color-accent) !important; }
.es-single__header .es-listing__meta > div > span{
  display: flex !important; align-items: baseline !important; gap: 7px;
  font-size: var(--text-sm) !important; color: var(--color-ink-2) !important;
  white-space: nowrap;
}
.es-single__header .es-listing__meta b{
  font-family: var(--font-display) !important; font-weight: 600 !important;
  font-size: 1.7rem !important; color: var(--color-ink) !important; line-height: 1 !important;
}

/* --- Seccion de amenidades: bloques apilados a lo ancho, siempre expandida --- */
.es-property_section--features .es-property-section__content{ max-height: none !important; overflow: visible !important; }
.es-property_section--features .es-full-content-link{ display: none !important; }
.es-property_section--features .es-property-fields{
  display: block !important; margin: 0 !important; padding: 0 !important;
}
.es-property_section--features .es-entity-field{
  display: block !important; width: 100% !important; float: none !important;
  margin: 0 0 var(--space-lg) !important; padding: 0 !important;
}
.es-property_section--features .es-entity-field:last-child{ margin-bottom: 0 !important; }
.es-property_section--features .es-property-field__label{
  display: block !important; font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--color-ink-2) !important; margin: 0 0 12px !important; line-height: 1.4 !important;
}
.es-property_section--features .es-property-field__sep{ display: none !important; }
.es-property_section--features .es-property-field__value{ display: block !important; width: 100% !important; }

/* --- Tarjetas de amenidad: icono grande en capsula + etiqueta contenida --- */
.es-property-field__terms--icons{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(215px, 100%), 1fr));
  gap: 10px !important; align-items: stretch;
}
.es-property-field__terms--icons a{
  display: flex !important; align-items: center !important; gap: 12px !important;
  width: auto !important; height: 100% !important; min-height: 66px;
  float: none !important; margin: 0 !important; box-sizing: border-box !important;
  white-space: normal !important; overflow: hidden !important; text-indent: 0 !important;
  background: var(--color-paper) !important;
  border: 1px solid var(--color-rule) !important;
  border-radius: 13px !important; padding: 12px 14px !important;
  font-family: var(--font-body) !important; font-size: var(--text-sm) !important;
  font-weight: 500 !important; line-height: 1.35 !important;
  color: var(--color-ink) !important; text-decoration: none !important;
  transition: border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out),
              transform var(--dur) var(--ease-out);
}
.es-property-field__terms--icons a:hover{
  border-color: var(--color-accent) !important; transform: translateY(-2px);
  box-shadow: var(--sombra-card);
}
.es-property-field__terms--icons .es-icon{
  width: 44px !important; height: 44px !important; flex: 0 0 auto !important;
  position: relative; display: block !important; margin: 0 !important;
  background: oklch(55% 0.125 42 / 0.12) !important; border-radius: 12px;
  font-size: 0 !important;
}
.es-property-field__terms--icons .es-icon::before{ content: none !important; }
/* Icono inline SVG guardado en el termino (es_icon tipo es-custom-icon) */
.es-property-field__terms--icons .es-icon{
  display: flex !important; align-items: center; justify-content: center;
  color: var(--color-accent) !important;
}
.es-property-field__terms--icons .es-icon svg{
  width: 26px !important; height: 26px !important; max-width: 26px !important;
  max-height: 26px !important; display: block;
}
/* Fallback: termino sin icono asignado -> check generico via mascara */
.es-property-field__terms--icons .es-icon_icon::after{
  content: ''; position: absolute; inset: 9px;
  background-color: var(--color-accent);
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: contain; mask-size: contain;
}
@media (max-width: 560px){
  .es-property-field__terms--icons{ grid-template-columns: 1fr !important; }
  .es-single__header .es-listing__meta > div{ padding: 12px 16px !important; }
  .es-single__header .es-listing__meta{ gap: 8px !important; }
}
.es-property-field__terms--icons .es-icon_icon::after{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.4%22%2F%3E%3Cpath%20d%3D%22m8.6%2012.2%202.3%202.3%204.5-4.8%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.4%22%2F%3E%3Cpath%20d%3D%22m8.6%2012.2%202.3%202.3%204.5-4.8%22%2F%3E%3C%2Fsvg%3E"); }