/* =========================================
   TRABAJA CON NOSOTROS - Premium V5 (rebuild definitivo)
   - Fondo NEGRO plano
   - Dorado premium
   - Respiro correcto (no compacto)
   - Responsive: PC / Laptop / Móvil
   ========================================= */

#trabaja.trabaja-v5{
  background: #000;
  color: #fff;
  padding: clamp(4.6rem, 6.2vw, 6.6rem) 0;
}

#trabaja.trabaja-v5 .tw5-header{
  text-align:center;
  max-width: 880px;
  margin: 0 auto clamp(1.9rem, 2.8vw, 2.7rem);
}

#trabaja.trabaja-v5 .tw5-tag{
  display:inline-flex;
  align-items:center;
  gap: .6rem;
  padding: .65rem 1.25rem;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,0.34);
  background: rgba(212,175,55,0.08);
  color: #D4AF37;
  font-weight: 950;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: .92rem;
}

#trabaja.trabaja-v5 .tw5-title{
  margin: .95rem 0 .6rem;
  color: #D4AF37;
  font-weight: 1100;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: clamp(1.65rem, 2.2vw, 2.25rem);
  line-height: 1.12;
}

#trabaja.trabaja-v5 .tw5-sub{
  margin: 0 auto;
  color: rgba(255,255,255,0.70);
  font-weight: 650;
  line-height: 1.65;
  font-size: 1.02rem;
}

#trabaja.trabaja-v5 .tw5-grid{
  max-width: 1120px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.45rem;
}

#trabaja.trabaja-v5 .tw5-card{
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 18px;
  padding: 1.5rem 1.55rem;
  display:flex;
  gap: 1.1rem;
  align-items:flex-start;
  box-shadow: 0 14px 34px rgba(0,0,0,0.38);
}

#trabaja.trabaja-v5 .tw5-ico{
  width: 50px;
  height: 50px;
  border-radius: 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(212,175,55,0.12);
  border: 1px solid rgba(212,175,55,0.30);
  color: #FFD54A;
  flex: 0 0 auto;
}

#trabaja.trabaja-v5 .tw5-ico i{ font-size: 19px; }

#trabaja.trabaja-v5 .tw5-body h3{
  margin: 0 0 .42rem;
  font-size: 1.05rem;
  font-weight: 1050;
  letter-spacing: .45px;
  text-transform: uppercase;
}

#trabaja.trabaja-v5 .tw5-body p{
  margin: 0;
  color: rgba(255,255,255,0.72);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 650;
}

#trabaja.trabaja-v5 .tw5-cta{
  max-width: 1120px;
  margin: clamp(1.55rem, 2.4vw, 2.05rem) auto 0;
  padding: 1.25rem 1.35rem;
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,0.22);
  background: rgba(212,175,55,0.06);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

#trabaja.trabaja-v5 .tw5-ctaText{
  display:flex;
  flex-direction:column;
  gap: .28rem;
  color: rgba(255,255,255,0.78);
  font-weight: 650;
}

#trabaja.trabaja-v5 .tw5-ctaText strong{
  color: #D4AF37;
  font-weight: 1100;
  letter-spacing: .4px;
}

#trabaja.trabaja-v5 .tw5-ctaBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: .6rem;
  padding: 1rem 1.5rem;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 950;
  letter-spacing: .6px;
  text-transform: uppercase;
  background: linear-gradient(135deg, #25D366, #128C7E);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.10);
}

/* Laptop: compactar header (ÚNETE AL EQUIPO + TRABAJA CON NOSOTROS + subtítulo) */
@media (min-width: 981px) and (max-width: 1280px){
  #trabaja.trabaja-v5{ padding: 3.9rem 0; }
  #trabaja.trabaja-v5 .tw5-header{ margin-bottom: 2.1rem; }

  #trabaja.trabaja-v5 .tw5-tag{ padding: .55rem 1.15rem; font-size: .88rem; }
  #trabaja.trabaja-v5 .tw5-title{ margin: .7rem 0 .45rem; font-size: 1.95rem; letter-spacing: 1.35px; }
  #trabaja.trabaja-v5 .tw5-sub{ font-size: 1rem; }

  #trabaja.trabaja-v5 .tw5-grid{ gap: 1.25rem; }
}

/* Tablet / móvil grande */
@media (max-width: 980px){
  #trabaja.trabaja-v5 .tw5-grid{ grid-template-columns: 1fr; }
}

/* Móvil */
@media (max-width: 560px){
  #trabaja.trabaja-v5{ padding: 3.65rem 0; }
  #trabaja.trabaja-v5 .tw5-header{ margin-bottom: 1.55rem; }

  #trabaja.trabaja-v5 .tw5-tag{ padding: .55rem 1.05rem; font-size: .85rem; }
  #trabaja.trabaja-v5 .tw5-title{ margin: .75rem 0 .5rem; font-size: 1.55rem; }
  #trabaja.trabaja-v5 .tw5-sub{ font-size: 1rem; }

  #trabaja.trabaja-v5 .tw5-card{ padding: 1.15rem 1.1rem; gap: 1rem; }
  #trabaja.trabaja-v5 .tw5-ico{ width: 46px; height: 46px; border-radius: 14px; }
  #trabaja.trabaja-v5 .tw5-body p{ font-size: .98rem; }

  #trabaja.trabaja-v5 .tw5-cta{ padding: 1.1rem 1.1rem; }
  #trabaja.trabaja-v5 .tw5-ctaBtn{ width: 100%; }
}