html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,dl,dt,dd {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
a { color:#054e96; outline:none; text-decoration: none; }
a:hover{text-decoration: underline;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
strong{ font-weight: 700;}
.img-circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}


/***** TEMPLATE *****/
#wrapper{
	background-color: #FFF;
	overflow: hidden;
}
body{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	min-width: 358px;
}
.center{
    width: 1200px;
    margin: 0 auto;
    max-width: 95%; 
}
.center__img{
	width: 1200px;
    margin: 0px 0 0px auto;
    max-width: 95%;
}
.center-internas{
    width: 1000px;
    margin: 0 auto;
    max-width: 90%; 
}

.logo-facebook-new{
	fill: white;
	height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	padding-left: 20px;
}

.logo-x-new{
	fill: white;
	height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	padding-left: 20px;
}

.logo-instagram-new{
	fill: white;
	height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	padding-left: 20px;
}

.logo-linkedin-new{
	fill: white;
	height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
	padding-left: 20px;
}


/***** Header *****/
.header{
	position: absolute;
	width: 100%;
	z-index: 9999;
}

header .center{
	position: relative;
	padding: 20px 0;
}

.header #nav-icon span{
	background: #fff;
}
#logo{
	width: 190px;
	height: 45px;
	margin-top: 20px;
}
#logo h1{
	width: 190px;
	height: 45px;
	background: url(/imagenes/template/logo.svg) left top no-repeat;
	margin:0;
	font-size:0.5em;
	text-indent:-9999px;
	background-size: contain;
}
#logo img{
	width:100%;
	vertical-align:top;
}

#nav{
	position: absolute;
	right: 0;
	top: 30px;
}
#nav ul li{
	display: inline-block;
	margin-right: 40px;
}
#nav ul li a{
	font-size: 16px;
	color: #5a5a5a;
}
#nav ul li a:hover{
	color: #1f6ba6;
	text-decoration: none;
}
.header #nav ul li a{
	color: #fff;

}
footer{
	padding: 30px 0;
	background: #1e2225;
}
footer span{
	color: #9aa8b1;
	display: block;
	font-size: 14px;
	margin: 15px 0 30px;
}

footer .partners {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px
}



footer .partners img {
	/* margin-right: 30px; */
	/* margin-bottom: 20px; */
}


footer .partners img:last-child { margin-right:0;}

footer .center { position: relative;}
footer .menu-footer {
	position: absolute;
	right: 15%;
	top: 0;
	padding: 0 50px;
	border-right: 1px solid #313131;
	border-left: 1px solid #313131;
	max-width: 470px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 40px;
}
footer .menu-footer h3 {
	font-size: 18px;
	font-weight: normal;
	color: #9aa8b1;
	margin-bottom: 20px;
}
footer .menu-footer ul li {
	margin-bottom: 10px;
	letter-spacing: 0;
}
footer .menu-footer ul li a {
	font-size: 16px;
	color: #fff;
	font-weight: lighter;
}
footer .social-media {
	position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}
footer .social-media h3 {
	font-size: 18px;
	font-weight: normal;
	color: #9aa8b1;
	margin-bottom: 20px;
}
footer .social-media i {
	color: #fff;
	font-size: 27px;
	margin-left: 20px;
	transition: all 0.3s ease-in-out;
}
footer .social-media i:hover { opacity: 0.6;
}
footer .logo-footer { padding-bottom: 1px;}

.gridFooter{
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 20px;
}
.logoCertificados{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.certificaciones__footer{
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}
.footerContactoRRSS h3{
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 12px;
}
.footerContactoRRSS a{
	margin-right: 24px;
}
#aeurus { padding:8px 10px; text-align:right;}
#aeurus img { vertical-align:top;}
#navigation { font-size:1.3em; padding:10px 5px; margin-bottom:40px; border-bottom:1px solid #d5d5d5;}




/*** PAGINACION**/
#paginacion {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto 50px auto;
    padding: 0;
}
.pagination {
	display: block;
	padding-left: 0;
	margin: 100px 0;
	text-align: center;
	position: relative;
}
.pagination>li {
	display: inline-block;
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	line-height: 1.428571429;
	text-decoration: none;
	font-size: 15px;
	border: 0 !important;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	color: #355059;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	color: #355059;
}
.pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	border: 1px solid #ccc;
	    padding: 2px 10px;
	    color: #044d96;
	
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #8bc73e;
	cursor: default;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #999;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination .active{
	border: 1px solid #ccc;
	color: #044d96;
	display: inline-block !important;
}

.pagination .anterior{
	position: absolute;
	left: 0;
}
.pagination .siguiente{
	position: absolute;
	right: 0;
}


/*Textos*/
h1,h2, h3, h4,h6,.text-h2,.text-18{
	color:#ffffff;
	font-weight:bold;
}

.telefono-h3{
	color: #FFF;
}


h1{ margin-bottom:15px;}
h1,h2{
	font-size: 2.5em;
	font-size: 2.5rem;
}
h3{
	font-size: 1.8em;
	font-size: 1.8rem;
}

h4, li, p, th, td, dd{
	font-size: 1.4em;
	font-size: 1.4rem;
	color: #2d2d2d;
	line-height:20px;
}
p{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
    color: #5a646a;
    font-weight: 300;
}
li{ margin-bottom:20px;}
ul{
	list-style: none;
}

table{
	margin: 0;
	border: 0;
	border-collapse: collapse;
}
.clear{clear: both;}



/* Presentation Slider */

.SliderHome{
	display: none;
	position: relative;
}
.SliderHome .flex-control-nav{
	width: 100%;
    text-align: center;
    position: absolute;
	bottom: 30px;
}
.SliderHome .flex-control-nav li a, .SliderHome .flex-control-nav li{
	display: inline-block;
	margin-right: 10px;
	font-size: 0;
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 100px;
	cursor: pointer;
}
.SliderHome .flex-control-nav .flex-active, .SliderHome .flex-control-nav li a:hover{
	background: #1d6da7;
}
.SliderHome .flex-direction-nav{
	position: absolute;
    top: 40%;
	width: 100%;
	display: none;
}
.SliderHome .flex-direction-nav .flex-next{
	position: absolute;
	right: 20px;
	font-size: 0;
	width: 30px;
	height: 30px;
	background-image: url(/imagenes/template/next-arrow.png);
	opacity: 0.3;
}
.SliderHome .flex-direction-nav .flex-prev{
	position: absolute;
	left: 20px;
	font-size: 0;
	width: 30px;
	height: 30px;
	background-image: url(/imagenes/template/prev-arrow.png);	
	opacity: 0.3;
}
.SliderHome .flex-direction-nav .flex-prev:hover, .SliderHome .flex-direction-nav .flex-next:hover{
	opacity: 0.7;
}

.SliderHome h2{
	font-weight: 100;
    color: #5a646a;
    font-size: 50px;
	letter-spacing: -3px;
	text-align: center;
	margin-bottom: 30px;
	line-height: 52px;
}
.SliderHome h2 span{
    font-weight: bold;
    line-height: 46px;
    margin: 0;
}

.SliderHome p{
	color: #5a646a;	
	text-align: center;
}
.SliderHome .texto{
	width: 80%;
	margin: 70px auto 0;
	min-height: 220px;
}
.span-metodologia{
	display: block;
    margin-bottom: 30px;
    font-size: 40px;
    letter-spacing: -2px;
}
.SliderHome div img{
	width: auto;
    position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.SliderHome .slides li{
	position: relative;
	min-height: 620px;
	overflow: hidden;
}
.SliderHome .slides li:nth-child(4) img{
	bottom: 70px;
}






.texto-cotiza{
	padding: 30px;
	background: #eeeeee;
	cursor: pointer;
}
.texto-cotiza p{
	text-align: center;
	font-size: 25px;
	margin-bottom: 0;
}
.texto-cotiza p span{
	font-weight: bold;
	color: #1f6ba6;
}
.texto-cotiza p i{
	font-size: 17px;
    margin-left: 5px;
    position: relative;
    top: -3px;
    color: #1f6ba6;
    transform: rotate(-90deg);
}
.rotate{
	transform: rotate(0deg) !important;
}
.nuestro-trabajo{
	padding: 100px 0;
	background: #26292b;
}
.nuestro-trabajo .texto{
	width: 60%;
	margin: 0 auto;
}
.nuestro-trabajo .texto p{
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.nuestro-trabajo h2{
	color: #fff;
	font-size: 60px;
	font-weight: 100;
	text-align: center;
}
.nuestro-trabajo h2 span{
	font-weight: bold;
	margin-right: 10px;
}

.nuestro-trabajo .block{
	min-height: 550px;
	position: relative;
}
.nuestro-trabajo .block .thumbnail{
	width: 50%;
    position: absolute;
    overflow: hidden;
    height: 100%;
}
.nuestro-trabajo .block .thumbnail img{
	width: 100%;
}

.nuestro-trabajo .block .grilla{
    width: 50%;
    position: absolute;
    left: 50%;
    height: 100%;
}
.nuestro-trabajo .block .grilla .img-sm{
	width: 50%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/imagenes/template/logo-colun.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}
.nuestro-trabajo .block .grilla .img-sm.dos{
	width: 50%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/imagenes/template/logosaesa.jpg) no-repeat center;
	background-size: cover;
}
.nuestro-trabajo .block-md .thumbnail{
	width: 50%;
    position: absolute;
    overflow: hidden;
    height: 100%;
    right: 0;
    top: 0;
}
.nuestro-trabajo .block-md .thumbnail img{
	width: 100%;
}
.nuestro-trabajo .block .grilla .texto-sm{
	background: #353535;
    padding: 30px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 50%;
}
.nuestro-trabajo .block .grilla .texto-sm p{
	color: #fff;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 23px;
}
.block-md{
	min-height: 550px;
	position: relative;
}
.nuestro-trabajo .block-md .grilla {
    width: 50%;
    position: absolute;
    left: 0;
    height: 100%;
}
.block-md .simpleParallax{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 550px;
}
.block-md .simpleParallax img{
	position: absolute;
    left: 49px;
    top: 20px;
    width: 84%;
}
.nuestro-trabajo .block-md .grilla .img-sm{
	width: 50%;
	height: 50%;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/imagenes/template/logo-isapre.jpg) no-repeat center;
	background-size: cover;
}

.block-md .texto-sm{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50%;
    padding: 30px;
    padding-top: 13%;
    background: #353535;
}

.block-md .texto-sm p {
    color: #fff;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 23px;
}

.nuestro-trabajo .texto-sm h3{
	color: #fff;
}
.nuestro-trabajo .texto-sm a{
	color: #fff;
	font-size: 18px;
	text-decoration: underline;
	display: block;
	margin-top: 15px;
}
.nuestro-trabajo .texto-sm a:hover{
	text-decoration: none;
}


.clientes{
	padding-top: 40px;
}
.clientes .texto{
	width: 80%;
	margin: 0 auto;
}
.clientes .texto h2{
	font-size: 48px;
	color: #1f6ba6;
	text-align: center;
}
.clientes .texto span{
    font-size: 40px;
    position: relative;
    font-weight: 300;
	color: #5a5a5a;
	text-align: center;
	display: block;
}
.clientes .texto p{
	position: relative;
    top: -10px;
}
.clientes .box{
	display: inline-block;
	min-height: 150px;
	border-right: 1px solid #475569;
	width: 20%;
	vertical-align: top;
}
.clientes .box:last-child{
	border: 0;
}
.clientes .box:nth-child(5){
	border: 0;
}
.clientes .box b{
	display: block;
	font-weight: bold;
	font-size: 70px;
	color: #475569;
	text-align: center;
	min-height: 100px;
}
.clientes .box span{
    width: 120px;
    display: block;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
    color: #5a646a;
}
.clientes .lista{
	margin-top: 100px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    /*grid-template-rows: 150px 150px 150px 150px;*/
    justify-items: center;
    align-items: center;
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    margin-bottom: 100px;
}
.clientes .lista-home{
	margin-top: 100px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 150px 150px;
    margin-bottom: 0;
}


.clientes .lista div img, #carrusel img{
	width: 100%;
	display: block;
	margin: 0 auto;
  	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(100%);
	transition: all 0.3s ease-in-out;
	opacity: 0.7;
}
.clientes .lista div img:hover, #carrusel img:hover{
	opacity: 1;
	/*width: 80%;*/
}
.clientes .lista .ultimo-lista{
	margin-right:0;
}
.clientes .lista div img:hover{
	/*width: 80%;*/
  	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(0%);
}

.counter-content{
	display: flex;
}

.counter-content .icon-plus{
	margin-left: auto;
}

.counter-content .number{
	margin-right: auto;
}

.counter-style{
	text-align: center;
    margin: 70px 0;
}
.testimonios{
	padding: 100px 0;
}
.testimonios .titulo{
	margin-bottom: 30px;
}
.testimonios .titulo h2{
	font-size: 50px;
	color: #1f6ba6;
	text-align: center;
}
.testimonios .titulo span{
    font-size: 40px;
    position: relative;
    top: -20px;
    font-weight: 100;
	color: #5a5a5a;
	display: block;
	text-align: center;
}
.testimonios .texto{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	border-right: 1px solid #ccc;
	min-height: 400px;
	padding: 0 50px;
}
.testimonios .texto:last-child{
	border: 0; 
}
.testimonios .texto p{
	font-size: 17px;
	color: #5a646a;
	font-style: italic;
	line-height: 20px;
}
.testimonios .texto .autor img{
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	border-radius: 100px;
}
.testimonios .texto .autor .datos{
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	margin-left: 20px;
}
.testimonios .texto .autor .datos span{
	font-size: 21px;
	display: block;
	color: #5a646a;
}
.testimonios .texto .autor .datos a{
	font-size: 21px;
}
.testimonios-clientes{
	max-width: 700px;
	width: 95%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.testimonios-clientes h4{
	margin: 40px 0 0;
	color: #5e646a;
}
.testimonios-clientes span{
	color: #5e646a;
	margin: 10px 0 40px;
	display: block;
	text-transform: uppercase;
	font-size: 17px;
}
.testimonios-clientes p{
	font-style: italic;
}
.testimonios-clientes img{
	width: 100px;
	height: 100px;
	border-radius: 1000px;
	overflow: hidden;
	background: #f1f1f1;
	border: 0;
}
.testimonios-clientes .flex-control-paging li a{
	background: #595f66;
}
.testimonios-clientes .flex-control-paging li a.flex-active{
	background: #1f6ba6;
}
.convenio-marco-home{
	background: #25292c;
}
.convenio-marco .center{
	padding: 100px 0;
	text-align: center;
}
.convenio-marco p{
	display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 21px;
    line-height: 24px;
    margin-left: 3%;
    color: #b4b4b4;
}
.convenio-marco p a{
	display: block;
	color: #fff;
	text-decoration: none;
	margin-top: 30px;
}
.nuestro-equipo{
	padding: 130px 0;
	position: relative;
}
.nuestro-equipo img{
	position: absolute;
	left: 0;
	top: 100px;
	max-width: 45%;
	height: auto;
}
.nuestro-equipo .texto{
	padding: 100px 10% 100px 50%;
	background: #f1f1f1;
}
.nuestro-equipo .texto h2{
	font-size: 70px;
	color: #5a646a;
}
.nuestro-equipo .texto a{
	display: block;
}
.nuestro-equipo .texto span {
    font-size: 40px;
    position: relative;
    top: -20px;
    font-weight: 100;
    color: #5a5a5a;
}
.blog{
	padding: 100px 50px;
	background: url(/imagenes/template/fondo-blog.jpg);
}
.blog .titulo{
	margin-bottom: 20px;
}
.blog .titulo h2{
	font-size: 70px;
	color: #fff;
}
.blog .titulo span {
    font-size: 40px;
    position: relative;
    top: -20px;
    font-weight: 100;
    color: #fff;
}
.blog .entrada{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.blog .entrada:nth-child(2){
	float: right;
}
.blog .entrada .fecha{
	margin-bottom: 20px;
}
.blog .entrada .fecha i{
	margin-right: 7px;
}
.blog .entrada h3{
	font-weight: lighter;
	font-size: 25px;
}
.blog .entrada h3 a{
	color: #fff;
	text-decoration: none;
}
.blog .entrada h3 a:hover{
	text-decoration: underline;
}
.blog .entrada h3, .blog .entrada p, .blog .entrada span{
	color: #fff;
}
.blog .entrada span{
	display: block;
}
.blog .entrada .categoria{
    color: #8dcdff;
    font-size: 20px;
    margin-bottom: 10px;
}
.blog .enlace{
	margin-top: 50px;
    text-align: center;
    color: #fff;
}

.blog .enlace a{
	color: #fff;
	text-decoration: underline;
}
.blog .enlace a:hover{
	text-decoration: none;
}
.oficinas{
	background-image: url(/imagenes/template/pattern-oficinas.jpg);
	background-repeat: repeat;
	min-height: 600px;
	overflow: hidden;
	position: relative;
}
.telefono-mapa{
	display: flex;
    flex-direction: column;
	position: absolute;
	left: -4px;
	bottom: 50px;
}
.telefono-mapa h2{
	font-style: normal;
	font-weight: 900;
	font-size: 38px;
	line-height: 45px;
	color: #FFFFFF;
}
.telefono-mapa span{
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #B9B9B9;
	text-align: right;
}
.row-mapa-telefono{
	display: flex;
	align-items: center;
	gap: 12px;
}
.oficinas .center{
	height: 600px;
	position: relative;
}

/*.oficinas img{
	display: none;
	width: 100%;
}*/
.oficinas .dot{
	width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 100px;
    position: absolute;
    right: 248px;
    bottom: 159px;
    transition: all ease-in-out 0.1s;
    cursor: pointer;
    z-index: 9;
}
.oficinas .conce{
	position: absolute;
    z-index: 0;
    left: 310px;
    bottom: 180px;
}

.oficinas .stgo{
	position: absolute;
    z-index: 0;
    left: 180px;
    padding-top: 140px;
}



.oficinas .ubicacion h3{
	color: #fff;
	text-align: right;
}
.oficinas .ubicacion span{
	display: block;
    margin-bottom: 5px;
    color: #8a8a8a;
	text-align: right;
	font-size: 18px;
	color: #b9b9b9;
}

#nav-icon{
    display: none;
    width: 30px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 7px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #E3E3E3;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2) {
  top: 8px;
}

#nav-icon span:nth-child(3) {
  top: 16px;
}


#nav-icon.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* form starting stylings ------------------------------- */
.formulario{
	padding: 70px 0;
}
.formulario .col1{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.formulario .col2{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	float: right;
}
.doble .group{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.doble .group:last-child{
	float: right;
}
.group{ 
  position:relative; 
  margin-bottom: 30px;
}
.group input{
  font-size:18px;
  padding: 10px 10px 10px 5px;
  display:block;
  width: 100%;
  background: transparent;
  border:none;
  border-bottom:1px solid #CFCFCF;
}
.group input:focus{ 
	outline:none; 
}

/* LABEL ======================================= */
.group label{
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
.group input:focus ~ label, .group input:valid ~ label{
  top:-20px;
  font-size:14px;
  color: #1f6ba6;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background: #1f6ba6; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.group input:focus ~ .bar:before, .group input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.group input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
.formulario hr{
	margin: 20px 0;
}
.formulario textarea{
	padding: 20px;
    width: 100%;
    height: 160px;
    border: none;
    font-size: 16px;
    position: relative;
    resize: none;
}
.formulario .btn-form{
	background: #7daa37;
	color: #fff;
	max-width: 230px;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	border: none;
	font-size: 18px;
}
.formulario .doble .nice-select{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	background: transparent;
	float: none;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #757575; 
	padding-left: 5px;
}
.formulario .doble .nice-select span{
	font-size: 19px;
	color: #999;
}
.formulario .doble .nice-select:last-child{
	float: right;
}
.formulario .nice-select.open .list{
	width: 100%;
}
.formulario .nice-select.open .list li{
	margin-bottom: 0;
}
.formulario .nice-select .option{
	font-size: 18px;
}



/* Accordeon */

.accordion{
	padding: 20px;
    background: #1e2225;
    display: none;
}
.accordion-header {
	padding: 15px 0;
    cursor: pointer;
    position: relative;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}
.accordion-header i{
    position: absolute;
    right: 10px;
    top: 20px;
    color: #383838;
}
.active{
	border: none;
}
.active i{
	transform: rotate(90deg);
}
.accordion-content {
	display: none;
	padding-bottom: 15px;
}
.accordion-content span{
	color: #ccc;
	display: block;
	margin: 20px 0 40px 0;
	font-size: 20px;
}
.accordion-content small{
	display: block;
    margin-bottom: 10px;
    color: #4c4c4c;
	color: #b5b5b5;
    font-size: 17px;
}
.accordion hr{
	margin: 0;
    border: none;
    height: 1px;
    width: 100%;
    background: #3c3c3c;
}
.active {
	font-weight: 600;
}

svg#Capa_1 {
    position: absolute;
    right: 410px;
    bottom: 151px;
    display: none;
    width: 24%;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

/*HONEYSPOT*/
.aeurushp{
	opacity: 0 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 0;
    z-index: -1;
    height: 1px !important;

}








.banner.b-blog{
	background: url(/imagenes/template/banner-blog.jpg) no-repeat;
	background-size: cover;
	padding: 130px 0;
	margin-bottom: 50px;
}
.banner.b-blog h1{
	color: #fff;
}
.banner.b-blog p{
	color: #fff;
}

/*.banner.b-blog h1{
	font-size: 70px;
	font-weight: lighter;
	
	margin-bottom: 5px;
}*/

/*.banner.b-blog p{
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
}*/

.entrada-blog{
	position: relative;
	margin-bottom: 100px;
}
.entrada-blog .fecha{
	font-size: 16px;
    font-weight: 300;
	color: #777474;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ccc;
}
.entrada-blog .fecha-sin-cat{
	font-size: 16px;
    font-weight: 300;
	color: #777474;
	margin-right: 20px;
	padding-right: 20px;
	/* border-right: 1px solid #ccc; */
}
.entrada-blog .fecha img{
	margin-right: 10px;
}
.entrada-blog .categoria{
	font-size: 20px;
    margin-bottom: 15px;
}
.entrada-blog .redes-sociales{
	position: absolute;
    left: 0;
    bottom: -50px;
}
.entrada-blog .redes-sociales span{
	font-size: 16px;
    color: #667075;
    font-weight: 300;
    margin-right: 10px;
}
.entrada-blog .redes-sociales a{
	margin-right: 10px;
}

.entrada-blog h3{
	font-weight: lighter;
	line-height: 50px;
	margin-top: 20px;
}
.entrada-blog h3 a, .entrada-blog.detalle h3{
	font-size: 50px;
}
.entrada-blog.detalle h3{
	color: #5a646a;
    margin-bottom: 50px;
}
.entrada-blog h3 a:hover{
	text-decoration: none;
}
.entrada-blog .texto{
    width: 60%;
    position: relative;
}
.entrada-blog .autor{
	width: 310px;
	position: absolute;
    right: 20px;
    top: 0px;
}
.entrada-blog .autor img{
	display: inline-block;
}
.entrada-blog .autor .nombre-autor{
    position: absolute;
    right: -40px;
    top: 0;
    width: 160px;
}

.entrada-blog .autor img {
	width: 150px;
  /*  border-radius: 120px; */
}
.entrada-blog .autor h3{
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    color: #5a646a;
    margin-bottom: 10px;
    margin-top: 0;
}
.entrada-blog .autor span{
	font-size: 17px;
    font-weight: 400;
    color: #5a646a;
}
.entradas-relacionadas{
	margin: 100px 0;
}
.entradas-relacionadas .entrada{
	width: 46%;
    height: 730px;
    padding: 30px;
}
.entradas-relacionadas .entrada h3{
	line-height: 50px;
}
.entradas-relacionadas .entrada h3 a{
	color: #fff;
	font-size: 50px;
}
.entradas-relacionadas .entrada h3 a:hover{
	text-decoration: none;
}
.entradas-relacionadas .entrada.uno{
	float: left;
}
.entradas-relacionadas .entrada.dos{
	float: right;
}
.entradas-relacionadas .entrada .categoria{
	font-size: 16px;
	color: #fff;
	margin-bottom: 20px;
	display: block;
}
.contenedor-imagen-blog img { width: 100%; height:auto;}
/*.back{
	font-size: 17px;
	font-weight: 400;
	display: block;
    width: 250px;
    float: right;
	margin-bottom: 30px;
	display: none;
}
.back img{
	vertical-align: middle;
    margin-left: 20px;
}*/

.banner.azul {
	background: #306799;
    padding-top: 130px;
    padding-bottom: 60px;
	margin-bottom: 50px;
}

.banner.azul h1, .banner.gris h1{
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

/*.banner.azul p, .banner.gris p{
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	line-height: 45px;
	margin-bottom: 15px;
}*/
.banner.azul p, .banner.gris p{
	color: #fff;
}



.mision-vision .texto h3{
	color: #5a646a;
	font-size: 25px;
}


.rse{
	margin-top: 50px;
	margin-bottom: 100px;
}
.rse div{
	margin-bottom: 30px;
}
.rse h3{
	color: #5a646a;
	margin-bottom: 15px;
}

.rse ul li{
    font-size: 18px;
    line-height: 27px;
    color: #5a646a;
    position: relative;
    padding-left: 15px;
    margin-bottom: 25px;
}
.rse ul li:after{
	content: '.';
    font-size: 0;
    width: 5px;
    height: 5px;
    background: #306799;
    position: absolute;
    left: 0;
    top: 13px;
}
.center-internas.clientes{
	padding-top: 0;
}

.trabaja-nosotros-banner{
	padding-top: 125px;
	padding-bottom: 50px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.trabaja-nosotros-banner h1{
	color: #fff;
	font-weight: bold;
	margin-bottom: 24px;
}

.trabaja-nosotros-banner p{
	color: #fff;
    font-weight: 100;
    font-size: 23px;
    line-height: 30px;
}
.trabaja-nosotros p{
	font-size: 24px;
	line-height: 35px;
}

.trabaja-nosotros .formulario textarea{
	background: #f1f1f1;
}


.contacto{
	height: 550px;
	margin-bottom: 0 !important;
}
.contacto h1{
	font-size: 60px !important;
}
.contenido-contacto{
	position: relative;
}
.contenido-contacto .formulario{
	padding: 50px;
	background: #f7f7f7;
	position: absolute;
	width: 100%;
	top: -230px;
}
.contenido-contacto .formulario h4{
	display: block;
	margin: 30px 0;
	font-weight: lighter;
	font-size: 30px;
}
.contenido-contacto .formulario h4 b{
	color: #306799;
}
.contenido-contacto .datos-contacto{
	padding-top: 200px;
	margin-bottom: 30px;
}

.datos-contacto h3{
	font-weight: 300;
    font-size: 33px;
    margin-bottom: 30px;
    color: #5a646a;
}
.datos-contacto div{
	display: inline-block;
	vertical-align: top;
	padding: 15px 30px;
	position: relative;
}
.datos-contacto div:hover{
	background: #f1f1f1;
}
.datos-contacto .after:after{
	content: '.';
    font-size: 0;
    width: 1px;
    height: 70px;
    background: #b9b9b9;
    position: absolute;
    right: 0;
    top: 20px;
}
.datos-contacto div span{
	display: block;
	font-size: 16px;
	color: #5a646a;
	margin-bottom: 10px;
}
.datos-contacto iframe{
	margin-top: 50px;
}
.datos-contacto h4{
	text-transform: uppercase;
	font-weight: 400;
	color: #306799;
	font-size: 18px;
}

/*.sistemas-web h1{
	font-weight: 100;
}*/
.caracteristicas{
	margin-top: 100px;
}
.caracteristicas .item{
	display: inline-block;
	vertical-align: top;
	width: 47%;
	position: relative;
	margin-bottom: 40px;
}
/*.caracteristicas .item:nth-child(2), .caracteristicas .item:nth-child(4), .caracteristicas .item:nth-child(6){
	float: right;
}*/
.caracteristicas .item img{
    position: absolute;
    left: 13px;
    top: 0px;
}
.caracteristicas .item .texto{
	padding-left: 70px;
}
.flex-active-slide .texto-app h1 { line-height: normal; margin-bottom: 10px;}
.texto-app { padding:8% 80px 0 0;}
/*.texto-app h1 { margin-bottom: 40px;}
.texto-app p { font-size: 20px; line-height: 38px;}*/

.caracteristicas .item h3{
	font-size: 23px;
    color: #5a646a;
}
.banner p{
	font-weight: 100;
	font-size: 28px;
    line-height: 35px;
	margin-bottom: 12px;
}
.banner-cotizacion{
	padding: 100px 0;
	text-align: center;
	background: #306799;
}
.banner-cotizacion h2{
	color: #fff;
}
.banner-cotizacion a{
	padding: 10px 20px;
    border: 1px solid #fff;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
    font-size: 23px;
    font-weight: 100;
}
.banner-cotizacion a:hover{
	text-decoration: none;
}

.form-sistemas{
	background: #eeeeee;
}
.form-sistemas h4{
	display: block;
	margin: 30px 0;
	font-weight: lighter;
	font-size: 30px;
}
.form-sistemas h4 b{
	color: #306799;
}
.titulo-sitiosweb{
	font-weight: lighter;
	color: #5a646a;
	margin-top: 70px;
}

.equipo{
	padding: 60px 0 100px 0;
}

.equipo h1{
	font-size: 70px;
	font-weight: 100;
	line-height: 70px;
}
.equipo b{
	font-size: 35px;
	display: block;
	line-height: 40px;
}

.listado-equipo .item{
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
	margin-bottom: 50px;
}
.listado-equipo .item img{
	width: 100%;
	margin-bottom: 15px;
}
.listado-equipo .item h3{
	margin-bottom: 0;
}
.listado-equipo .item h3 a{
	font-size: 20px;
    color: #424242;
}
.listado-equipo .item:nth-child(3), .listado-equipo .item:nth-child(6), .listado-equipo .item:nth-child(9), .listado-equipo .item:nth-child(12), .listado-equipo .item:nth-child(15){
	margin-right: 0;
}

.detalle-equipo .img-detalle{
	width: 25%;
	margin-top: 30px;
}
.detalle-equipo .texto-detalle{
	width: 70%;
	float: right;
	vertical-align: top;
	margin-bottom: 70px;
}
.detalle-equipo .texto-detalle h1{
	font-size: 100px;
	font-weight: 100;
	color: #5a646a;
	margin-bottom: 0;
}
.detalle-equipo .texto-detalle span{
	font-size: 17px;
    font-weight: 300;
    color: #5a646a;
    display: block;
    margin-bottom: 30px;
}
.detalle-equipo .texto-detalle .redes-sociales{
	margin-bottom: 30px;
}
.detalle-equipo .texto-detalle .redes-sociales a{
	margin-right: 20px;
}

.detalle-equipo .texto-detalle .listado-entradas{
	margin-top: 100px;
}
.detalle-equipo .texto-detalle .listado-entradas .entrada-blog{
	margin-bottom: 50px;
}

.banner.outsourcing{
	padding-top: 130px;
    padding-bottom: 60px;
	margin-bottom: 50px;
}
.banner.outsourcing h1, .banner.outsourcing p{
	color: #fff;
}



.banner.gris{
	background: #394855;
	padding-top: 130px;
    padding-bottom: 60px;
	margin-bottom: 50px;
}


.mkt-digital .item{
	position: relative;
	margin-bottom: 100px;
}
.mkt-digital .item .texto{
	width: 45%;
	display: inline-block;
	margin-top: 70px;
}
.mkt-digital .item img{
	display: inline-block;
	vertical-align: top;
}
.mkt-digital .right{
	float: right;
}
.mkt-digital .left{
	float: left;
}

.mkt-digital .item:nth-child(2) .texto, .mkt-digital .item:nth-child(5) .texto{
	float: right;
}


.adwords-content{
	margin: 150px 0;
	background: #394855;
	display: grid;
	grid-template-columns: 60% 40%;
	grid-template-rows: 500px;
	align-items: center;
	justify-items: center;
}
.adwords-content .texto{
	width: 65%;
	margin: 60px 0;
}
.adwords-content .texto h3{
	color: #fff;
	font-weight: 300;
}
.adwords-content .texto p{
	color: #fff;
}
.adwords-content .imagen{
	width: 100%;
}
.adwords-content .imagen img{
    width: 100%;
    height: 500px;
	object-fit: cover;
	position: relative;
    bottom: -2px;
}
.banner-cultura{
	width: 100%;
	margin-bottom: 120px;
}
.seccion-cultura, .seccion-cultura2{
	height: 700px;
	position: relative;
}
.seccion-cultura img{
	width: 40%;
}
.seccion-cultura .texto{
	width: 35%;
	position: absolute;
	right: 10%;
	top: 100px;
}
.seccion-cultura .texto h3, .seccion-cultura2 .texto h3{
	font-size: 35px;
	font-weight: 100;
	color: #5a646a;
}

.seccion-cultura2 img{
	width: 25%;
    position: absolute;
    left: 40px;
}

.seccion-cultura2 .texto{
	width: 45%;
	position: absolute;
	right: 15%;
	top: 100px;
}

.b-cultura span{
	font-size: 30px;
    font-weight: lighter;
    color: #fff;
    position: relative;
    bottom: -10px;
}
.b-cultura h2{
	font-size: 50px;
}
.seccion-cultura-medio{
	background: #1e2225;
	position: relative;
	height: 700px;
	margin: 100px 0;
}
.seccion-cultura-medio .texto{
    width: 35%;
    position: absolute;
    left: 90px;
    top: 120px;
}
.seccion-cultura-medio img{
	position: absolute;
	right: 50px;
	height: 100%;
}
.seccion-cultura-medio .texto h3, .seccion-cultura-medio .texto p{
	color: #fff;
}
.seccion-cultura-medio .texto h3{
	font-size: 45px;
	font-weight: lighter;
	line-height: 45px;
	margin-bottom: 30px;
}
.iweb{
	margin-bottom: 50px;
}

.texto-iweb{
	padding-bottom: 50px;
}
.texto-iweb p, .texto-iweb h2{
	text-align: center;
}

.caracteristicas-servicio{
	background-color: #1f6ba6;
	padding: 70px 0;
	text-align: center;
}
.caracteristicas-servicio .item{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	text-align: center;
}
.caracteristicas-servicio .item:first-child{
	float: left;
}
.caracteristicas-servicio .item:last-child{
	float: right;
}
.caracteristicas-servicio .item img{
	margin-bottom: 15px;
}
.caracteristicas-servicio .item h3{
	color: #fff;
	font-size: 24px;
}
.caracteristicas-servicio .item p{
	color: #fff;
}
.cita{
	padding-top: 100px;
	position: relative;
}
.cita img{
	float: right;
}
.cita .texto{
	width: 500px;
	position: absolute;
	left: 0px;
	top: 290px;
}
.cita .texto h3{
	font-weight: lighter;
    font-size: 42px;
    line-height: 54px;
}
.cita .texto img{
	position: absolute;
    top: -100px;
}
.cita .texto p{
	font-size: 30px;
    color: #363636;
    line-height: 36px;
    margin-top: 40px;
}
.cita .texto .datos{
	margin-top: 40px;
}
.cita .texto .datos h4{
	font-weight: 300;
    font-size: 35px;
    color: #363636;
}
.cita .texto .datos span{
	font-size: 30px;
	font-weight: 300;
	color: #363636;
}
/*.conce:after{
	content: '.';
    font-size: 0;
    width: 100px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 180px;
    transform: skew(-90deg);
}
.conce:before{
	content: '.';
    font-size: 0;
    width: 100px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 180px;
}*/


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Edge */
	font-family: 'Roboto', sans-serif;
	font-size:18px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family: 'Roboto', sans-serif;
	font-size:18px;
}

input::placeholder, textarea::placeholder {
	font-family: 'Roboto', sans-serif;
	font-size:18px;
}


/* Sobreescribiendo estilos */
#carrusel{
	margin-bottom: 30px;
}
.slick-dots{
	text-align: center;
}
.slick-dots li{
	display: inline-block;
	margin-right: 10px;
}
.slick-dots li button{
	width: 15px !important;
	height: 15px !important;
	border: 0;
	font-size: 0;
	border-radius: 100px;
	background: #D9D9D9 !important;
	cursor: pointer;
}
.slick-dots li button:before{
	font-size: 0;
}
.slick-dots .slick-active button{
	background: #216EA8 !important;
	width: 20px !important;
	height: 20px !important;
	transition: all 500ms;
}
.slick-dots .slick-active button{
}
.testimonios .titulo p{
	font-size: 21px;
	line-height: 24px;
	color: #707070;
	display: none;
}

#carrusel{
	display: none;
}
.carrusel-testimonios{
	display: none !important;
}
.carrusel-testimonios .slick-dots, #carrusel .slick-dots{
	bottom: -70px;
    text-align: center;
    position: absolute;
    width: 100%;
}

.contenido-contacto iframe{
	margin-bottom: 70px;
}



.nuestro-trabajo .grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 550px;
	grid-gap: 30px;
	margin-top: 50px;
}
.nuestro-trabajo .grid > div{
	position: relative;
	overflow: hidden;
	transition: all .3s ease-in-out;
}
/*.nuestro-trabajo .grid > div:hover{
	transform: scale(1.05);
}*/
.nuestro-trabajo .grid > div p{
	position: absolute;
    transition: all .3s ease-in-out;
    bottom: 40px;
    left: 30px;
    z-index: 2;
    color: #fff;
    width: 80%;
	margin-bottom: 0;
	text-shadow: 1px 1px #000;	
}
.nuestro-trabajo .grid > div .logo-proyecto{
	position: absolute;
    left: 30px;
    top: 30px;
    z-index: 9;
}

.nuestro-trabajo .grid > div .enlace{
	position: absolute;
	top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.nuestro-trabajo .grid > div .overlay{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
    position: absolute;
	bottom: 0;
	left: 0;
	height: 50%;
	width: 100%;
	z-index: 1;
}

.nuestro-trabajo .grid > div:nth-child(2) .logo-proyecto{
	top: 50px;
}

.nuestro-trabajo .grid > div .imagen-fondo{
	transition: all .3s ease-in-out;
}
.nuestro-trabajo .grid > div:hover .imagen-fondo{
	transform: scale(1.1);
}

/** Proyectos **/
.banner-proyecto{
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 650px;
	display: grid;
	align-items: center;
}
.banner-proyecto .texto{
	max-width: 530px;
	width: 80%;
	position: relative;
}
.banner-proyecto .texto h1{
	line-height: 40px;
	font-size: 40px;
	color: #fff;
}
.banner-proyecto .texto h1 span{
	display: block;
	font-size: 20px;
	font-weight: lighter;
	line-height: 24px;
    margin-top: 10px;
}
.banner-proyecto .texto img{
    position: absolute;
    right: -67%;
    top: 0;
}
.banner-proyecto .btn-transparent{
	display: inline-block;
    width: 200px;
    padding: 10px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    transition: all .3s ease-in-out;
    margin-top: 20px;
}

.banner-proyecto .btn-transparent:hover{
	background: #fff;
	text-decoration: none;
	color: #000;
}
.descripcion-proyecto{
	display: grid;
    grid-template-columns: 500px;
    grid-template-rows: 330px;
    justify-content: center;
    align-items: center;
}
.descripcion-proyecto p{
	margin-bottom: 0;
}

.wireframe{
	display: grid;
	grid-template-columns: 1fr 1fr;
	position: relative;
	align-content: center;
	height: 500px;
}
.wireframe img{
	position: relative;
}
.wireframe::before{
    content: ' ';
    width: 100%;
    height: 325px;
    background: #eeeeee;
    position: absolute;
    left: 0;
    top: 0;
}
.wireframe > div:nth-child(1){
	text-align: center;
}
.wireframe > div .texto{
	position: relative;
	padding: 0 70px 0 0;
}
.wireframe > div .texto span{
	display: block;
	font-size: 27px;
	color: #5A646A;
	font-weight: lighter;

}
.wireframe > div .texto h3{
	font-size: 40px;
	line-height: 48px;
	color: #5A646A;
}
.descripcion-wireframe{
	margin-top: 70px;
	display: grid;
	grid-template-columns: 30% 70%;
	column-gap: 70px;
}
.descripcion-wireframe span{
	display: block;
	font-size: 27px;
	color: #5A646A;
	font-weight: lighter;
}
.descripcion-wireframe h3{
	color: #5A646A;
	font-size: 40px;
	line-height: 48px;
}
.descripcion-wireframe > div img{
	width: 100%;
	height: 627px;
	object-fit: cover;
	position: relative;
	bottom: -4px;
}
.descripcion-wireframe > div:nth-child(1){
	padding-left: 70px;
}
.descripcion-wireframe > div p{
	font-size: 20px;
	line-height: 30px;
	color: #5A646A;
}
.fondo-descripcion{
	background-color: #5A646A;
	position: relative;
	top: -5px;
}
.fondo-descripcion p{
	color: #fff;
}

.diseno{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}
.diseno p{
	color: #fff;
}
.cotiza-proyecto{
	background: #1A1D20;
}
.cotiza-proyecto textarea{
	background: #202429;
}
.cotiza-proyecto .group input{
	color: #fff;
}
.contenedor-404{
	max-width: 300px;
	width: 90%;
	margin: 200px auto;
	position: relative;
	padding-left: 50px;
}
.contenedor-404 h1{
	font-size: 167px;
    letter-spacing: -9px;
    color: #55646B;
    position: absolute;
	left: -270px;
    top: -70px;
}
.contenedor-404 .btn-primary{
	display: inline-block;
    padding: 10px 30px;
    border: 1px solid #006BA9;
    color: #006BA9;
}
.contenedor-cotizador{
	background: #006DAA;
	padding: 100px 0;
	text-align: center;
}

.cotizador h2{
	color: #fff;
	font-size: 52px;
	margin-bottom: 30px;
}

.cotizador a{
    width: 289px;
    height: 62px;
    font-size: 20px;
    font-weight: 300;
	display: inline-block;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 36px;
    line-height: 60px;
}
.checks span{
	font-size: 26px;
    color: #fff;
    font-weight: lighter;
    display: block;
    text-align: left;

}
.cotizador .item{
	min-height: 200px;

}
.cotizador .item:nth-child(2){
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 70px;
	align-items: center; 
}
.cotizador .item:nth-child(2) h3, .cotizador .item:nth-child(3) h3, .cotizador .item:nth-child(4) h3, .cotizador .item:nth-child(5) h3{
	text-align: left;
	font-size: 37px;
	line-height: 51px;
	color: #fff;
	font-weight: lighter;
}
.cotizador .item:nth-child(3) h3, .cotizador .item:nth-child(4) h3{
	text-align: center;
}
.cotizador .item:nth-child(3){
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 80px 70px;
    grid-column-gap: 50px;
    align-items: center;
}
.cotizador .item:nth-child(3) .checks{
    display: grid;
    grid-template-columns: 270px 270px 460px;
    justify-content: center;

}

/*.cotizador .item:nth-child(3) .checks span{
	text-align: center;
}*/
.cotizador .item:nth-child(4){
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
}
.cotizador .item:nth-child(4) .checks{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
    grid-row-gap: 30px;
    max-width: 232px;
    margin: 0 auto;
}
.cotizador .item:nth-child(4) .checks span:first-child{
	text-align: right;
}

.cotizador .item:nth-child(5){
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center; 
}
.cotizador .item:nth-child(5) h3{
	color: #fff;
	font-weight: lighter;
}
.cotizador .item:nth-child(6) h3{
    font-size: 35px;
    font-weight: lighter;
    color: #fff;
    position: relative;
    bottom: -10px;
}
.cotizador .item:nth-child(6) h2{
	font-size: 39px;
}
.cotizador .slick-arrow{
	font-size: 0;
    border: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    z-index: 99;
    cursor: pointer;
}
.cotizador .slick-prev{
	position: absolute;
    left: 0px;
    top: 100px;
}

.cotizador .slick-next{
	position: absolute;
    right: 0px;
    top: 100px;
}
.cotizador span{
	position: relative;
}

.cotizador input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.cotizador label{
	display: block;
    position: relative;
    font-weight: 300;
    font-size: 26px;
    margin-bottom: 30px;
    padding: 0 0 0 59px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.cotizador .item span:hover label{
	color: #FFFFFF;
}

.cotizador .item span .check{
  display: block;
  position: absolute;
  border: 1px solid #ffffff;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 7px;
  left: 20px;
  z-index: 99;
  transition: border .2s linear;
  -webkit-transition: border .2s linear;
  cursor: pointer;
}

.cotizador .item span:hover .check {
  border: 1px solid #FFFFFF;
}

.cotizador .item span .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
	top: 4px;
    left: 4px;
  margin: auto;
	transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
}

.cotizador input[type=radio]:checked ~ .check {
  border: 1px solid #fff;
}

.cotizador input[type=radio]:checked ~ .check::before{
  background: #fff;
}


.heroimg{
	width: 100%;
	height: 680px;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.hero-text h1, .hero-text p{
	text-align: center;
	color: #fff;
}
.hero-text h1{
	font-size: 50px;
}
.hero-text{
	margin: 200px auto 70px auto;
	position: relative;
}
.hero-text p{
	font-size: 23px;
    line-height: 30px;
    text-align: center;
}
.slick-slide img{
	margin: 0 auto;
}
.funcionalidades{
	width: 90%;
	margin: 100px auto 70px;
}
.funcionalidades > div{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 50px 70px;
}
.funcionalidades > div h3, .funcionalidades > div img{
	align-self: center;
	justify-self: center;
	margin: 0;
}
.funcionalidades h2{
	font-size: 36px;
    line-height: 35px;
	text-align: center;
	margin-bottom: 100px;
}
.funcionalidades .listado{
	text-align: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-rows: 260px;
}
.funcionalidades .listado > div{
	display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 80px 130px;
}
.funcionalidades .listado h3{
	font-size: 16px;
	line-height: 21px;
}
.funcionalidades .listado p{
	font-size: 15px;
	color: #646464;
}

.seccion-verde{
	background: #2C9A7B url(/imagenes/landing/signo-peso.svg) no-repeat 95%;
}
.seccion-verde .center-internas{
	display: grid;
	grid-template-columns: 60%;
	grid-template-rows: 400px;
	align-items: center;
}
.seccion-verde .center-internas > div:nth-child(1){
	position: relative;
	left: -50px;
}
.seccion-verde h2 {
    font-size: 44px;
	line-height: 46px;
	color: #fff;
}
.seccion-verde h2 span{
	font-weight: 100;
}
.seccion-verde p{
	color: #fff;
}


.atributos{
	text-align: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 70px;
    grid-row-gap: 30px;
	grid-template-rows: 200px;
	padding: 150px 0 50px;
}
.atributos > div{
	display: grid;
    grid-template-columns: 1fr;
	grid-template-rows: 50px 50px 130px;
}
.atributos img{
	display: block;
	margin: 0 auto;
}
.atributos h3{
	font-size: 21px;
	line-height: 24px;
	margin-top: 20px;
}
.atributos p{
	font-size: 15px;
	color: #646464;
	margin-top: 12px;
}
.titulo-trabajos{
	text-align: center;
    margin: 0 0 120px 0;
}
.clientes-landing{
	margin: 0px auto 20px;
}
.clientes-landing h2{
	text-align: center;
}
.clientes-landing .logos{
	margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    justify-content: center;
    grid-row-gap: 50px;
}

.clientes-landing .logos > div{
	align-self: center;
    justify-self: center;
}
.clientes-landing .logos img{
	max-width: 150px;
    height: auto;
    display: block;
    filter: grayscale(100%);
    opacity: 0.8;
	cursor: pointer;
}
.clientes-landing .logos img:hover{
	filter: none;
}
.cotizador-landing{
	padding: 70px 0;
	background: #206aa6;
}
.cotizador-landing .group input{
	border-color: #1F8CCB;
	color: #fff;
}
.cotizador-landing .group label, .formulario .doble .nice-select span{
	color: #fff;
	font-weight: 100;
}

.cotizador-landing .group input:valid ~ label{
	color: #fff !important;
}
.cotizador-landing .formulario .doble .nice-select{
	border-color: #1F8CCB;
}
.cotizador-landing .nice-select:after{
	border-color: #fff;
}
.cotizador-landing textarea{
	background: #0473B4;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
	height: 180px;
}
.cotizador-landing textarea::placeholder{
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-weight: 100;
}
textarea {
	font-family: 'Roboto', sans-serif;
}

.cotizador-landing p, .cotizador-landing p span{
	color: #fff;
	margin-bottom: 50px;
}

.funcionalidades .listado-responsivo{
	display: none;
}
.seccion-verde img{
	display: none;
}
.logo-landing{
	position: absolute;
    z-index: 9;
    top: 70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.form-home .nice-select span, .form-sistemas .nice-select span, #form-contacto .nice-select span{
    font-size: 19px;
    color: #999 !important;
    font-weight: 400 !important;
}
#sequence p{
	text-shadow: none !important;
}

.oficinas .mapa{
	position: absolute;
	right: 0;
}
.inteligencia-contenido, .mision-vision{
	padding: 70px 0 100px;
	display: grid;
	grid-template-columns: 50% 50%;
}
.inteligencia-contenido > div:nth-child(2), .mision-vision > div:nth-child(2){
	justify-self: right;
}
.inteligencia-contenido h3{
	color: #5A646A;
}
.inteligencia-contenido .imagen, .mision-vision .imagen{
	width: 365px;
	height: 470px;
	object-fit: cover;
}

.grilla-rse{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 70px;
	padding: 70px 0 40px;
	margin-bottom: 40px;
}

.grilla-rse .full{
	padding: 50px 0;
	border-top: 1px solid #ccc;
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}
.full .grilla-doble{
	border-bottom: 1px solid #ccc;
	margin: 50px 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
}
.grilla-rse .full-2{
	grid-row: 3 / 4;
	grid-column: 1 / 3;	
}
.convenio-marco{
	background: #306799;
    padding: 130px 0;
	margin-bottom: 50px;
}
.convenio-marco h1{
	font-size: 38px;
	color: #fff;
	text-shadow: none !important;
}
.convenio-marco h1 span{
	font-size: 48px;
	font-weight: 100;
	position: relative;
    top: -10px;
}
.convenio-marco p{
    font-size: 23px;
    font-weight: normal;
	line-height: 28px;
	text-shadow: none;
	font-weight: lighter;
	margin: 0;
	color: #fff;
	width: 100%;
}
.convenio-marco .center-internas{
	display: grid;
	grid-template-columns: 60% 40%;
	grid-column-gap: 50px;
	align-items: center;
}
.convenio-marco .center-internas img{
	width: 100%;
}
.convenio-contenido h3{
	color: #5A646A;
	margin: 50px 0;
}

.convenio-contenido .lista-grilla{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 50px 0 150px;
}

.metodologia__grid {
    display: grid;
    grid-template-columns: 1fr 1000px;
    border-radius: 0px;
    gap: 100px;
    padding: 0px 200px 0px 200px;
}

.convenio-contenido .lista-grilla ul{
	margin: 0;
	padding: 0;
}
.convenio-contenido .lista-grilla ul li{
	margin-bottom: 30px;
	font-size: 18px;
	color: #5A646A;
	font-weight: 300;
	position: relative;
	padding-left: 15px;
}
.convenio-contenido .lista-grilla ul li:after{
	content: ' ';
    width: 5px;
    height: 5px;
    background: #306799;
    position: absolute;
    left: 0;
    top: 8px;
}
.cotizador-convenio{
    background: #306799;
}
.cotizador-convenio h4{
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin-bottom: 100px;
}
.cotizador-convenio form{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 200px;
}
.cotizador-convenio .group input{
	border-bottom-color: #1F8CCB;
	color: #fff;
}

.cotizador-convenio .group label{
	color: #fff;
	font-weight: 100;
}
.group input:focus ~ label, .group input:valid ~ label {
    color: #909090;
}
.cotizador-convenio form .text-area{
	grid-column: 1 / 3;
	position: relative;
}
.cotizador-convenio form .text-area span{
	position: absolute;
    right: 0;
    bottom: 15px;
    color: #6DC1F2;
    font-size: 16px;
}
.cotizador-convenio form .text-area textarea{
	margin-bottom: 26px;
    background: #1f8bcb52;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}
.cotizador-convenio form .text-area textarea::placeholder{
	color: #fff;
}


.radio-button,
.checkbox {
  position: relative;
  margin: 20px 0;
}
.checkbox { display: block; }

.radio-button input,
.checkbox input {
  position: absolute;
  margin: 5px;
  padding: 0;
  /* for mobile accessibility (iOS Label Bug) */
  visibility: hidden;
}
.radio-button .label-visible,
.checkbox .label-visible {
  margin-left: 2em;
  margin-bottom: 0;
}

.fake-radiobutton,
.fake-checkbox{
  position: absolute;
  display: block;
  top: 0;
  left: 3px;
  width: 20px;
  height: 20px;
  border: 2px solid #34B4FF;
  cursor: pointer;
}
.fake-radiobutton:after,
.fake-checkbox:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background:#34B4FF;
  transform: translateX(-50%) translateY(-50%);
}

.fake-radiobutton { border-radius: 50%; }
.fake-radiobutton:after { border-radius: 50%; }

input[type="radio"]:checked + span .fake-radiobutton:after,
input[type="checkbox"]:checked + span .fake-checkbox:after { display: block; }


.radios > label{
	color: #fff;
	font-weight: 100;
	font-size: 18px;
	display: block;
	margin-bottom: 20px;
}
.radios p{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}
.radios p label{
	color: #fff;
	font-weight: 100;
	font-size: 18px;	
}


.convenio-marco-home .center{
	display: grid;
	grid-template-columns: 30% 50%;
	grid-column-gap: 100px;
	grid-template-rows: 150px;
	align-items: center;
	padding: 100px 0;

}
.convenio-marco-home img{
	width: 100%;
}
.convenio-marco-home p{
	margin: 0;
	color: #979798;
}
.convenio-marco-home a{
	display: block;
	color: #fff;
	margin-top: 20px;
}


.convenio-img{
	max-width: 450px !important;
	width: 90% !important; 
	height: auto !important;
}

.menu-responsivo{
	position: fixed;
	top: 0;
    left: -350px;
	max-width: 300px;
	width: 100%;
	height: 100%;
	background: #1F6BA6;
	z-index: 9999;
	padding-top: 80px;
	transition: all ease-in-out .3s;
}
.menu-responsivo.open{
	left: 0;
}
.menu-responsivo .back{
	position: absolute;
    top: 20px;
    left: 30px;
}
.menu-responsivo .first-menu{
	padding: 0 30px 30px 30px;
}
.menu-responsivo .submenu{
	background: #1E2225;
	padding: 30px;
}
.menu-responsivo .first-menu li a{
	font-size: 21px;
	color: #fff;
	margin-bottom: 26px;
	display: block;
}
.menu-responsivo .first-menu li .last{
	margin-bottom: 0;
}
.menu-responsivo .submenu li a{
	font-size: 18px;
	color: #fff;
	display: block;
	margin-bottom: 18px;
}
.menu-responsivo .redes{
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #5a5a5a;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 50px;
	align-items: center;
	justify-content: center;
}
.menu-responsivo .redes a i{
	color: #fff;
	font-size: 25px;
}



.back-to{
	height: 100px;
	margin-bottom: 50px;
	text-align: right;
}
.back-to a span{
	margin-right: 10px;
}
.back-to img, .back-to a{
	display: inline-block;
	vertical-align: middle;
}
.back-to a:hover{
	text-decoration: none;
}


.clientes-landing-sistemas{
	padding: 80px 0;
}
.cotizador-landing-sistemas{
	margin-top: 70px;
}
.hero-sistemas h1{
    font-size: 50px !important;
    line-height: 50px !important;
}
.hero-sistemas p{
	font-size: 23px !important;
	line-height: 30px !important;
	text-align: center;
	margin-top: 30px;
}

/***********NOTY**********/
.notificacion{
    position: fixed;
	left: -5px;
	margin-left: 3%;
    bottom: 30px;
    background: #3e3e3e;
	padding: 25px 70px 25px 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-right 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.notificacion .icono{
	display: inline-block;
    vertical-align: middle;
}
.notificacion span{
	display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}
.notificacion .close{
	position: absolute;
    right: 26px;
    width: 15px;
    top: 30px;
    cursor: pointer;
}
.notificacion .close img{
	width: 100%;
	z-index: 99;
	position: relative;
}
.load .close{
	top: 35px;
}
/********END NOTY**********/


.screenAplicaciones{
	text-align: center;
	position: relative;
	margin-bottom: 70px;
}





/*** Proyectos ***/

.contenedor-azul{
	padding: 214px 0;
	height: 700px;
	background: #1F6BA6;
	margin-bottom: 400px;
}
.contenedor-azul .intro{
	display: grid;
	grid-template-columns: 130px 1fr 420px;
	margin-bottom: 80px;
	align-items: center;
}
.contenedor-azul .intro p{
	font-size: 17px;
}
.contenedor-azul p, .contenedor-azul span, .contenedor-azul b{
	color: #fff;
	margin: 0;
}
.testimonio .texto{
	padding: 50px;
	background: #26292B;
}
.contenedor-azul .desafio{
	text-align: center;
	justify-self: center;
	position: relative;
}
.contenedor-azul .desafio:after{
	content: '';
    position: absolute;
    width: 15px;
    height: 40px;
    left: 320px;
    top: 50px;
    background: url(/imagenes/proyecto/i-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.contenedor-azul .desafio:before{
	content: '';
    position: absolute;
    width: 15px;
    height: 40px;
    right: 320px;
    top: 50px;
    background: url(/imagenes/proyecto/i-right.svg);
    background-size: contain;
    background-repeat: no-repeat;	
}
.contenedor-azul .desafio span{
	font-size: 40px;
	display: block;
	font-weight: lighter;
}
.contenedor-azul .desafio b{
	font-size: 60px;
	position: relative;
	top: -10px;
}
.contenedor-azul .testimonio{
	display: grid;
	grid-template-columns: 1fr 500px;
}
.contenedor-azul .testimonio .texto{
	height: 500px;
}
.contenedor-azul .testimonio p{
    font-size: 30px;
    text-align: right;
    line-height: 46px;
}
.contenedor-azul .testimonio span{
	font-size: 26px;
	text-align: right;
	font-weight: lighter;
	display: block;
	margin-top: 20px;
}
.contenedor-azul .testimonio img{
	width: 500px;
	height: 500px;
	object-fit: cover;
}
.seccionDesarrollo{
	display: grid;
	grid-template-columns: 40% 500px;
	grid-column-gap: 150px;
}
.seccionDesarrollo .imagen{
	position: relative;
}
.seccionDesarrollo .imagen img{
	position: relative;
	z-index: 9;
	width: 100%;
}
.seccionDesarrollo .imagen:after{
	content: '';
	position: absolute;
	width: 105%;
	height: 80%;
	left: 0;
	top: -30px;
	background:#1F6BA6;
}
.seccionDesarrollo h2, .conclusionesProyecto h2, .resultado h2{
	font-size: 78px;
	color: #5A646A;
}
.conclusionesProyecto h2, .resultado h2{
	color: #fff;
	font-size: 60px;
}
.resultado h2{
	color: #5A646A;
}

.seccionDesarrollo span, .conclusionesProyecto span, .resultado span{
	font-size: 44px;
    display: block;
    font-weight: 100;
    line-height: 45px;
    margin-bottom: 20px;
    position: relative;
	top: -10px;
	color: #5A646A;
}
.resultado span{
    margin: 0;
    position: relative;
    bottom: -10px;
    top: auto;
}
.conclusionesProyecto span{
	color: #fff;
}
.seccionDesarrollo p{
	font-size: 17px;
}
.conclusionesProyecto p{
	font-size: 17px;
	color: #fff;
}
.seccionImagenes{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 100px 0 0;
}
.seccionImagenes img{
	width: 100%;
	height: 450px;
	object-fit: cover;
}
.conclusionesProyecto{
	padding-top: 100px;
	background: #26292B;
	height: 700px;
	margin-bottom: 200px;
}
.conclusionesProyecto .center-internas{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 150px;
}
.conclusionesProyecto img{
	position: absolute;
    width: 500px;
}
.resultado div:first-child{
	text-align:right;
	position: relative;
}
.resultado .imagen img{
	max-width: 1100px;
	width: 100%;
	position: relative;
	z-index: 9;
}
.resultado .imagen:after{
	content: '';
    position: absolute;
    right: 0;
    top: -30px;
    max-width: 1140px;
    width: 100%;
    height: 400px;
    background: #1f6ba6;
}
.resultado .center-internas{
	display: grid;
	grid-template-columns: 1fr 550px;
	grid-column-gap: 100px;
	margin: 80px auto 100px;
}
.resultado p{
	font-size: 17px;
}


.carruselSitio, .testimoniosWeb{
	position: relative;
}

.carruselSitio .flex-control-nav,
.testimoniosWeb .flex-control-nav{
	width: 100%;
    text-align: center;
    position: absolute;
	bottom: 30px;
}
.carruselSitio .flex-control-nav li a, 
.carruselSitio .flex-control-nav li,
.testimoniosWeb .flex-control-nav li a, 
.testimoniosWeb .flex-control-nav li{
	display: inline-block;
	margin-right: 10px;
	font-size: 0;
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 100px;
	cursor: pointer;
}
.carruselSitio .flex-control-nav .flex-active, 
.carruselSitio .flex-control-nav li a:hover,
.testimoniosWeb .flex-control-nav .flex-active, 
.testimoniosWeb .flex-control-nav li a:hover{
	background: #1d6da7;
}
.max-foto{
	max-width: 75px;
}

#busqueda-avanzada{
	width: 250px;
	background: #206aa6;
	text-align: center;
	margin: 0 auto;
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 40px;
	border-radius: 40px;
	-webkit-transition: all 180ms ease-in-out;
	-moz-transition: all 180ms ease-in-out;
	-ms-transition: all 180ms ease-in-out;
	-o-transition: all 180ms ease-in-out;
	transition: all 180ms ease-in-out;
}
#ancla-landingg{
	width: 250px;
	background: #206aa6;
	text-align: center;
	margin: 0 auto;
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 40px;
	border-radius: 40px;
	-webkit-transition: all 180ms ease-in-out;
	-moz-transition: all 180ms ease-in-out;
	-ms-transition: all 180ms ease-in-out;
	-o-transition: all 180ms ease-in-out;
	transition: all 180ms ease-in-out;
}
#busqueda-avanzada:hover,
#ancla-landingg:hover{
	background: #7daa37;
}
.testimoniosWeb .titulo{
	margin-bottom: 30px;
}
.testimoniosWeb .titulo h2{
	font-size: 50px;
	color: #1f6ba6;
	line-height: 46px;
	text-align: center;
}
.testimoniosWeb .titulo span{
    font-size: 40px;
    position: relative;
    top: -20px;
    font-weight: 100;
	color: #5a5a5a;
	display: block;
	text-align: center;
}

.testimonioInterno{
	display: grid;
	grid-template-columns: 1fr 500px;
}
.testimonioInterno .texto{
	height: 500px;
    padding: 50px;
    background: #26292B;
}
.testimonioInterno p{
    font-size: 30px;
    text-align: right;
	line-height: 46px;
	color: #fff;
}
.testimonioInterno.texto2 .texto { background-color:#FFF;}
.testimonioInterno.texto2 h3 { color: #293135; margin-bottom: 20px;}
.testimonioInterno.texto2 p{
	color: #293135;
    font-size: 18px;
    text-align: left;
	line-height: 30px;
}
.testimonioInterno span{
	font-size: 26px;
	text-align: right;
	font-weight: lighter;
	display: block;
	margin-top: 20px;
	color: #fff;
	opacity: .7;
	line-height: 33px;
}
.testimonioInterno img{
	width: 500px;
	height: 500px;
	object-fit: cover;
}
.testimoniosWeb{
	padding: 70px 0;
}

.formSitiosWeb p {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 40px;
}



/*** Proyecto Detalle  ***/


.ProyectoDetalle{
	display: grid;
	grid-template-columns: 500px 1fr;
	grid-column-gap: 50px;
	position: relative;
	height: 500px;
	margin: 100px auto;
}
.ProyectoDetalle .visualizador{
	display: grid;
    align-items: end;
    justify-items: center;
}
.ProyectoDetalle .visualizador img{
	width: 90%;
}
.ProyectoDetalle .menu{
	position: absolute;
    bottom: 200px;
    right: 148px;
    width: 300px;
}
.ProyectoDetalle .menu ul li{
	margin: 0;
}
.ProyectoDetalle .menu ul li a{
	padding: 5px 20px;
	font-size: 16px;
	border-left: 3px solid #ececec;
	margin: 0;
	color: #5a5a5a;
	display: block;
	cursor: pointer;
}
.ProyectoDetalle .menu ul li a:hover{
	background: #eaf6ff;
    border-color: #206aa6;
	font-weight: 400;
	text-decoration: none;
	color: #206aa6;
}

.ProyectoDetalle .active{
	background: #eaf6ff;
    border-color: #206aa6 !important;
	font-weight: 400;
	color: #206aa6 !important;
}

.ProyectoDetalle .texto{
	height: 330px;
}
.ProyectoDetalle .texto h2{
	font-size: 50px;
	color: #5a646a;
}
.ProyectoDetalle .texto span{
	font-size: 40px;
    font-weight: lighter;
    position: relative;
	top: -14px;
	color: #5a646a;
}
.ProyectoDetalle .texto p{
	font-size: 16px;
    line-height: 23px;
}

.caracteristicaServicio{
	background: #31383c;
	padding: 70px 0;
}
.caracteristicaServicio h4{
	font-weight: 500;
	font-size: 20px;
	margin: 10px 0;
	line-height: 25px;
}
.caracteristicaServicio h4, .caracteristicaServicio p{
	color: #fff;
}
.caracteristicaServicio .center-internas{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 50px;
}
.caracteristicaServicio .item{
	text-align: center;
}
#background-cotiza-proyecto {
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
}
#background-cotiza-proyecto h1 {
	color:#FFF;
	font-weight: 700;
	font-size: 50px;
	line-height: 66px;
	text-align:center;
	max-width: 560px;
	margin: 0 auto 10px;
}
#background-cotiza-proyecto p{
	color:#FFF;
	font-size: 20px;
}
#background-cotiza-proyecto form.formulario, .formularioBlanco {
	font-size:0;
	background: #FFFFFF;
	padding: 40px 50px;
	box-shadow: 0px 0px 44px rgba(30, 98, 153, 0.06);
	border-radius: 20px;
}

#background-cotiza-proyecto .col1 {
	width: 50%;
	padding: 0 3%;
}
#background-cotiza-proyecto h3 {
	color: #585858;
	font-size: 26px;
	font-weight: 700;
	line-height: 41px;
	text-align:center;
	margin-bottom: 30px;
}

#background-cotiza-proyecto label {
	display: none;
}
#background-cotiza-proyecto .form {
	color:#585858;
	font-size: 16px;
	line-height: 20px;
	background: #FFFFFF;
	width: 100%;
	padding: 13px 20px;
	border: 1px solid #DEDEDE;
	border-radius: 10px;
}
.contenedorInput{
	margin-bottom: 15px;
}
#background-cotiza-proyecto textarea.form { height: 238px;}
#background-cotiza-proyecto form.formulario .btn-primary {
	color:#FFF;
	font-size: 17px;
	line-height: 20px;
	background: #7DAA37;
	padding: 13px 20px;
	border-radius: 10px;
	border: 0;
	width: 100%;
}
#background-cotiza-proyecto form.formulario .btn-primary:hover {
	background-color: #729936;
}
#background-cotiza-proyecto form.formulario .btn-primary:focus {
	background-color: #668831;
}
.btn-hook-link{
	color:#FFF;
	font-size: 17px;
	line-height: 20px;
	/* background: #95D642; */
	background: #3B7142;
	padding: 13px 20px;
	border-radius: 10px;
	/* border: 1px solid #95D642; */
}

.texto--center{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.marginEnd{
	margin-bottom: 150px;
}

/* EXPERIENCIAS */
.gridExperiencias{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 60px;
	align-items: center;
	margin: 60px 0px;
}
.experiencias__card {
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
}

.experiencias__card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(31, 107, 166, 0.7); 
  transition: background 0.3s ease;
  z-index: 1; 
}

.experiencias__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 0;
}

.experiencias__card p {
  position: absolute;
  bottom: 20px;
  left: 20px;
  margin: 0;
  color: white;
  font-size: 24px;
  z-index: 2;
  font-weight: 500;
}
/* Experiencia detalle */
.experienciaIntro{
	display: grid !important;
	grid-template-columns: 175px 1fr;
	align-items: center;
	gap: 120px;
	padding: 20px;
}
.experienciaIntro__txt h3{
	color: #334155;
	margin-bottom: 24px;
}
.experienciaIntro__txt ul {
	list-style: disc;
	padding-inline-start: 25px;
}

.experienciaIntro__txt ul p{
	margin: 0px;
}
.experienciaIntro__carrusel .slick-prev{
	top: 30%;
	background-image: url(/imagenes/template/i-prev-carrusel2.svg) !important;
}
.experienciaIntro__carrusel .slick-next{
	top: 30%;
	background-image: url(/imagenes/template/i-next-carrusel2.svg) !important;
}
/* Hover */
.experiencias__card:hover img {
  transform: scale(1.1);
}

.experiencias__card:hover::after {
	background: rgba(31, 107, 166, 0.3); 
}
.banner--sinMargen{
	margin-bottom: 0px;
}
/*====== Miga de pan ======*/
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
    gap: 10px;
    width: 100%;
	margin-top: 16px;
	margin-bottom: 25px;
}
.breadcrumb a{
	color: #334155;
}
.breadcrumb i{
	color: #334155;
	font-size: 12px !important;
}
.breadcrumb__active{
    font-weight: 700;
}

/* Casos */
.gridCasos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  max-width: 800px;
  margin-top: 24px;
}

.casos__card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  height: 420px;
  display: flex;
  align-items: flex-end;
  color: white;
  padding: 30px;
}

.casos__card__fondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  z-index: 1;
}

/* Capa con degradado encima de la imagen */
.casos__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  z-index: 2;
}

.casos__card__logo {
  position: absolute;
  top: 30px;
  left: 30px;
  max-width: 45%;
  z-index: 3;
}

.casos__card__txt {
  position: relative;
  z-index: 3;
  font-size: 1rem;
  line-height: 1.4;
  width: 100%;
  margin: 0px;
  color: white;
}

/* Efecto hover de zoom */
.casos__card:hover .casos__card__fondo {
  transform: scale(1.1);
}

.cards a:hover{
	text-decoration: none !important;
}

.gridBanner{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 90px;
}
.gridBanner__linea{
	width: 2px;
	height: 100px;
	background-color: white;
}
.gridBanner img{
	width: 250px;
}
.gridBanner p{
	margin: 0px;
}

/* Detelle de proyecto */
.objetivosExperiencias{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 80px;
	margin-top: 70px;
}
.objetivosExperiencias__txt p,
.objetivosExperiencias__txt h2,
.objetivosExperiencias__txt__puntos h3,
.objetivosExperiencias__txt h4{
	color: #334155;
	margin: 0px;
}

.objetivosExperiencias__txt h4{
	line-height: 24px;
}
.objetivosExperiencias__txt__titulo{
	font-weight: 200;
}
.objetivosExperiencias__txt__puntos{
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 50px;
}
.objetivosExperiencias__txt__puntos .flex-row img{
	width: auto !important; 
}
.objetivosExperiencias__img {
    position: relative;
    z-index: 1;
}
.objetivosExperiencias__img img{
	width: 100%;
}
.objetivosExperiencias__img::before {
    content: "";
    position: absolute;
    top: -40px;
    left: -35px;
    width: 100%;
    height: 100%;
    background-color: #1F6BA6; 
    z-index: -1;
}
/* Funcionalidades */
.funcionalidadesGrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
.objetivosExperiencias__txt__puntos h3{
	line-height: 32px;
}


/********** RESPONSIVE **********/
/*@media (min-width: 1200px) {
.center, #contenido { width: 1170px;}
}*/


@media screen and (min-width: 1300px){
	.nuestro-equipo {
	    padding: 200px 0;
	}
	.nuestro-equipo img{
		top: 150px;
	}
	.cotizador .slick-prev{
		left: -100px;
	}
	.cotizador .slick-next{
		right: -100px;
	}
	.adwords-content{
		justify-items: end;
	}
	.adwords-content .texto {
		width: 75%;
		padding-right: 110px;
		margin: 60px 0;
	}
}

@media screen and (min-width: 980px) {
.partners { width: 330px;}
}
@media screen and (min-width: 1207px) {
.partners { width: 482px;}
footer .partners img:last-child { margin-right:0;}
}

@media  screen and (max-width: 1600px){
	.metodologia__grid {
		grid-template-columns: 1fr 650px !important;
	}
	.metodologia__grid .slick-slide img {
		width: 100%;
	}
}

@media  screen and (max-width: 1450px){
	.metodologia__grid {
		grid-template-columns: 1fr 500px !important;
	}

	.fondoPortadaLanding {
		padding: 90px 160px 0px 160px !important;
	}
	.metodologia__grid {
		padding: 0px 160px 0px 160px !important;
		gap: 50px !important;
	}
	.cotizador-landing3--conPadding{
		padding: 90px 160px 0px 160px !important;
	}
	.contenido__padding{
		padding: 0px 160px 0px 160px !important;
	}
}

@media  screen and (max-width: 1300px){
	.cotizador-landing3 {
		gap: 80px !important;
	}
	.fondoPortadaLanding {
		padding: 90px 100px 0px 100px !important;
	}
	.metodologia__grid {
		padding: 0px 100px 0px 100px !important;
		gap: 50px !important;
	}
	.cotizador-landing3--conPadding{
		padding: 90px 100px 0px 100px !important;
	}
	.contenido__padding{
		padding: 0px 100px 0px 100px !important;
	}
}

@media screen and (max-width: 1200px) {
	.fondoPortadaLanding{
		margin-bottom: 220px !important;
	}
	.metodologia__grid {
		grid-template-columns: 1fr 400px !important;
	}
footer .partners img{ margin-bottom: 20px;	}
.seccion-cultura-medio{
	height: auto;
	padding: 70px 0 0 0;
	position: relative;
}
.seccion-cultura-medio img{
	height: auto;
	position: relative;
	width: 100%;
	right: 0;
}
.seccion-cultura-medio .texto{
	position: relative;
	width: 100%;
	left: 0;
	padding: 0 60px;
	top: 0;
	margin-bottom: 70px;
}
.seccion-verde{
	padding: 50px 0;
	background-image: none;
}
.seccion-verde img{
	width: 300px;
	margin: 80px auto 50px;
	display: block;
}
.seccion-verde .center-internas{ display: block;}
.seccion-verde .center-internas > div:nth-child(1){ left: 0;}
.seccion-verde h2 {
	font-size: 32px;
	line-height: 34px;
	margin-bottom: 30px;
}
.seccion-verde h2 span{ font-size: 26px;}
.SliderPantallas img, .SliderTrabajos img{ width: 90%; margin: 0 auto;}
.contenedor-azul .testimonio p { font-size: 25px;}
.testimonioInterno p{
	font-size: 20px;
	text-align: right;
	line-height: 31px;
}
.testimonioInterno span { font-size: 24px;}

.ProyectoDetalle{ padding-top: 70px; margin: 30px auto;}
.ProyectoDetalle .menu{
	left: 0;
	right: auto;
	top: 0;
	bottom: auto;
	width: 100%;
}
.ProyectoDetalle .menu ul li{ display: inline-block;}
#nav{ display: none;}
#nav-icon{ display: block; top: 30px;}
#logo{ margin: 0 auto;}

.fondoPortadaLanding {
	height: 700px !important;
}

}

@media  screen and (max-width: 1100px){
	.cotizador-landing3 {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}
	.fondoPortadaLanding{
		margin-bottom: 400px !important;
	}
	.metodologia__grid{
		display: inherit !important;
		text-align: center;
	}
	.metodologia__cuadro{
		width: 100% !important;
	}
	.cotizador-landing3--conFondo {
		height: auto !important;
		padding-bottom: 90px !important;
	}
	.logo__final {
		margin: 60px 0px !important;
	}
}

@media screen and (max-width: 979px) {

/* Experiencias */
.gridExperiencias{
	grid-template-columns: 1fr 1fr;
}
.experienciaIntro{
	gap: 30px;
	padding: 10px;
}
/* ------ */
.fondoPortadaLanding {
    margin-bottom: 450px !important;
}
.telefono-mapa {
    bottom: 30px;
}

footer .partners { text-align: center; padding-top: 20px;}
footer .partners img { display: inline-block;}

.adwords-content .texto { width: 90%;}
.center { width: 724px;}

.nuestro-trabajo .block, .nuestro-trabajo .block-md{ min-height: 360px;}
.nuestro-trabajo .block .grilla .texto-sm{ padding-top: 20px; min-height: 180px;}
.nuestro-trabajo .texto, .clientes .texto{ width: 100%; margin-bottom: 50px;}
.nuestro-trabajo{ padding: 70px 0 70px 0;}
.clientes .box{ width: 24%;}
.clientes .box b{ font-size: 50px; min-height: 80px;}
.testimonios .texto{
	width: 100%;
	display: block;
	border: 0;
	padding-left: 0; 
	min-height: 0;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
}
.testimonios .texto .autor img{ width: 70px;}
.convenio-marco p {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-top: 30px;
}
.convenio-marco p a{ text-align: center;}
.blog .entrada{
	width: 100%;
	display: block;
	float: none;
	margin-bottom: 50px;
}
.nuestro-equipo img{
	width: 100%;
	position: relative;
	top: 0;
	max-width: 100%;
}
.nuestro-equipo .texto { padding: 50px;}
.nuestro-equipo{ padding: 0;}
footer .menu-footer{
    position: relative;
    left: 0;
    border: none;
    padding-left: 0;
    margin-top: 50px;
}
.nuestro-trabajo .block .simpleParallax, .block-md .simpleParallax{ height: 360px;}

.entrada-blog .texto{ width: 100%;}
.entrada-blog .autor {
    width: 300px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin-top: 90px;
}

.listado-equipo .item{ width: 40%;}
.listado-equipo .item:nth-child(3), .listado-equipo .item:nth-child(6), .listado-equipo .item:nth-child(9), .listado-equipo .item:nth-child(12), .listado-equipo .item:nth-child(15){
	margin-right: 40px;
}

.detalle-equipo .texto h1{ font-size: 70px;}
.seccion-cultura .texto{ top: 30px;}
.seccion-cultura, .seccion-cultura2{ height: 550px;}
.nuestro-trabajo .block .simpleParallax img{ width: 74%;}
.block-md .simpleParallax img{ left: 30px;}

.nuestro-trabajo .grid{
	margin-top: 0;
	grid-gap: 20px;
	grid-template-rows: 300px 300px 300px;
}

.nuestro-trabajo .grid > div{ grid-column: 1 / 4;}
.nuestro-trabajo .grid > div .imagen-fondo{ display: none;}
.nuestro-trabajo .grid > div .img-respon{ display: block;}

.banner-proyecto .texto img{
	position: relative;
	display: block;
	left: 0;
	top: 0;
	width: 170px;
    margin-bottom: 20px;
}

.clientes-landing .logos{
	grid-template-columns: 1fr 1fr;
	align-items: center;
	justify-content: center;
	grid-template-rows: 100px;
}
.clientes-landing .logos > div{ justify-self: center;}
.oficinas .conce, .oficinas .stgo{ left: 0;}

.convenio-marco-home .center{
	grid-template-columns: 1fr;
	text-align: center;
	grid-row-gap: 30px;
}
.convenio-marco-home img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.caracteristicas-servicio .item { margin-bottom: 50px !important;}
.caracteristicas-servicio .item img { display: block; margin: 20px auto;}
.caracteristicas-servicio .item h3, .caracteristicas-servicio .item p, .caracteristicas .item h3,
.caracteristicas .item .texto p { text-align: center !important;}
.caracteristicas .item img {
	display: block;
	margin: 0 auto 30px;
	position: relative;
}
.caracteristicas .item .texto{ padding-left: 0;}

.detalle-equipo .texto-detalle{
	width: 100%;
	float: none;
}
.screenAplicaciones img{
	width: 80%;
	margin: 0 auto;
}

.contenedor-azul .intro{ display: block;}
.contenedor-azul .intro div{ display: inline-block;}
.contenedor-azul .intro .descripcion{ display: block; margin-top: 40px;}
.contenedor-azul .desafio{ padding: 0 50px;}
.contenedor-azul .desafio:after{ display: none;}
.contenedor-azul .desafio:before{ right: 360px;}
.contenedor-azul .testimonio{
    grid-template-columns: 1fr;
    max-width: 630px;
    width: 100%;
    margin: 0 auto;
}
.contenedor-azul .testimonio .texto{
	grid-row: 2;
	position: relative;
	top: -4px;
}
.contenedor-azul .testimonio img {
    width: 100%;
    height: auto;
}
.contenedor-azul{ height: 1113px;}
.contenedor-azul .testimonio p, .contenedor-azul .testimonio span{ text-align: center;}
.contenedor-azul .testimonio .texto{ height: auto;}
.seccionDesarrollo{
    text-align: center;
	padding: 130px 37px 0;
	display: block;
}
.seccionDesarrollo .imagen{ display: none;}
.conclusionesProyecto .imagen{ display: none;}
.conclusionesProyecto .center-internas{
	display: block;
	text-align: center;
}
.conclusionesProyecto{
	height: auto;
	padding: 100px 0;
	margin-bottom: 0;
}

.resultado .center-internas{
	grid-template-columns: 1fr;
	text-align: center;
}
.resultado div:first-child{ text-align: center;}
.contenedor-azul .desafio b{ font-size: 45px;}
.seccionDesarrollo h2, .conclusionesProyecto h2, .resultado h2{ font-size: 55px;}
.seccionDesarrollo span, .conclusionesProyecto span, .resultado span{ font-size: 32px;}
.ProyectoDetalle{
	height: auto;
	grid-template-columns: 1fr;
}
.ProyectoDetalle .visualizador{
	height: 400px;
	overflow: hidden;
	margin-bottom: 30px;
}
}


@media (max-width: 850px){
.fondoPortadaLanding {
    margin-bottom: 500px !important;
}
.fondoPortadaLanding--margenResponsive{
	margin-bottom: 670px !important;
}
.p-margin-top{
	margin-top: 10px;
}
#busqueda-avanzada{ display: none;}
.accordion{ display: block;}
.oficinas img{ display: block;}
.oficinas .dot, .oficinas .dot.dos{ display: none;}
.contacto h1{ font-size: 40px !important;}
.contenido-contacto .formulario{ top: 0; position: relative;}
.contacto{ height: auto;}
.contenido-contacto .formulario h4{ font-size: 23px;}
.contenido-contacto .datos-contacto{ padding-top: 50px;}
.datos-contacto div{ padding-left: 0;}
.center-internas.contenido-contacto{ max-width: 100%;}
.datos-contacto{ padding: 30px;}

.cita .texto{
	position: relative;
	top: 0;
	margin-bottom: 40px;
	margin-top: 100px;
}
.cita .texto img{
	width: auto;
	left: 0;
}
.cita img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
}

.wireframe, .descripcion-wireframe{
	grid-template-columns: 1fr;
	grid-row-gap: 40px;
}
.wireframe:before{ height: 265px;}
.wireframe > div .texto, .descripcion-wireframe > div:nth-child(1){
	padding: 0 40px;
}
.descripcion-wireframe{ margin-top: 0;}
.fondo-descripcion{
	padding: 0 40px;
	margin-bottom: 30px;
}

.contenedor-404{
	padding: 0;
	margin: 100px auto;
}
.contenedor-404 h1{
	position: relative;
	left: 0;
	top: 0;
}

.funcionalidades .listado{ display: none}
.funcionalidades .listado-responsivo{ display: block;}


.funcionalidades .listado-responsivo > div div{
	width: 48%;
	float: left;
}
.funcionalidades .listado-responsivo > div div img{
	display: block;
	margin: 0 auto 30px;
	max-height: 70px;
	min-height: 70px;
}
.funcionalidades .listado-responsivo > div div h3{ margin-bottom: 30px;}

.atributos{ grid-template-columns: 1fr;}
.atributos > div{ grid-template-rows: 50px 50px 80px;}
.heroimg{ height: 600px;}
.clientes .lista{ grid-template-columns: 1fr 1fr;}

.inteligencia-contenido, .mision-vision{
	padding: 50px 0;
	display: grid;
	grid-template-columns: 100%;
	grid-row-gap: 30px;
}
.inteligencia-contenido > div:nth-child(2), .mision-vision > div:nth-child(2){
	justify-self: center;
}
.inteligencia-contenido .imagen, .mision-vision .imagen{
	width: 100%;
	height: 470px;
	object-fit: cover;
}

.convenio-marco h1{ text-align: center;}
.convenio-marco .center-internas{
	grid-template-columns: 1fr;
	grid-row-gap: 50px;
}
.convenio-marco .center-internas > div:nth-child(2){
	justify-self: center;
}
.convenio-marco .center-internas img {
    max-width: 400px;
	width: 100%;
}

.cotizador-convenio form{ grid-template-columns: 1fr;}
.cotizador-convenio form .text-area{ grid-column: 1;}
.adwords-content{ grid-template-columns: 1fr; grid-template-rows: auto;}
.screenAplicaciones{ margin-bottom: 0;}

.seccionImagenes{ grid-template-columns: 1fr;}
.seccionImagenes img{ height: auto;}


.testimonioInterno{
    max-width: 100%;
    margin: 0 auto;
    grid-template-columns: 100%;
}
.testimonioInterno .texto{ grid-row: 2; height: auto;}
.testimonioInterno p, .testimonioInterno span{ text-align: center;}
.testimonioInterno img{ width: 100%;}
.formulario{ padding: 0;}
.flex-center .formulario{ padding: 70px 0;}
.caracteristicaServicio .center-internas{
	display: block;
	width: 80%;
	margin: 0 auto;
}
.caracteristicaServicio .item{ margin-bottom: 60px;}

}

@media screen and (max-width: 767px) {
/* Carrusel Intro*/
.experienciaIntro{
	display: flex !important;
    flex-direction: column;
	gap: 30px;
	padding: 10px;
}
/* ----- */

/* Experiencias */
.gridCasos{
	gap: 40px;
}

.gridBanner{
	flex-direction: column;
	gap: 20px;
}
.gridBanner__linea{
	display: none;
}
.gridBanner p{
	text-align: center;
}

.objetivosExperiencias {
    display: flex;
    flex-direction: column;
    align-items: center;
	gap: 30px;
}
/* -- */
.fondoPortadaLanding {
    margin-bottom: 550px !important;
}

.logos--4fr {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.logos--4fr img {
    width: 170px !important;
    max-width: 100% !important;
}
.center { width: 90%;}
h1, h2 {
  font-size: 2.2em;
  font-size: 2.2rem;
}
.doble .group{
	width: 100%;
	display: block;
	float: none;
}
.formulario .doble .nice-select{
	margin-bottom: 30px;
	display: block;
	float: none;
	width: 100%;
}
.contenido-contacto iframe{
	width: 90%;
	height: 700px;
	margin: 0 auto;
	display: block;
}
.formulario .btn-form {
    max-width: 100%;
    padding: 20px 0;
    font-size: 22px;
	
}

.nuestro-trabajo .block .grilla .texto-sm{ width: 100%;}
.nuestro-trabajo .block .grilla .img-sm, .nuestro-trabajo .block .grilla .img-sm.dos {
    width: 100%;
    background-color: #fff;
    background-size: 80%;
    background-position: center;
    height: 50%;
}
.block-md .texto-sm{
	width: 50%;
	padding-top: 20px;
	min-height: 43%;
}
.clientes .box{
	border: 0;
	width: 48%;
}
.clientes .box b {
    font-size: 40px;
    min-height: 62px;
}
.clientes .lista{ text-align: center;}
.formulario .col1{ margin-bottom: 30px;}
.formulario .col1, .formulario .col2{
	float: none;
	display: block;
	width: 100%;
}

.entradas-relacionadas .entrada{
	width: 100%;
	float: none !important;
	margin-bottom: 30px;
	background-size: cover !important;
}
.caracteristicas .item {
	width: 100%;
	display: block;
	float: none !important;
}
.mkt-digital .item { margin-bottom: 50px;}
.caracteristicas .item img { left: 10px;}
.detalle-equipo .texto h1 { font-size: 50px;}

.mkt-digital .item .texto, .mkt-digital .item img { width: 100%;	float: none;}

.adwords-content .texto { padding: 50px 0;}
.adwords-content .imagen img { bottom: -4px;}

.seccion-cultura .texto, .seccion-cultura2 .texto{
	position: relative;
    left: 0;
    width: 100%;
    padding: 0 50px;
	top: 0;
    margin-top: 50px;
}

.seccion-cultura, .seccion-cultura2{ height: auto;}
.seccion-cultura img {
    width: 300px;
    margin-left: 50px;
}
.seccion-cultura2 img{
	position: relative;
    top: 0;
    left: 0;
    margin-left: 50px;
    width: 300px;
}
.seccion-cultura2 { padding-bottom: 50px;}

.caracteristicas-servicio .item {
	display: block;
	float: none !important;
	width: 100%;
	margin-bottom: 40px;
}
.wireframe:before { display: none;}

.grilla-rse{
	display: block;
	padding: 50px 0;
}
.full .grilla-doble {
	display: block;
	padding: 0 0 50px 0;
}
.grilla-rse .full {
	padding: 50px 0;
    margin: 70px 0 0;
}
.convenio-img {
	max-width: 200px !important;
	width: 90% !important; 
	height: auto !important;
}
.SliderHome {
	display: block;
	position: relative;
	bottom: -10px;
}
.banner-home { display: none;}
#background-cotiza-proyecto .col1 { width: 100%; margin:0;}
}

@media screen and (max-width: 680px) {
	.fondoPortadaLanding {
		height: 900px !important;
	}
	.fondoPortadaLanding {
		margin-bottom: 450px !important;
	}
}
@media screen and (max-width: 600px) {
	
	/* Casos */
	.gridCasos{
		gap: 40px;
		grid-template-columns: 1fr;
	}
	/* ---- */
	.fondoPortadaLanding {
		padding: 90px 50px 0px 50px !important;
	}
	.fondoPortadaLanding--margenResponsive{
		margin-bottom: 670px !important;
	}
	.metodologia__grid {
		padding: 0px 50px 0px 50px !important;
		gap: 50px !important;
	}
	.cotizador-landing3--conPadding{
		padding: 90px 50px 0px 50px !important;
	}
	.metodologia__grid__cuadros {
		grid-template-columns: 1fr 1fr !important;
	}
	.contenido__padding{
		padding: 0px 50px 0px 50px !important;
	}
	.cotizador-landing3--conFondo {
		padding-bottom: 90px !important;
	}
.oficinas {
    min-height: 650px;
}
.telefono-mapa {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0px;
	bottom: 20px;
}
.telefono-mapa h2 {
    font-size: 33px;
}
.telefono-mapa span {
    text-align: left;
	font-size: 18px;
}
.counter-style{ margin-bottom: 0;}

.lista-home{ display: none !important;}
.nuestro-trabajo .texto{
	padding: 0 0 50px 0;
	margin-bottom: 0;
}
.nuestro-trabajo .block .thumbnail, .nuestro-trabajo .block-md .thumbnail{
	position: relative;
	width: 100%;
	height: 400px;
}
.nuestro-trabajo .block .grilla, .nuestro-trabajo .block-md .grilla{
	position: relative;
	left: 0;
	width: 100%;
}
.nuestro-trabajo .block .grilla .texto-sm, .block-md .texto-sm{
	position: relative;
	min-height: 0;
	display: none;
}
.nuestro-trabajo .block-md .grilla{ width: 100%;}
.nuestro-trabajo .block .grilla .img-sm, .nuestro-trabajo .block-md .grilla .img-sm{
    position: relative;
    width: 50%;
    height: 200px;
}
.nuestro-trabajo .block-md .grilla .img-sm{ float: right;}
.nuestro-trabajo .block:last-of-type{ display: none;}
#carrusel{
	height: 110px;
    margin: 50px 0;
    display: block;
}

.testimonios .titulo p{ display: block;}
.testimonios .texto{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.testimonios .texto p{
	font-size: 21px;
	line-height: 24px;
	color: #707070;
	display: block;
}

.convenio-marco .center { padding: 70px 0;}
.nuestro-equipo .texto {
	background: transparent;
	position: relative;
    width: 90%;
    padding: 50px 0;
    margin: 0 auto;
}
.nuestro-equipo .texto .titulo {
    background: #fff;
    padding: 20px 50px;
	position: absolute;
    top: -220px;
    left: -30px;
}
.nuestro-equipo .texto span { font-size: 30px;}
.nuestro-equipo .texto h2 { font-size: 50px;}
.nuestro-equipo .texto p { font-size: 17px; line-height: 24px;}
.blog { padding: 100px 0;}
.blog .entrada p{ font-size: 17px; line-height: 24px;}

.oficinas .ubicacion h3 { text-align: left;}
.oficinas .ubicacion span { text-align: left;}

.testimonios-full { display: none;}
.carrusel-testimonios { display: block !important;}
footer .social-media { display: none;}
footer .menu-footer{
	border-top: 1px solid #cccc;
	border-bottom: 1px solid #cccc;
	padding: 20px 0;
	margin: 20px 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
}
footer .partners{
	text-align: center;
    margin-top: 50px;
}

footer .partners img{ display: inline-block;}
footer .partners img:last-of-type{ margin-right: 0;}

.convenio-marco img{ width: 80%;}
.datos-contacto .after:after{ display: none;}

.listado-equipo .item:nth-child(3), .listado-equipo .item:nth-child(6), .listado-equipo .item:nth-child(9), .listado-equipo .item:nth-child(12), .listado-equipo .item:nth-child(15){
	margin-right: 0px;
}
.detalle-equipo .texto, .listado-entradas{
	width: 100%;
	float: none;
	display: block;
}
.detalle-equipo .imagen-detalle{
	margin-bottom: 40px;
	width: 100%;
}
.cita{
	min-height: 720px;
    overflow: hidden;
}
.contenido-contacto iframe{
	margin-bottom: 0;
}
.nuestro-trabajo .block .simpleParallax img {
    width: 86%;
    left: 30px;
    top: -20px;
}
.block-md .simpleParallax img{ width: 86%;}
.banner.azul{ margin-bottom: 0;}

.center-internas.mision-vision{
	width: 90%;
	max-width: 100%;
}

.trabaja-nosotros-banner h1 span{
	font-size: 35px;
	line-height: 41px;
}
.texto-iweb h2{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 12px;
	text-align: left;
}
.texto-iweb p, .caracteristicas-servicio .item h3, .caracteristicas-servicio .item p{ text-align: left;}
.caracteristicas-servicio .item{ text-align: left;}
.cita .texto h3{ font-size: 30px; line-height: 37px;}
.cita .texto p{ font-size: 21px; line-height: 25px;}
.cita .texto .datos h4{ font-size: 26px;line-height: 24px;}
.cita .texto .datos span{ font-size: 21px;}
.cita .texto{ width: 50%;}
.i-oficinas{ display: none;}
.mision-vision .texto{ padding: 30px;}

.center-internas.clientes{ padding: 50px 0;}
.banner-cotizacion{ padding: 100px 30px;}
.banner-proyecto .texto { max-width: 300px;}
.descripcion-proyecto{ grid-template-columns: 1fr;	padding: 40px;}
.descripcion-wireframe > div img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.nuestro-trabajo .grid > div:nth-child(1) .img-respon{
	position: relative;
	left: -120px;
}
.nuestro-trabajo .grid > div:nth-child(3) .img-respon{
	position: relative;
    left: -210px;
}

.hero-text h1{ font-size: 24px;	line-height: 32px;}
.hero-text p{ font-size: 14px;}

.funcionalidades h2{ font-size: 21px; line-height: 24px;}
.adwords-content{ margin-bottom: 0;}
.logo-testimonio{ margin: 0;}
.oficinas .mapa{ right: -100px;}
.nuestro-trabajo .grid > div p{ bottom: 20px;}
.convenio-contenido .lista-grilla{ grid-template-columns: 1fr;}

.contenedor-azul { padding: 120px 0;}
.contenedor-azul .intro div{
	display: block;
	text-align: center;
	margin: 20px 0;
}
.contenedor-azul .desafio:after{ display: none;}
.contenedor-azul .desafio:before{ display: none;}
.resultado .imagen:after{ display: none;}
.SliderPantallas{ margin-top: 120px;}
.atributos{ padding: 50px 0 0px;}
.clientes-landing .logos img{
	max-width: 80%;
	margin: 0 auto;
}
.clientes-landing-sistemas{ padding: 50px 0;}
.clientes-landing { margin: 50px auto 50px;}

/* Footer */
.gridFooter{
	grid-template-columns: 1fr;
	gap: 40px;
}
}
@media screen and (max-width: 550px){
/* Experiencias */
.gridExperiencias{
	grid-template-columns: 1fr;
	gap: 24px;
}
#background-cotiza-proyecto form.formulario { padding: 40px 20px;}
#background-cotiza-proyecto h1 {
  font-size: 40px;
  line-height: 50px;
}
#background-cotiza-proyecto h3 { line-height: 30px;}
#background-cotiza-proyecto p {
  font-size: 16px;
  line-height: 22px;
  max-width: 840px;
  margin: 0 auto 40px;
}
.testimoniosWeb .titulo h2 {
  font-size: 40px;
}
.trabaja-nosotros-banner{
	padding-top: 100px;
}
}

@media screen and (max-width: 480px){
	/* Carrusel Intro*/
	.experienciaIntro{
		padding: 0px;
	}
	.gridBanner p{
		font-size: 27px;
	}
	/* ----- */
	.fondoPortadaLanding {
		margin-bottom: 500px !important;
	}
	.fondoPortadaLanding {
		padding: 90px 20px 0px 20px !important;
	}
	.fondoPortadaLanding--margenResponsive{
		margin-bottom: 670px !important;
	}
	.metodologia__grid {
		padding: 0px 20px 0px 20px !important;
		gap: 50px !important;
	}
	.cotizador-landing3--conPadding{
		padding: 90px 20px 0px 20px !important;
	}
	.contenido__padding{
		padding: 0px 20px 0px 20px !important;
	}
	.cotizador-landing3--conFondo {
		padding-bottom: 90px !important;
	}
.texto-cotiza p{ font-size: 18px;}
#busqueda-avanzada{}
.texto-cotiza p i{ top: 0;}
.clientes .texto h2, .testimonios .titulo h2{ font-size: 44px;}
.clientes .texto span, .testimonios .titulo span{ font-size: 39px;}
.nuestro-trabajo h2 span{ display: block; position: relative; bottom: -20px;}
.heroApp{ height: 700px;}
.doble .group, .formulario .doble .nice-select{ width: 100%;float: none;}
.formulario .doble .nice-select{ margin-bottom: 30px;}
.banner.azul h1, .banner.gris h1{ font-size: 44px;}
/*.banner.azul p, .banner.gris p{
	font-size: 21px;
	line-height: 24px;
}*/

.wireframe img{ width: 100%;}
.wireframe > div .texto, .descripcion-wireframe > div:nth-child(1) { padding: 0 30px;}

.convenio-marco-home img { width: 100%;}
.SliderHome .texto{ width: 90%;}
.SliderHome div img{ width: 90%;}
.SliderHome .slides li{ min-height: 570px;}
.datos-contacto div{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.contenedor-azul{ height: 1080px;}

/* Funcionalidades */
.funcionalidadesGrid{
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	padding: 20px;
}
.objetivosExperiencias__txt__puntos h3{
	font-size: 21px;
	line-height: 26px;
}
.objetivosExperiencias__txt__puntos {
  gap: 10px;
}
}


@media screen and (max-width: 375px){
	.fondoPortadaLanding {
		margin-bottom: 550px !important;
	}
	.fondoPortadaLanding--margenResponsive{
		margin-bottom: 670px !important;
	}
.row-mapa-telefono {
    gap: 5px;
}
.telefono-mapa h2 {
    font-size: 30px;
}
.banner-proyecto{ display: block;}
.banner-proyecto .texto{ padding-top: 110px; padding-left: 20px;}
.banner-proyecto .texto h1{ font-size: 30px; line-height: 30px;}
.oficinas .conce { bottom: 160px;}
.caracteristicas .item .texto{ padding-left: 0;}
.caracteristicas .item img {
	position: relative;
	left: 0;
	margin-bottom: 10px;
}
.cita .texto{ width: 100%;}
.cita .imagen-r {
	position: relative;
	margin: 0 auto;
	display: block;
	left: auto;
	width: auto;
}
.entrada-blog .autor img{ width: 80px;}
.entrada-blog .autor .nombre-autor { right: 0; width: 190px;}
.clientes .lista div img, #carrusel img{ width: 100%;}
#logo, #logo h1{ width: 140px;}
#logo h1{ margin-top: 5px;	}
.banner p{
	font-weight: 100;
	font-size: 23px;
	line-height: 30px;
}
.nuestro-trabajo h2 span { display: block;line-height: 35px;}
.seccionDesarrollo{ padding-top: 70px;}
.contenedor-azul .testimonio p { font-size: 20px;line-height: 35px;	}
.seccionDesarrollo h2, .conclusionesProyecto h2, .resultado h2{ font-size: 50px;	}
.contenedor-azul { height: 1000px;}
.testimonio .texto{ padding: 30px;}

}

/* Fomulario landing 2 */
.flex-contizar{
	padding: 0px 140px 0px 140px;
	margin-bottom: 250px;
}
.cotizador-landing2{
	display: grid;
	grid-template-columns: 50% 1fr;
	padding: 100px 100px 0px 100px;
	background: #206aa6;
	border-radius: 10px;
	height: 480px;
}
.cotizador-landing2 .group input{
	color: #667085;
}
.cotizador-landing2 .group label, .formulario .doble .nice-select span{
	color: black;
	font-weight: 100;
}

.cotizador-landing2 .group input:valid ~ label{
	color: #fff !important;
}
.cotizador-landing2 .formulario .doble .nice-select{
	border-color: #1F8CCB;
}
.cotizador-landing2 .nice-select:after{
	border-color: #fff;
}
.cotizador-landing2 textarea{
	background: transparent;
	color: black;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
	height: 180px;
	border: 1px solid #CFCFCF;
	border-radius: 10px;
}
.cotizador-landing2 textarea::placeholder{
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-weight: 100;
}
.cotizador-landing2 p, .cotizador-landing2 h1{
	text-align: left;
	font-size: 45px;
}
.cotizador-landing2 p, .cotizador-landing2 h1, .cotizador-landing2 p span{
	color: #fff;
	line-height: 47px;
}

.cotizador-landing-sistemas2{
	margin-top: 70px;
}
.formulario-cotizador{
	padding: 40px !important;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0px 257px 103px rgba(199, 199, 199, 0.01), 0px 144px 87px rgba(199, 199, 199, 0.05), 0px 64px 64px rgba(199, 199, 199, 0.09), 0px 16px 35px rgba(199, 199, 199, 0.1), 0px 0px 0px rgba(199, 199, 199, 0.1);
}
.formulario-cotizador--2 {
    border-radius: 24px !important;
}
.formulario-cotizador .btn-form{
	background: #0A7ABC;
	color: #fff;
	max-width: 230px;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	border: none;
	font-size: 18px;
	border-radius: 10px;
}

/* Landding movil */

.selector-formulario-landing{
	width: 100%;
  border: 1px solid #CFCFCF;
  background: transparent;
  font-size: 18px;
  padding: 10px 16px;
  border-radius: 8px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(/imagenes/template/arrow.svg) no-repeat 97% center;

}

select, option {
	color: #6a6868;
  }

.selector-formulario-landing:focus{
	border: 1px solid #5264AE;
}

.fondoPortadaLanding{
	background-image: url(/imagenes/landing/fondo.svg);
	background-size: cover;
	padding: 90px 200px 0px 200px;
	height: 600px;
	margin-bottom: 300px;
}
.cotizador-landing3 {
	display: grid;
    grid-template-columns: 1fr 450px;
	border-radius: 0px !important;
	gap: 100px;
}
.cotizador-landing3--conPadding{
	padding: 90px 200px 0px 200px;
}
.cotizador-landing3--sinPadding{
	padding: 0px;
}
.cotizador-landing3--conFondo{
	background-color: #1F6BA6;
	height: 450px;
}
.fondoPortadaLanding__logo{
	margin-bottom: 70px;
}
.cotizador-landing3 p{
	font-size: 24px;
	line-height: 41px !important;
	color: white;
}
.cotizador-landing3 h1{
	font-size: 52px !important;
	margin: 0px !important;
}
.btn-form--w100{
	width: 100%;
	max-width: 100% !important;
}
.logos--4fr{
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
	margin: 0px !important;
}

.logos--4fr img{
	width: 100%;
	max-width: 100% !important;
}
.metodologia__grid{
	display: grid;
    grid-template-columns: 1fr 1000px;
    border-radius: 0px;
    gap: 100px;
	padding: 0px 200px 0px 200px;
}
.metodologia__grid__cuadros{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	margin-top: 50px;
}
.metodologia__cuadro{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: 0px 4px 52px 0px #1F6BA614;
	border-radius: 12px;
	width: 150px;
	height: 100px;
}
.metodologia__cuadro img{
	height: 40px;
}
.metodologia__cuadro p{
	font-size: 16px;
	color: #1F6BA6;
	margin: 0px;
}

.formulario__nuevo .group input, .formulario__nuevo .group textarea {
    font-size: 18px;
    padding: 10px 16px;
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 8px;
    border: 1px solid #CFCFCF;
}

.formulario__nuevo .group label {
    color: #6a6868;
    font-size: 16px;
    left: 16px;
    top: 14px;
}
.formulario__nuevo .btn-form{
	cursor: pointer;
}
.contenido__padding{
	padding: 0px 200px 0px 200px;
}
.logo__final{
	margin: 60px 0px 200px 0px;	
}
/* Clases extras */
.text-error{
	color: #f87171 !important;
	font-size: 12px !important;
	margin: 0px 0px 0px 20px !important;
	/* display: none; */
}
.fw300{
	font-weight: 300;
}
.flex{
	display: flex;
	flex-direction: row;
	gap: 12px;
}
.flex-wrap{
	flex-wrap: wrap;
}

.justify-between{
	justify-content: space-between;
}

.justify-around{
	justify-content: space-around;
}

.items-baseline{
	align-items: baseline;
}
.color_txt_blue{
	color: #1F6BA6 !important;
}
.color_txt_gris{
	color: #454545 !important;
}
.txt_span{
	font-size: 36px;
	color: #555555;
	font-weight: 100;
}
.txt-center{
	text-align: center;
}
.fz20{
	font-size: 20px !important;
	line-height: 33px;
}
.fz16{
	font-size: 16px;
}
.mgTop12{
	margin-top: 12px;
}
.mgTop24{
	margin-top: 24px;
}
.text-center{
	text-align: center;
}
.btnBase{
	padding: 12px 40px !important;
	border-radius: 8px;
	max-width: auto;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.subTitulo{
	font-size: 24px;
    font-weight: 100;
    color: #5a5a5a;
	margin-bottom: 10px;
}
.flex-row{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
}
.mgbt10{
	margin-bottom: 10px;
}
.mb24{
	margin-bottom: 24px;
}
.contenedorAzul{
	background-color: #1F6BA6;
	padding: 120px 0px;
}


.circuloNumero__contenedor{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 12px;
}
.circuloNumero{
	display: flex;
	align-items: center;
	justify-content: center;	
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: white;
}
.circuloNumero p{
	color: #64748B !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	margin: 0px !important;
}
.circuloNumero__txt{
	text-align: center;
	font-weight: 500;
	font-size: 24px !important;
	line-height: 28px;
	margin: 0px !important;
}
.divTxtImg{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 60px;
}
.divTxtImg__txt h2{
	font-size: 48px;
}
.divTxtBottom{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	margin-top: 100px;
	margin-bottom: 60px;
}
.divTxtBottom h3{
	font-weight: 300;
	color: #64748B;
}
.divTxtBottom a{
	text-decoration: none;
	padding: 12px 50px;
	background-color: #1F6BA6;
	border-radius: 8px;
	color: white;
}


/* Tab casos de exito */
.tabsExitos{
	margin-bottom: 120px;
}
.tabsExitos__grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	align-items: center;
	gap: 24px;
	margin-bottom: 64px;
	margin-top: 50px;
}

.tabsExitos__btn{
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 11.1px 14.8px -3.7px rgba(71, 85, 105, 0.11);
	width: 100%;
	height: 78px;
	border-radius: 12px;
	cursor: pointer;
}
.tabsExitos__btn:hover{
	background-color: #F1F5F9;
}
.tabsExitos__btn--active{
	background-color: #1F6BA6;
}
.tabsExitos__btn--active:hover{
	background-color: #1F6BA6;
}

.tabsExitos__btn--active img{
	filter: brightness(0) invert(1);
}
.carruselCasosExito__caleta .slick-slide{
	width: 450px;
}

.carruselEmpresas {
    display: flex;
    align-items: center;
}

.carruselEmpresas .slick-track {
    display: flex;
    align-items: center;
}
.carruselEmpresas .slick-slide {
    margin: 0 20px;
}

.carruselEmpresas img {
    display: block;
    height: 48px;
    width: auto;
}


/* Dirección visual */
#sliderDerecha { transform: scaleX(-1); margin-top: 130px !important;}
#sliderDerecha .slick-slide { transform: scaleX(-1); }
#sliderIzquierda { transform: scaleX(1); margin-top: 110px !important; }  

/* Casos de exito */
/* visibilidad de paneles */
.tabsExitos__contenido { display: none; }
.tabsExitos__contenido.is-active {
  display: grid;
  grid-template-columns: 1fr 1fr; /* tu layout actual */
  gap: 20px;
}

.tabsExitos__contenido__titulo h2{
	font-weight: 400;
	color: #1F6BA6;
	font-size: 48px;
	margin: 0px;
}
.tabsExitos__contenido__titulo p{
	color: #1F6BA6;
	font-weight: 400;
	font-size: 16px;
}

.tabsExitos__contenido__txt ul{
	padding-left: 20px;
}
.tabsExitos__contenido__txt li{
	list-style: disc;
	color: #64748B;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.carruselCasosExito .slick-slide {
    padding: 0 10px;
    box-sizing: border-box;
}

.carruselCasosExito .slick-list {
    margin: 0 -10px;
}

.tabsExitos__contenido  .slick-dotted.slick-slider{
	margin-bottom: 70px !important;
}
.tabsExitos__contenido  .slick-slider{
	margin-top: 0px;
}
.carruselCasosExito { max-width: 600px; max-height: 450px; margin: 0 auto; }
.carruselCasosExito .slick-slide { display: flex !important; justify-content: center; }
.carruselCasosExito img { width: 100%; height: auto; max-width: 900px; max-height: 450px; display: block; }
.slick-dots { bottom: -24px; } /* opcional: separa los puntos */

@media screen and (max-width: 1200px) {
	.cotizador-landing2 {
		display: grid;
		grid-template-columns: 45% 1fr;
		padding: 60px 60px 0px 60px;
		background: #206aa6;
		border-radius: 10px;
		height: 480px;
	}	
	.cotizador-landing2 p {
		text-align: left;
		font-size: 37px;
	}
	.divTxtImg{
		grid-template-columns: 1fr auto;
	}
	.divTxtImg__img{
		width: 500px;
	}
	.tabsExitos__grid{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.carruselCasosExito{
		max-width: 500px;
	}
}
@media screen and (max-width: 979px) {
	.flex-contizar {
		padding: 0px 100px 0px 100px;
		margin-bottom: 250px;
	}
	.cotizador-landing2 {
		display: grid;
		grid-template-columns: 40% 1fr;
		gap: 20px;
		padding: 50px 50px 0px 50px;
		background: #206aa6;
		border-radius: 10px;
		height: 480px;
	}	
	.cotizador-landing2 p {
		text-align: left;
		font-size: 35px;
	}
		.divTxtImg{
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.divTxtImg__img{
		width: 100%;
	}
	.tabsExitos__contenido.is-active{
		display: grid;
		grid-template-columns: 1fr;
	}
	.carruselCasosExito{
		max-width: 600px;
	}
	.tabsExitos__contenido  .slick-dotted.slick-slider{
		margin-bottom: 30px !important;
	}
	.tabsExitos__contenido .slick-dots{
		bottom: -40px;
	}
	.gridcirculoNumero{
		gap: 24px;
	}
}

@media screen and (max-width: 768px) {
	.cotizador-landing2 {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 50px 50px 50px 50px;
		background: #206aa6;
		border-radius: 0px;
		height: auto;
	}	
	.flex-contizar {
		padding: 0px 0px 0px 0px;
		margin-bottom: 50px;
	}
	.cotizador-landing2 p, .cotizador-landing2 p span {
		text-align: center;
	}
	.cotizador-landing2 .group label, .formulario .doble .nice-select span{
		color: black;
		font-weight: 100;
		font-size: 16px;
	}
	.carruselCasosExito{
		max-width: 500px;
	}
	.carruselCasosExito img{
		width: 500px;
	}
}
/* Slider default */
.sliderOtros{
    position: relative;
}

.sliderOtros .flex-direction-nav a{
    opacity: .5;
}
.sliderOtros .flex-direction-nav a:hover{
    opacity: 1;
}
.sliderOtros .flex-direction-nav .flex-next{
    right: 20px;
    bottom: 0px;
    font-size: 0;
    width: 30px;
    height: 30px;
    top: 50%;
}
.sliderOtros .flex-direction-nav .flex-prev{
	right: 60px;
    left: 0px;
    bottom: 0px;
    font-size: 0;
    width: 30px;
    height: 30px;
    top: 50%;
}
.sliderOtros .flex-direction-nav a.flex-next:before{
    content: ' ';
    font-size: 0;
    background-image: url(/imagenes/template/i-next-carrusel.svg);
    background-repeat: none;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.sliderOtros .flex-direction-nav a.flex-prev:before{
    content: ' ';
    font-size: 0;
    background-image: url(/imagenes/template/i-prev-carrusel.svg);
    background-repeat: none;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.slides-otros li {
    display: flex !important;
    justify-content: center;
    gap: 40px;
    height: 130px;
}
.slides-otros li img{
	width: 250px;
}
.p-margin-top{
	margin-top: 30px !important;
}
.mostrar-slider-escritorio{
	display: block;
}
.mostrar-slider-movil{
	display: none;
}
@media(max-width: 1200px){
	.slides-otros li img{
		width: 200px;
	}
}
@media(max-width: 950px){
	.mostrar-slider-escritorio{
		display: none;
	}
	.mostrar-slider-movil{
		display: block;
	}
	.slides-otros li img{
		width: 130px;
	}
	.sliderOtros .flex-direction-nav .flex-next{
		right: -15px;
		bottom: 0px;
		font-size: 0;
		width: 30px;
		height: 30px;
		top: 50%;
	}
	.sliderOtros .flex-direction-nav .flex-prev{
		right: 60px;
		left: -15px;
		bottom: 0px;
		font-size: 0;
		width: 30px;
		height: 30px;
		top: 50%;
	}
}

/* Slider slick */
.carruselResponsivo{
    display: none !important;
}
.carruselResponsivo div{
	text-align: center;
}

.slider-img img{
	width: 90%;
}
@media (max-width: 576px) {  
    .carruselResponsivo{
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-top: 50px;
	}
	.ocultar-movil-contenido{
		display: none !important;
	}
	.menos-top-responsivo{
		margin-top: -60px !important;
	}
	.tabsExitos__grid{
		grid-template-columns: 1fr 1fr;
	}
	.carruselCasosExito{
		max-width: 350px;
	}
	.carruselCasosExito img{
		width: 350px;
	}
	#sliderDerecha { margin-top: 100px !important;}
	#sliderIzquierda { margin-top: 70px !important; }  
	.circuloNumero__contenedor{
		width: 170px;
	}
	.circuloNumero__txt{
		font-size: 22px !important;
	}
}

.slick-slider {
    /* padding: 0 50px 0 60px; */
    position: relative;
    margin-top: 50px;
}
.slick-slider img{
    transition: all ease-in-out .2s;
}
.slick-slider img:hover{
    /* transform: scale(0.9); */
}
.slick-prev{
    position: absolute;
    left: 0px;
    width: 50px;
    height: 50px;
    font-size: 0;
    border: 0;
    background-color: transparent;
background-image: url(/imagenes/template/i-prev-carrusel.svg);

    /* background-image: url(/img/i-after.png); */
    background-size: cover;
    background-repeat: none;
    cursor: pointer;
    opacity: .5;
}

.carruselCliente .slick-prev, .carruselCliente .slick-next{
    top: 160px;
}

.carruselRegistrate .slick-prev, .carruselRegistrate .slick-next{
    display: none !important;
}


.slick-next{
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    font-size: 0;
    border: 0;
    background-color: transparent;
	background-image: url(/imagenes/template/i-next-carrusel.svg);

    /* background-image: url(/img/i-next.png); */
    background-size: cover;
    background-repeat: none;
    cursor: pointer;
    opacity: .5;
}
.slick-prev:hover,
.slick-next:hover{
    opacity: 1;

}
/*  */