/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/



@font-face {
    font-family: 'Unanime Font';
    src: url('/wp-content/themes/flatsome-child/fonts/unanime-font-ultralight-webfont.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/unanime-font-ultralight-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unanime Font';
    src: url('/wp-content/themes/flatsome-child/fonts/unanime-font-thin-webfont.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/unanime-font-thin-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unanime Font';
    src: url('/wp-content/themes/flatsome-child/fonts/unanime-font-light-webfont.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/unanime-font-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unanime Font';
    src: url('/wp-content/themes/flatsome-child/fonts/unanime-font-regular-webfont.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/unanime-font-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unanime Font';
    src: url('/wp-content/themes/flatsome-child/fonts/unanime-font-medium-webfont.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/unanime-font-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unanime Font';
    src: url('/wp-content/themes/flatsome-child/fonts/unanime-font-semibold-webfont.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/unanime-font-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unanime Font';
    src: url('/wp-content/themes/flatsome-child/fonts/unanime-font-bold-webfont.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/unanime-font-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Unanime Font';
    src: url('/wp-content/themes/flatsome-child/fonts/unanime-font-black-webfont.woff2') format('woff2'),
        url('/wp-content/themes/flatsome-child/fonts/unanime-font-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    

}

body {
	font-family: 'Unanime Font', sans-serif;
	font-weight: 300;
    background-color:#fff;
}

html:not([ng-app="uxBuilder"]) #main {
    padding-left:calc(90px + clamp(35px, 2.1vw, 100px));
    padding-right:clamp(40px, 2vw, 100px);

    position: relative;
}


html:not([ng-app="uxBuilder"]) #main:after {
    content:"";
    width:1px;
    height: 100%;
    background-color:var(--fs-color-secondary);
    position: absolute;
    left:89px;
    top:0;
}

html:not([ng-app="uxBuilder"]) * {
    cursor: none!important;
}


html:not([ng-app="uxBuilder"]) .unanime-cursor {
    width: 15px; 
    height: 15px;
    margin-left:-7.5px;
    margin-top:-7.5px;
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    background: #fff; 
    mix-blend-mode: exclusion; 
    z-index: 999999999;
    /*transition: .07s top linear, .07s left linear, .2s transform ease-out;*/
}

.fw-100, .fw-100 > * {
    font-weight:100;
}

.fw-200, .fw-200 > * {
    font-weight:200;
}

.fw-300, .fw-300 > * {
    font-weight:300;
}

.fw-400, .fw-400 > * {
    font-weight:400;
}

.fw-500, .fw-500 > * {
    font-weight:500;
}

.fw-600, .fw-600 > * {
    font-weight:600;
}

.fw-700, .fw-700 > * {
    font-weight:700;
}

.fw-900,  .fw-900 > * {
    font-weight:900;
}

.br-10, .br-10 > .col-inner {
    border-radius:0.625rem;
    overflow: hidden;
}

.br-12, .br-12 > .col-inner {
    border-radius:0.75rem;
    overflow: hidden;
}

.br-14, .br-14 > .col-inner {
    border-radius:0.875rem;
    overflow: hidden;
}

.br-28, .br-28 > .col-inner {
    border-radius:1.75rem;
    overflow: hidden;
}

.pr-10 {
    padding-right:10%;
}

.pl-10 {
    padding-left:10%;
}

.banner {
    background-color:transparent;
}

h1, .banner h1, h2, .banner h2, h3, .banner h3, h4,  .banner h4, h5,  .banner h5, h6,  .banner h6 {
        line-height:inherit;
        font-size:1em;
        font-weight:300;
}

.doubled-font > * {
    font-size:2em;
}

.txt-m-0 * {
    margin:0!important
}

.row.stack-5-cols > .col {
    flex-basis: 20%;
    max-width: 20%;
}

.row.row-margin-0 {
    margin-left:0!important;
    margin-right:0!important;
}

.ux-logo-link {
    padding:0!important;
}

.ux-menu-title, .ux-menu-link__link {
    min-height: 0;
    padding:0;
    line-height: 1.3;
}

.line-vertical-separator {
    height: max(60px, 5.5vw);
    width: 1px;
    margin: max(30px, 2.3vw) auto;
    background: #bbb;

}

.image-height-fit .col-inner, .image-height-fit .img, .image-height-fit .img > div, .image-height-fit .img .img-inner {
    height:100%;
}

.image-height-fit .img .img-inner > img {
    height:100%;
    object-fit:cover;
}

.centered-image img {
    margin:0 auto;
}


/*buttons*/
.button {
    min-height: 0;
    line-height: 1!important;
    padding:11px 35px 10px 28px;
}
.button span {
    line-height:27px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.68; 
    text-transform: none;
    position: relative;
}
.button.has-icon span:after {
    content:"";
    width:18px;
    height:18px;
    position:absolute;
}

.button.has-icon.icon-left span {
    padding-left:30px;
}

.button.has-icon.icon-left span:after {
    left:0;
    top: 3px;
} 

.button.has-icon.icon-right span:after {
    right:0;
    top: 3px;
} 

.button.has-icon.icon-right span {
    padding-right:30px;
}

.button.has-icon.icon-arrow-up span:after  {
    background:url(/wp-content/uploads/2024/08/icon-arrow-up.svg) center center no-repeat;
    background-size:contain;
}

.button.has-icon.simple-icon-right span:after  {
    background:url(/wp-content/uploads/2024/09/simple-arrow-right-black.svg) center center no-repeat;
    background-size:contain;
}
.button.has-icon.outline-white {
    border-color:#fff;
}
.button.has-icon.outline-white span {
    color:#fff;
}
.button.has-icon.outline-white span:after {
    filter: brightness(0) invert(1);
}
.button.has-icon.outline-white:hover {
    border-color:#000;
}
.button.has-icon.outline-white:hover span {
    color:#000;
}

.button.has-icon.outline-white:hover span:after {
    filter: none;
}

.button.is-outline {
    border-width: 1px;
    border-radius:99px;
}

.button.is-outline:not(.outline-white):hover span:after {
    filter: brightness(0) invert(1);
}
.button.is-link {
    padding:5px 0px;
    color:var(--fs-primary-color);!important;
}

.button.is-link:before {
    content:"";
    position: absolute;
    width:0;
    height: 1px;
    background:#000;
    bottom:0;
    right:0;
    transition: .2s width linear;
    z-index: 1;
}

.button.is-link:hover:before {
    content:"";
    position: absolute;
    width:100%;
    height: 1px;
    background:#000;
    bottom:0;
    right:unset;
    left:0;
    transition: .2s width linear;
    z-index: 2;
}


.button.is-link:after {
    content:"";
    position: absolute;
    width:100%;
    height: 1px;
    background:#BBB;
    bottom:0;
    left:0;
}

.button.is-link span:after {
    opacity: .3;
    transition: .2s opacity linear;
}
.button.is-link:hover span:after {
    opacity: 1;
    transition: .2s opacity linear;
}

.button.white.is-link.has-icon span:after {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.button.white.is-link:after {
    background:transparent;
}

.button.white.is-link:before {
    background:#fff;
}

.balance {
    text-wrap: balance;
}

.pretty {
    text-wrap: pretty;
}

/*parallax*/

.parallax-light {
    opacity: 0.35!important;
    filter: blur(125px);
    width: clamp(100px, 30vw, 750px);
    height: clamp(100px, 30vw, 750px);
}

.light-yellow {
    background:#E6CAA7;
}

.light-pink {
    background:#E2C2DD;
}

.light-grey {
    background:#C9C9C9;
}

.light-purple {
    background:#D1D7EA;
}

.light-green {
    background:#DBEEC7;
}

.parallax-active.section-bottom-right {
    position: absolute;
    right:clamp(-325px, -18vw, -50px);
    bottom:clamp(-325px, -15vw, -50px);
    z-index: 1;
}

.parallax-active.section-middle-left {
      position: absolute;
    left:clamp(-325px, -18vw, -50px);
    bottom:clamp(-125px, -5vw, 0px);
    z-index: 1;
}


.parallax-active.section-bottom-left {
    position: absolute;
    left:clamp(-325px, -15vw, -50px);
    bottom:clamp(-325px, -15vw, -50px);
    z-index: 1;
}

.section-content:has(.parallax-light) {
    z-index: 2;
}

.video-blur-overlay .section-bg-overlay {
    backdrop-filter: blur(11px);
} 

/*Header*/
.header-wrapper {
    border-bottom:1px solid var(--fs-color-secondary);
}

.header-wrapper .header-inner {
    padding:0;
}

.header-wrapper .header-inner > .flex-left {
    max-width:90px;
    border-right:1px solid var(--fs-color-secondary);
    height: 100%;
    position: relative;
}
.header-wrapper .header-inner > .flex-left .nav-left, .header-wrapper .header-inner > .flex-left .nav-left li {
    position: static;
}

.header-inner .hide-for-medium .header-nav-main:has(a:hover) > li > a:not(:hover) {
    opacity:.5;
}

.header-black-round {
    width: 15px;
    height: 15px;
    background:var(--fs-color-primary);
    border-radius:99px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}

.header-wrapper .header-inner .logo {
    margin-left:clamp(32px, 1.7vw, 64px);
    margin-right:32px;
}

.header-inner .hide-for-medium .header-nav-main > li {
    margin: 0 max(15px, 2vw);
}

.header-inner .hide-for-medium .header-nav-main > li a {
    font-size:.75rem;
    font-weight: 400;
    letter-spacing: 7.68px;
    position: relative;
    top: 3px;
}

.header-wrapper .header-inner > .flex-right {
    padding-right:clamp(32px, 1.7vw, 64px);
}

.header-wrapper.stuck {
    box-shadow: none;
}

/*Soluciones - Desarrollo */

#content .solucion-header-slider .flickity-slider .img {
    min-height: 100%;
}

#content .solucion-header-slider .flickity-slider .img-inner,  #content .solucion-header-slider .flickity-slider .img-inner img {
    height: 100%;
}

#content .solucion-header-slider .flickity-page-dots {
    left:0;
    right:0;
    padding:0 clamp(30px,2.5vw, 55px) 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#content .solucion-header-slider .flickity-page-dots li {
    width:100%;
    margin:0 10px;
    border-radius:5px;
}

#content .tecnologias-slider-container {
    position:relative;
    display:flex;
}
#content .tecnologias-slider-container .logo-cell {
    width:20%!important;
    min-width:300px;
    flex-shrink: 0;
}
#content .tecnologias-slider-container:before {
    content:"";
    width:10%;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
    z-index:2;
} 

#content .tecnologias-slider-container:after {
    content:"";
    width:10%;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    background: linear-gradient(270deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
    z-index:2;
} 

.lds-spinner {
     color: white;
    display: inline-block;
    position: relative;
    width: 400px;
    height: 400px;
    padding: 0;
    margin: 0 auto;
}

.spinner-container-col .col-inner {
    min-height: calc(100vh - 70px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lds-spinner div.linea {
    transform-origin: 200px 200px;
}

.lds-spinner div.linea:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 200px;
    width: 1px;
    height: 16px;
    border-radius: 20%;
    background: #000;
}

.lds-spinner .leyenda {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    color:#000;
    font-size:1.5rem;
    font-weight: 300;
}

.lds-spinner .leyenda div {
    position:absolute;
    width:100%;
}

.lds-spinner .leyenda .top {
    text-align: center;
    top:-60px;
}

.lds-spinner .leyenda .right {
    display: inline-block;
    text-align: right;
    left: calc(100% + 30px);
    top:50%;
    width:fit-content;
    transform:translateY(-50%);
}

.lds-spinner .leyenda .left {
    display: inline-block;
    text-align: left;
    right: 100%;
    top:50%;
    width:fit-content;
    transform:translateX(calc(-100% - 30px)) translateY(-50%);
}

.lds-spinner .leyenda .bottom {
    text-align: center;
    bottom:-60px;
}

.lds-spinner .leyenda .center {
    text-align: center;
    top:50%;
    letter-spacing: 4px;
    text-transform:uppercase;
    transform:translateY(-50%);
}

.servicios-tecnologia-section {
    overflow-x:hidden;
}

.servicios-tecnologia-section .servicios-scroll-container {
    flex-flow:row nowrap;
    align-items: stretch;
    width:250%;
    overflow-x:hidden;
    max-width:initial!important;
}

.servicios-tecnologia-section .servicios-scroll-container > .col {
    flex-basis:35%;
    width:35%;
    min-width:340px;
    padding-left: max(15px,calc((100vw - 1670px)/2))!important;
}
.servicios-tecnologia-section .title-separator {
    position:relative;
}
.servicios-tecnologia-section .title-separator:before {
    content:"";
    height:7px;
    width:7px;
    background:#C7C7C7;
    position:absolute;
    top:50%;
    margin-top:-3px;
    left:0!important;
    display: block;
    border-radius:3px;

}
.servicios-tecnologia-section .title-separator:after {
    content:"";
    height:1px;
    background:#C7C7C7;
    position:absolute;
    top:50%;
    left:min(-15px,calc((-100vw + 1670px)/2))!important;
    display: block;
    right:0;
}

.servicios-scroll-container > .col > .col-inner {
    padding-bottom:60px;
}

.servicios-scroll-container > .col > .col-inner .icon-right-button {
    position:absolute;
    bottom:0;
    left:0;
}

.clientes-destacados-container {
    display:flex;
    flex-flow:row wrap;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom:calc(max(40px, 2.5vw) * (-1));

}

.clientes-destacados-container .cliente-destacado-item {
    width: max(213px, 2.5vw);
    margin-bottom:max(40px, 4vw);
    padding:0 5px;
    z-index: 2;
    mix-blend-mode: darken;
}

.marketing-360-banners-col > .col-inner {
    display: flex;
    align-items: center;
    flex-flow:row wrap;
}

.marketing-360-banners-col > .col-inner > .banner {
    width:calc(50% - 40px);
    margin: 0 20px 40px;
}

.marketing-360-banners-col > .col-inner > .banner:nth-child(even) {
    position: relative;
    top: 15vw;
}

.marketing-360-banners-col > .col-inner > .gap-element {
    width: 100%;
}

/*Soluciones media content */

#particle-image {
    height: 100%;
}

.solucion-image {
    border-radius:0.875rem;
    position: relative;
    padding-bottom:136.561264822%;
    overflow: hidden;
    margin-bottom:60px;
}

.solucion-image img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.solucion-image .solucion-video-bg {
    width:100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left:0;
}

.solucion-text h3 {
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom:25px;
}

.solucion-text p {
    font-size:1.375rem;
    line-height: 1.7;
}

.canvas-col > .col-inner  {
    min-height: 700px;
}

.canvas-col > .col-inner canvas {
    min-height: 690px;
}
.soluciones-content-container {
    width:calc(100% + clamp(40px, 2vw, 100px) + 15px);
    padding-bottom:160px;
}
.soluciones-content-container .solucion-cell {
    width:28%!important;
}

.soluciones-content-container .solucion-cell:not(:first-child) {
    margin-left:50px;
}

.soluciones-content-container .swiper-horizontal>.swiper-scrollbar, .soluciones-content-container .swiper-scrollbar.swiper-scrollbar-horizontal {
    left: 0;
    right: 0;
    height: 1px;
    bottom: 60px;
    width: calc(100% - clamp(40px, 2vw, 100px));
}

.soluciones-content-container .swiper-button-next, .soluciones-content-container .swiper-button-prev {
    width:23px;
    height:21px;
    top: auto;
    bottom:10px;
    left:auto;
}

.soluciones-content-container .swiper-button-next {
    background:url(/wp-content/uploads/2024/08/clients-arrow-right.svg) center center no-repeat;
    background-size:contain;
    right: clamp(40px, 2vw, 100px);
}

.soluciones-content-container .swiper-button-prev {
    background:url(/wp-content/uploads/2024/08/clients-arrow-left.svg) center center no-repeat;
    background-size:contain;
    right:calc(clamp(40px, 2vw, 100px) + 40px);


}

.soluciones-content-container .swiper-button-next:after, .soluciones-content-container .swiper-button-prev:after {
    display: none;
}


.reel-timeline-container {
    width:90%;
    height: 2px;
    background:rgba(255,255,255,.2);
    position: absolute;
    left:max(25px,5%);
    right:max(25px,5%);
    z-index: 3;
    top:40px;
}

.reel-timeline-container > div {
    width:50%;
    height: 2px;
    background:rgba(255,255,255);
    position: absolute;
    left:0;
    top:0;
}

/*soluciones creatividad*/
#content .video-creatividad-slider-container {
    padding:max(80px, 9.5vw) 0;
}
#content .conceptos-fila-1 {
    margin-bottom:max(50px, 4.5vw);
}
#content .conceptos-fila-1 .swiper-wrapper, #content .conceptos-fila-2 .swiper-wrapper {
    transition-timing-function: linear;
}

#content .concepto-cell .image-slider-container img {
    width:58px;
    height: 58px;
}

#content .conceptos-fila-1 .concepto-cell, #content .conceptos-fila-2 .concepto-cell {
    width: 32%;
    display: flex;
    align-items:top;
    justify-content: space-evenly;
}

#content .conceptos-fila-1 .concepto-cell .image-slider-container, #content .conceptos-fila-2 .concepto-cell .image-slider-container {
    position: relative;
    width:58px;
    height: 58px;
    border-radius:99px;
    overflow: hidden;
}

#content .conceptos-fila-1 .concepto-cell .video-slider-container {
    width:58px;
    height: 58px;
    border-radius:99px;
}


#content .conceptos-fila-1 .concepto-cell .video-slider-container video, #content .conceptos-fila-2 .concepto-cell .video-slider-container video {
    border-radius:99px;
    object-fit: cover;
    width: 58px;
    height: 58px;
    object-fit: cover;
}

#content .conceptos-fila-1 .concepto-cell span, #content .conceptos-fila-2 .concepto-cell span {
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.2;
}

/*sliders inactivos*/
#content .video-creatividad-slider-container {
    position: relative;
    overflow:hidden;
}
#content .video-creatividad-slider-container.inactive * {
    position: static!important;
}

#content .video-creatividad-slider-container.inactive > .swiper {
    overflow: visible;

}

#content .video-creatividad-slider-container.inactive .swiper-wrapper {
    transform: none;
}

#content .video-creatividad-slider-container.inactive .video-slider-container video {
    position: absolute!important;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    border-radius:12px;
    z-index: 9;
    transition: 1s all linear;
}




 .branding-clientes-row {
    flex-flow:row nowrap;
    align-items: stretch;
    width: 150%;
    overflow-x:hidden;
    max-width:initial!important;
}

  .branding-clientes-row > .col:nth-child(even) > .col-inner {
    padding-top:5rem;
  }

 .branding-clientes-row > .col img {
     border-radius: 0.625rem;
 }

.branding-clientes-row > .col:not(:first-child) {
margin-left:1.25rem;
}

.custom-accordion .accordion-title {
padding:1.875rem 0;
font-size: 1.6875rem;
font-weight: 300;
line-height: 1.2; 
padding-left:0;
transition: .2s padding-left linear;
position: relative;
border-top:0;
border-bottom:1px solid #BBB;
}

.custom-accordion .accordion-title button {
    display: none;
}

.custom-accordion .accordion-inner {
    padding:2rem;
}

.custom-accordion .accordion-title:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #E6CAA7;
    border-radius: 99px;
    position: absolute;
    top: 2.25rem;
    left: 0px;
    opacity: 0;
    transition: .2s opacity linear;
    transition-delay:0;
}

.accordion-title.active {
padding-left:2rem;
background: none;
transition: .2s padding-left linear;

}

.custom-accordion .accordion-title.active:after {
    opacity: 1;
    transition: .2s opacity linear;
}

.creatividad-accordion-row .recurso-video video {
   width: 100%;
    height: auto;
    display: block;
}
.creatividad-accordion-recurso-col > .col-inner > *:first-child {

}
.creatividad-accordion-recurso-col > .col-inner > * {
    border-radius:10px;
    overflow: hidden;
    margin-bottom:0;
}

html:not([ng-app="uxBuilder"]) .creatividad-accordion-recurso-col > .col-inner > *:not(:first-child) {
    display:none;
}
  /*Video overlay con blur*/


/*Resultados*/

.resultados-header-slider .slider-client-name .client-type {
    padding-left:40px;
    font-weight: 200;
    position: relative;
    display: inline-block;
}

.resultados-header-slider .slider-client-name .client-type:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 25px;
    top: -2px;
    background: #fff;
}

.resultados-header-slider .flickity-slider > .row {
    padding-bottom:6rem;
}

.resultados-header-slider .flickity-slider .slider-image-right {
    position: relative;
    top: 6rem;
}

.resultados-header-slider .flickity-page-dots {
    bottom:-10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resultados-header-slider .flickity-page-dots .dot {
    background:#707070;
    border:0;
    opacity: .25;
    margin:0 11px;
    width: 100%;
    max-width: 53px;
    height: 1px;

}

.resultados-header-slider .flickity-page-dots .dot.is-selected {
    opacity: 1;
    background:#707070;
}

.mockup-banners-cards-col > .col-inner {
    border: 1px solid #BBB;
    border-radius: 10px;
    overflow: hidden;

}

.animated-cards-row {
    height:700px!important;
    position: relative;
}
.animated-card-col {
    position: absolute;
    width: 100%;
    top:0px; 
    height:600px!important;
    background:#fff;
}
.animated-card-col > .col-inner {
    border-radius:10px;
    border:1px solid #bbb;
    min-height: 570px;
    display: flex;
}



@media (max-width:1645px) {
    .clientes-destacados-container {
        display:flex;
        flex-flow:row wrap;
        align-items: stretch;
        justify-content: flex-start;
    }
}



/*Footer*/

.footer-wrapper {
    border-top-left-radius:14px;
    border-top-right-radius:14px;
    overflow: hidden;
    z-index: 2;
}


.footer-wrapper .ux-menu-title {
    font-size: 1.375rem;
    text-transform: none;
    font-weight: 300;
    margin-bottom:35px!important;
}

.footer-wrapper .ux-menu-link__link {
    font-size: 1rem;
    font-weight: 300;
    max-width: fit-content;
}

.footer-wrapper .ux-menu-link + .ux-menu-link {
    margin-top:10px!important;
}

.footer-wrapper:has(.ux-menu a:hover) .ux-menu-link__link:not(:hover) {
    opacity:.5;
}

.footer-wrapper .footer-logo {
    position:absolute;
    bottom:-3px;
    left:0;
    z-index: 1;
    padding:0 32px;
}

.footer-wrapper .footer-logo img {
    display: block;
    margin:0 auto;
}

.footer-wrapper .section-content > *:not(.footer-logo) {
    z-index: 2;
    position: relative;
}

.custom-absolute-footer {
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
}

.custom-absolute-footer a {
    margin:0 5px;
    color:#d1d1d1;
}

.custom-absolute-footer a:hover  {
    color:#fff;
}
.absolute-footer  {
    display: none;
}


/*Proyectos grid*/

.categorias-filtro {
    list-style-type: none;
    margin:0;
    display: flex;
    flex-flow:row wrap;
    margin-bottom:50px;
}

.categorias-filtro li {
    margin-left:0!important;
    margin-bottom:15px;
    margin-right:15px;

}

.categorias-filtro li a {
    line-height: 1.1;
    padding:14px 50px 13px;
    font-size:1.25rem;
    color:var(--fs-color-secondary);
    border:1px solid var(--fs-color-secondary);
    border-radius:99px;
    display: block;
    transition:.2s all linear;
}

.categorias-filtro li a:hover, .categorias-filtro li a.active {
    border:1px solid var(--fs-color-primary);
    color:var(--fs-color-primary);
}

.proyectos-listado {
    columns: 3 200px;
    column-gap: 1rem;
}
.proyectos-listado > div {
    border-radius:0.625rem;
    background-size: cover;
    background-repeat:no-repeat;
    position: relative;
    margin-bottom:1rem;
    break-inside: avoid;
    display: flex;
    flex-flow: column ;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.proyectos-listado > div:after {
    content:"";
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background: #000;
    opacity: .15;
    position: absolute;
    z-index: 3;
}

.proyectos-listado > div h3 {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    z-index: 6;
    position: absolute;
    bottom: 30px;
    left: 30px;
    margin-bottom: 0;
    width: calc(100% - 60px);

}

.proyectos-listado > div .proyecto-img-poster {
    position: relative;
    z-index: 4; 
    opacity: 1;
    transition: .3s opacity linear;
}

.proyectos-listado > div:hover .proyecto-img-poster {
    opacity: 0;
}

.proyectos-listado > div .proyecto-video-bg {
    position: absolute;
    z-index: 3;
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.overflow-container {
    overflow-x: auto;
}

.overflow-container::-webkit-scrollbar {
  height:1px;
}

/* Track */
.overflow-container::-webkit-scrollbar-track {
  background: #0001;
}

/* Handle */
.overflow-container::-webkit-scrollbar-thumb {
  background: #000;
  border-radius:3px;
}

/* Handle on hover */
.overflow-container::-webkit-scrollbar-thumb:hover {
  background: #000;
}


.clientes-title {
max-width: calc(100% - 300px);
} 
.floated-content {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.clientes-listado {
    display: flex;
    flex-flow: row wrap;
    padding:40px 0;
}

.clientes-listado .cliente-item {
    margin: 30px 30px 0 0;
}

.clientes-scroll-arrow-container {
    display: flex;
    flex-flow:row nowrap;
    align-items: center;
    justify-content: flex-end;
    margin-top:10px;
}

.clientes-scroll-arrow-container > div  {
    max-width:23px;
    padding:5px 0;
    cursor:pointer;
}

.clientes-scroll-arrow-container > div.disabled {
    opacity: .5;
    pointer-events: none;
}

.clientes-scroll-arrow-container > div:not(:first-child) {
    margin-left:10px;
}

.clientes-scroll-arrow-container > div img {
    display: block;
}

/*Nube de tags*/

.tags-text ul {
    list-style-type: none;
    margin:0;
    padding:0;
    min-height: 60vh;
    position: relative!important;
    white-space: normal;
}

.tags-text ul li {
    display: inline-block;
    padding: 10px 50px 6px 50px;
    font-size: 2.125rem;
    color:#BBB;
    border: 1px solid #BBB;
    border-radius:99px;
    margin:0 5px 10px;
    line-height: 1;
    user-select: none;
    -webkit-user-select: none; 
  -moz-user-select: none;
  -ms-user-select: none;
}

/*Header*/

@media (max-width:850px) {
    .row.stack-5-cols > .col {
        flex-basis: 33.3333333%;
         max-width: 33.3333333%;
    }
}

@media (max-width:550px) {
    .row.stack-5-cols > .col {
        flex-basis: 50%;
         max-width: 50%;
    }

}

@media (min-width:1921px) {
    html {
        font-size: calc(16px + 0.17vw);
    }
}
/*************** ADD CUSTOM CSS HERE.   ***************/