/* Interior animado — 6 cuadritos «Explora otras categorías» */
.home-sector-card{container-type:size}
.home-sector-card__layer .home-sector-scroll{
  position:absolute;inset:0;display:flex;flex-direction:column;
  background:#fff;
  border-radius:inherit;overflow:hidden;
  padding:0;
  box-sizing:border-box;
  font-family:'Poppins',"Segoe UI",Arial,sans-serif;
  font-size:clamp(7px,5.2cqh,11px);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  border:1px solid rgba(233,30,99,.14);
  box-shadow:0 2px 8px rgba(233,30,99,.06);
}

/* Arriba fijo: Encuentra */
.home-sector-scroll__top{
  flex:0 0 auto;
  z-index:3;
  padding:clamp(5px,1.2cqh,8px) clamp(4px,1cqh,6px) clamp(3px,.8cqh,5px);
  background:#fff;
  border-bottom:1px solid rgba(233,30,99,.1);
}
.home-sector-scroll__lead{
  display:block;
  padding:0;
  border-radius:0;
  background:none;
  color:#e91e63;
  font-weight:600;
  font-size:1em;
  line-height:1.12;
  text-align:center;
  letter-spacing:0;
  box-shadow:none;
  text-transform:none;
}

/* Centro: profesiones en scroll */
.home-sector-scroll__viewport{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  position:relative;
  z-index:1;
  padding:clamp(2px,.6cqh,4px) clamp(4px,1cqh,6px) 0;
  background:#fff;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 72%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 72%,transparent 100%);
}
.home-sector-scroll__track{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(3px,.7cqh,6px);
  will-change:transform;
}
.home-sector-scroll__track.is-scrolling{
  animation:homeSectorDrain var(--scroll-dur,6s) linear forwards;
}
@keyframes homeSectorDrain{
  from{transform:translateY(0)}
  to{transform:translateY(calc(-1 * var(--scroll-dist,0px)))}
}
.home-sector-scroll__item{
  color:#e91e63;
  font-weight:800;
  font-size:1em;
  line-height:1.14;
  text-align:center;
  width:100%;
  max-width:100%;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
  hyphens:none;
  flex-shrink:0;
  letter-spacing:0;
  text-shadow:none;
  padding:0 clamp(2px,.5cqh,4px);
  box-sizing:border-box;
}

.home-sector-scroll__spacer{
  display:block;
  width:100%;
  flex-shrink:0;
  height:0;
}

/* Abajo fijo: cerca de ti */
.home-sector-scroll__foot{
  flex:0 0 auto;
  z-index:3;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:clamp(15px,4.2cqh,22px);
  padding:clamp(3px,.85cqh,6px) clamp(4px,1cqh,6px) clamp(4px,1cqh,7px);
  background:#fff;
  border-top:1px solid rgba(233,30,99,.1);
  box-shadow:none;
}
.home-sector-scroll__cerca{
  display:block;
  color:#e91e63;
  font-weight:600;
  font-size:.92em;
  line-height:1.12;
  letter-spacing:0;
  text-align:center;
  text-transform:none;
}
.home-sector-scroll__pin{display:none !important}

@media (prefers-reduced-motion:reduce){
  .home-sector-scroll__track.is-scrolling{animation:none}
}

/* Tarjetas con imagen de sector (reemplazo visual del scroll de texto) */
.home-sector-card__layer .home-sector-card-visual{
  position:absolute;inset:0;
  border-radius:inherit;overflow:hidden;
  background:#0d3b3f;
  border:1px solid rgba(233,30,99,.12);
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.home-sector-card-visual__img{
  width:100%;height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}
.home-sector-card-visual--contain .home-sector-card-visual__img{
  object-fit:contain;
  object-position:center top;
}
.home-sector-card-visual--fallback{
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:clamp(4px,1.2cqi,8px);
  padding:clamp(6px,2cqi,10px);
  background:linear-gradient(165deg,#fff 0%,#ffe8f2 55%,#ffd6e8 100%);
  text-align:center;
}
.home-sector-card-visual__fallback-emoji{
  font-size:clamp(16px,8cqi,24px);line-height:1;
}
.home-sector-card-visual__fallback-name{
  font-family:'Poppins',"Segoe UI",Arial,sans-serif;
  font-size:clamp(7px,16cqi,10px);
  font-weight:800;color:#e91e63;
  line-height:1.15;
  word-break:break-word;
  hyphens:auto;
}

/* Plantilla HTML — Transporte, Logística y Mensajería */
.home-sector-card-visual--composed{
  background:#b8e6dc;
}
.hsc-transporte{
  display:flex;flex-direction:column;
  width:100%;height:100%;
  font-family:'Poppins',"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.hsc-transporte__hero{
  position:relative;flex:0 0 36%;
  min-height:0;
  background:linear-gradient(145deg,#1c3230 0%,#2a4f4a 55%,#3d6b63 100%);
  overflow:hidden;
}
.hsc-transporte__hero-text{
  position:relative;z-index:2;
  padding:clamp(5px,3.5cqi,10px) clamp(4px,3cqi,8px) clamp(4px,2.5cqi,7px);
  max-width:62%;
}
.hsc-transporte__title{
  margin:0;
  color:#fff;
  font-size:clamp(6px,13.5cqi,11px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.hsc-transporte__cta{
  margin:clamp(2px,.8cqi,4px) 0 0;
  color:#5eead4;
  font-size:clamp(5px,10cqi,8px);
  font-weight:700;
  line-height:1.1;
}
.hsc-transporte__truck{
  position:absolute;right:0;top:0;bottom:0;
  width:48%;z-index:1;
  pointer-events:none;
  overflow:hidden;
}
.hsc-transporte__truck-img{
  position:absolute;right:0;top:0;
  height:100%;width:auto;min-width:110%;
  max-width:none;
  object-fit:cover;
  object-position:78% 6%;
  display:block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));
}
.hsc-transporte__grid{
  flex:1 1 auto;min-height:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2px,1.4cqi,5px);
  padding:clamp(3px,2cqi,6px) clamp(3px,2.2cqi,6px) clamp(4px,2.5cqi,7px);
  background:linear-gradient(180deg,#a8ddd2 0%,#c5ebe3 45%,#daf3ee 100%);
  align-content:start;
}
.hsc-transporte__cell{
  display:flex;align-items:center;gap:clamp(2px,1.2cqi,4px);
  min-height:0;
  padding:clamp(2px,1.6cqi,5px) clamp(3px,2cqi,5px);
  border-radius:clamp(4px,2.5cqi,8px);
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.08);
  overflow:hidden;
}
.hsc-transporte__ico{
  flex:0 0 auto;
  font-size:clamp(9px,11cqi,14px);
  line-height:1;
  width:clamp(12px,13cqi,18px);
  text-align:center;
}
.hsc-transporte__label{
  flex:1 1 auto;min-width:0;
  color:#1a1a1a;
  font-size:clamp(4.5px,9.2cqi,8px);
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.01em;
  word-break:break-word;
  hyphens:auto;
}