
@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); 
}

#miyotl_portafolio_boda {
    /*background: url(../img/web/nosotros_director.webp) no-repeat center;*/
    background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 1) ), url(../img/web/nosotros_director.webp)no-repeat center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}

.shadowCard{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.principal_divPortafolio{
	height:90vh;
}
.card_portafolio{
    border-radius: 1.2rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    background: linear-gradient(rgb(31 43 53 / 0%), rgb(31, 43, 53));
}

.owl-theme .owl-nav{
	margin-top: -30px;
}


	/* Telefono Movil horizontal*/
	@media (max-width: 766px){
		.principal_div{
				height:50vh;
		}
        .principal_divPortafolio{
            height:auto;
        }
	
	}

	/* 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) { 
			
	}