/* STYLE RESCATE MI NEGOCIO NUEVO */

:root{
    --rojo: #FF1000;
    --negro: #1d1d1d;
    --negro_pleno: #000;
    --gris1: #d1d1d1;
    --gris2: #ebebeb;
    --gris3: #818181;
    --gris4: #464646;

    --gris5: #333333;
    --blanco: #fff;

    
    
  }
  
.bg_blanco{background-color: var(--blanco);}
.bg_gris1{background-color: var(--gris1);}
.bg_gris2{background-color: var(--gris2);}
.bg_gris3{background-color: var(--gris3);}
.bg_gris4{background-color: var(--gris4);}
.bg_gris5{background-color: var(--gris5);}

.bg1{background-color: #d3d2d2;}

.h_full{height: 100%}
.h_200{height: 200px}
.h_300{height: 300px}
.maxh_200{max-height: 200px}
.maxh_300{max-height: 300px}
.maxh_400{max-height: 400px}
.maxh_500{max-height: 500px}

.h_400{height:400px}

.w_full {width:100%};

.fw_500{font-weight:500}
.fw_600{font-weight:600}

._small{font-size: 0.8em;}
._small1{font-size: 0.875em;}
._small2{font-size: 0.7em;}

.btn1{
    background-color:#fcbd00; 
    color:black; 
    font-weight:bold;
}

.img_logo{
  max-height: 45px;
}

.img_tour{
    /* height: 250px; */
    max-height: 250px;
    width: auto;
}

.img2{
  height: 200px;
  width: auto;
}

.cuadro{
	border: 1px solid black;
	/* border-radius: 5px; */
	padding: 10px;
	margin:1px;
}

.animate__animated.animate__delay-custom1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

/* *************************************** */

@media screen and (max-width: 768px){

  #portada_img{
    overflow-x: hidden;
  }

}

#presentacion{
  /* background: url('../../imgs/contact-bg.jpg') no-repeat; */
  /* background: url('../../imgs/hero/bg1.jpg') no-repeat; */
  background-size: auto;
  background-position: 50% 15%;
  background-size: cover;
  /* color: #fff; */
}

.overlay1{
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.8); */
  /* background: rgba(0, 0, 0, 0.2); */
  /* padding-top: 180px; */
  /* padding-bottom: 90px; */
}

.shadow0 {
  /* -webkit-filter: drop-shadow(5px 5px 5px #222); */
  filter: drop-shadow(5px -5px 15px #b4b4b49d);
}

.shadow1 {
  /* -webkit-filter: drop-shadow(5px 5px 5px #222); */
  filter: drop-shadow(5px -5px 5px #9e9e9e) brightness(90%) contrast(90%);
}

/* *************************************** */
.t_wrapper{
  border: 1px solid grey;
  border-radius: 5px;
  padding:1.25em;
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  box-shadow: 0 4px 8px 0 rgba(107, 107, 107, 0.2), 0 6px 20px 0 rgba(128, 128, 128, 0.19);
}

@media screen and (min-width: 768px){

  .pie1{
      margin-right: 0px;
  }

}
/* *************************************** */
/* LICENCIAS */
.img_lic{
  max-height:160px;
  margin: 40px 20px 20px;
}

.img_licpromo{
  max-height:182px;
  margin: 17px 20px 20px;
}


@media screen and (max-width: 768px){


  #portada1{
    max-height: 600px !important;
    /* opacity: 1; */
  }

  .img_lic{
    max-height:300px;
    /* margin: 30px; */
  }

  .img_licpromo{
    max-height:320px;
    /* margin: 30px; */
  }

}

#contacto{
  background: url('../../imgs/contact-bg.jpg') no-repeat;
  background-size: auto;
  background-position: 50% 15%;
  background-size: cover;
  color: #fff;
}

.overlay2{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding-top: 180px;
  padding-bottom: 90px;
}

/* ***************************************** */
.wapp_wrapper{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 55px;
	height: 55px;
	color: #fff !important;
	/* background-color: #25D366; */
	background-color: #4dc247;
	border-radius: 50%;
	z-index: 100;
	text-align: center;
	/*padding: 20px;*/
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19);
}
.wapp{
	margin-top: 12px;

}

/* ***************************************** */
a:link {color: white;}
a:link {color: inherit;}
a:visited {color: inherit;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}