/* ---- Home: carrusel "Compañías con las que trabajo" (#aseguradoras) ---- */
.section-logos{padding:88px 0 96px;overflow:hidden}
.section-logos .section-head{margin-bottom:44px}
.section-logos .section-head p:last-child{color:var(--muted);margin-bottom:0}
.logos-marquee{position:relative;overflow:hidden;max-width:1360px;margin:0 auto;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.logos-track{display:flex;width:max-content;animation:logos-scroll 48s linear infinite}
.logos-marquee:hover .logos-track{animation-play-state:paused}
.logos-set{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex:none}
.logo-item{flex:none;display:flex;align-items:center;justify-content:center;width:228px;height:96px;padding:0 30px;position:relative}
.logo-item::after{content:"";position:absolute;right:0;top:30%;bottom:30%;width:1px;background:var(--line)}
.logo-item img{width:100%;height:52px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .3s,opacity .3s}
.logo-item.logo-w img{height:44px}
.logo-item.logo-xw{width:280px}
.logo-item.logo-xw img{height:40px}
.logo-item:hover img{filter:none;opacity:1}
@keyframes logos-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:900px){.section-logos{padding:64px 0 72px}.section-logos .section-head{margin-bottom:32px}}
@media (max-width:560px){
  .logo-item{width:156px;height:72px;padding:0 20px}
  .logo-item img{height:38px}
  .logo-item.logo-w img{height:32px}
  .logo-item.logo-xw{width:196px}
  .logo-item.logo-xw img{height:28px}
  .logos-track{animation-duration:36s}
}
@media (prefers-reduced-motion:reduce){
  .logos-marquee{-webkit-mask-image:none;mask-image:none;padding:0 16px}
  .logos-track{animation:none;width:auto;transform:none;justify-content:center}
  .logos-set{flex:1 1 100%;max-width:1160px;flex-wrap:wrap;justify-content:center;row-gap:8px}
  .logos-set[aria-hidden="true"]{display:none}
  .logo-item::after{display:none}
}