/*****MVSCOPE*****/

body {
	font-family:'open sans','verdana';
}
/*----*/
:root {
--colornegro:0,0,0; /* tonos de negro #cccccc #F5F5F5*/
}
.background {
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    opacity: 1;
    transition: opacity .3s linear;
}
.portada-bg { background-image: url('/images/portadacall.jpg');background-position: right center;    border-top: solid 10px #587d8e;
    border-bottom: solid 30px #587d8e;
}
.portadamov-bg { background-image: url('/images/portadacall.jpg');background-position: right center;
}
.servicio-bg { background-image: url('/images/mano.jpg');background-position: center top;}
.ai-bg { background-image: url('/images/ai.jpg');background-position: center bottom;}
.omni-bg { background-image: url('/images/omnicanalidad.jpg');background-position: center top;}
.reporte-bg { position: relative; background-image: url('/images/reporteria.jpg');background-position: center center;}
.ciberseg-bg { position: relative; background-image: url('/images/ciberseguridad.jpg');background-position: center center;}
.imgcat { width:55%}
.bgheight {min-height:calc(100vh - 20px)}
.divindex{background-color:rgba(88,125,142,0.6);color:#ffffff;min-height:300px}
.divindexover{background-color:rgba(14,34,44,0.80);color:#fff;min-height:300px}

.navaccordion .esg_list .group-list li{padding:1em;font-size: 1em;text-align: justify}

#contservicios4 .showdiv{border-width:1px 1px 0px 0; border-style: solid;border-color:rgba(255,255,255,.5);z-index:0;height:auto;}
/*#contservicios4 .showdiv{border-width:1px 1px 1px 0; border-style: solid;border-color:rgba(255,255,255,.5);z-index:0;min-height:100px;display:grid;align-items: end}*/
#contservicios4 div:last-child {border-right: 0px !important;} 
#contservicios4 .slogan,.slogan {color:#183A59;min-height:380px;padding:2em .4em 1em 5em; } 
 #contservicios4 .divindex h2,#contservicios4 .divindexover h2 {font-size:1.4em; font-family: 'open sans'; font-weight: 400;padding:.3em 0em 0em 0em;letter-spacing: 1.5px; line-height: 1.2em;font-variant:small-caps;display:block;text-shadow: 0 0 13px #494949, 0 0 13px #494949;}
#contservicios4 .divindexhead { text-align: center;} 
.divindexhead p { text-align: left;font-size: 1.1em;margin:1em} 
.logocontacto {width:25vw; max-width: 300px}
.formscope {text-align: center}

.indexservicios {margin-top:0em} 
.indexservicios .contenido {padding:3em 2em 2em 3em;text-align: center;min-height:400px;background: #fff;} 
.indexservicios .contenido p {padding:.5em 0em 0em 0em;font-size: 1.1em;} 
.indexservicios .contenido nav {text-align: left}

.marcocolor1 {min-height: 30vh;background-color: #4c7397} 
.marcocolor2 {min-height: 30vh;background-color: #a2b9d4} 
.marcocolor3 {min-height: 30vh;background-color: #478ac9}
.marcocolor4 {min-height: 30vh;background-color: #7b9cc5}
.indexservicios .marco h2{font-size: 1.5em;text-transform: uppercase;font-weight: 700;}
.marco img {width: 30%;max-width: 70px;padding:.3em;}

.contactframe {width:100%;height: 1000px}

.reporte-bg::before {
  content: ''; /* Required for pseudo-elements */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); /* Black with 50% opacity */
  z-index: 1; /* Ensure the overlay is above the background image */
}
.reporte-bg > * {
  position: relative;
  z-index: 2;
}

.indexservicios h2, .indexservicios h1{font-weight: 600;letter-spacing: 1.5px;margin-bottom: 0.6em;line-height: 1.2em;}

.indexservicios h2 {font-size:2em; padding:0em .5em 0em .5em;}
.indexservicios h1 {font-size:2.5em; padding:1em 0.5em 2em .5em; color:#fff;text-align: center;text-shadow: 0 0 13px #494949, 0 0 13px #494949;   position: sticky;    top:2.3em; }

.conoce h2{font-family:open sans;font-size:1.8em;font-variant: small-caps;color:#4F99DF	
	}
.conoce p{text-align: left;line-height: 1.7em;
	}

#main .conoce div{border-right: #ccc solid 1px;padding-right:1em;}
#main .conoce div:last-child{border-right: none;}

#img-wrapper21 h1 {font-size:2em;font-weight: 600;letter-spacing: 1.5px;margin-bottom: 1em;line-height: 1.6em;text-shadow: 2px 1px 6px white;}

@media only screen and (min-height: 700px) and (min-width: 1024px){
	.background {
    	/*background-size: 100% auto;*/
	}
}
@media screen and (max-width: 736px) {
	.background {
		opacity: 1;
	}
	
	.indexservicios .row{padding:6em 0 0 0;background: #fff} 
	.indexservicios .contenido {padding:1em 1em 1em 1.4em;text-align: center;}
	.indexservicios .background {min-height: 200px;max-height: 50vh;} 
	
	.indexservicios h1{font-size: 2.2em}
	.indexservicios h2{font-size: 1.5em}
	.indexservicios p{text-align: center}
	#contservicios4 .slogan,#contarticcr .slogan {padding:1.5em .3em 1em .3em; min-height:300px;text-align:center;} 

	.imgcat { width:90%}
	.bgheight { height:calc(100vh - 20px)}
	#img-wrapper21 h1 {font-size:1.5em;letter-spacing: 1.2px;margin-bottom: 1em;}
	.portada-bg {border:0;background-color: rgba(206, 215, 219, .5);;background-image:none;}
	.logocontacto {
    width: 60vw;}
}
@media  screen and (min-width: 737px)  {
	#img-wrapper21 {padding: 1em 0 0em 0;
	margin-left: 12.5px;}
		#main-wrapper {
        background: #587d8e;
        MARGIN-TOP: 10PX;
    
	}
	    #main {
        padding: 5em 0 4em 0;
        min-height: 36vh;
    }
	.indexservicios .borderrow{border-top:2.1em solid #587d8e} 
}
@media  (min-width: 737px) and (max-width: 980px)    {

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

}
@media screen and (min-width: 1281px)  {
	#contservicios4 .slogan {padding:2em .4em 1em 7em; } 

}
@media  screen and (min-width: 1680px)  {

	#img-wrapper21 {padding: 2.5em 0 0em 0;}
}
@media (min-width: 737px) and (max-width: 980px)	
{	
	
}
@media (max-width: 736px)	
{
}