body {
	margin: 0;
	padding: 0;
	height: 100vh;
}

.imgfull {
	width: 100% !important;
	display: block !important;
	float: left !important;
}

.imgpan {
	width: 90%;
	max-width: 400px;
	display: block;
	margin: 0 auto;
}

.contergeneral {
	width: 90% !important;
	max-width: 1400px !important;
	display: block !important;
	overflow: hidden !important;
	margin: 0 auto !important;
}

.fullscreen-container {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-bottom: 3%;
}

.fullscreen-image {
	width: 90%;
	height: 100%;
	object-fit: cover;
}

/* global animations */
@keyframes fadeInUp {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}

	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}

.fadeInUp-animation {
	animation: 2s fadeInUp;
}

@keyframes fadeInUp {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

.fadeInUp-animation {
	animation: 2s fadeInUp;
}

/* global styles */
root {
	--color1-color: #0e2b63;
	--color2-color: #007ac3;
	--color3-color: #575756;
	--color4-color: #e8e8f2;
}

@media (min-width: 1600px) {}

@media (max-width: 1280px) {}

@media only screen and (max-width: 767px) {
	.nav-mobile-button-language{
		left: 25% !important;
	}

	.conterPdf img{
		opacity: 0 !important;
	}

	/* generales */
	h2 {
		color: #007ac3 !important;
		font-family: GLight !important;
		font-style: normal !important;
		font-size: 32pt !important;
		letter-spacing: 1px !important;
	}
	
	h2 span {
		color: #0e2b63 !important;
		font-family: GBold !important;
		font-style: normal !important;
		font-size: 32pt !important;
		letter-spacing: 1px !important;
	}

	/* menu */
	.nav-mobile-menu a {
		margin-left: 0;
		cursor: pointer !important;
		margin-bottom: 30px !important;
		font-family: Regular !important;
		font-size: 14px !important;
		line-height: 40px !important;
		color: #fff !important;
		text-decoration: none !important;
	}
	
	.nav-mobile-menu ul{
		margin-left: -23px !important;
		margin-top: -12px !important;
	}

	.conterPdf {
    top: 82% !important;
    left: 45% !important;
    width: 140px !important;
    height: 200px !important;
}
	.logo-Carso{
		width: 150px !important;
	}

	/* index */
	.title1{
		margin-left: 30px !important;
		margin-top: 130px !important;
		font-size: 50pt !important;
	}
	.title1-2{
		font-size: 50pt !important;
	}
	.title2{
		font-size: 20pt !important;
		margin-left: 30px !important;
	}

	/* Perfil corporativo */
	.pdd1{
		padding-top: 10%;
	}

	.card{
		width: 344px !important;
	}

	.card-image img{
		top: -50px !important;
		left: -2px !important;
		height: 70% !important;
	}

	.circle{
		height: 70px !important;
		border: 1px solid #fff !important;
	}

	.image-container img{
		margin: 10px 0 0 5px !important;
	}
	/* divisiones, productos y servicios */
	.card-stat{
		width: 340px !important;
	}

	.card-imageStat{
		height: 160px !important;
	}
	.title-logo{
		width: 25% !important;
	}
	.mrgL{
		margin-left: 15px !important;
	}
	/* datos financieros relevantes */
	.stats-images{
		width: 110% !important;
	}
	/* carta a los accionistas */
	.img-animate{
		width: 0% !important;
	}
	.card2{
		width: 325px !important;
	}
	.comillas{
		left: 10px !important;
	}
	/* informe del director general */
	.card3{
		width: 325px !important;
	}
	.card-image3 img{
		top: -62px !important;
		left: 3px !important;
		width: 60% !important;
	}
	.cable2{
		width: 0% !important;
	}
	/* actividades de sustentabilidad */
	/* consejo de administracion */
	.title{
		font-size: 27pt !important;
	}
	/* divisiones comerciales  */
	.pdd2{
		padding-top: 20% !important;
	}
	.icons{
		width: 20%;
	}
	.firma{
		margin: 60px 0 0 10px !important;
	}
	/* informe del cosejo de administracion */
	.tarjetaNum{
		margin-left: 0px !important;
	}
	.tarjetaNum2{
		width: 450px !important;
    height: 835px !important;
    background-color: #d1e7f4 !important;
		border-bottom-right-radius: 0px !important;
	}
	.hgt{
		height: 900px !important;
	}
	/* comite de practicas */
	.table-container {
		overflow-x: auto;
	}
}