/* ============================================================
   TJ Signals — id367431 (Asymmetric Cards & IMAGES Fix)
   ============================================================ */

.tj-signals--id367431 {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #070012; /* Fondo oscuro ABM */
}

.tj-signals--id367431 .tj-signals__container {
  width: 100%;
  max-width: 85rem;
  padding: 7rem 2rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

/* --- TÍTULO --- */
.tj-signals--id367431 .tj-signals__title {
  font-size: 2rem;
  font-family: 'Century Gothic', sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  margin-bottom: 1rem;
}

/* --- CONTENEDOR DE CARDS --- */
.tj-signals--id367431 .tj-signals__cards {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch; /* Mismo alto para todas */
  gap: 1.5rem;
  width: 100%;
  margin-top:4rem;
}

/* =========================================
   /* --- ESTILO COMÚN DE CARDS (Base) ---
   ========================================= */
.tj-signals--id367431 [class*="tj-signals__card--"] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem;
  border-radius: 16px;
  
  /* Borde predeterminado sutil */
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.03);
  box-sizing: border-box;
  
  /* Transición suave para el hover */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

/* --- EFECTO HOVER ABM (Borde Naranja) --- */
.tj-signals--id367431 [class*="tj-signals__card--"]:hover {
  border-color: rgba(249, 126, 43, 0.8) !important;
  box-shadow: 0 0 15px rgba(249, 126, 43, 0.25);
  transform: translateY(-3px);
}

/* =========================================
   /* --- ASIGNACIÓN DE ANCHOS PROPORCIONALES ---
   ========================================= */
.tj-signals--id367431 .tj-signals__card--funding,
.tj-signals--id367431 .tj-signals__card--job-change {
  flex: 1; /* Cajas normales */
  min-width: 280px;
}

.tj-signals--id367431 .tj-signals__card--vacancies {
  flex: 1.4; /* LA TERCERA CAJA ES MÁS ANCHA */
  min-width: 350px;
}

/* =========================================
   /* --- CONFIGURACIÓN DE IMÁGENES (Logos) ---
   ========================================= */

/* Estilo común del cuadrito del logo (VACÍO POR DEFECTO) */
.tj-signals--id367431 [class*="tj-signals__card--"] .tj-signals__card-image {
  flex: 0 0 75px; /* Tamaño cuadrado */
  height: 75px;
  border-radius: 12px;
  background-size: contain !important; /* Logo completo */
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #08080a; /* Fondo solicitado */
  overflow: hidden;
}

/* Ajuste específico para que el logo de Indeed respire */
.tj-signals--id367431 .tj-signals__card--vacancies .tj-signals__card-image {
  background-size: 85% !important;
  flex: 0 0 110px; /* Un poco más de aire si la caja es ancha */
}

/* --- ASIGNACIÓN ESPECÍFICA DE IMÁGENES --- */
/* (Asegúrate de que estas variables `--background-img` estén definidas en el HTML) */

.tj-signals--id367431 .tj-signals__card--funding .tj-signals__card-image {
  background-image: var(--background-img);
}

.tj-signals--id367431 .tj-signals__card--job-change .tj-signals__card-image {
  background-image: var(--background-img);
}

.tj-signals--id367431 .tj-signals__card--vacancies .tj-signals__card-image {
  background-image: var(--background-img);
}

/* =========================================
   /* --- TEXTO Y RESPONSIVE ---
   ========================================= */

.tj-signals--id367431 [class*="tj-signals__card--"] .tj-signals__card-text {
  flex: 1;
  display: flex;
  align-items: center;
}

.tj-signals--id367431 [class*="tj-signals__card--"] .tj-signals__card-label {
  font-size: 1.4rem;
  font-family: 'Century Gothic', sans-serif;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  white-space: nowrap; /* Mantiene el texto en una línea como la referencia */
}

/* Responsive */
@media (max-width: 1100px) {
  .tj-signals--id367431 .tj-signals__cards {
    flex-wrap: wrap;
    justify-content: center;
  }
  .tj-signals--id367431 [class*="tj-signals__card--"] {
    flex: 0 0 calc(48% - 1rem); /* 2 por fila */
  }
}

@media (max-width: 767px) {
  .tj-signals--id367431 .tj-signals__container {
    padding: 3rem 1.5rem;
  }
  .tj-signals--id367431 .tj-signals__cards {
    flex-direction: column;
  }
  .tj-signals--id367431 [class*="tj-signals__card--"] {
    flex: 0 0 100% !important;
    min-width: 100%;
    gap: 1rem;
  }
  .tj-signals--id367431 .tj-signals__card-label {
    font-size: 1.2rem;
  }
}