@charset "utf-8";


/* General Settings */

/* :root{
	--primary-color: #000D8E;
	--secondary-color: #415FCE;
	--secondary-color-light-gray: #A7B1B7;
	--secondary-color-dark-gray: #62656B;
	--complementary-color: #952D32;
} */

:root{
	--primary-color: #172c3f;
	--secondary-color: #172c3f;
	--third-color: #376999;
	--secondary-color-light-gray: #A7B1B7;
	--secondary-color-dark-gray: #62656B;
	--complementary-color: #952D32;
}

html,

body {

	font-family: 'Montserrat', sans-serif;

	font-size: 14px;

	font-weight: 300;

	line-height: 30px;

	color: #0C1325;

	text-align: justify;

}

h1,h2,h3,h4,h5,h6{
	text-align: inherit;
}

a:link {

	color: #FFF;

	font-weight: 400;

	transition-property: all;

	transition-duration: 0.2s;

	transition-timing-function: linear;

}



a:visited {

	color: #FFF;

}



a:hover {

	color: #FFF;

}



a:active {

	color: #FFF;

}



.button {

	color: #FFF;

	display: inline-block;

	padding: 10px 35px 10px 35px;

	font-size: 14px;

	font-weight: 700;

	vertical-align: middle;

	background-color: var(--primary-color);

	transition-property: all;

	transition-duration: 0.2s;

	transition-timing-function: linear;

}



.button:hover {

	background-color: var(--secondary-color);

}



button {

	color: #FFF;

	border: none;

	display: inline-block;

	padding: 11px 35px 11px 35px;

	font-size: 14px;

	font-weight: 700;

	vertical-align: middle;

	background-color: var(--primary-color);

	transition-property: all;

	transition-duration: 0.2s;

	transition-timing-function: linear;

}



button:hover {

	background-color: var(--secondary-color);

}



.title-before {

	color: var(--primary-color);

	font-size: 18px;

	font-weight: 700;

	line-height: 65px;

	letter-spacing: 6.5px;

}



.title {

	color: var(--secondary-color);

	font-size: 48px;

	font-weight: 700;

}



.section-padding {

	padding-top: 110px;

	padding-bottom: 70px;

}



.section-sec-padding {

	padding-top: 19px;

	padding-bottom: 60px;

}



.footer-padding {

	padding-top: 45px;

	padding-bottom: 85px;

}



.error-msg {

	border: 1px solid;

	padding: 8px 15px;

	font-size: 14px;

	line-height: 22px;

}



.padding-t10 {

	padding-top: 10px;

}



.padding-t20 {

	padding-top: 20px;

}



.padding-t30 {

	padding-top: 30px;

}



.padding-t35 {

	padding-top: 35px;

}



.padding-t55 {

	padding-top: 55px;

}



.margin-t20 {

	margin-top: 20px;

}



.margin-t180 {

	margin-top: 180px;

}



.margin-t190 {

	margin-top: 190px;

}



.header-margin {

	margin-top: 155px;

}



/* Index */

video {

	position: static;

	right: 0;

	bottom: 0;

	min-width: 100%;

	min-height: auto;

}



/* Social Header */

#social-header {

	font-size: 12px;

	min-height: 49px;

	background-color: #F2F3F6;

}



#social-header .cta-header {

	padding-top: 10px;

}



#social-header a {

	color: #0C1325;

	font-size: 12px;

	font-weight: 400;

}



#social-header a:visited {

	color: #0C1325;

}



#social-header a:hover {

	color: #0C1325;

}



#social-header a:active {

	color: #0C1325;

}



#social-header .fas {

	color: var(--primary-color);

	font-size: 15px;

	padding-right: 5px;

}



#social-header .fab {

	color: #FFF;

	width: 25px;

	height: 25px;

	position: inherit;

	font-size: 14px;

	text-align: center;

	padding-top: 6px;

	margin: 12px 0px 12px 12px;

	border-radius: 50%;

	background-color: var(--primary-color);

	transition-property: all;

	transition-duration: 0.2s;

	transition-timing-function: linear;

}



#social-header .fab:hover {

	background-color: #FCCA03;

}



.divider {

	height: 5px;

	background-color: #2F3A55;

}

/*Whatsapp Widget*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.bounce {
    animation: bounce 3s infinite;
}

@keyframes bounce {
    0%,
    25%,
    50%,
    75%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-12px);
    }
}

/* Navigation Bar */

.navbar-header .navbar-brand {

	height: 100px;
	padding-left: 5px;
	padding-right: 5px;

}



.navbar-brand {

	padding-top: 20px;

	padding-bottom: 20px;

}



.navbar-nav {

	padding-top: 30px;

}



.navbar {

	font-size: 12px;

	font-weight: 700;

	margin-bottom: 0px;

	background-color: #FFF;

	border: none;

}



.navbar-inverse .navbar-nav>li>a {

	color: var(--primary-color);

	font-weight: 700;

	transition-property: all;

	transition-duration: 0.2s;

	transition-timing-function: linear;
}

div.cta-header span i.fas{
	color: var(--primary-color);
}


.navbar-nav > li > select{

	padding-top: 15px;

	padding-bottom:15px;

}

.nav>li>a{
	padding:10px 12px;
}

.navbar-nav li div.bootstrap-select{
	padding-top: 2px;
}


.navbar-inverse .navbar-nav>li>a:hover {

	color: var(--primary-color);

}



.navbar-inverse .navbar-toggle {

	margin-top: 31px;

	border-color: var(--primary-color);

	background-color: #FFF;

}



.navbar-inverse .navbar-toggle .icon-bar {

	background-color: var(--primary-color);

}



.navbar-inverse .navbar-toggle:hover {

	background-color: #FFF;

}



.navbar-inverse .navbar-toggle:focus {

	background-color: #FCFCFC;

}



.logo {

	background-image: url("../images/logo.png");

	background-size: 300px 60px;

	background-repeat: no-repeat;

	width: 300px;

	height: 60px;



}



/* Banner */

#banner {

	position: relative;

	background-color: #999;

	height: 650px;

	min-height: 650px;

	width: 100%;

	overflow: hidden;

}



#bannerSlide {

	height: 650px;

	background-color: #999;

}



.banner-content-bg {

	/* padding: 25px; */
	padding: 24vh 25px 32vh 25px;
	background-color: rgba(23, 44, 63, .95);

}



.banner-title {

	color: #FFF;

	font-size: 32px;

	font-weight: 700;

	line-height: 37px;

	padding-top: 0rem;

	padding-bottom: 1rem;

	font-style: italic;

}



.banner-txt {

	color: #FFF;

	font-size: 16px;

	font-weight: 500;

	padding: 1.5rem 0rem;

}



.banner-title-sec {

	color: #FFF;

	font-size: 50px;

	font-weight: 700;

	line-height: 61px;

}



.banner-txt-sec {

	padding-top: 10px;

	color: #FFF;

	font-size: 25px;

	font-weight: 400;

	line-height: 30px;

	font-style: italic;

}

a.btn-banner{
	padding: 1rem;
	/* color: rgba(0, 33, 106, 1); */
	color: #fff;
	font-weight: bold;
	/* background-color: rgba(255, 255, 255, 1); */
	border: 2px solid #fff;
}

a.btn-banner:hover{
	color: rgba(0, 33, 106, 1);
	font-weight: bold;
	background-color: rgba(255, 255, 255, 1); 
	border: 2px solid #fff;
}


.tpc-img {

	border-radius: 50%;

	float: left;

}



.inline {

	overflow: hidden;

	padding: 18px 25px;

}



.button-margin {

	margin-top: 22px;

}



.banner-01 {

	height: 650px;

	background-image: url(../images/banners/01.jpg);

	background-size: cover;

	background-position: center;

	background-color: #444;

	font-family: 'Montserrat', sans-serif;

	font-weight: 500;

}



.banner-02 {

	height: 650px;

	background-image: url(../images/banners/02_new.jpg);

	background-size: cover;

	background-position: center;

	background-color: #444;

	font-family: 'Montserrat', sans-serif;

	font-weight: 500;

}



.banner-03 {

	height: 650px;

	background-image: url(../images/banners/03.jpg);

	background-size: cover;

	background-position: bottom;

	background-color: #444;

	font-family: 'Montserrat', sans-serif;

	font-weight: 500;

}



.banner-04 {

	height: 650px;

	background-image: url(../images/banners/04_new_new.jpg);

	background-size: cover;

	background-position: top;

	background-color: #444;

	font-family: 'Montserrat', sans-serif;

	font-weight: 500;

}



.glyphicon {

	color: var(--primary-color);

	transition-property: all;

	transition-duration: 0.2s;

	transition-timing-function: linear;

}


.carousel-control:hover .glyphicon {

	color: #FFF;

}

.carousel-control .glyphicon{
	color: #fff;
}

/**/


/* Nosotros Section */

#nosotros {

	background-image: url("../images/about/bg.jpg");

	background-size: cover;

	background-position: center;

}



.card-img01 {

	opacity: 90%;

	padding: 20px;

	min-height: 280px;

	background-color: #FFF;

	margin-bottom: 20px;

	transition-property: all;

	transition-duration: 0.3s;

}



.card-img01:hover {

	opacity: 70%;

	transform: translateY(-10px);

}



.card-img02 {

	opacity: 90%;

	padding: 20px;

	min-height: 280px;

	background-color: #FFF;

	margin-bottom: 20px;

	transition-property: all;

	transition-duration: 0.3s;

}



.card-img02:hover {

	opacity: 70%;

	transform: translateY(-10px);

}



.card-img03 {

	opacity: 90%;

	padding: 20px;

	min-height: 280px;

	background-color: #FFF;

	margin-bottom: 20px;

	transition-property: all;

	transition-duration: 0.3s;

}



.card-img03:hover {

	opacity: 70%;

	transform: translateY(-10px);

}



.icon {

	max-height: 20px;

}



.img-about {

	width: 100%;

}



/* Servicios Section */

.first-service-section{
	/* background-color: #F2F3F6; */
    border-radius: 30px;
	margin-top: 40px;
	padding-bottom: 40px;
	/* -webkit-box-shadow: 6px 9px 5px 2px rgba(135,135,135,1);
	-moz-box-shadow: 6px 9px 5px 2px rgba(135,135,135,1);
	box-shadow: 6px 9px 5px 2px rgba(135,135,135,1); */
}

.second-service-section{
	border-radius: 30px;
	margin-top: 40px;
	padding-bottom: 40px;
	/* -webkit-box-shadow: 6px 9px 5px 2px rgba(135,135,135,1);
	-moz-box-shadow: 6px 9px 5px 2px rgba(135,135,135,1);
	box-shadow: 6px 9px 5px 2px rgba(135,135,135,1); */
}

.card-serv {

	border: 1px solid;

	text-align: center;

	border-color: #DDE0E6;

	margin-bottom: 30px;

	transition-property: all;

	transition-duration: 0.3s;

}



.card-serv:hover {

	border-color: #FCCA03;

	background-color: rgba(252, 202, 3, .01)

}



#servicios i.fas {

	color: #2F3A55;

	font-size: 38px;

	padding-bottom: 28px;

}



#servicios i.far {

	color: #2F3A55;

	font-size: 38px;

	padding-bottom: 28px;

}

.services-text{
	margin-top: 3rem;
}

.service-title{
	margin-bottom: 0px;
}

.serv-title {

	color: #0C1325;

	padding: 30px 30px 0px 30px;

	font-size: 32px;

	font-weight: 700;

	line-height: 2.5rem;

	text-align: left	;

}



.serv-txt {

	color: #0C1325;

	padding: 30px 30px 30px 30px;

	font-size: 16px;

	line-height: 25px;

}

.serv-btn{
	margin-left: 30px;
	background-color: transparent;
	border: 2px solid #172c3f;
	color: #172c3f;
}

.serv-btn:hover{
	background-color: #172c3f;
	color: #fff;
}



.img-serv {

	width: 100%;
	height: 29rem!important;

}


div.img-serv-cont{
	text-align: center;
}

.img-serv:hover div.card-serv {

	border-color: #FCCA03;

	background-color: rgba(252, 202, 3, .01)

}


.service-card{
	padding-top: 2rem;
}


.btn-call{
	border-radius: 20px;
}

.btn-secondary{
	border-radius: 20px;
	color: var(--primary-color);
	background-color: #ffffff;
	border: 1px solid var(--primary-color);
}

.btn-secondary:hover{
	color: #fff;
	background-color: var(--secondary-color);
}


/* Portafolio Section */

#portafolio {

	background-color: #F2F3F6;

}



.port-img {

	/*min-height: 260px;*/

	background-color: #DDE0E6;

}



.port-txt {

	color: #FFF;

	padding: 22px 30px;

	text-align: center;

	line-height: 25px;

	background-color: var(--primary-color);

	transition-property: all;

	transition-duration: 0.3s;

}



.card-port {

	margin-bottom: 30px;

}



.card-port:hover .port-txt {

	background-color: var(--secondary-color);

}



.img-port {

	width: 100%;

}



/* Alianzas Section */

#ali-img {

	max-width: 180px;

	max-height: 75px;

	margin-bottom: 30px;

}

#alianzas{
	padding-top: 55px;
}

#alianzas img {

	margin-left: auto;

	margin-right: auto;

	display: block;

}

#alianzas span.title-before{
	font-size: 36px;
}



/* Contacto Section */

#contacto {

	background-color: #FFF;

}



.form-field {

	height: 50px;

	border: 1px solid;

	font-size: 14px;

	font-weight: 400;

	border-color: var(--primary-color);

	border-radius: 5px;

	background-color: #FFF;

}



/* Footer Section */

#footer {

	color: #fff;

	font-weight: 300;

	background-color: var(--secondary-color);

}



#footer img {

	height: 60px;

}



.ft-title {

	color: #FFF;

	font-size: 24px;

	font-weight: 700;

	line-height: 10px;

}



#footer .fab {

	color: var(--secondary-color);

	font-size: 25px;

	margin-left: 12px;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	text-align: center;

	padding-top: 12px;

	background-color: #FFF;

	transition-property: all;

	transition-duration: 0.2s;

	transition-timing-function: linear;

}



#footer .fab:hover {

	background-color: #DDD;

}



.footer-end {

	height: 49px;

	font-size: 14px;

	font-weight: 400;

	padding-top: 11px;

	background-color: var(--secondary-color);

}

/*Modal*/

/* Estilos para el modal */
.modal {
	display: none; /* Ocultar el modal por defecto */
	position: fixed;
	z-index: 2000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5); /* Fondo difuminado */
  }
  
  .modal-contenido {
	background-color: #fff; /* Fondo blanco del modal */
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 860px;
	border-radius: 5px;
	font-weight: 400;
  }

  @media(max-width: 768px){
	.modal-contenido {
		width: 95%;
		padding: 15px;
	}

	.modal-contenido h2 {
		font-size: 22px;
	}
  }
  
  .cerrar {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
  }
  
  .cerrar:hover,
  .cerrar:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }

/*Fade top*/
.fadeInTop{
	-webkit-animation: fadeInTop 2.5s both;
	-moz-animation: fadeInTop 2.5s both;
	-o-animation: fadeInTop 2.5s both;
	animation: fadeInTop 2.5s both;
}

@keyframes fadeInTop{
	0%{
		opacity: 0;
		transform: translateY(-50px);
	}

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

.fadeInLeft{
	-webkit-animation: fadeInLeft 2.5s both;
	-moz-animation: fadeInLeft 2.5s both;
	-o-animation: fadeInLeft 2.5s both;
	animation: fadeInLeft 2.5s both;
}

@keyframes fadeInLeft{
	0%{
		opacity: 0;
		transform: translateX(-50px);
	}

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

.fadeInRight{
	-webkit-animation: fadeInRight 2s both;
	-moz-animation: fadeInRight 2s both;
	-o-animation: fadeInRight 2s both;
	animation: fadeInRight 2s both;
}

@keyframes fadeInRight{
	0%{
		opacity: 0;
		transform: translateX(50px);
	}

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





/* CSS Document */

@media(max-width: 1199px) {

	div.logo {

		background-image: url("../images/logo_.png");

		background-size: 119px 50px;

		width: 119px;

		height: 50px;

	}



	a.navbar-brand {

		padding-top: 25px;

		padding-bottom: 25px;

	}

}



@media(max-width: 991px) {

	div.logo {

		background-image: url("../images/logo_.png");

		background-size: 119px 50px;

		width: 119x;

		height: 50px;

	}



	a.navbar-brand {

		padding-top: 25px;

		padding-bottom: 25px;

	}



	div.margin-t180 {

		margin-top: 210px;

	}



	div.banner-title {

		font-size: 25px;

		line-height: 35px;

	}



	div.banner-txt {

		font-size: 14px;

		line-height: 25px;

	}



	div.banner-title-sec {

		font-size: 33px;

		line-height: 35px;

	}



	div.banner-txt-sec {

		font-size: 17px;

		line-height: 25px;

	}



	.tpc-img {

		height: 140px;

		width: 140px;

	}



	/* Navbar Collapse */

	.navbar-header {

		float: none;

	}



	.navbar-left,

	.navbar-right {

		float: none !important;

	}



	.navbar-toggle {

		display: block;

	}



	.navbar-collapse {

		border-top: 1px solid transparent;

		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

	}



	.navbar-fixed-top {

		top: 0;

		border-width: 0 0 1px;

	}



	.navbar-collapse.collapse {

		display: none !important;

	}



	.navbar-nav {

		float: none !important;

		margin-top: 7.5px;

	}



	.navbar-nav>li {

		float: none;

	}



	.navbar-nav>li>a {

		padding-top: 10px;

		padding-bottom: 10px;

	}



	.collapse.in {

		display: block !important;

	}



}



@media(max-width: 768px) {

	#social-header .col-xs-12 {

		text-align: center;

	}



	div.logo {

		background-image: url("../images/logo_.png");

		background-size: 119px 50px;

		width: 119x;

		height: 50px;

	}



	a.navbar-brand {

		padding-top: 25px;

		padding-bottom: 25px;

	}



	div.margin-t190 {

		margin-top: 170px;

	}


	@keyframes fadeInAnimation {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	div.banner-content-bg{
		padding: 15vh 25px 30vh 25px;
	}

	#bannerSlide{
		height: 570px;
	}

	#banner{
		height: 560px;
		min-height: 560px;
	}

	div.banner-title {

		font-size: 20px;

		line-height: 25px;

		animation: fadeInAnimation ease 3s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;

	}



	div.banner-txt {

		font-size: 13px;

	}



	div.banner-title-sec {

		font-size: 17px;

		line-height: 25px;

	}



	div.banner-txt-sec {

		font-size: 13px;

		line-height: 15px;

	}



	.tpc-img {

		height: 90px;

		width: 90px;

	}



	section.header-margin {

		margin-top: 235px;

	}

	section.section-padding{
		padding-bottom: 20px;
	}

	section.section-sec-padding{
		padding-bottom: 20px;
	}

	.title{
		font-size: 36px;
	}

	div.serv-title{
		font-size:22px;
		padding: 5px;
	}
	
	.img-serv{
		width: 100%;
		height: 20rem!important;
	}

	div.service-card{
		padding-top: 0.5rem;
	}

	div.first-service-section{
		margin:40px 0px;
	}

	div.second-service-section{
		margin:40px 0px;
	}

	div.serv-txt{
		padding: 5px;
	}

	div.services-text{
		margin-top: 0.5rem;
	}

	button.serv-btn{
		margin:20px 55px;
	}

	div.service-card:nth-child(1) .row{
		display: flex;
		flex-direction: column-reverse;
	}

}



/*Fixed errors*/
/*Active button*/
.navbar-inverse .navbar-nav>li>a:focus{
	color: var(--third-color);
	text-decoration: underline;
}


/*Aditional styles for cards*/
/* .card {
    width: 300px;
    height: 200px;
    background-color: #f2f2f2;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    margin: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.card-content {
    padding: 20px;
}

.card h2 {
    margin-top: 0;
}

.additional-info {
    display: none;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.card:hover {
    height: 300px; 
}

.card:hover .additional-info {
    display: block;
} */

.card {
    
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.card-content {
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.card h2 {
    margin-top: 0;
}

.additional-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 44, 63, 0.8);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.3s ease;
}

.additional-info p{
	padding: 0px 10px;
}

.card:hover .card-content {
    transform: translateY(-100%);
}

.card:hover .additional-info {
    opacity: 1;
}

/*Column modal styles*/
.container-modal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.row-modal{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.column-modal {
    flex: 0 0 40%; /* Establece el ancho de cada columna al 30% del contenedor */
    margin: 10px; /* Agrega un poco de espacio entre las columnas */
}

.column-modal img {
    width: 100%; /* Asegura que las imágenes se ajusten al ancho de su contenedor */
    height: auto; /* Permite que la altura de la imagen se ajuste automáticamente para mantener las proporciones */
}

/*Mejoras*/
.container-full{
	width: 100%;
	background-color: #fff;
}

#servicios{
	background-color: #fff;
	color: #000;
}



#servicios span.title-before, #servicios div.service-title span.title{
	color: #000;
}

#bannerSlideServicios{
	margin-top: 30px;
}

#servicios #bannerSlideServicios .serv-title{
	color: #000;
}


#bannerSlideServicios .carousel-inner{
	padding: 5px 0px 15px 0px;
}

.servicios-container{
	margin: 0px 40px;
	padding: 0px 40px;
	background-color: #fafafa;
}

@media (max-width: 768px){
	.servicios-container{
		padding: 0px 5px;
	}

}

#bannerSlideServicios .carousel-indicators > li{
	border: 1px solid #000;
}

#bannerSlideServicios .carousel-indicators .active{
	background-color: #000;
}

.carousel-indicators{
	z-index: 1;
}



@media (min-width: 2048px) {
	/* Estilos específicos para pantallas grandes */
	body {
	  font-size: 18px;
	}
	.container {
	  max-width: 1500px;
	  margin: 0 auto;
	  width: 1450px;
	}
	
	.navbar{
		font-size: 18px;
	}

	.banner-content-bg{
		padding: 15vh 25px 30vh 25px;
		font-size: 20px;
	}
	.banner-content-bg .banner-title{
		font-size: 50px;
	}

	.banner-content-bg .banner-txt{
		font-size: 24px;
	}
	
	.service-card{
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

	.btn-call, .btn-secondary{
		font-size: 24px;
	}

	.card-port .port-txt{
		font-size: 24px;
	}

	.additional-info{
		font-size: 20px;
	}

	#nosotros div.container{
		font-size: 26px;
	}

	#politica-calidad div.container{
		font-size: 26px;
	}

	#contacto div.container{
		font-size: 26px;
	}

	#footer{
		font-size: 26px;
	}
	/* Otros ajustes de diseño */
  }
  
  @media (min-width: 3840px) {
	/* Estilos específicos para 4K */
	body {
	  font-size: 20px;
	}
	.container {
	  max-width: 3800px;
	}
	/* Otros ajustes de diseño */
  }


  /*Certificaciones*/

  .certificaciones div img{
	width: 75%;
  }

  @media (max-width: 1024px){
	.certificaciones div img{
		width: 100%;
	  }
  }