/* TOOLS */
.mobile-only {display: none;}
.desktop-only {display: block;}

.menu { display: flex; border-bottom: 0px !important; /*padding-left: 50px; padding-right: 50px; */ padding-left: 11%; padding-right: 7%;width: auto; height: 76px !important; overflow: hidden;}
.menu header {width: 300px !important; border: none !important;}
.menu header .iso {height: 60px !important; width: 250px; top: 8px !important; /*margin-left: 40px; */}
.menu header .ic-menu { display: none !important;}
.menu .menu-list { width: calc(100% - 300px) !important; height: 100% !important; display: flex !important; align-items: center;}
.menu .menu-list li { display: flex !important;  border-top: 1px solid #e8e6e6; width: auto !important; flex-grow: 1 !important;}
.menu .menu-list li {border: none !important;}
.menu .menu-list li a {line-height: 15px; text-transform: uppercase !important; font-size: 0.8em;}
.menu .menu-list li > a br {display: block;}
.menu .menu-list li > a.active {color: rgb(239, 9, 10);}

/*CARRUSEL */
.hero {width: 100%; height: 550px; position: relative;}
.hero .carousel {height: inherit;}
.hero .carousel .slide-block {height: 550px;}
.hero .carousel .slide-block .content {width: 100%; height: 100%; position: relative;}
.hero .carousel .slide-block .content p {padding-right: 11%; font-size: 3em;}
.hero .carousel .slide-block .content .link {margin: 30px 0 0 0; padding: 10px 14px; }
.hero .carousel .slick-dots {bottom: 10px;}

.hero .carousel .slide-block.taza {background-size: cover; background-position: center 80%;}
.hero .carousel .slide-block.taza .content {background: linear-gradient(250deg, #fff 0%, rgba(255,255,255,0) 35%);}
.hero .carousel .slide-block.taza .content p {padding-top: 50px;}
.hero .carousel .slide-block.taza .content .banner-title {max-width: 500px;}

.hero .carousel .slide-block.casa {background-size: cover; background-position: center}
.hero .carousel .slide-block.casa .content {background: linear-gradient(-120deg, #fff 35%, rgba(255,255,255,0) 65%);}
.hero .carousel .slide-block.casa .content p {padding-top: 60px;}
.hero .carousel .slide-block.casa .content .banner-title {max-width: 500px;}

.hero .carousel .slide-block.mascarilla {background-size: cover; background-position: center center}
.hero .carousel .slide-block.mascarilla .content {background: linear-gradient(-110deg, #fff 30%, rgba(255,255,255,0) 60%);}
.hero .carousel .slide-block.mascarilla .content p {padding-top: 60px;}
.hero .carousel .slide-block.mascarilla .content .banner-title {max-width: 600px;}
  
.hero .carousel .slide-block.ladron {background-size: cover; background-position: center top;}
.hero .carousel .slide-block.ladron .content {background: linear-gradient(-90deg, #fff 30%, rgba(255,255,255,0) 65%);}
.hero .carousel .slide-block.ladron .content p {padding-top: 60px;}
.hero .carousel .slide-block.ladron .content .banner-title {max-width: 500px;}

.hero .carousel .slide-block.construccion {background-size: 100%; background-position: -260px 85%;}
.hero .carousel .slide-block.construccion .content {background: linear-gradient(-90deg, #fff 20%, rgba(255,255,255,0) 75%);}
.hero .carousel .slide-block.construccion .content p {padding-top: 60px;}
.hero .carousel .slide-block.construccion .content .banner-title {max-width: 450px;}

.caja-mobile {display: none;}
.linear .contenedor {left: initial; width: 400px; top: -140px; right: 20%;}
.linear .contenedor h2{ font-size: 2em; color: #fff; text-shadow: rgb(50, 50, 50) 1px 0 10px; ;}
.linear .contenedor .caja .personas, .linear .contenedor .caja .empresas {width: 190px; height: 160px;}
.linear .contenedor .caja div div {height: 40px;}
.linear .contenedor .caja div a {line-height: 40px;}
.linear .contenedor .caja div img{height: 100px; margin-top: 50px;}
.linear .contenedor .caja .esquina {height: 90px; top: 61px;}
.linear .contenedor .caja .esquina2 {right: 153px; height: 90px; top: 61px;}

.container-img { margin: -5px 0 0 0; padding: 0; background-color: rgb(167  , 215, 216) !important; flex-direction: row; justify-content: center;}
.container-img .parrafo {max-width: 450px; margin: 60px 0 0 50px; position: initial; right: 25%; left: initial; bottom: 50px !important; font-size: 1em;}
.container-img .parrafo p {padding: 20px; font-size: 1em; text-align: initial;}
.container-img .curva-desktop img {height: 60px;}

.container-img .oficinista.desktop-only {height: auto; margin: 0; display: block; position: relative; z-index: 999;}
.container-img .curva-mobile {display: none;}
.container-img .curva-desktop {position: absolute; top: -15px; left: 0px; display: block;}
.container-img .curva-desktop img {height: 70px; margin-left: -65px;}

@media (max-width: 1650px) {
    .linear .contenedor {right: 12%;}
}
@media (max-width: 1300px) {
    .linear .contenedor {right: 8%;}
}
/*@media (max-width: 1600px) {
    .linear .contenedor {right: 12%;}
}
@media (max-width: 1380px) {
    .caja-mobile {height: 190px; display: block;}
    .linear .contenedor { height: 190px; background-color: transparent; top: -140px; left: calc(50% - 140px); right: initial;}
    .linear .contenedor h2 {color: rgb(0, 162, 196); text-align: center; font-size: 1.2em; text-shadow: none;}
    .container-img {padding: 100px 0 0 20px; }
}*/


.container-empresas {height: 300px;}
.container-empresas h2 {font-size: 1.8em; margin-top: 70px;}
.container-empresas .empresas{height: 250px;}
.container-empresas .empresas img{ height: 100px; margin-left: 15px; margin-right: 15px;}

.contenedor-alcance {padding-top: 40px; padding-left: 15%; padding-right: 15%; padding-bottom: 120px;}
.contenedor-alcance h3{font-size: 1.8em;}
.contenedor-alcance p {font-size: 1.4em;}

.contenedor-pregunta {padding-top: 40px; padding-left: 15%; padding-right: 15%; padding-bottom: 100px;}
.contenedor-pregunta h3 {font-size: 1.8em;}
.contenedor-pregunta p {font-size: 1.4em;}

.contenedor-valores {padding-top: 40px; padding-left: 15%; padding-right: 15%;}
.contenedor-valores h3{font-size: 1.8em; color: rgb(0, 162, 196);}

/* PERSONAS Y EMPRESAS*/

.portada { /*height: 750px; */ height: 1000px;}
.portada .titulo {top: 50px;}
.portada .titulo .texto {/*top: 0; left: 80px; */ top: 50%; transform: translate(-50%,-50%); left: 50%;}
.portada .titulo .texto h2{font-size: 2.4em;}
.portada .titulo img {width: 500px;}
.portada .parrafo { height: 380px;}
.portada .parrafo h1{ font-size: 2.8em; text-align: center;}
.portada .parrafo2 { height: 750px;}
.portada .parrafo2 .contenido {width: 100%; max-width: 400px;}
.portada .parrafo2 h1{ font-size: 4em; text-align: right;}
.portada .parrafo2 .btn {margin: 40px auto 0 auto;}
.portada .parrafo2 .btn a {padding: 10px; background-color: red; border-radius: 20px; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 1.5em;}
.portada .parrafo2 .btn img {height: 35px;}
.portada .parrafo2 .btn .boton {top: 7px;}

.container-seguros {  /*padding-left: 150px; padding-right: 150px; */ padding-right: 11%; padding-left: 11%; padding-bottom: 30px; padding-top: 30px;}
.container-seguros .contenedor { display: flex; padding: 50px; border-radius: 40px; justify-content: center; vertical-align: middle; align-items: center;}
.container-seguros .contenedor .cabecera {border-radius: 50%; height: 100%; padding: 0;}
.container-seguros .contenedor .cabecera h3 {display: none;}
.container-seguros .contenedor .cabecera div{ position: initial; padding: 30px;}
.container-seguros .contenedor .cabecera img { height: 120px; width: 120px;}
.container-seguros .derecha {flex-direction: row-reverse;}
.container-seguros .contenedor .parrafo {padding-left: 40px; padding-right: 40px; padding-top: 0; padding-bottom: 0;}
.container-seguros .contenedor .parrafo h3 {display: block; color: rgb(0, 180, 231) !important; font-size: 1.4em;}
.container-seguros .contenedor .parrafo p{font-size: 1em; text-align: initial; font-size: 1.2em; line-height: 25px;}


.bg-white{ background-color:  #fff !important;}
.bg-blue {background-color: rgb(229, 245, 245) !important;}
.bg-blue .contenedor {background-color: transparent !important;}
.bg-blue .contenedor .parrafo {padding: 0 !important;}
.naranja {background-color: rgb(255, 159, 81) !important;}
.plomo {background-color: rgb(225, 225, 225) !important;}


/*SABÍAS QUE*/
.sabias {padding-top: 30px; padding-bottom: 120px;}
.sabias .titulo2 {width: 500px;}
.sabias .titulo2 .texto {transform: translate(-45%, -50%);}
.sabias .titulo2 .texto h2{font-size: 2.4em;}
.sabias .titulo2 img {width: 500px;}

.sabias .noticia {margin-left: 14%; margin-right: 14%;}
.sabias .noticia .contenedor {padding:4% 8%;}
.sabias .noticia .contenedor h2 {font-size: 2.4em; }
.sabias .noticia .contenedor img { /*height: 400px; */ margin-top: 30px; margin-bottom: 30px; max-width: initial;}
.sabias .noticia .contenedor p {font-size: 1.3em; line-height: 30px;}
.sabias .noticia .contenedor > ul {font-size: 1.4em;}
.sabias .noticia .contenedor h3 {margin: 20px 0 15px 0; font-size: 2.2em;}
.sabias .noticia .contenedor .cabecera {margin-top: 50px; height: 35px;}
.sabias .noticia .contenedor .cabecera h3 {font-size: 1.3em; line-height: 35px;}
.sabias .noticia .contenedor .noticias .bloque {width: 33.3%;}
.sabias .noticia .contenedor .noticias img {width: 90%; max-width: 90%;}
.sabias .noticia .contenedor .noticias .subtitulo {width: 90%; margin-top: 10px; max-width: 90%; font-size: 0.95em;}

/* CONTACTANOS*/

.sabias .forms {display: flex !important;} 
.sabias .forms .left, .sabias .forms .right {width: 50%; /* height: 450px; */ margin-top: 20px;}
.sabias .forms .left .contenedor, .sabias .forms .right .contenedor {margin-top: 50px; width: 60%; margin: 0 auto;}
/* .sabias .forms .left .contenedor input, .sabias .forms .left .contenedor textarea {width: 55%;}
.sabias .forms .right .contenedor input, .sabias .forms .right .contenedor textarea {width: 55%;}
.sabias .forms .left .contenedor .botones, .sabias .forms .right .contenedor .botones {width: 55%;} */
.sabias .forms h2 {font-size: 2em;}
.sabias .forms .left .contenedor input, .sabias .forms .left .contenedor textarea {height: 50px; margin-top: 15px; margin-bottom: 15px;}
.sabias .forms .right .contenedor input, .sabias .forms .right .contenedor textarea {height: 50px; margin-top: 15px; margin-bottom: 15px;}
.sabias .forms .left .contenedor textarea {height: 150px;}
.submit { font-size: 1.2em; border: 2px solid rgb(255, 70, 86);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-weight: 400; font-size: 1.2em;}
.required {border: 1px solid rgba(240, 94, 101, 0.7) !important; box-shadow: 0 0 2px 0 #f05e65;}

.g-recaptcha {margin-left: -30px;}

.bg-contactanos {background: linear-gradient(95deg, #CBF4F3 51%, #DFF3F3 10%);}
.asset {display: flex; align-items: center;}
.asset .mobile {display: none;}
.asset .desktop {display: block; height: 200px;}

/* FOOTER */
.footer p{font-size: 1.2em;}