@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Petit+Formal+Script&family=Raleway:wght@100;300;400;600;800&display=swap');

/*
font-family: 'Petit Formal Script', cursive;
font-family: 'Raleway', sans-serif;
*/
:root{

	--backgroundOpacity: rgb(12, 12, 12,  0.7);
	--colorBlanco: #fff;
	--darkColor: #181818;
	--amarilloKaay: #ffb602;
	--verdeKmng: #7DB301;
	--verdeKmng_back: rgb(126, 179, 1, .85);
	--azulMiyotl: #1e3d7c;
	--backColorMiyotl: #fff6e9;
	--rosaMiyotl: #ff4587;
	--grayColor:#F7F7F7;
	--grayColorNav:#919191;
	--blueColor_back:rgb(31, 43, 53, 0.9); 
}
.loader_wraper{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	background-color: rgb(255, 255, 255, 0.97);
	display: flex;
	justify-content: center;
	align-items: center;
}
body{        
    background: url('../img/web/background_body.webp') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
/* Menú*/
*{
	font-family: 'Montserrat', sans-serif;
  }

  .back_menu{
	  margin-top: -80px;
	   height: 80px;
	  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
	  background: inherit;
	  overflow: hidden;
	  border-radius: 5px;
  }
  .back_menu:before{
	  content: "";
	  position: absolute;
	  background: inherit;
	  top:0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  /*box-shadow: inset 0 0 2000px rgba(255,255,255, .5);*/
	  /*filter: blur(20px);*/
	  /*backdrop-filter: blur(10px);*/
	  /*margin: -20px;*/
	  z-index: -1;
	  background-color:var(--backColorMiyotl);
  }
  
  .nav-link {
	  transition: none;
  }

  a{
	  text-decoration: none;
	  color: var(--azulMiyotl);
  }
  a:hover{
	  text-decoration: none;
	  color: var(--rosaMiyotl);
  }

  .navbar-toggler:focus {
	  box-shadow: 0 0 0 0rem !important;
	  color: #717171;
  }

  #rs_nav{
	  background-size: cover;
	  border-bottom: 3px solid var(--rojo);
	  color:var(--azulMiyotl);
	  /*padding-right: 11rem;*/
  }

  a.nav-link.rs_menuItem{
	  color: var(--azulRs);
	  padding-top: 15px;
	  padding-bottom: 15px;
	  /*background-color: #00ff0e;*/
	  padding-right: 20px !important;
	  padding-left: 20px !important;
	  /*border-top: 3px solid #fff;*/
	  
  }
  a.nav-link.rs_menuItem:hover{
	  background-color: var(--rosaMiyotl);
	  color:var(--colorBlanco);
	  border-top: 3px solid var(--azulMiyotl);
  }
  .menuActive{
	  background-color: var(--rosaMiyotl);
	  color:var(--colorBlanco) !important;
	  border-top: 3px solid var(--azulMiyotl);
  }
  .rs_redesCirculo, .rs_redesCirculo-md{
	  border: 2px solid var(--azulMiyotl);
	  color: var(--azulMiyotl);
	  border-radius: 50%;
  }
  .rs_redesCirculo {
	  height: 35px;
	  width: 35px;
	  margin-left: 10px;
	  margin-right: 10px;
	  font-size: 1.2rem;
		  
  }
  .rs_redesCirculoContact {
	  border: 4px solid var(--azulMiyotl);
	  color: var(--azulMiyotl);
	  border-radius: 50%;
	  height: 60px;
	  width: 60px;
	  font-size: 2.0rem;
		  
  }

  .mx_cardCirculo {
	  height: 40px;
	  width: 40px;
	  argin-left: 10px;
	  argin-right: 10px;
	  font-size: 1.2rem;
		  
  }

  .rs_redesCirculo-md {
	  height: 30px;
	  width: 30px;
	  margin-left: 4px;
	  margin-right: 4px;
	  font-size: .9rem;
  }

  #rss_contenedor_sm{
		  display: none; 
  }

/* Menú*/
#miyotl_logo{
 width: 125px;
}

/*
Pantalla inicial de la página
*/
.principal_div{
height:90vh;
color:(var(--colorBlanco))!important;

}
.principal_div2{
	height:90vh;
}

.titleLogoCard a{
color:#930b0d !important;
}

.numeros_miyotl{
	background-color: var(--colorBlanco);
	margin-top: -10px;
}

.starOpinion{
	color:#fdb110;
}

/* Botones*/

.button-82-pushable {
  position: relative;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  outline-offset: 4px;
  transition: filter 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-82-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: hsl(0deg 0% 0% / 0.25);
  will-change: transform;
  transform: translateY(2px);
  transition:
    transform
    600ms
    cubic-bezier(.3, .7, .4, 1);
}

.button-82-edge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(
    to left,
    hsl(340deg 100% 16%) 0%,
    hsl(340deg 100% 32%) 8%,
    hsl(340deg 100% 32%) 92%,
    hsl(340deg 100% 16%) 100%
  );
}

.button-82-front {
  display: block;
  position: relative;
  padding: 12px 27px;
  border-radius: 12px;
  font-size: 1.1rem;
  color: white;
  background: hsl(345deg 100% 47%);
  will-change: transform;
  transform: translateY(-4px);
  transition:
    transform
    600ms
    cubic-bezier(.3, .7, .4, 1);
}

@media (min-width: 768px) {
  .button-82-front {
    font-size: 1.25rem;
    padding: 12px 42px;
  }
}

.button-82-pushable:hover {
  filter: brightness(110%);
  -webkit-filter: brightness(110%);
}

.button-82-pushable:hover .button-82-front {
  transform: translateY(-6px);
  transition:
    transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:active .button-82-front {
  transform: translateY(-2px);
  transition: transform 34ms;
}

.button-82-pushable:hover .button-82-shadow {
  transform: translateY(4px);
  transition:
    transform
    250ms
    cubic-bezier(.3, .7, .4, 1.5);
}

.button-82-pushable:active .button-82-shadow {
  transform: translateY(1px);
  transition: transform 34ms;
}

.button-82-pushable:focus:not(:focus-visible) {
  outline: none;
}

.titleNumbrer{
	font-size: calc(1.375rem + 2.5vw);
}

/* Botones*/

	/* Telefono Movil horizontal*/
	@media (max-width: 766px){
		.principal_div{
				height:50vh;
		}
		.titleNumbrer{
			font-size: 3.6rem;
		}
	
	}

	/* Teléfono Movil Vertical*/
	@media (max-width: 576px){	
		#rss_contenedor_sm{
			display: block; 
		}
		#rss_contenedor_lg{
			display: none; 
		}
		
		.rs_redesCirculoContact {
			border: 4px solid var(--azulMiyotl);
			color: var(--azulMiyotl);
			border-radius: 50%;
			height: 50px;
			width: 50px;
			font-size: 1.2rem;

		}
	}
	/* movil horizontal*/
	@media (max-width: 768px) { 

	}
	/* Tablet vertical*/
	@media (max-width: 992px) { 
			
	}