/* ==========================================================================
   Latidos · iconos ilustrados (1-oct-2026)
   Las tarjetas «Por qué la gente viaja con nosotros» llevaban un glifo de trazo
   fino de 21 px en un cuadro menta pálido. Ahora son ilustraciones tipo
   plastilina (teal y coral de la marca) en /images/iconos/<tema>.webp, 192×192
   con transparencia, generadas en lib/ui.js (ILU). Hoja propia, cargada después
   de latidos.css; todo cuelga de :has(> img.ico-ilu), así que un cuadro que
   siga con SVG conserva su estilo.
   ========================================================================== */
.ico-ilu { display: block; width: 64px; height: 64px; object-fit: contain; flex: none; -webkit-user-drag: none; user-select: none; }

/* tarjetas de confianza de la portada */
.trust__ico:has(> img.ico-ilu) {
  width: 76px; height: 76px; border-radius: 22px; margin-bottom: 12px;
  background: radial-gradient(120% 120% at 30% 22%, #FFFFFF 0%, var(--teal-050, #F0F8F6) 55%, var(--teal-100, #DCEFEA) 100%);
  box-shadow: inset 0 0 0 1px rgba(12, 122, 120, .08);
  transition: transform .25s ease;
}
.trust__item:hover .trust__ico:has(> img.ico-ilu) { transform: translateY(-3px); }
@media (max-width: 600px) {
  .trust__ico:has(> img.ico-ilu) { width: 68px; height: 68px; border-radius: 20px; margin-bottom: 10px; }
  .trust__ico .ico-ilu { width: 58px; height: 58px; }
}

/* recuadro del traslado al aeropuerto (guías y planes): sin círculo blanco, la ilustración ya trae volumen */
.aerobox__ico:has(> img.ico-ilu) { width: 56px; height: 56px; background: none; border-radius: 0; }
.aerobox__ico .ico-ilu { width: 56px; height: 56px; }
@media (max-width: 600px) {
  .aerobox__ico:has(> img.ico-ilu) { width: 48px; height: 48px; }
  .aerobox__ico .ico-ilu { width: 48px; height: 48px; }
}