*{
    max-width:100vw;
}
html{
    max-width: 100vw;
    overflow-x: hidden;
}
body{
    opacity: 0;
    overflow: hidden;
}
:root{
    --margenes:120px;
    --marginLat:8.33vw;
}
section, .section{
    padding:var(--margenes) var(--marginLat) var(--margenes) var(--marginLat);
    padding-left:0px;
    padding-right:0px;
    position: relative;
    background-color: white;
}
html body section{
    background-color: #FFFFFF;
}
html body section.fnd_intercalado {
    background-color: var(--colorFondo);
}
#section_0 h1.titulo_1 {
	width: 100%;
	font-size: calc(var(--h1) * 1.2);
	margin-top: 60px;
	margin-bottom: 0px;
}
body section h2{
    font-family: 'Titulos1';
    font-size: var(--h1);
    color:var(--colorPrincipal)
}
body section h3{
    font-size: var(--h2);
}
section.fuillWindow{

    min-height:100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bloque, .bloque2{
    margin-bottom:calc(var(--margenes) / 4)
}

.bloque_img{
    height:120px;
    background-color: #ccc;
    margin-bottom: 20px;
    background-size: cover;
    background-position:center;
}
.imagLat{
    background-size: cover;
}
.row.distroLeft{
    justify-content: flex-start;
}  
.row.distroRight{
    justify-content: flex-end;
}
.row.distroCnt{
    justify-content: center;
}  
.row.exterior{
    justify-content: space-between;
}
.row.distribuido{
    justify-content: space-around;
}
.row.regular{
    justify-content: space-evenly;
}
.row.columna{
    flex-direction: column;
}
.row.columnaInvert{
    flex-direction: column-reverse;
}
.bloque2{
    text-align: center;
}
.bloque2 .bloque_img{
    width:80px;
    height:80px;
    border-radius:100px;
    margin:auto;
    margin-bottom: 20px;;
}
.blq6 > .row > .bloque_img{
    width:calc(var(--col-4) - 15px);
    margin-right:15px;
}
.tagNum{
    background-color: #000;
    padding:10px;
    font-size:20px;
    position: absolute;
    right: 0px;;
    top:0px;
    color:white;
    width:80px;
    z-index:800;
}
#header_page{
    background-color:var(--colorSecundario);
    padding-top:200px;
    padding-bottom: calc(var(--section-pad-sup) / 2);
}
#header_page h1{
    color:white;
    font-size:70px !important;
}
#avisoCookies{
position: fixed;
  width: calc(90vw - 150px * 2);
  bottom: 30px;
  z-index: 999;
  display: flex;
  justify-content: center;
  left: 150px;
}
#avisoCookies #bannerCookies{
    width:800px;
    max-width:90%;
    border-radius: 20px;
    padding:17px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	background-color:white;
}
#avisoCookies #bannerCookies p{
    font-size:var(--p-2);
 
    margin-bottom: 0px;
    padding-right: 20px;
}   
#avisoCookies #bannerCookies h2{
    margin:0px;
    margin-bottom: 5px;
    color:var(--colorTerciario);
}
#avisoCookies #bannerCookies p a{
    color:var(--colorInteraccion);
}
#avisoCookies #bannerCookies p a:hover{
    text-decoration: underline;
}

#avisoCookies #bannerCookies  .boton::before{
    content: "";
	background-color: rgba(255,255,255,0);

}
.whatsapp{
    position: fixed;
    right:110px;
    bottom:30px;
    height:60px;
    width: 60px;
    background-color:#2cb641;
    border:5px solid white;
    border-radius: 100%;
    background-image: url("../assets/icons/whatsapp.svg");
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 800;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    font-size: 30px;
}
.whatsapp:hover{
    background-color:#51ce5e;
    
}
.innerChat{
    position: fixed;
    right:30px;
    bottom:30px;
    height:60px;
    width: 60px;
    background-color:#de3269;
    border:5px solid white;
    border-radius: 100%;
    background-image: url("../assets/icons/whatsapp.svg");
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 800;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    font-size: 30px;
}
.innerChat:hover{
    background-color:#9e2140;
    
}
section .header_page_degrad{
    background: rgba(255,255,255,0.9);
    position: absolute;
    top:0px;
    left:0px;
    width: 100vw !important;
    height: 150%;
}
section .head_cont{
    margin-left: 0px;
}
.error{
    font-size: var(--p-2);
    color:var(--colorError);
}
.success{
    font-size: var(--p-2);
}
section#header_page{
padding-top: 90px;
  padding-bottom: 70px;
  min-height: 300px;
  top: 0px;
  background-position: center;
  background-size: cover;
}
section#header_page .plcaImgFond{
    position: absolute;
    background-color: var(--colorSecundario);
    background-size: cover;
    background-position: center top;
    height:150%;
    width:150vw;
    top:0%;
    left:0%;
}
.plcaImgFond_multp{
    position:absolute;
    width:100%;
    height:100%;
    background-color:var(--colorSecundario);
    mix-blend-mode: multiply;
}
section#header_page .head_cont{
    position: relative;
    padding-top:30px;
}
section#header_page .head_cont .header_page_degrad{
    background: rgb(161, 0, 34);
    background: -moz-linear-gradient(90deg, rgba(161, 0, 34,1) 0%, rgba(161, 0, 34,1) 50%, rgba(161, 0, 34,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(161, 0, 34,1) 0%, rgba(161, 0, 34,1) 50%, rgba(161, 0, 34,0) 100%);
    background: linear-gradient(90deg, rgba(161, 0, 34,1) 0%, rgba(161, 0, 34,1) 50%, rgba(161, 0, 34,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006452",endColorstr="#006452",GradientType=1);
    padding: var(--margenes) var(--marginLat) var(--margenes) var(--marginLat);
}
section#header_page .head_cont h1{
    color:var(--colorPrincipal);
    padding:0px;
    margin:0px;
    width:var(--col-8);
}
img.spaceDcho{
    max-width:calc(100% - 50px);
    width:auto;
}

@media(max-width:900px){
    section.fuillWindow{
        min-height: auto;
        padding:var(--margenes) var(--marginLat) var(--margenes) var(--marginLat);
        position: relative;
        background-color: white;
        display: block;
    }
    section#header_page .header_page_degrad h1{        
        width:var(--col-10);
    }
}
@media(max-width:500px){
    section#header_page .header_page_degrad h1{        
        width:var(--col-12);
        font-size:40px !important;
        margin-top:0px;
    }
}
#modal_pleca{
    position: fixed;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 850;
    justify-content: center;
    align-items: center;
}
#modal_pleca #modalHover_pleca{
    position: absolute;
    background-color: var(--colorSecundario);
    opacity: 0.85;
    top:0px;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0px;
    z-index: 880;
}
#modal_pleca #model_caja{
    padding:20px;
    border-radius: 30px;
    background-color: white;
    z-index: 930;
    width:600px;
    max-width: 90%;
}
#modal_pleca #model_caja p{
    font-size:var(--p-2);
}
#modal_pleca #model_caja a{
    color:var(--colorPrincipal)
}
#modal_pleca #model_caja input{
    padding: 7.5px 15px;
    border-radius: 19px;
    width:100%;
    margin-bottom:15px;
    margin-top:3px;
    border:1px solid var(--borde);
    font-size: var(--p-1);
}
section > div{
    max-width: 1170px;
    width:calc(100% - 70px);
    margin:auto;
}
section > div.row{
    max-width: 1170px !important;
    width:calc(100% - 70px) !important;
    margin:auto !important;
}
section#header_page > .header_page_degrad{
    margin:0px;
    max-width:100vw;
    width: auto;
}
section#header_page > .head_cont{
    padding-top: var(--margenes);
    padding-bottom: var(--margenes);
    width: 1170px;
margin: auto;
}

@media(max-width:700px){
    .imgCentra{
        text-align: center;
    }
    img.spaceDcho, img{
        max-width:90%;
        width: auto;
        margin-bottom:40px;
        max-height: 300px;
    }
}
@media(max-width:550px){
    .imgOut{
        max-height: 350px;
    }
    #imgBoletin{
        display: none;
    }

    section > div, section > div.row{
        width:calc(100% - 40px) !important;
    }
	section > div.fondo{
		width:100vw !important;
	}
    section#header_page .head_cont h1{
        width:100%;
        font-size: 65px !important;
    }
	body section h3{
	font-size: var(--h4);	
	}
}
@media(max-width:350px){
    section#header_page .head_cont h1{
        width:100%;
        font-size: 45px !important;
    }
}

.blq_sector_img {
	font-size: 60px;
	color: var(--colorPrincipal);
	text-align: center;
    margin-top:15px;
}
.blq_sector {
	margin: 15px;
	text-align: center;
	background-color: var(--colorFondoClaro);

	border-radius: 20px;

    padding: 15px 20px 15px 20px;
    min-height: 292px;
}
.blq_servic_txt {
	font-size: var(--p-2);
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
}
.blq_servic_icon {
	text-align: center;
	font-size: 35px;
	color: var(--colorPrincipal);
	margin-top: 20px;
}
#sectoresPrinc{
    text-align: center;
    margin-bottom: 40px;
}
section.secOscura{
    background-color: #fAfAfA;
}
section.secOscura h2.titulo1{
    margin-top:0px;
    padding-top:0px;
}
#sectorOpera  .blqsoluc{
    padding-right:20px;
    margin-bottom: 60px;
}
#sectorOpera .blqsoluc .iconComp i{
    font-size:50px;
    color:var(--colorPrincipal);
}
#sectorOpera .blqsoluc p, .ventaja_bloque .ventaja_bloque_txt {
	font-size: var(--p-2);
}
#sectorOpera .blqsoluc h3, .ventaja_bloque h3{
    margin-bottom: 5px;
}
#pag_sector .ventaja_bloque_img{
    color:var(--colorPrincipal);   
}
#boxLicencia{
    max-height:300px;
    overflow: auto;
    border:1px solid var(--borde);
    padding:10px;
}
#boxLicencia p {
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 1em;
}
#boxLicencia h1 {
	font-size:20px;
    margin-bottom: 5px;
}
#boxLicencia h2 {
	font-size:17px;
    margin-bottom: 5px;
}
#boxLicencia h3 {
	font-size:14px;
    margin-bottom: 5px;
}
#boxLicencia h4 {
	font-size:12px;
    margin-bottom: 5px;
}
.formuBox .frm_blq{
    padding:5px;
}
#caja_formulario.formuBox.frm_blq{
    padding:5px;
}
#caja_formulario.formuBox label{
    font-size:var(--p-2);
    padding-bottom:3px;
    padding-left: 3px;
}

#caja_formulario.formuBox input, #caja_formulario.formuBox select{
    padding: 7.5px 15px;
    border-radius: 5px;
    width:100%;
    margin-bottom:15px;
    margin-top:3px;
    border:1px solid var(--borde);
    font-size: var(--p-1);
}
#caja_formulario.formuBox input[type='checkbox']{
    width:40px;
}
#caja_formulario.formuBox textarea{
    padding: 7.5px 15px;
    border-radius: 5px;
    max-width:100%;
    min-width:100%;
    margin-bottom:15px;
    max-height: 300px;
    min-height: 150px;
    margin-top:3px;
    border:1px solid var(--borde);
}
.blqsoluc {
	padding-right: 25px;
}
.blqsoluc i {
	font-size: 50px;
	margin-top: 40px;
}
#pag_partners section .mb_bloque_img{
    text-align: center;
}
#pag_partners section .mb_bloque_txt{
    text-align: center;
    margin-top:10px;
}
.blqIncluye {
	font-size: var(--p-2);
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	display:flex;
}
.blq5_cot i, .blq5_cot b {
    color:#ffc300;
}
.blq4_cot i, .blq4_cot b {
    color:#ff8d1a;
}
.blq3_cot i, .blq3_cot b {
    color:#ff5733;
}
.blq2_cot i, .blq2_cot b {
    color:#c70039;
}
.blq1_cot i, .blq1_cot b {
    color:#e50066;
}

#pag_planes b {
    margin-bottom: 10px;
}
#descriptDelMenu .boton.secundario.btn-chico{
    color: var(--colorInteraccion);
}
.windowChat {
	position: fixed;
	right: 30px;
	bottom: 92px;
	background-color: #FFFFFF;
	border: 1px solid var(--borde);
	height: 400px;
	width: 300px;
	z-index: 800;
	border-radius: 5px;
	
}
.windowChat .windowChat_encab{
	padding: 10px;
  	display: flex;
  	border-bottom: 1px solid var(--colorPrincipal);
	height:50px;
	align-items: center;
	max-width: 80vw;

}
.windowChat .windowChat_encab .windowChat_img{
	width:30px;
	height:30px;
	margin-right:15px;
	border-radius:100%;
	background-color:var(--colorFondo)
}
.windowChat .windowChat_encab .windowChat_titulo{
	width:calc(100% - 105px)
}
.windowChat .windowChat_encab .windowChat_bajar {
	width: 20px;
	padding: 10px;
	text-align: center;
	border: 1px solid var(--borde);
	border-radius: 100%;
	height: 20px;
	margin-left: auto;
	margin-right: 0px;
	cursor:pointer;
}
.windowChat .windowChat_encab .windowChat_bajar i{
	margin-left: -6px;
  	font-size: 12px;
  	margin-top: -5px;
  	display: block;
	
}
.windowChat .windowChat_encab .windowChat_bajar:hover{
	background-color:#ecedf7;
	border:1px solid var(--interaccion);
	color:var(--interaccion);
}
.windowChat #windowChat_body{
	height: 298px;
	display: flex;
  	flex-direction: column-reverse;
	background-color:#ecedf7;
	overflow: auto;
}
.windowChat #windowChat_body .windowChat_msng{
	margin:5px;
	width: 80%;
  	padding: 7.5px;
  	border: 1px solid var(--borde);
	border-radius:10px;
	margin-bottom:10px;
	font-size: var(--p-2);
}
.windowChat #windowChat_body .windowChat_msng.recibed{
	background-color:var(--colorInfoClaro);
	border:1px solid var(--colorInfo);
}
.windowChat #windowChat_body .windowChat_msng.send{
	background-color:#FFF;
	border:1px solid var(--borde);
	margin-left:calc(20% - 10px)
}
.windowChat #windowChat_body .windowChat_msng .emimsg {
	font-size: 10px;
	font-weight: bold;
	color:var(--colorTextoOscuro)
}
.windowChat .windowChat_Chatbox{
	padding: 10px 5px 10px 5px;
  	background-color: var(--colorFondo);
	display:flex;
	border-radius:0px 0px 3px 3px;
  border-top: 1px solid var(--borde);
}
.windowChat .windowChat_Chatbox .windowChat_Chatbox_in{
	width: calc(100% - 50px);
}
.windowChat .windowChat_Chatbox  .windowChat_btn{
	width: 50px;
}
.windowChat .windowChat_Chatbox  .windowChat_btn .boton{
	margin:0px;	
	padding:6px;
}
#chat_box_send {
	border: 1px solid var(--borde);
	padding: 5px;
	width: 90%;
	font-size: var(--p-2);
}
.uips_fuera_hora{
	font-size:10px;
	border:1px solid var(--borde);
	padding:5px;
	text-align:center;
	margin:10px;
	background-color: #ddd;
}
@media(max-width:550px){
	width: 100vw;
	left:0px;
}
.footer_blog{
	width:25%;	
	padding: 10px;
}
.footer_blog .footer_blog_img{
	height:150px;
	margin-bottom: 10px;
  border-radius: 5px;
}
@media(max-width:750px){
	#avisoCookies{
width: calc(100vw - 20px);
    left: 10px;	
	}
	#avisoCookies #bannerCookies{
		width:90vw;	
	}
	
	#avisoCookies #bannerCookies, #avisoCookies #bannerCookies p{
		font-size:12px;
	}
	#avisoCookies #bannerCookies h2{
			font-size:14px;	
	}
}
@media(max-width:450px){
	width:100%;	
}

.mb_bloque_img i{
	color:var(--colorPrincipal);	
}
video{
	max-width:100%;	
}
.checkbox_htm.mark::before {
	content: "x";
	width: 25px;
	text-align: center;
	margin-left: 7px;
	font-size: 20px;
}
.checkbox_htm {
	height: 25px;
	border: 1px solid var(--borde);
	width: 25px;
	margin-top: -2px;
	margin: auto;
}