/* Photo interiors with the brand color confined to the hexagon frame. */



#universo .company-tile .hex-interior{background-image:linear-gradient(0deg,#09251838,#09251800 65%),url('https://zfnylxqjbukewhlpzrem.supabase.co/storage/v1/object/public/site-media/assets/sosal-hero-campo.png');background-size:cover;background-position:var(--company-photo-position,center);transform:scale(.93);scale:1}
#universo .company-tile .hex-border{background:var(--slide-color)}
#universo #company-0{--company-photo-position:18% 70%}
#universo #company-1{--slide-color:#ffb900!important;--company-photo-position:42% 90%}
#universo #company-2{--slide-color:#e9ddbd!important;--company-photo-position:87% 65%}
#universo #company-3{--company-photo-position:8% 75%}
#universo #company-4{--slide-color:#72c412!important;--company-photo-position:70% 48%}
#universo .company-line{margin:12px auto auto}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#universo .company-tile:hover .hex-interior,#universo .company-tile:focus-visible .hex-interior{scale:1;filter:brightness(1.04)}}
@media(max-width:700px){#universo .company-line{margin:24px auto 14px}}

/* Complete supplied company icons retain their original transparent artwork. */
#universo .company-tile .hex-stage:has(.company-composite){aspect-ratio:800/880;overflow:visible}
#universo .company-composite{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 65%;transition:transform .4s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 12px 9px #0c211e18)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#universo .company-tile:is(:hover,:focus-visible) .company-composite{transform:translateY(-5px) scale(1.055)}}
@media(prefers-reduced-motion:reduce){#universo .company-composite{transition:none}}
