/*=============================================
GLOBAL
=============================================*/

*{
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	color: #e2e8f0;
	
}
a, h1, h2, h3, h4, h5, h6, button, select, option, .input-group, input, .input-group-text, textarea, .nav-link{
	font-family: 'Roboto Condensed', sans-serif;
}

ul, ol{
	list-style: none;
}

a:visited, a:link, a:focus, a:hover, a:active{
	list-style: none;
	text-decoration: none;
}

.dropdown-menu{
	min-width:0% !important;
	padding:0 !important;
	font-size:12px !important;
}

.dropdown-item{
	padding:8px 18px !important;
	color:black !important;
	font-weight:500 !important;

}
body{
	background: linear-gradient(to bottom, rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%);
}
/*=============================================
HEADER
=============================================*/

header{
	position: fixed;
	z-index: 2;
	width:100%;
	top:0;
	left:0;
	background:#0C1423;
}

header .img-logo{
	width: 150px;
	height: 45px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.botonera li{
	cursor:pointer;
}

.botonera li:hover{
	border-bottom:3px solid white;
}

 .menuMovil{
 	display:none;
 }
header .idiomas span{
	cursor:pointer;
}

header .redes{
	margin-top: -50px;
	width: 212px;
}
.redes ul li i{
	width:35px;
	line-height: 35px;
	text-align:center;
	cursor:pointer;
}

.redes ul li i.fa-facebook-f{
	background: #1475E0;
}

.redes ul li i.fa-instagram{
	background: #B18768;
}


.redes ul li i.fa-whatsapp{
	background: #00C307;
}


.redes ul li i.fa-youtube{
	background: #F95F62;
}


.redes ul li  .img-tiktok{
	width: 35px;
	border-radius: 50%;
}
 /*=============================================
DISEÑO HERO - CINEMAGRAPH
=============================================*/
.vistaVideo .container img{
	 
	width: 110px;
}
.vistaVideo .container .title{
	font-size: clamp(28px, 5vw, 48px); 
	line-height: 1.15; 
	margin: 0 0 12px; 
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: white;
	text-shadow: 2px 2px 4px rgba(0,0,0,.45);
}
.vistaVideo .container .subtitle {
	font-size: clamp(15px, 5vw, 35px); 
	line-height: 1.15; 
	margin: 0 0 12px; 
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: yellow;
	text-shadow: 2px 2px 4px rgba(0,0,0,.45);
}
.vistaVideo .container .subtitle2 {
	font-size: clamp(10px, 5vw, 30px); 
	line-height: 1.15; 
	margin: 0 0 12px; 
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: white;
	text-shadow: 2px 2px 4px rgba(0,0,0,.45);
}
.vistaVideo{
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
}

.filtroVideo{
	position:absolute;
	width:100%;
	height:inherit;
	top:0;
	left:0;
	background: url(../img/filtro.png);
	background-repeat: repeat;
}

.vistaVideo .container{
	transform:translate(0, -120%);
}

 

.vistaVideo .container .row div{
	position: relative;
}

.vistaVideo .container i{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, 50%);
	width:80px;
	line-height: 80px;
	text-align: center;
	font-size:40px;
}

/*=============================================
INICIO
=============================================*/
.inicio{
	background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
}
.inicio h1{
	font-size: clamp(28px, 5vw, 48px); 
	line-height: 1.15; 
	margin: 0 0 12px; 
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}
.inicio span{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	background:linear-gradient(90deg,#22d3ee,#60a5fa);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.inicio p{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	font-size: clamp(16px, 2.5vw, 18px);
	color: #0F172A; 
	margin: 0 0 22px; 
}
.inicio strong{
	color: #0C1423;
	font-size: 20px;
	
}
.inicio .badges{
	display:flex; 
	flex-wrap:wrap; 
	gap:10px;
}
.inicio .badge{
	padding:6px 10px; 
	border-radius:999px; 
	border:1px solid rgba(148,163,184,.25); 
	color:#0F172A; 
	font-size:13px; 
	background: rgba(2,8,23,.35); 
}
.inicio .cta{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	padding:6px 10px; 
	border-radius:999px; 
	border:1px solid rgba(148,163,184,.25); 
	color:#0C1322; 
	font-size:18px; 	
	background: #57B8FF; 
}
.inicio .badge1{
	padding:8px 10px; 
	border-radius:999px; 
	border:1px solid rgba(148,163,184,.25); 
	color:#0F172A; 
	font-size:13px; 
	background: rgba(2,8,23,.35); 
}
.inicio .inicio-card{
	background: linear-gradient(180deg, rgba(31,41,55,.45), rgba(15,23,42,.7)); 
	border: 1px solid rgba(148,163,184,.18); 
	border-radius: 18px; 
	padding: 22px; 
	box-shadow: 0 10px 30px rgba(2,8,23,.45); 
	padding: 5px;
	margin: 0;
}
.inicio .inicio-card .cards{
	 padding: 20px;
}
.inicio .inicio-card .card{
	background: #0f172a; 
	border:1px solid rgba(148,163,184,.16); 
	border-radius:18px; 
	padding: 18px; 
	box-shadow: 0 6px 20px rgba(2,8,23,.25);
	margin-top: 12px;
}
.inicio .inicio-card .card h3{
	margin: 0 0 6px; 
	font-size: 22px; 
	color: #cbd5e1;
	font-weight: bold;
	text-align: center;
}
.inicio .inicio-card .card p{
	margin: 4px 0 0;
    color: #cbd5e1;
	text-align: center;
}
/*=============================================
NOSOTROS 1
=============================================*/
.nosotros-1{
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
}
.nosotros-1 .section-title {
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	font-size: clamp(22px, 3.5vw, 32px); 
	margin: 0 0 8px;
	color: #0C1423;
}
.nosotros-1 .section-sub{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color:#0C1423;
	margin: 0 0 24px;
}
.nosotros-1 .card{
	background: #0f172a; 
	border:1px solid rgba(148,163,184,.16); 
	border-radius:18px; 
	padding: 18px; 
	box-shadow: 0 6px 20px rgba(2,8,23,.25);
	margin-bottom: 10px;
}
.nosotros-1 .hero-card{
	background: linear-gradient(180deg, rgba(31,41,55,.45), rgba(15,23,42,.7)); 
	border: 1px solid rgba(148,163,184,.18); 
	border-radius: 18px; 
	padding: 22px; 
	box-shadow: 0 10px 30px rgba(2,8,23,.45);
}
.nosotros-1 .hero-card h3{
	margin-top: 20px;
}
.nosotros-1 .hero-card ul{
	list-style-type: disc;
}
.nosotros-1 .hero-card ul li{
	margin-top: 30px;
	margin-bottom: 20px;
}

/*=============================================
SERVICIOS
=============================================*/
/* Service grid */
#servicios .section-title{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color:#0C1423;
}
#servicios .section-sub{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color:#0C1423;
}
#servicios{
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
}
.service-grid ul li{
	list-style:inside;
	cursor: pointer;

}
.service-grid ul li::marker{
content: "✓ ";
}
.service-grid ul li strong{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}

.service-grid { 
	display:grid; 
	gap: 18px; 
	grid-template-columns: 1fr 1fr 1fr; 
}
.service h3 { 
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.service { 
	border:1px solid rgba(148,163,184,.16); 
	background: linear-gradient(180deg, rgba(15,23,42,.86), rgba(2,6,23,.9)); 
	border-radius: 18px; 
	padding: 20px; 
	box-shadow: 0 6px 20px rgba(2,8,23,.25); 
}
.service h3 { 
	margin:0; 
	font-size: 20px; 
}
.service .title{
	color: #1E5799;
}
.service ul { 
	padding-left: 0;
	color:#cbd5e1; 
}
#servicios .cta{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	display:inline-block; 
	padding:10px 16px; 
	border-radius: 999px; 
	background: linear-gradient(135deg, #22d3ee, #60a5fa); 
	color:#0b1220; 
	font-weight:800; 
	box-shadow: 0 6px 20px rgba(2,8,23,.25);
}
#servicios .badge{
	padding:11px 10px; 
	border-radius:999px; 
	border:1px solid rgba(148,163,184,.25); 
	color:#cbd5e1; font-size:13px; 
	background: rgba(2,8,23,.35);
}
 

/*=============================================
GRID GALERIA
=============================================*/
.galeria{
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
}
.galeria .section-title {
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	font-size: clamp(22px, 3.5vw, 32px); 
	margin: 0 0 8px;
	color:#0C1423;
}
.grid figure{
	position:relative;
	border-top: 4px solid #2780CD;
	border-bottom: 4px solid #2780CD;
	border-left: 4px solid #2780CD;
	border-right: 4px solid #2780CD;
	cursor:pointer;
	transition:1s all;
}

.grid .columna1{
	width:40%;
}

.grid .photo1{
	height:400px;
	background:url(../img/galeria1.jpeg);
	background-size:cover;
	background-position:left;
}

.grid .photo2{
	height:300px;
	background:url(../img/galeria2.jpeg);
	background-size:cover;
	background-position:left;
}

.grid .photo3{
	height:300px;
	background:url(../img/galeria3.jpeg);
	background-size:cover;
	background-position:left;
}

.grid .photo4{
	height:300px;
	background:url(../img/galeria4.jpeg);
	background-size:cover;
	background-position:left;
}

.grid .photo5{
	height:400px;
	background:url(../img/galeria5.jpeg);
	background-size:cover;
	background-position:left;
}

.grid .photo6{
	height:200px;
	background:url(../img/galeria6.jpeg);
	background-size:cover;
	background-position:left;
}

.grid figure p{
	position:absolute;
	left:0px;
	bottom:-16px;
	width:100%;
	background:rgba(0,0,0,.7);
	color:white;
	font-weight: 100;
	font-size:20px;
}

.grid figure p:hover{
	background:rgba(7,10,33,.7);
}
/*=============================================
BLOG y noticias
=============================================*/
#blog{
	background: linear-gradient(to bottom, rgb(30,87,153) 0%,rgb(41,137,216) 50%,rgb(32,124,202) 51%,rgb(125,185,232) 100%);
	padding-top: 15px;
}
#blog .section-title{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	font-size: clamp(22px, 3.5vw, 32px); 
	margin: 0 0 8px;
	color: #0C1423;
}
#blog .section-sub{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: #0C1423;
}
#blog .cards { 
	display:grid; 
	grid-template-columns: repeat(1, 1fr); 
	gap: 18px; 
}
#blog .card { 
	background: #0f172a; 
	border:1px solid rgba(148,163,184,.16); 
	border-radius: 18px; 
	padding: 18px; 
	box-shadow:  0 6px 20px rgba(2,8,23,.25); 
}
#blog .card h3 {
	margin: 0 0 6px; 
	font-size: 18px; 
}
#blog .card p { 
	margin: 4px 0 0; 
	color: #cbd5e1; 
}
/*=============================================
preguntas frecuentes
=============================================*/
#faq{
	background: linear-gradient(to bottom, rgb(30,87,153) 0%,rgb(41,137,216) 50%,rgb(32,124,202) 51%,rgb(125,185,232) 100%);
	padding-top: 20px;
	/* padding-bottom: 20px; */
}
#faq .section-title {
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	font-size: clamp(22px, 3.5vw, 32px); 
	margin: 0 0 8px;
	color: #0C1423;
}
#faq .section-sub { 
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: #0C1423; 
	margin: 0 0 24px; 
}
#faq details { 
	border:1px solid rgba(148,163,184,.2); 
	border-radius: 14px; padding: 14px 16px; 
	background: rgba(15,23,42,.6); 
}
#faq details + details { 
	margin-top: 10px; 
}
#faq summary { 
	cursor: pointer; 
	font-weight: 700; 
}
#faq details[open] { 
	background: rgba(15,23,42,.8); 
}
#faq details p { 
	margin: 10px 0 0; 
	color:#cbd5e1; 
}

/*=============================================
ORGANIGRAMA
=============================================*/
#organigrama{
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
}
#organigrama h1 {
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
      text-align: center;
      color: #1a2a5e;
      margin-bottom: 40px;
    }

#organigrama    .org-chart {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

#organigrama  .level {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 30px 0;
    }

#organigrama  .card {
      background: #ffffff;
      border: 2px solid #1a2a5e;
      border-radius: 12px;
      padding: 15px 20px;
      margin: 10px;
      min-width: 200px;
      text-align: center;
      box-shadow: 0 3px 6px rgba(0,0,0,0.1);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

#organigrama    .card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 16px rgba(0,0,0,0.2);
      background: #f0f4ff;
    }

#organigrama    .card h3 {
      margin: 0;
	  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
      color: #1a2a5e;
      font-size: 16px;
    }

 #organigrama   .card p {
      margin: 5px 0 0;
      font-size: 14px;
      color: #333;
    }

#organigrama    .level-title {
      width: 100%;
      text-align: center;
      font-weight: bolder;
	  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
      color: #1a2a5e;
      font-size: 20px;
      margin-bottom: 10px;
    }
 
/*=============================================
MAPA
=============================================*/

.mapa{
	position:relative;
}
.mapa p{
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: #0C1423;
	font-size: 18px;
}
.mapa .info{
	position:absolute;
	width:400px;
	right:10%; 
	top:10%; 
	background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%);
	height:370px;
}

.mapa .info h3{
color: #0C1423;
	font-weight: bold;
}
/*=============================================
FOOTER
=============================================*/

footer .grid-container{
	display:grid;
	grid-template-columns: 2fr 4fr 2fr;
}

footer .grid-item{
	background:#050B1B;
	text-align:center;
	color:white;
}


footer ul li a img{
	width: 35px;
	border-radius: 50%;
	margin: 0 5px;
}
/*=============================================
VENTANA MODAL
=============================================*/
	.modalservicio{
		background: #050B1B;
	}
/*=============================================
SCROLL UP
=============================================*/
#scrollUp{
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: url(../img/flecha.jpg);
}
/*=============================================
PRELOAD
=============================================*/

#preload{
	position:fixed;
	z-index:1000;
	width:100%;
	height:100%;
	background:#333;

}

#porcentajeCarga{
	position:absolute;
	text-align:center;
	width:100%;
	color:white;
	top:52%;
	font-size:20px;
	font-weight: 100;
}

#lineaCarga{
	position:absolute;
	width:100%;
	height:2px;
	top:50%;
	left:0%;
	background:#666;
}

#rellenoCarga{
	position:absolute;
	top:0;
	left:0;
	height:2px;
	width:0%;
	background:#999;
}

#estadoCarga{
	position:absolute;
	background: url(../img/loader.gif);
	background-position: center;
	top:45%;
	left:50%;
	transform:translate(-50%, -50%);
	width:200px;
	height:200px;
}

/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/

@media (width<=1199px) and (width>=992px){

	header .botonera{
		float: left;
		margin-left: 0px;
		border-left: 0;
	}
	 header .idiomas{
		margin-left: -87px;

	 }
	 header .redes{
		margin-top: -11px;
		width: 190px;
	 }
	

	.vistaVideo{
		height:70vh;
	}
	.vistaVideo .container img{
		display: none;
	}
	.vistaVideo .container{
		transform:translate(0,-95%);
	}


	.filtroVideo{
		position:absolute;
		width:100%;
		height:inherit;
		top:0;
		left:0;
		background: url(../img/filtro.png);
		background-repeat: repeat;
	}

}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/

@media (width<=991px) and (width>=768px){

 	header .idionaRedes{
		display: flex;
		justify-content: center;
		align-items: center;	
		margin-bottom: -30px; 
	}	 
	header .idiomas{
		 margin-bottom: 45px;
	}
	 
	header i .fa-bars{
		justify-content: center;
	}
	.menuMovil{	
	 	position:fixed;
	 	top:0;
	 	left:0;
	 	width:100%;
	 	height:100%;
	 	background:black;
	 	z-index:2;
	}
	.menuMovil ul li img{
		width: 35px;
		border-radius: 50%;
		margin: 0 5px;
	}
	.menuMovil .nav-item{
	  	background-color: #5D7179;
	  	border-bottom:1px solid black;
	}
	.menuMovil .nav-item a{
		font-weight: 100;
		font-size:20px;
	}

	.vistaVideo{
		height:320px;
	}

	/* .vistaVideo .container{
		transform:translate(0, 8%);
	}

	.filtroVideo{
		background: url(../img/fondo_movil.png);
		background-size:cover;
	}

	.filtroVideo::after{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.5);
		content: "";
	} */
	 /* SERVICIOS */
	.service-grid { 
		display:grid; 
		gap: 18px; 
		grid-template-columns: 1fr 1fr; 
	}
	/* GALERIA */
	.grid .photo1{
		height:300px;
	}

	.grid .photo2{
		height:200px;
	}

	.grid .photo3{
		height:200px;
	}

	.grid .photo4{
		height:200px;
	}

	.grid .photo5{
		height:300px;
	}

	.grid figure p{	
		font-size:18px;
	}
	.mapa .info{
		position:absolute;
		width:90%;
		left:50%; 
		top:100px; 
		transform: translate(-50%, 0%);
		background-color: #FFCC29;
		height:350px;
	}
	 
	footer .grid-container {
		 grid-template-columns: 1fr;
	}
	footer .grid-item ul {
		display: flex;
		justify-content: center;
	}
}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/

@media (width<=767px) and (width>=576px){

	header .logotipo{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	header .idionaRedes{
		display: flex;
		justify-content: center;
		align-items: center;	
		margin-bottom: 28px; 
	}
	 .menuMovil{		
	 	position:fixed;
	 	top:0;
	 	left:0;
	 	width:100%;
	 	height:100%;
	 	background:black;
	 	z-index:2;
	 }
	 .menuMovil ul li img{
		width: 35px;
		border-radius: 50%;
		margin: 0 5px;
	}
	.menuMovil .nav-item{
	  	background-color: #5D7179;
	  	border-bottom:1px solid black;
	}

	.menuMovil .nav-item a{
		font-weight: 100;
		font-size:20px;

	}

	.vistaVideo{
		height:950px;
	}

	.vistaVideo .container{
		transform:translate(0, 10%);
	}


	.filtroVideo{
		background: url(../img/fondo_movil.png);
		background-size:cover;
	}

	.filtroVideo::after{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.5);
		content: "";
	}
	/* GALERIA */
	.grid .columna1{
		width:50%;
	}

	.grid .photo1{
		height:200px;
	}

	.grid .photo2{
		height:200px;
	}

	.grid .photo3{
		height:200px;
	}

	.grid .photo4{
		height:200px;
	}

	.grid .photo5{
		height:200px;
	}

	.grid figure p{	
		font-size:16px;
	}
	.mapa .info{
		position:absolute;
		width:90%;
		left:50%; 
		top:100px; 
		transform: translate(-50%, 0%);
		background-color: #FFCC29;
		height:350px;
	}

	footer .grid-container {
		 grid-template-columns: 1fr;
		 
	}
	footer .grid-item ul {
		display: flex;
		justify-content: center;
		padding-left: 0;
		padding-right: 0
	}
}
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/

@media (width<=575px){

	header .logotipo{
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 0%;
	}
	header .idiomas{
		padding-bottom: 15px;
		margin-left: 20px;
	}
	 .menuMovil{		
	 	position:fixed;
	 	top:0;
	 	left:0;
	 	width:100%;
	 	height:100%;
	 	background:black;
	 	z-index:2;
	 }
	.menuMovil .nav-item{
	  	background-color: #5D7179;
	  	border-bottom:1px solid black;
	}

	.menuMovil .nav-item a{
		font-weight: 100;
		font-size:20px;

	}
 
	 /* .vistaVideo{
		height:200px;
	} */
	.vistaVideo .container img{
		/* display :none; */
		width: 80px;
	}
	.vistaVideo .container div.text1{
		/* background: white; */
		padding: 0;
		border-radius: 5px;
	}
	.vistaVideo .container .movilsubtitle{
		display: none;
	}
	.vistaVideo .container i{
		display: none;
	}
	.vistaVideo .container h3{
		display: none;
	}
	.vistaVideo{
		height:450px;
	}

	.vistaVideo .container{
		transform:translate(0, 9%);
	}

	.vistaVideo .container .subtitle{
		margin-bottom: 0;
	}

	.filtroVideo{
		background: #00154F;
		background-size:cover;
	}

	.filtroVideo::after{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.5);
		content: "";
	}
	/* SERVICIOS */
	.service-grid { 
		display:grid; 
		gap: 18px; 
		grid-template-columns: 1fr; 
	}
	/*--=====================================
	galeria carucel
	======================================-*/
	.carousel-inner img{
		width: 100%;
		height: 300px;
		object-fit: fill;
	}
	/* GALERIA */
	.grid .columna1{
		width:50%;
	}

	.grid .photo1{
		height:120px;
	}

	.grid .photo2{
		height:120px;
	}

	.grid .photo3{
		height:120px;
	}

	.grid .photo4{
		height:120px;
	}

	.grid .photo5{
		height:120px;
	}

	.grid .photo6{
		height:120px;
	}

	.grid figure p{	
		font-size:14px;
	}

	.mapa{
		margin-bottom: 85px;
	}
	.mapa .info{
		position:absolute;
		width:90%;
		left:50%; 
		top:100px; 
		transform: translate(-50%, 0%);
		background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%);
		height:350px;
	}
	.mapa p{
		font-size: 15px;
	}
	footer {
		position: fixed;
		bottom:0px;
		z-index:2;
	}
	footer .grid-container {
		 grid-template-columns: 1fr;
		 
	}
	footer .grid-item ul {
		display: flex;
		justify-content: center;
		padding-left: 0;
		padding-right: 0
	}
}