/* sosfactory.com, familia portfolio: generado por scripts/css/build.js desde assets/css/, no editar a mano */
.portfolio .section:first-child{padding-top:var(--space-2xl)}
.portfolio .gallery{margin-top:var(--space-md);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-md)}
.portfolio .gallery.-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.portfolio .gallery .card-v img{aspect-ratio:auto}
.portfolio .logos{margin-top:var(--space-lg);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-sm) var(--space-xl)}
.portfolio .logos img{width:150px;height:auto}
.portfolio .stats{display:grid;grid-template-columns:repeat(6,150px);justify-content:center}
.portfolio .stats div{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-xs);text-align:center;border-left:1px solid rgba(60,58,46,.25)}
.portfolio .stats div:first-child{border-left:0}
.portfolio .stats strong{font:600 30px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.02em;margin-bottom:var(--space-xs)}
.portfolio .stats span{font-size:var(--fs-caption);line-height:var(--lh-caption);letter-spacing:var(--ls-caption)}
.portfolio .cols.-image-text{--cols-gap:var(--space-lg);grid-template-columns:320px minmax(0,680px);justify-content:center}
.portfolio .cta-img{justify-self:end;max-width:320px}
@media (max-width:1024px){.portfolio .stats{grid-template-columns:repeat(3,150px)}.portfolio .stats div:nth-child(4){border-left:0}.portfolio .gallery,.portfolio .gallery.-four{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio .logos{gap:var(--space-sm) var(--space-lg)}.portfolio .logos img{width:120px}}
@media (max-width:767px){.portfolio .gallery,.portfolio .gallery.-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.portfolio .stats{grid-template-columns:repeat(3,1fr)}.portfolio .stats div:nth-child(4){border-left:1px solid rgba(60,58,46,.25)}.portfolio .stats div:nth-child(3n+1){border-left:0}.portfolio .cta-img{max-width:220px}}
.portfolio .section-header .actions a[aria-current]{pointer-events:none;cursor:default}
@media (max-width:767px){.portfolio .section-header .actions{flex-wrap:nowrap;gap:6px}.portfolio .section-header .actions .btn{flex:0 1 auto;min-width:0}.portfolio .section-header .actions .btn .elementor-button{padding:10px 8px;font-size:var(--fs-caption);white-space:nowrap}}
.portfolio .section-header .actions .btn.-primary .elementor-button{--btn-color:var(--color-secondary)}
.portfolio .section-header .actions .btn.-secondary .elementor-button{--btn-color-hover:var(--color-accent)}