/* HireZone — banner y carrusel: sólo modifica la portada si el complemento está activo. */
body.home.hzhl-activated .hz-hero{
  --hzhl-photo:url('../hero-usa-mexico-limpio-v3.webp');
  --hzhl-photo-mobile:var(--hzhl-photo);
  --hzhl-height:435px;
  position:relative!important;
  min-height:0!important;
  background-color:#eae9f8!important;
  background-image:linear-gradient(90deg,rgba(250,247,255,.10),rgba(248,246,255,.19) 26%,rgba(247,245,255,.36) 49%,rgba(248,246,255,.11) 75%,rgba(248,246,255,.05)),var(--hzhl-photo)!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
  border-bottom:0!important;
}
body.home.hzhl-activated .hz-hero::before,body.home.hzhl-activated .hz-hero::after{display:none!important}
body.home.hzhl-activated .hz-hero .hz-hero-showcase,body.home.hzhl-activated .hz-hero .hz-hero-orb{display:none!important}
body.home.hzhl-activated .hz-hero .hz-hero-inner{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:1300px!important;
  min-height:var(--hzhl-height)!important;
  height:auto!important;
  padding:25px 20px 30px!important;
  margin:auto!important;
  grid-template-columns:none!important;
}
body.home.hzhl-activated .hz-hero .hz-hero-copy{
  box-sizing:border-box!important;
  width:min(100%,750px)!important;
  max-width:750px!important;
  margin:0 auto!important;
  padding:0!important;
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
body.home.hzhl-activated .hz-hero .hz-pill{
  display:inline-flex!important;
  color:#5337bb!important;
  background:rgba(255,255,255,.93)!important;
  border:1px solid rgba(108,79,229,.18)!important;
  letter-spacing:.10em!important;
  font-size:10px!important;
  font-weight:800!important;
  padding:7px 15px!important;
  box-shadow:0 7px 22px rgba(25,20,84,.08);
}
body.home.hzhl-activated .hz-hero .hz-hero-copy h1{
  max-width:750px!important;
  margin:13px 0 0!important;
  color:#14143a!important;
  font-size:clamp(32px,4.0vw,61px)!important;
  line-height:1.07!important;
  font-weight:900!important;
  letter-spacing:-.052em!important;
  text-wrap:balance!important;
  text-shadow:0 2px 12px rgba(255,255,255,.75);
}
body.home.hzhl-activated .hz-hero h1 .hzhl-usa{color:#2157c8}
body.home.hzhl-activated .hz-hero h1 .hzhl-mex{color:#ee335b}
body.home.hzhl-activated .hz-hero .hz-hero-copy>p{
  color:#35345a!important;
  max-width:650px!important;
  margin:13px 0 17px!important;
  line-height:1.46!important;
  font-size:clamp(13px,1.25vw,17px)!important;
  font-weight:700!important;
  text-shadow:0 2px 10px rgba(255,255,255,.9);
}
body.home.hzhl-activated .hz-hero .hz-hero-search{
  display:flex!important;
  box-sizing:border-box!important;
  width:min(100%,670px)!important;
  max-width:670px!important;
  min-height:62px!important;
  margin:3px 0 0!important;
  padding:6px 8px 6px 15px!important;
  border:1px solid rgba(226,222,248,.95)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 13px 35px rgba(25,23,75,.16)!important;
}
body.home.hzhl-activated .hz-hero .hz-hero-search input{font-size:clamp(12px,1vw,15px)!important}
body.home.hzhl-activated .hz-hero .hz-hero-search button{font-size:13px!important;font-weight:900!important;padding:12px 19px!important;border-radius:13px!important;background:#dafa5b!important;color:#202138!important}
body.home.hzhl-activated .hz-hero .hz-hero-search button:hover{background:#caf345!important}
body.home.hzhl-activated .hz-hero .hz-hero-tags{display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:16px!important}
body.home.hzhl-activated .hz-hero .hz-hero-tags span{font-size:11px!important;color:#625e81!important;font-weight:900!important;text-shadow:0 1px white}
body.home.hzhl-activated .hz-hero .hz-hero-tags a{display:inline-flex!important;padding:8px 13px!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(165,151,235,.5)!important;box-shadow:0 4px 12px rgba(29,20,85,.09)!important;color:#3e3970!important}
body.home.hzhl-activated .hz-hero .hz-hero-tags a:first-of-type{background:#6b3eef!important;color:#fff!important;border-color:#6b3eef!important}
body.home.hzhl-no-shortcuts .hz-hero-tags{display:none!important}



/* HireZone v1.7: lienzo con área de seguridad, nunca deformar los logotipos. */
.hzhl-company-strip {
 position:relative!important; z-index:4!important; background:#fff!important;
 border-block:1px solid #eeeaf8; padding:13px 0 15px!important;
 overflow:visible!important; font-family:inherit;
}
.hzhl-company-strip[hidden]{display:none!important}
.hzhl-strip-inner{width:min(calc(100% - 28px),1680px)!important;margin-inline:auto!important}
.hzhl-strip-top{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:15px!important;margin:0 52px 7px!important;color:#221d41!important;font-size:13px!important;
}
.hzhl-strip-top strong{font-size:14px!important;font-weight:800!important}
.hzhl-strip-top span{font-size:12px!important;color:#756d91!important}
.hzhl-carousel{
 display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;
 gap:12px!important;align-items:center!important;min-width:0!important;overflow:visible!important;
}
.hzhl-arrow{
 display:grid!important;place-items:center!important;box-sizing:border-box!important;
 width:38px!important;height:38px!important;padding:0!important;
 background:#fff!important;color:#6d42ed!important;border:1px solid #e7d9ff!important;
 border-radius:50%!important;font-size:17px!important;font-weight:900!important;
 box-shadow:0 5px 14px rgba(40,29,88,.08);cursor:pointer;
}
.hzhl-arrow:hover,.hzhl-arrow:focus-visible{background:#6942e8!important;color:white!important}
/* La máscara recorta solo el riel fuera de su zona; las tarjetas a medias están ocultas con JS. */
.hzhl-scroller{
 position:relative!important;box-sizing:border-box!important;
 width:100%!important;min-width:0!important;
 padding:34px 12px 41px!important;
 overflow:hidden!important;isolation:isolate!important;
 touch-action:pan-y!important;scroll-snap-type:none!important;
 scroll-behavior:auto!important;clip-path:none!important;
}
.hzhl-track{
 display:flex!important;align-items:center!important;gap:22px!important;
 position:relative!important;width:max-content!important;height:auto!important;
 min-height:102px!important;margin:0!important;padding:0!important;
 overflow:visible!important;will-change:transform;transform:translate3d(0,0,0);
 transition:none!important;
}
.hzhl-logo-card{
 position:relative!important;display:flex!important;align-items:center!important;
 justify-content:center!important;box-sizing:border-box!important;
 flex:0 0 186px!important;width:186px!important;height:102px!important;
 min-height:102px!important;max-height:102px!important;min-width:186px!important;
 padding:15px 17px!important;margin:0!important;
 background:white!important;border:1px solid #eae4f8!important;
 border-radius:17px!important;box-shadow:0 6px 20px rgba(40,32,91,.08)!important;
 text-decoration:none!important;color:#221c3b!important;overflow:hidden!important;
 transform:translateZ(0);transform-origin:center!important;
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
 scroll-snap-align:none!important;backface-visibility:hidden;
}
/* Usa el archivo entero dentro del marco: NO recortes de fondo ni object-fit:cover. */
.hzhl-logo-card > img,
.hzhl-logo-card img[alt]{
 display:block!important;position:static!important;box-sizing:border-box!important;
 max-width:100%!important;max-height:100%!important;
 width:100%!important;height:100%!important;
 min-width:0!important;min-height:0!important;
 object-fit:contain!important;object-position:50% 50%!important;
 margin:auto!important;padding:0!important;
 border:none!important;border-radius:0!important;
 clip-path:none!important;transform:none!important;
 background:transparent!important;
}
.hzhl-logo-card:hover,.hzhl-logo-card:focus-visible{
 z-index:15!important;transform:translateY(-4px) scale(1.07)!important;
 border-color:#a68aff!important;box-shadow:0 16px 35px rgba(70,48,145,.22)!important;
}
.hzhl-logo-fallback{font-size:16px!important;font-weight:800!important;text-align:center!important;line-height:1.2!important}
.hzhl-company-strip+.hz-trust-line{border-top:none}
@media (max-width:1024px){
 .hzhl-track{gap:18px!important}
 .hzhl-logo-card{flex-basis:164px!important;width:164px!important;min-width:164px!important;
  height:92px!important;min-height:92px!important;max-height:92px!important;padding:13px 14px!important}
}
@media (max-width:760px){
 body.home.hzhl-activated .hz-hero{
  background-image:linear-gradient(180deg,rgba(249,248,255,.77),rgba(250,248,255,.88) 45%,rgba(249,247,255,.93)),var(--hzhl-photo-mobile)!important;
  background-position:center top!important;
 }
 body.home.hzhl-activated .hz-hero .hz-hero-inner{min-height:0!important;padding:35px 11px 30px!important}
 body.home.hzhl-activated .hz-hero .hz-hero-copy{width:100%!important}
 body.home.hzhl-activated .hz-hero .hz-hero-copy h1{font-size:clamp(29px,7vw,47px)!important;margin-top:12px!important;line-height:1.10!important}
 body.home.hzhl-activated .hz-hero .hz-hero-copy>p{font-size:13px!important;line-height:1.5!important;margin:12px 0 16px!important}
 body.home.hzhl-activated .hz-hero .hz-hero-search{min-height:59px!important;padding:5px 6px 5px 10px!important}
 body.home.hzhl-activated .hz-hero .hz-hero-tags{gap:6px!important;margin-top:14px!important}
 body.home.hzhl-activated .hz-hero .hz-hero-tags a{font-size:10px!important;padding:7px 10px!important}
 .hzhl-strip-inner{width:calc(100% - 10px)!important}
 .hzhl-strip-top{margin:0 31px 7px!important}
 .hzhl-strip-top span{display:none!important}
 .hzhl-carousel{grid-template-columns:28px minmax(0,1fr) 28px!important;gap:4px!important}
 .hzhl-arrow{width:28px!important;height:28px!important;font-size:13px!important}
 .hzhl-scroller{padding:27px 7px 33px!important}
 .hzhl-track{gap:13px!important;min-height:76px!important}
 .hzhl-logo-card{flex-basis:130px!important;width:130px!important;min-width:130px!important;
  height:76px!important;min-height:76px!important;max-height:76px!important;padding:10px 11px!important;border-radius:13px!important}
 .hzhl-logo-card:hover,.hzhl-logo-card:focus-visible{transform:translateY(-2px) scale(1.05)!important}
}
@media(max-width:420px){
 body.home.hzhl-activated .hz-hero .hz-hero-inner{padding:29px 3px 27px!important}
 body.home.hzhl-activated .hz-hero .hz-hero-copy h1{font-size:clamp(28px,8vw,36px)!important}
 body.home.hzhl-activated .hz-hero .hz-hero-copy>p{font-size:12px!important}
 body.home.hzhl-activated .hz-hero .hz-hero-search button{padding:12px 10px!important;font-size:11px!important}
 body.home.hzhl-activated .hz-hero .hz-hero-search input{font-size:11px!important}
 body.home.hzhl-activated .hz-hero .hz-pill{font-size:9px!important;padding:7px 10px!important}
}
@media(prefers-reduced-motion:reduce){
 .hzhl-track{will-change:auto!important}
 .hzhl-logo-card{transition:none!important}
}

/* HireZone v1.8: resguardo real para logotipos completos dentro de cada tarjeta.
   Nunca rellenar el marco mediante recorte, aunque el tema tenga reglas img globales. */
.hzhl-logo-card {
  padding: 16px 20px !important;
  overflow: hidden !important;
}
.hzhl-logo-card > img {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: auto !important;
  border: none !important;
  transform: none !important;
  clip-path: none !important;
}
@media (max-width:760px) {
  .hzhl-logo-card { padding: 12px 13px !important; }
}