/* **********************************************
    *  ESTILOS FOOTER DESKTOP
    * ********************************************* */

    .footer{
        width: 100vw;
        background-color: #000;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    
    .footer-container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 0px;
        flex-wrap: nowrap;
    }
    
    .footer-top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .footer-column{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        max-width: 400px;
    }
    
    .footer-column-title{
        color: #fff;
        font-size: 1rem;
        font-weight: 300;
        margin-bottom: 20px;
		margin-left: 30px;
    }
    
    .footer-column ul li{
        margin-bottom: 1rem;
    }
    
    .footer-column ul li a{
        color: #999;
        font-size: .7rem;
        font-weight: 300;
        cursor: pointer;
        text-decoration: none;
        margin-top: 1rem;
        font-family: "Oswald",Sans-Serif;
    }
    
    .footer-column ul li a:hover{
        color: #f2f2f2;
    }
    
    .footer-bottom{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        max-width: 1200px;
        margin: 0;
        padding: 0;
    }
    
    .footer-bottom-up{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: row;
        width: 100%;
    }
    
    .footer-bottom-left{
        display: flex;
        justify-content:flex-start;
        align-items: baseline;
        flex-direction: row;
        width: 100%;
        padding-bottom:10px;
    }
    
    .footer-logo{
        width: 15%;
        max-width: 200px;
		margin-left: 20px;
		margin-top: 20px;
    }
    
    .footer-bottom-left p a{
        color: #fff;
        font-size: 1rem;
        font-weight: 300;
        margin-left: 20px;
        text-decoration: none;
    }
    
    .footer-bottom-left p a:hover{
        color: #f2f2f2;
    }
    
    .footer-links{
        width: 100%;
        max-width: 400px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    
    .footer-social{
        width: 100%;
        max-width: 200px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-direction: column;
    }
    
    .line{
        width: 100%;
        height: 1px;
        background-color: #fff;
        margin: 10px 0px;
    }
    
    .footer-bottom-right{
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
        flex-direction: column;
        width: 25%;
    }
    
    .footer-bottom-right p{
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
        flex-direction: row;
        width: 100%;
        color: #fff;
        font-size: 1rem;
        font-weight: 300;
        margin-top: 0;
    }
    
    .footer-bottom-right p>a {
        text-decoration: none;
        color: #fff;
        padding: 0px 10px;
    }
    .footer-social i{
        color:#fff;
        font-size: 1.5rem;
        cursor: pointer;
        text-decoration: none;
        padding: 0;
        margin: 0;
    }
    
    .footer-social i:hover{
        color: #999;
    }
    
    .footer-bottom-down{
        display: flex;
    	justify-content: space-between;
    	align-items: baseline;
    	flex-direction: row;
    	width: 100%;
    	padding: 0px 0px;
    }
    .footer-bottom-left{
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
        flex-direction: column;
        width: 100%;
        padding: 0;
    }

    .footer-bottom-left p {
        font-size: 1rem;
        color: #fff;
        text-align: center;
        margin-top: 0;
        width: 100%;
    }

    .politicas {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    
    .politicas, .copyright {
        margin: 10px 0px;
        margin-block-start: 0;
    }
    
    .politicas a, .copyright a{
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
        margin-right:10px;
    }
    
    .footer-bottom-right{
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
        flex-direction: column;
        margin-bottom: 0;
    }

    .copyright {
        width: 100vw;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    
    .language a, .language a p{
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
        margin-right:0px;
    }
    
    .language a:hover, .language a p:hover{
        color: #999;  
    }

    /* **********************************************
    *  fIN DE ESTILOS FOOTER DESKTOP
    * ********************************************* */

	.youtube-videos{
		width: 100vw;
		background-color: #000;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.youtube-videos-container{
		width: 100vw;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}

	.youtube-videos-item{
		width: 50VW;
		height: 30vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
	}

	.video-caption-video-name-1{
		width: 100%;
		background: url('../images/youtube/youtube-workingcase-deluxe-roadcasesmexico.webp');
		background-size: cover;
		position: relative;
	}

	.video-caption-video-name-2{
		width: 100%;
		background: url('../images/youtube/youtube-workingcase-produccion-roadcasesmexico.webp');
		background-size: cover;
		position: relative;
	}

	.video-caption-video-name-3{
		width: 100%;
		background: url('../images/youtube/youtube-case-motor-cm-lodestar-roadcasesmexico.webp');
		background-size: cover;
		position: relative;
	}

	.video-caption-video-name-4{
		width: 100%;
		background: url('../images/youtube/youtube-workingcase-duo-mesa-roadcasesmexico.webp');
		background-size: cover;
		position: relative;
	}

	.video-caption-video-name-5{
		width: 100%;
		background: url('../img/youtube/youtube5.jpg');
		background-size: cover;
		position: relative;
	}

	.video-caption-video-name-6{
		width: 100%;
		background: url('../img/youtube/youtube6.jpg');
		background-size: cover;
		position: relative;
	}

	.video-caption-video-name-7{
		width: 100%;
		background: url('../img/youtube/youtube7.jpg');
		background-size: cover;
		position: relative;
	}

	.video-caption-video-name-8{
		width: 100%;
		background: url('../img/youtube/youtube8.jpg');
		background-size: cover;
		position: relative;
	}

	.youtube-logo{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 30%;
		height: 30%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.youtube-logo img{
		width: 40%;
	}

	#carouselDesktop{
		display: block;
	}

	#carouselMobile{
		display: none;
	}