@CHARSET "UTF-8";

@media (max-width: 9999px) { /* MUY GRANDE */
	#carousel-cabecera video.img-fluid {
		max-width: unset;
		width: 100vw;
	}
}
@media (max-width: 2040px) { /* PARA CORREGIR EL TEMA DEL VIDEO */
	#carousel-cabecera video.img-fluid {
		max-width: unset;
		width: unset;
		height: 100vh;
	}
}
@media (max-width: 1280px) { /* LG */
	#carousel-cabecera video.img-fluid {
		max-width: unset;
		width: 100vw;
	}
	.seccion, .pagina-legal {
		padding-left: 32px;
		padding-right: 32px;
		padding-top: 64px;
		padding-bottom: 64px;
	}
	#navegacion-horizontal a {
		font-size: calc(var(--nav) * 0,80);
		margin-left: 32px;
	}

	#servicios-todos .hero-subtitulo, .hero-subtitulo {
		font-size: calc(var(--h3) + 0.5vw);
	}

	#carousel-cabecera video.img-fluid {
		max-width: unset;
		width: unset;
	}

}

@media (max-width: 1024px) { /* MD */

    p {
    	font-size: calc(var(--p) + 0.4vw);
    }
	.seccion, .pagina-legal {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.equipo-valores-texto p {
    	font-size: 1.5vw;
	}
	.hero-subtitulo {
    	font-size: calc(var(--h3) + 0.5vw);
	}
	#equipo-especializado .espacio {
		height: 64px;
	}
	 .hero-subtitulo {
		font-size: calc(var(--h3) + 0.5vw);

	}

	#oficinas h3 {
    	margin-top: 0;
	}

		#inicio-servicios .rotulos {
    	font-size: 24px;
    	margin-top: 16px;
	}

	#iconos-cabecera .icono {
	    width: 32px;
	    height: 32px;
	}

	.cifra-circulo {
	    width: 160px;
	    height: 160px;
	    border-radius: 100px;
	    line-height: 32px;
	    font-size: 42px;
	    margin-bottom: 16px;
	    padding-top: 50px;
	}

	section {
		background-attachment: inherit !important;
	}
	
	.fondo-video {
		left: calc(50vw - 920px);
	}

	#tcn-formulario label, #contacto-formulario label {
		font-size: var(--h2)
	}

}

@media (max-width: 769px) { /* SM */

	:root {
	  --h1: 4vw;
	  --h2:	2.5vw;
	  --h3: 3vw;
	  --p: 2vw;
	  --nav: 22px;
	  --carouselh2: 4vw;
	  --carouselsmall: 2vw;
	}

	h1.titulo-seccion {
		margin-bottom: 16px;
	}
	/*.margen-superior {
		margin-top: 0 !important;
	}*/
	.carousel-item small {
		font-size: 2em;
	}
	#iconos-cabecera .icono {
	    width: 32px;
	    height: 32px;
	}
	#navegacion-horizontal a {
		font-size: calc(var(--nav) * 0.6);
		margin-left: 24px;
	}

	#cabecera-fija svg#logo {
	    height: 48px;
	}

	.cifra-circulo {
	    width: 160px;
	    height: 160px;
	    border-radius: 100px;
	    line-height: 32px;
	    font-size: 42px;
	    margin-bottom: 16px;
	    padding-top: 50px;
	}

	.cifra-texto {
	    font-size: 17px;
	    line-height: 1.2em;
	    margin-top: 10px;
	    margin-bottom: 24px;
	}

	#inicio-servicios .icono img {
    	max-width: 120px;
	}

	#inicio-servicios .rotulos {
    	font-size: 24px;
    	margin-top: 16px;
	}

	.equipo-valores-texto p {
    	font-size: 1.8vw;
	}

	#tech-soluciones .caja-derecha {
    	border-radius: 10% 40% 40% 20%;
    	padding: 64px 50px 64px 50px;
	}

	#tech-soluciones ul li {
    	text-align: center;
	}

	#pie .espacio {
    	height: unset;
	}

	#oficinas h3 {
    margin-top: 24px;
	}

	#tech-soluciones .caja-derecha {
	border-radius: 32px;
	padding: 32px;
	}
	#tech-soluciones .caja-izquierda {
		 border-radius: 32px; 
		 padding: 32px;
	}
	
	.carousel-boton-video-completo  {
		right: unset;
		bottom: 190px;
		margin-left: calc(50% - 75px);
	}

}
@media (max-width: 575px) { /* XS */

	:root {
	  --h1: 6vw;
	  --h2:	4.5vw;
	  --h3: 4.2vw;
	  --h4: 3.8vw;
	  --p: 4vw;
	  --nav: 22px;
	  --carouselh2: 4vw;
	  --carouselsmall: 2vw;
	}
	h1 {
		font-size: var(--h1) !important;
	}

	h2 {
		font-size: var(--h2) !important;
	}

	h3 {
		font-size: var(--h3) !important;
	}

	h4 {
		font-size: var(--h4) !important;
	}

	p {
		font-size: var(--p) !important;
	}

	#equipo-siempre .espacio {
    	height: 32px;
	}
	.equipo-valores-texto p {
    	font-size: 4vw;
	}
	.margen-superior {
	    margin-top: unset !important;
	}

	#oficinas .caja-texto h3 {
		margin-top: 24px;
	}

	label  {
		font-size: 18px;
	}
	#oficinas p {
		margin-bottom: 24px;
	}
	.derecha {
		text-align: left !important;
	}
	.alineacion-derecha {
		justify-content: flex-start;
	}
	#pie .derecha {
    	text-align: center !important;
	}
	.caja-imagen {
		margin-bottom: 32px;
	}

	.pabajo img {
    	width: 48px;
	}

	#pie .linea {
    	border-right: 0px;
	}
	#pie .espacio {
    	height: unset;
    	min-height: unset;
    	text-align: center;
	}

	.carousel-boton {
		width: 32px;
		margin-left: calc(50% - 16px);
	}

	.ca_caja {
		width: 90vw;
	    left: 5vw;
	    top: 5vh;
	    padding: 16px;
	}

	#cookie_avisos ul {
		padding-left: 0;
		margin-left: 0;
	}

	#cookie_avisos .btn {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.carousel-boton-video-completo  {
		bottom: 120px;
	}

}