@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;500&family=Waiting+for+the+Sunrise&display=swap');
:root {
	--white: #FFF;
	--black: #000;
	--light-gray: #F2F2F2;
	--gray: #8B8C8F;
	--dark-gray: #54565A;
	--blue: #0072BF;
	--orange: #FF5A19;
	--green: #55BF79;
	--red: #ca5668;
	--light-blue: #83afd6;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: "Josefin Sans", sans-serif;
	font-weight: 300;
	line-height: 1.2;
	font-size: 14px;
	color: var(--white)!important;
}

a{    
	text-decoration: none!important;
} 

html {
	position: relative;
	height: 100%;
}

body {
	position: relative;
	font-family: sans-serif;
	line-height: 1.35;
	margin: 0;
	padding: 0;
}

main{
	height: calc(100vh - 56px);;
	min-height: 550px;
}

.general-wrapper{
	width: 90%;
	margin-right: auto;
    margin-left: auto;
}

.wfts {
	font-family: "Waiting for the Sunrise", cursive;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .5px;
}

.white-txt {
	color: var(--white)!important;
}

.blue-txt {
	font-size: 1em;
	color: var(--blue)!important;
}

.orange-txt {
	font-size: 1em;
	color: var(--orange)!important;
}

.green-txt{
	color: var(--green)!important;
}

.dark-gray-txt {
	color: var(--dark-gray)!important;
}

.vh100{
	height: 100vh;
}

.section-height{
	height: calc(100vh - 54px);
	min-height: 550px;
	align-items: center;
}

.section-title{
	line-height: .85;
	text-align: right;
	width: fit-content;
	font-size: 3.5rem;
}

.section-title span{
	line-height: .85;
}

.black-layer{
	background-color: rgba(0,0,0,.5);
	top: 0;
	left: 0;
	height: 100%;
}

.main-bl{
	min-height: 100vh;
}

.bold{
	font-weight: 500;
	font-size: 1em;
}

.bolder{
	font-weight: 700;
	font-size: 1em;
}

.header-padding{
	padding-top: 75px;
}

.bg-cover{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-prev,
.swiper-button-next{
	color: var(--light-green);
}

.swiper-pagination{
	bottom: auto!important;
}

.swiper-pagination-bullet-active{
	background-color: var(--medium-green);
}

.fancybox__backdrop{
	background-color: rgba(0,0,0,.85);
}

/* .fancybox__content{
	height: 80vh!important;
	padding: 0!important;
} */

/* .fancybox__content iframe{
	height: 100%;
	width: 100%
} */

.word-chain{
	font-size: .9rem;
	line-height: 1;
	font-weight: 300;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.6);
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{
	height: 100%!important;
	width: auto!important;
}

strong{
	font-size: 1em;
}

/* ASIDE */

.left-words{
	 position: fixed;
	 transform: rotate(-90deg);
	 transform-origin: left;
	 top: 370px;
	 left: calc(5% + .5rem);
	 z-index: 4;
}

.left-words::after{
	content: '';
	width: 1px;
	height: 100px;
	background-color: var(--white);
	position: fixed;
	left: -10%;
	bottom: -18px;
}

/* HEADER */

header {
	z-index: 12;
}

.rrss .rs{
	width: 20px;
	height: 20px;
	display: block;
	margin: .75rem 0;
}

.rrss .rs img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.navbar {
	background-color: transparent;
	color: var(--white);
}

.navbar .general-wrapper{
	z-index: 2;
}

.navbar .general-wrapper {
	display: flex;
	justify-content: space-between;
}

.navbar .general-wrapper .navbar-brand{
	width: 150px;
}

.navbar .general-wrapper .navbar-collapse {
	flex-grow: 0;
}

.navbar .general-wrapper .navbar-collapse ul{
	align-items: center;
	margin-right: -.5rem;
}

.navbar .general-wrapper .navbar-collapse .nav-link {
	color: var(--white);
	opacity: 1!important;
	/* font-size: .9rem; */
	text-align: center;
}

.navbar .general-wrapper .nav-item .nav-link.outlined{
	border: solid 1px var(--white);
	padding: .5rem;
	padding-bottom: calc(.5rem - 4px);
	border-radius: 10px;
	margin-top: -4px;
}

.navbar .general-wrapper .nav-item .nav-link.outlined .icon{
	width: 15px;
    height: 15px;
    object-fit: contain;
    object-position: center;
	margin-right: .25rem;
	margin-top: -4px;
}

.navbar-toggler{
	position: relative;
	padding: 14px 0;
	width: 30px;
	border: none;
}

.navbar-toggler:focus-visible,
.navbar-toggler:focus{
	outline: none!important;
	box-shadow: none!important;
}

.menu-icon{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.menu-icon .bar{
	width: 30px;
	height: 3px;
	background-color: var(--red);
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	transition: all .3s linear;
	border-radius: 2px;
}

.menu-icon .bar::before{
	content: '';
	height: 3px;
	width: 30px;
	background-color: var(--red);
	position: absolute;
	top: -11px;
	left: 0;
	transition: all .3s linear;
	border-radius: 2px;
} 

.menu-icon .bar::after{
	content: '';
	height: 3px;
	width: 30px;
	background-color: var(--red);
	position: absolute;
	top: 11px;
	left: 0;
	transition: all .3s linear;
	border-radius: 2px;
}

.menu-icon .bar.close-bars{
	background-color: transparent;
}

.menu-icon .bar.close-bars::before{
	transform: rotate(-45deg);
	transform-origin: right;
}

.menu-icon .bar.close-bars::after{
	transform: rotate(45deg);
	transform-origin: right;
	width: 30px;
}

.navbar .nav-item .nav-marker{
	width: 20px!important;
	left: 50%;
	transform: translateX(-50%);
	top: 1.2rem;
}

.btn-whatsapp-menu{
	width: 30px;
	height: 30px;
	right: 5%;
	top: 65px;
}

/* FOOTER */

footer .general-wrapper{
	justify-content: space-between;
}

footer p,
footer a{
	color: var(--white);
}

footer .container {
	flex-wrap: wrap;
}

footer .container .footer-brand {
	font-size: 3rem;
}

footer .container .project-info .directions p {
	line-height: 0.8;
}

footer .container .project-info .directions p a {
	width: 30px;
	height: 30px;
	margin: 0 0.5rem;
}

footer .container .project-info .directions p a img {
	height: 100%;
	object-fit: contain;
	object-position: center;
}

footer .container .contact-data {
	font-size: 0.7rem;
}

footer .container .contact-data > div {
	width: auto;
	display: flex;
	align-items: center;
}

footer .container .contact-data div img{
	width: 15px;
	height: 15px;
	object-fit: contain;
	object-position: center;
}

footer .container .contact-data div a,
footer .container .contact-data div p,
footer .container .contact-data div p span{
	font-size: .8rem;
}

footer .container .legal {
	font-size: 0.73rem;
}


/* HOME */

#home h2{
	font-weight: 300;
	line-height: .85;
	font-size: 3.5rem;
}

#home .lofito{
	width: 3.5rem;
    top: 4.5rem;
    right: 8%;
}

#home video{
	z-index: -100;
	object-fit: cover;
	object-position: center;
	position: fixed;
}

#home .swiper-container{
	position: relative;
	height: 0;
	padding-top: 52%;
	width: 100%;
	overflow: hidden;
}

#home .swiper-container p{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.2rem;
}

#home .swiper-container .swiper{
	position: absolute;
	height: calc(100% - 2.2rem);
	bottom: 0;
	left: 0;
}

#home .swiper-container .swiper .swiper-slide{
	padding: 5% 0;
}

#home .swiper-container .swiper .swiper-slide.swiper-slide-active{
	padding: 0;
}

#home .swiper-container .swiper .swiper-slide img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}

/* NOSOTROS */

#nosotros .lofito {
    width: 4rem;
    top: -5.3rem;
    left: 5.8rem;
}

#nosotros .img-side .img-container{
	position: relative;
	height: 0;
	padding-top: 55%;
	/* width: calc(104.66% + 1.5rem); */
	width: calc(109.8% + 1.5rem);
	overflow-x: scroll;
	scrollbar-color: transparent;
	scrollbar-width: none;
}

/* #nosotros .img-side .img-container::after{
	content: '';
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
} */

#nosotros .img-side .img-container img{
	position: absolute;
	height: 100%;
	width: auto;
	top: 0;
	left: 0;
}

#nosotros .img-side .scroller-wrapper{
	width: 150px;
	height: auto;
	margin-left: 1rem;
}

#nosotros .img-side .scroller-wrapper .scroller-bg{
	width: 100%;
	height: 0;
	padding-top: 9.5%;
	background-image: url('https://loftdigital.betatester.cl/wp-content/uploads/2025/04/flecha-nosotros.svg');
	position: relative;
}

#nosotros .img-side .scroller-wrapper form input[type="range"]{
	top: 1px;
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0) !important;
    height: 12px;
}

#nosotros .img-side .scroller-wrapper form input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: relative;
	top: calc(50% - 6px);
	z-index: 3;
	background-color: var(--blue);
}

#nosotros .img-side .scroller-wrapper form input[type="range"]::-webkit-slider-runnable-track,
#nosotros .img-side .scroller-wrapper form input[type="range"]::-moz-range-track {
	background-color: rgba(0,0,0,0)!important;
	height: 0;
}

/* HACEMOS */

#hacemos .lofito{
	width: 3.5rem;
    top: -4.7rem;
    left: 4.8rem;
}

#hacemos .img-side .img-container{
	position: relative;
	height: 0;
	padding-top: 55%;
	/* width: calc(104.66% + 1.5rem); */
    width: calc(109.8% + 1.5rem);
	overflow-x: scroll;
	scrollbar-color: transparent;
	scrollbar-width: none;
}

/* #hacemos .img-side .img-container::after{
	content: '';
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
} */

#hacemos .img-side .img-container #masks-wrapper{
	position: absolute;
	height: calc(100% - 2rem);
	width: auto;
	top: 2rem;
	left: 0;
}

#hacemos .img-side .img-container #masks-wrapper .work-container{
	position: relative;
	height: 100%;
	width: auto;
}

#hacemos .img-side .img-container #masks-wrapper .work-container .work-title{
	top: -2rem;
	left: 0;
	font-size: 1.3rem;
}

#hacemos .img-side .img-container #masks-wrapper .work-container .mask{
	height: 100%;
	width: auto;
}

#hacemos .img-side .img-container #masks-wrapper .work-container .works-wrapper{
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

#hacemos .img-side .img-container #masks-wrapper .work-container .works-wrapper .swiper-vertical{
	height: 100%;
}

#hacemos .img-side .img-container #masks-wrapper .work-container .works-wrapper .swiper-container{
	position: absolute;
	overflow: hidden;
}

#hacemos .img-side .img-container #masks-wrapper .work-container .works-wrapper .swiper-container .swiper-wrapper .swiper-slide img,
#hacemos .img-side .img-container #masks-wrapper .work-container .works-wrapper .swiper-container .swiper-wrapper .swiper-slide video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* redes sociales */

#hacemos .img-side .img-container #masks-wrapper .work-container.redes-sociales .works-wrapper .swiper-container{
	width: 27.25%;
    height: 41%;
    left: 35.2%;
    top: 21.5%;
}

/* web */

#hacemos .img-side .img-container #masks-wrapper .work-container.web .works-wrapper .swiper-container{
	width: 59.35%;
    height: 51%;
    left: 25.9%;
    top: 11.54%;
}

/* mailing */

#hacemos .img-side .img-container #masks-wrapper .work-container.mailing .works-wrapper .swiper-container{
	width: 20.1%;
    height: 53.3%;
    left: 59.9%;
    top: 23.4%;
}

/* pop */

#hacemos .img-side .img-container #masks-wrapper .work-container.pop .works-wrapper .work-unit{
	width: 19.2%;
	top: 8.2%;
}

#hacemos .img-side .img-container #masks-wrapper .work-container.pop .works-wrapper .work-unit.work-1{
	left: 16.5%;
}

#hacemos .img-side .img-container #masks-wrapper .work-container.pop .works-wrapper .work-unit.work-2{
	left: 43.3%;
}

#hacemos .img-side .img-container #masks-wrapper .work-container.pop .works-wrapper .work-unit.work-3{
	left: 70.3%;
}

/* reels */

#hacemos .img-side .img-container #masks-wrapper .work-container.reels .works-wrapper .swiper-container{
	width: 27.8%;
    height: 53.3%;
    left: 39.3%;
    top: 21.4%;
}

/* stories */

#hacemos .img-side .img-container #masks-wrapper .work-container.stories .works-wrapper .swiper-container{
	width: 23.7%;
    height: 70.3%;
    left: 24.2%;
    top: 19.2%;
}

/* videos */

#hacemos .img-side .img-container #masks-wrapper .work-container.videos .works-wrapper .swiper-container{
	width: 50.5%;
    height: 43%;
    left: 15%;
    top: 31.8%;
}

#hacemos .img-side .scroller-wrapper{
	width: 150px;
	height: auto;
	margin-left: 1rem;
}

#hacemos .img-side .scroller-wrapper .scroller-bg{
	width: 100%;
	height: 0;
	padding-top: 9.5%;
	background-image: url('https://loftdigital.betatester.cl/wp-content/uploads/2025/04/flecha-nosotros.svg');
	position: relative;
}

#hacemos .img-side .scroller-wrapper form input[type="range"]{
	top: 1px;
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0) !important;
    height: 12px;
}

#hacemos .img-side .scroller-wrapper form input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: relative;
	top: calc(50% - 6px);
	z-index: 3;
	background-color: var(--orange);
}

/* #hacemos .img-side .scroller-wrapper form input[type="range"]::-webkit-slider-runnable-track,
#hacemos .img-side .scroller-wrapper form input[type="range"]::-moz-range-track {
	background-color: rgba(0,0,0,0)!important;
	height: 0;
} */

/* CLIENTES */

#clientes .swiper-container{
	height: 0;
	padding-top: 50%;
	width: 100%;
}

#clientes .swiper-clientes-d{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

#clientes .swiper-clientes-d .swiper-slide .slide-wrapper{
	height: 100%;
	width: 0;
	padding-left: 25.5%;
	position: relative;
}

#clientes .swiper-clientes-d .swiper-slide .slide-wrapper .slide-content{
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

#clientes .swiper-clientes-d .swiper-slide .slide-wrapper a{
	height: 60%;
	opacity: 0;
	transition: all .3s linear;
}

#clientes .swiper-clientes-d .swiper-slide.swiper-slide-active .slide-wrapper a{
	height: 60%;
	opacity: 1;
}

#clientes .swiper-clientes-d .swiper-slide.swiper-slide-active .slide-wrapper .flecha-desktop {
    width: 70%;
    left: -65%;
    top: 18%;
}

#clientes .swiper .swiper-slide.swiper-slide-active .slide-wrapper .play-btn{
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#clientes .swiper-clientes-d .swiper-slide.swiper-slide-active .slide-wrapper .cliente{
    top: 30%;
	left: calc(100% - 1.5rem);
    transform: translateY(-50%);
}

#clientes .swiper-clientes-d .swiper-slide .slide-wrapper .logo-wrapper{
	height: calc(40% - 15px);
	width: 100%;
	margin-top: 15px;
}

#clientes .swiper-clientes-d .swiper-slide .slide-wrapper .logo-wrapper img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}

#clientes .img-side .scroller-wrapper{
	width: 150px;
	height: auto;
	margin-left: 1rem;
}

#clientes .img-side .scroller-wrapper .scroller-bg{
	width: 100%;
	height: 0;
	padding-top: 9.5%;
	background-image: url('https://loftdigital.betatester.cl/wp-content/uploads/2025/04/flecha-nosotros.svg');
	position: relative;
}

#clientes .img-side .scroller-wrapper form input[type="range"]{
	top: 1px;
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0) !important;
    height: 12px;
}

#clientes .img-side .scroller-wrapper form input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: relative;
	top: calc(50% - 6px);
	z-index: 3;
	background-color: var(--green);
}

#clientes .img-side .scroller-wrapper form input[type="range"]::-webkit-slider-runnable-track,
#clientes .img-side .scroller-wrapper form input[type="range"]::-moz-range-track {
	background-color: rgba(0,0,0,0)!important;
	height: 0;
}

#clientes .lofito{
	width: 5.5rem;
    bottom: 1rem;
    right: 1rem;
}

/* CONTACTO */
#contacto .introduction-txt{
	font-size: 1.3rem;
}

#contacto .contact-type{
	display: flex;
	align-items: center;
	margin: 0 1.5rem;
	cursor: pointer;
}

#contacto .contact-type .icon{
	width: 25px;
	height: 25px;
	object-fit: contain;
	object-position: center;
}

#contacto .contact-type p{
	display: flex;
	align-items: center;
	margin-left: .5rem;
	font-size: 1.3rem;
}

#contacto #form-container{
	background-color: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	position: unset;
}

#contacto #form-container form input,
#contacto #form-container form textarea,
#contacto #form-container form input:-internal-autofill-selected,
#contacto #form-container form textarea:-internal-autofill-selected{
	background-color: transparent!important;
	border: solid 1px var(--white)!important;
	font-family: "Josefin Sans", sans-serif;
	padding: .25rem .5rem;
}

#contacto #form-container form input:focus-visible,
#contacto #form-container form textarea:focus-visible{
    outline: none!important;
}

#contacto #form-container form label{
	margin: .5rem 0;
	font-family: "Waiting for the Sunrise", cursive;
}

/* #contacto .fancybox__container .f-button{ */
.fancybox__content>.carousel__button.is-close {
	top: 15px!important;
	right: 15px!important;
}

#contacto #form-container .content-send-ok{
	display: none;
}

@media screen and (min-width: 1440px){
	*{
		font-size: 18px;
	}
	.black-layer{
		height: 100.4%;
	}
	.general-wrapper{
		width: 95%;
	}
	
	.left-words{
		left: calc(2.5% + .8rem);
		top: 440px;
	}

	#nosotros .img-side .img-container,
	#hacemos .img-side .img-container{
		width: calc(104.6% + 1.5rem);
	}
}

@media screen and (min-width: 992px){
	.txt-side{
		justify-content: center;
	}
}

@media screen and (max-width: 991px){
	*{
		font-size: 18px;
	}

	body{
		height: 100%;
		min-height: 100vh;
		background-attachment: fixed;
		overflow-x: hidden;
	}

	.section-height{
		align-items: flex-start;
	}

	.header-padding{
		padding-top: calc(14px + .5rem);
	}

	.txt-side{
		align-items: flex-end;
		height: fit-content;
	}

	#home .lofito {
		width: 3rem;
		bottom: .75rem;
		left: 1rem;
		top: auto;
		right: auto;
	}

	#nosotros .lofito,
	#hacemos .lofito {
		width: 4rem;
        bottom: 13%;
        left: -0.5rem;
        top: auto;
	}

	#nosotros .img-side .img-container,
	#hacemos .img-side .img-container{
		width: calc(106.6%);
		left: -6.6%;
		padding-top: 130%;
		display: flex;
	}

	#hacemos .img-side .txt-wrapper{
		width: calc(100vw * 0.65);
	}

	/* .img-side .scroller-wrapper{
		width: 200px!important;
	} */

	#clientes .not-visible{
		width:40%;
		visibility: hidden;
	}

	#clientes .img-side .scroller-wrapper{
		transform: rotate(180deg);
	}

	.img-container .txt-wrapper{
		width: 80%;
		top: 0;
		left: 0;
	}

	.img-container .img-team{
		padding-left: 80%;
	}

	.scroller-container{
		flex-direction: column;
	}

	.scroller-container p{
		margin-bottom: .5rem
	}

	/* HEADER */
	.navbar .general-wrapper{
		justify-content: flex-end;
	}

	.navbar .general-wrapper .navbar-brand {
		transform: rotate(-90deg);
		position: fixed;
		left: -8%;
		top: 67px;
		opacity: .5;
	}

	.navbar .general-wrapper .navbar-brand,
	.navbar .general-wrapper .navbar-toggler{
		z-index: 2;
	}

	.navbar .nav-item{
		margin: .5rem auto;
	}

	.navbar .nav-item .nav-link{
		font-size: 2rem!important;
	}

	.navbar	.navbar-collapse{
		position: fixed;
		width: 100%;
		height: 100%;
		top: -100%;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(0,0,0,.75);
		transition: all .3s linear;
	}

	.navbar	.navbar-collapse.open{
		top: 0;
	}

	.left-words::after{
		content: none;
	}

	/* FOOTER */

	footer .general-wrapper{
		justify-content: flex-end;
	}

	#home .navbar .general-wrapper,
	#contacto .navbar .general-wrapper{
		justify-content: space-between;
	}

	#home .navbar .general-wrapper .navbar-brand,
	#contacto .navbar .general-wrapper .navbar-brand{
		width: 75%;
		max-width: 350px;
		position: relative;
		opacity: 1;
		transform: none;
		left: auto;
		top: 0;
	}

	#home .left-words{
		right: calc(-353px + .5rem + 5%);
		left: auto;
		top: 380px;
	}

	#home .row .navbar-collapse{
		display: block!important;
		position: relative;
	}

	#home .navbar-collapse ul{
		width: fit-content;
	}

	#home .navbar-collapse .nav-link{
		font-size: 2rem;
		margin: .5rem 0;
		position: relative;
	}

	#home .navbar-collapse .nav-link::after{
		content: '';
		height: 1px;
		width: calc(100% + 4rem);
		position: absolute;
		background-color: var(--blue);
		left: -3.5rem;
		bottom: -.25rem;
	}

	#home .nav-item:last-of-type .nav-link::after{
		content: none;
	}

	#home .navbar-collapse .nav-link.outlined{
		border: solid 1px var(--white);
		padding: .25rem;
		padding-bottom: calc(.5rem - 4px);
		border-radius: 10px;
		margin: .5rem 0;
		/* margin-top: -4px; */
	}
	
	#home .navbar-collapse .nav-link.outlined .icon{
		height: 1.5rem;
		width: 1.5rem;
		position: relative;
		margin-right: .5rem;
	}

	#home .navbar-collapse .nav-link.outlined p{
		font-size: 1.5rem;
		margin-top: 4px;
		margin-bottom: 0;
	}

	#nosotros .img-side .txt-wrapper{
		background-color: var(--light-blue);
	}
	
	#hacemos .img-side .txt-wrapper{
		background-color: var(--white);
	}
	
	#hacemos .img-side .txt-wrapper p,
	#hacemos .img-side .txt-wrapper strong{
		color: var(--black)!important;
	}

	#clientes .swiper-container {
		padding-top: 130%;
	}

	#clientes .swiper-clientes-m{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#clientes .swiper-clientes-m .swiper-wrapper .swiper-slide{
		height: auto !important;
	}

	#clientes .swiper-clientes-m .swiper-slide .slide-wrapper .video-wrapper {
		width: 40%;
		margin-right: 10%;
		visibility: hidden;
	}

	#clientes .swiper-clientes-m .swiper-slide.swiper-slide-active .slide-wrapper .video-wrapper {
		visibility: visible;
	}
	
	#clientes .swiper-clientes-m .swiper-slide .slide-wrapper .video-wrapper .poster-wrapper{
		width: 100%;
		height: 0;
		padding-top: 140%;
	}

	#clientes .swiper-clientes-m .swiper-slide .slide-wrapper .video-wrapper .poster-wrapper .black-layer,
	#clientes .swiper-clientes-m .swiper-slide .slide-wrapper .video-wrapper .poster-wrapper .play-btn{
		z-index: 2;
	}

	#clientes .swiper-clientes-m .swiper-slide .slide-wrapper .video-wrapper .poster-wrapper .poster{
		top: 0;
		left: 0;
		object-fit: cover;
		object-position: center;
		position: absolute;
	}

	#clientes .swiper-clientes-m .swiper-slide .slide-wrapper .logo-wrapper {
		width: 50%;
		height: 40%;
	}

	#clientes .swiper-clientes-m .swiper-slide.swiper-slide-active .slide-wrapper .flecha-mobile {
		width: 100px;
		left: 0;
		bottom: -105px;
	}

	#clientes .scroller-container{
		transform: rotate(-90deg);
		transform-origin: center;
		position: absolute;
		flex-direction: column-reverse;
		left: calc(100% - 100px);
		top: 50%;
		height: auto;
		width: 262px;
	}

	#contacto .contact-types{
		flex-direction: column;
	}

	#contacto .contact-types .contact-type{
		margin: 1rem auto;
	}

	#contacto .contact-types .contact-type .icon {
    width: 40px;
    height: 40px;
	margin-right: .5rem;
}

}