@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	transition: all .5s;
}
a{
	color:inherit;
	text-decoration: none;
}
body{
}

@font-face {
    font-family: 'Redsniper';
    src: url('fonts/RedsniperRegular/RedsniperRegular.eot');
    src: url('fonts/RedsniperRegular/RedsniperRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RedsniperRegular/RedsniperRegular.woff2') format('woff2'),
        url('fonts/RedsniperRegular/RedsniperRegular.woff') format('woff'),
        url('fonts/RedsniperRegular/RedsniperRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville';
    src: url('fonts/Baskerville-BoldItalic/BaskervilleBold.eot');
    src: url('fonts/Baskerville-BoldItalic/BaskervilleBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Baskerville-BoldItalic/BaskervilleBold.woff2') format('woff2'),
        url('fonts/Baskerville-BoldItalic/BaskervilleBold.woff') format('woff'),
        url('fonts/Baskerville-BoldItalic/BaskervilleBold.ttf') format('truetype'),
        url('fonts/Baskerville-BoldItalic/BaskervilleBold.svg#BaskervilleBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    
}


@font-face {
    font-family: 'Bison';
    src: url('fonts/Bison-Bold/Bison-Bold.eot');
    src: url('fonts/Bison-Bold/Bison-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bison-Bold/Bison-Bold.woff2') format('woff2'),
        url('fonts/Bison-Bold/Bison-Bold.woff') format('woff'),
        url('fonts/Bison-Bold/Bison-Bold.ttf') format('truetype'),
        url('fonts/Bison-Bold/Bison-Bold.svg#Bison-Bold') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bison';
    src: url('fonts/Bison-Bold/Bison-Bold_1.eot');
    src: url('fonts/Bison-Bold/Bison-Bold_1.eot?#iefix') format('embedded-opentype'),
        url('fonts/Bison-Bold/Bison-Bold_1.woff2') format('woff2'),
        url('fonts/Bison-Bold/Bison-Bold_1.woff') format('woff'),
        url('fonts/Bison-Bold/Bison-Bold_1.ttf') format('truetype'),
        url('fonts/Bison-Bold/Bison-Bold_1.svg#Bison-Bold') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/*  clases globales  */

.img_side{
	position: relative;
	width: 70%;
	margin: auto;
}
.block{
	display: block;
}
.section_full{
	position: relative;
	width: 100%;
}
.sec_box{
	position: relative;
	width: 70%;
	margin: auto;
}
.mtop10{
	margin-top: 10%;
}
.mtop30{
	margin-top: 30%;
}
.mtop5{
	margin-top: 5%;
}

.div_90{
	width: 90%;
}
.abm_l_inner{
	width: 80%;
}

.plecas_100{
	width: 100%;
    display: block;
}
.movil{
	display: none;
}

.desk{
  display:block;
}
.centrar_contenido{
	position: absolute;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	
}


body{
	
}

.sombra{
  -webkit-box-shadow: -1px 6px 12px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 6px 12px -4px rgba(0,0,0,0.75);
	box-shadow: -1px 6px 12px -4px rgba(0,0,0,0.75);
	
}

/* Estilos sitio web tradiciones con raiz */

#wrapper_tr{
	background-image: url(../img/main_back.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: top left;
    padding: 0 0 5% 0;
    min-height: 100vh;
}

.esquina_l{
	position: absolute;
	width: 25vw;
	top: 0;
	left: 0;
	z-index: 9;
}
.esquina_r{
	position: absolute;
	width: 25vw;
	top: 0;
	right: 0;
	z-index: 9;
}
.main_logo{
	position: relative;
	width: 100%;
	margin: auto;
	display: block;
}

.menu_sitio{
	position: relative;
	width: 100%;
	margin: auto auto auto auto;
}
.menu_inner{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
		
}
.item_mm{
	position: relative;
	font-size: 1.8vw;
	color:#88009F;
	margin: 0 4%;
	 font-family: 'Bison';
	/*font-family: 'Redsniper';*/
	font-weight: 700;
	width: 10%;
	
	transition: all .5s;
	cursor: pointer;
}

.div_sec1{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 5% auto auto auto;
}
.item_sec1_1{
	position: relative;
	width: 35%;
}
.item_sec1_2{
	position: relative;
	width: 60%;
}

.parrafo_gral{
	font-size: 1.2vw;
	font-family: 'Libre Baskerville', serif;
	color:#00949C;
	letter-spacing: 0px;
	margin: 3% 0;
	text-align: justify;
}
.title_gral{
	 font-family: 'Bison';
	/*font-family: 'Redsniper';*/
	font-size: 3.5vw;
	color:#88009F;
	text-align: center;
	text-shadow: -4px 0px 0 #fff;
}
.activo::before{
	content: url("../img/bullet.png");
    width: 2vw;
    position: absolute;
    left: -3.3vw;
    top: -5px;
}
.img_title{
	position: relative;
	width: 2.5vw;
}

.img_sec1{
	position: relative;
	width: 100%;
}

.div_sec2{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 2%;
}
.item_sec2{
	position: relative;
	width: 30%;
}
.img_sec2{
	position: relative;
	width: 20%;
	display: block;
	margin: 3% auto;
}
.img_div3{
	position: relative;
	width: 100%;
	margin: 3% auto;
	cursor: pointer;
}

.title_sec2{
	 font-family: 'Bison';
	/*font-family: 'Redsniper';*/
	font-size: 3.5vw;
	color:#88009F;
	text-align: center;
	text-shadow: -4px 0px 0 #fff;
}
.img_footer{
    position: relative;
    margin: 6% auto auto auto;
    width: 50%;
    display: block;
}
#popup_tr{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.70);
	z-index: 999999999;
	display: none;
}
.main_ct_ptr{
	position: relative;
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content_video{
	position: relative;
	width: 70%;
	margin: auto;
}
.frame_video{
	position: relative;
	width: 100%;
	min-height: 70vh;
}
.cerrar_pptr{
	position: relative;
	width: 100%;
	text-align: right;
	font-size: 3vw;
	cursor: pointer;
	color: #fff;
	font-family: 'Bison';
}
.menu_bb {
    position: absolute;
    width: 35%;
    margin-right: 2%;
    vertical-align: middle;
    top: -8%;
    left: -48%;
	display: none;
	transition: all .3s;
	cursor: pointer;
}
.menu_bb2 {
    position: absolute;
    width: 32%;
    margin-right: 2%;
    vertical-align: middle;
    top: 25%;
    left: -41%;
	display: none;
	transition: all .3s;
	cursor: pointer;
}

.item_mm:hover>.menu_bb{
	display: block;
}
.item_mm:hover>.menu_bb2{
	display: block;
}
.title_seccion {
    font-family: 'Bison';
    /* font-family: 'Redsniper'; */
    font-size: 6vw;
    color: #88009F;
    text-align: center;
    text-shadow: -4px 0px 0 #fff;
	line-height: 1;
}
.div_recetas{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 5% auto auto auto ;
}
.item_dr {
    position: relative;
    width: 49%;
    margin: 1% 0;
}

.item_dr2 {
    position: relative;
    width: 49%;
    margin: 1% 0;
}
.img_recetas{
	position: relative;
	width: 100%;
	cursor: pointer;
}

.header_img_recetas{
	position: relative;
	width: 100%;
}

.txt1_recetas{
	position: relative;
	font-size: 1.3vw;
	font-family: 'Libre Baskerville', serif;
	color:#8A00A1;
	margin: 3% auto auto auto;
	font-weight: 600;
	width: 95%;
	text-align: justify;
	
}
.div2_rc{
	position: relative;
	width: 95%;
	margin: 5% auto auto auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.item_rc{
	position: relative;
	width: 47%;
	
}

.title_recetas_in {
    font-family: 'Bison';
    /* font-family: 'Redsniper'; */
    font-size: 2.5vw;
    color: #88009F;
    text-shadow: -4px 0px 0 #fff;
	
}
.lista_recetas{
	position: relative;
	font-size: 1vw;
	font-family: 'Libre Baskerville', serif;
	margin: 5% auto auto auto;
	color:#00979E;
	font-weight: 600;
	line-height: 1.5;
}

.navegador_recetas{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 5% auto auto auto;
}

.txt_nav{
	font-family: 'Libre Baskerville', serif;
	font-size:1vw;
	font-weight: 600;
	color:#542791;
	cursor: pointer;
}
.contenido_r{
	display: none;
}
#recetas_inner{
	display: none;
}

.img_cap_100{
	position: relative;
	width: 100%;
	cursor: pointer;
}
.txt_cap1{
	position: absolute;
	width: 70%;
	bottom: 7%;
	left: 5%;
	z-index: 9;
}

.txt1_cap{
	position: relative;
	font-size: 2vw;
	font-family: 'Libre Baskerville', serif;
	color:#fff;
	font-weight: 600;
}
.txt2_cap{
	position: relative;
	font-size: 1vw;
	font-family: 'Libre Baskerville', serif;
	color:#fff;
	font-weight: 600;
	margin: 1% auto auto auto;
}

.div_capitulos{
	position: relative;
	width: 100%;
	margin: 5% auto auto auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.item_cap{
	position: relative;
	width: 30%;
}
.txt_cap_sec{
	font-family: 'Libre Baskerville', serif;
	font-size: 1vw;
	color:#00979E;
	font-weight: 600;
	margin: 3% auto auto auto;
	
}
.content_bio{
	position: relative;
	width: 50%;
	background-color:#00979E; 
	border-radius: 20px;	
}
.bio_inner{
	position: relative;
	width: 90%;
	margin: auto;
}
.div_bio_in{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.item_bi{
	position: relative;
	width: 48%;
}
.img_foto_bio {
    position: relative;
    width: 100%;
    margin-top: -13%;
}
.img_nombre_bio {
    position: relative;
    width: 90%;
    margin-top: -10%;
}
.txt1_bio{
	position: relative;
	font-size: 1.3vw;
	line-height: 1.2;
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	margin: 5% auto auto auto;
	color:#fff;
}
.btn_cerrar_bio{
	position: absolute;
    width: 10%;
    top: -20%;
    right: 0;
    cursor: pointer;
    z-index: 99;
}
.txt_bio_inner{
	position: relative;
	font-size: 1vw;
	line-height: 1.2;
	font-family: 'Libre Baskerville', serif;
	font-weight: 600;
	margin: 5% auto auto auto;
	color:#fff;
}

.btn_ver_capitulo {
    position: relative;
    width: 40%;
    margin: 6% auto -2% auto;
    display: block;
    cursor: pointer;
}
.menu_in_m{
	position: relative;
	width: 100%;
	background-color: #88009F;
	border-radius: 10px;
}
.item_mm_rt{
position: relative;
    text-align: center;
    color: #fff;
    font-family: 'Bison';
    padding: .5% 0;
    font-size: 9vw;
    font-weight: 600;
    border-top: 1px solid #fff;
	
}
.main_mm{
	position: relative;
	width: 7%;
	margin: auto;
	display: block;
}
#mm_inner{
	position: relative;
	display: none;
}

.txt_dec{
	font-size: 8vw;
}

.div_ddc_main{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.div_ddc{
	position: relative;
	width: 23%;
	margin: 1% 0;
}
.img_ddc_sec{
	    position: relative;
    width: 100%;
    border-radius: 25px;
    border: 4px solid #88009F;
    box-sizing: border-box;
}
.car_ddc{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.item1_cddc{
	position: relative;
	width: 20%;
}
.item2_cddc{
	position: relative;
	width: 77%;
}
.txt1_ddc{
	font-size: 2vw;
	color:#88009F;
	font-family: 'Bison';
}
.txt2_ddc{
	font-size: 1vw;
	color:#00949C;
	font-family: 'Libre Baskerville', serif;
}
.cddc_img{
	position: relative;
	width: 100%;
}

.mar_l5{
	position: relative;
	margin-left: 10%;
}

























































.texto_centrado{
	text-align: center;
}
.marg_central{
	margin-top: 8%;
}
.block{
	display: block;
}
.content_middle{
	align-items: center;
}
.txt_left{
	text-align: left;
}
.txt_center{
	text-align: center;
}
.txt_center{
	text-align: right;
}
#html5-watermark{
	display: none !important;
}
.hide{
	display: none;
}
.morado{
	color:#88009F !important;
}
.align_middle{
	align-items: center;
}
.desk{
	display: block;
}
.movil{
	display: none;
}