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

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&display=swap');

.share-buttons {
            display: flex; /* Activa Flexbox */
            justify-content: center; /* Centra los botones horizontalmente */
            gap: 10px; /* Espaciado entre los botones */
            margin-top: 20px;
			margin-bottom: 20px;
        }

        .share-buttons a {
            text-decoration: none;
            color: white;
            padding: 10px 15px;
            border-radius: 5px;
            font-family: Arial, sans-serif;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
        }

    .share-buttons a:active {
            
            color: white;
           
        }

        .facebook { background: #4267B2; }
        .twitter { background: #000000; }
        .whatsapp { background: #25D366; }

.mt-m{
	margin-top: 120px;
}
.only-desk{display: block;}

.only-movil{display: none;}

.bg-estrellas{
	background: url("https://quetalvirtual.com/img/ESTRELLAS/FONDO-1.png");
}

.date-evento{background-color:#000; border-right: 6px solid #fff;}


.w-80-b{
	height: 80px;
}
.w-900{
	width: 900px;
}
.p3{
	width: 20%;
	padding: 10px;
	float: left;
}

.bg-bt{
	background-color: rgba(0,0,0,0.4);
}
.t-shadow{ 
    text-shadow: 0 0 5px black;}

.centered {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
	
}

.img-bg {

  position: relative;
  text-align: center;
	 
 
}
.card__content {
  position: absolute;
	width: 100%;
	height: 100%;
  /* other styles (left, top, right, and padding) */
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
}

.cinzel{
	/*font-family: 'Cinzel', serif !important;*/
	font-family: 'Open Sans', sans-serif;
}

.header-links ul li a{
	font-size: 18px;
	font-weight: 600;
}
.border-tb{
	border-bottom: 1px  solid #666;
	border-top:1px  solid #666;
	
}
#top-header{
       
        position: fixed;
   
        top: 0;
        left: 0;
        width: 100%;
        padding: 5px 5px 0 5px;
        margin: 0 auto;
        justify-content: space-between;
        z-index: 999;
	background: white;
       
}





.vg{
	float: left;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    background-color: #C1272D;
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
	padding-left: 10px; padding-right: 10px;
}

.bg-C1272D{
	background-color: #C1272D;
}
.text-body iframe{
	width: 100%;
}



.border-white-top{
	border-top:1px solid #fff ;
}

.border-white{
	border:1px solid #fff ;
}

.box {
  display: flex;
}
.push {
    margin-left: auto;
}
.w-92{
	width: 92%;
}
.ediciones .slick-list{
	padding-top: 35px !important; 
	padding-bottom: 35px !important; 
}

.ediciones .slick-center {
	
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transform: scale(1.25);
}


.estudioq .slick-center {
	
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    transform: scale(1.8);
}
.estudioq .slick-list{
	padding-top: 75px !important; 
	padding-bottom: 75px !important; 
}
.slick-next {
    background-color: white;
	border-radius: 15px;}
.slick-prev {
    background-color: white;
	border-radius: 15px;}
.bg-darker{
	background-color: #000000;
}
.evento_big{
	height: 480px;
    overflow: hidden;
}

.open{
	font-family: 'Open Sans', sans-serif;
}
.fsx-20{
	font-size: 20px;
}
.contenido p strong{
	color:#c2272d;
	
}
.color-quetal{
color: #C1272D;}

.color-707070{
color: #707070;}
.bg-test{

	background-repeat:repeat-y;
	background-size: contain;
	background-position: center;
}
.videos_top iframe{
	width: 50%;
}
.block6-wrap {
    padding: 10px 0;
    margin: 0 0 18px 15px;
    overflow: hidden;
}

.block6-wrap .thumb-wrap {
    display: block;
    position: relative;
    width: 140px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
}


.block6-content {
    margin-left: 155px;
}


.card{
	border: 0;
}
.titles h1 {
 overflow: hidden;
 text-align: center;
}
.titles h1:before,
h1:after {
 background-color: #333;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}
.titles h1:before {
 right: 0.5em;
 margin-left: -50%;
}
.titles h1:after {
 left: 0.5em;
 margin-right: -50%;
}
.no-padding{
	padding-left:0;
	padding-right:0;}
.redes-info{width:40px; margin-left:auto; margin-right:auto;}
 .pop {
    max-width: 602px !important;

  }
.f-arial{
	font-family:Arial, Helvetica, sans-serif}
.fc-grey{
	color:#ADAEB6;}
.bg-quetal{
	background-color:#c2272d;}
.bg-sanluis{
		background-image:url("..imagenes/header-bienvenido.jpg");
		background-position:50% 50%;
		background-size:cover;
		height:250px;}
.only-movil{
	display:none;}		
.nop{
	padding:1rem !important}
.bgb-C1272D{
	background:#C1272D;}	
.bb-C1272D{
	border-bottom:2px solid #C1272D;}
.titulo-blog{
	padding-top:110px;}
.img-fluid-2{
	width:40%;
	height:auto;
	float:left;
	}
	
.estiloqt-contenido{
	padding-top:40px;
	width:40%;
	float:left;}
.share{
	display:none;}

.video-container iframe{
	width:100%;
	height:500px;
	}

@font-face {
font-family: 'Bebas Neue Regular';
font-style: normal;
font-weight: normal;
src: local('Bebas Neue Regular'), url('https://quetalvirtual.com/css/bebas.woff') format('woff');
}


@font-face {
font-family: 'Antonio Regular';
font-style: normal;
font-weight: normal;
src: local('Antonio Regular'), url('https://quetalvirtual.com/css/Antonio-Regular.woff') format('woff');
}


@font-face {
font-family: 'Antonio Light';
font-style: normal;
font-weight: normal;
src: local('Antonio Light'), url('https://quetalvirtual.com/css/Antonio-Light.woff') format('woff');
}


@font-face {
font-family: 'Antonio Bold';
font-style: normal;
font-weight: normal;
src: local('Antonio Bold'), url('https://quetalvirtual.com/css/Antonio-Bold.woff') format('woff');
}

.bebas-neue-regular{font-family: 'Bebas Neue Regular';}

.playfair{
	font-family: 'Playfair Display', serif;}
	
.montserrat{
	font-family: 'Montserrat', sans-serif;
}
	
.antonio-regular{
	font-family: 'Antonio Regular';}
	
.antonio-light{
	font-family: 'Antonio Light';}
	
.antonio-bold{
	font-family: 'Antonio Bold';}
	
a{
	text-decoration:none;}
	
.blink_me {
  animation: blinker 2s linear infinite;
}

@keyframes blinker { 
  90% { opacity: .9; } 
  75% { opacity: .7; } 
  50% { opacity: 0; }
  25% { opacity: .3; }
  
}
	
.border{
	border:1px solid #000 !important;}	
	
.at-style-responsive .at-share-btn{
	border:2px solid #FFF !important;}
	
	
.w100h100{
	width:100%;
	height:200px;}	
.bg-0{
	background:#2E1E52;}
	
.bg-1{
	background:#5C003E;}
.navbar-brand{
	padding:0;}
.nav-link{
	font-family: 'Montserrat', sans-serif;
	}	
.dropdown-menu a{
	font-family: 'Montserrat', sans-serif;
	}

.container-1280 {
  position: relative; margin: 0 auto; padding: 0;
  width:1280px;
  display: flex;
  flex-flow: row;
}
.main{
	width:1080px;
	}
	
	.row {
    margin-right: 0px;
    margin-left: 0px;
}
.ditem .text-info-left-estiloqt { 
   position: absolute;
   bottom: 0; 
   left: 5%; 
   width: 340px;
   height:55px;
   padding-top:5px;
   padding-bottom:5px;

}
.ditem .text-info-center { 
   position: absolute;
   bottom: 0; 
   left: 37%; 
   width: 340px;
   height:55px;
   padding-top:5px;
   padding-bottom:5px;

}

.ditem .text-info-center-guia {
   background:rgb(0,0,0);opacity:0.7;
   position: absolute;
   bottom: 0; 
   width:100%;
   height:110px;
   padding-top:5px;
   padding-bottom:5px;}
   
.ditem .text-info-center-guia-white {
   background:rgb(255,255,255);opacity:0.7;
   position: absolute;
   bottom: 0; 
   width:100%;
   height:110px;
   padding-top:5px;
   padding-bottom:5px;}
   
   
   .ditem .text-info-left-bottom { 
   position: absolute;
   width:50%;
   bottom: 10px; 
   left: 30px; 

}


.ditem .text-info-left-estilo { 
   position: absolute;
   width:50%;
   top: 80px; 
   left: 20px; 

}

.ditem .text-info-left { 
   position: absolute;
   top: 0; 
   left: 0; 

   background:#FFF;

}
.ditem .text-info-left { 
   position: absolute;
   top: 0; 
   left: 0; 

   background:#FFF;

}

.ditem .text-info-left-2 {
	width:100%; 
   position: absolute;
   bottom:112px; 
   left: 20px;
   text-align:center;}


.bg-dark2{
	background:#000;}
.border-white2{
	border:2px solid #FFF;}
	
.btn-whats{
	background:#39B54A;
	color:#FFF;}
	
.btn-whats:hover{
	text-decoration:none;
	color:#FFF;}

.img_lp{
	width:100%;
	height:auto;}
.z{
	z-index:200;}
	
.bold{
	font-weight:bold;}
.lh-0{
	line-height:1.2;}

.fs-10{
	font-size:10px;}	
.fs-12{
	font-size:12px;}
	
.fs-13{
	font-size:13px;}
	
.fs-14{
	font-size:14px;}
			
.fs-15{
	font-size:15px;}
	
.fs-18{
	font-size:18px;}
.fs-19{
	font-size:19px;}
	
.fs-20{
	font-size:20px;}
		
.fs-21{
	font-size:21px;}
	
.fs-22{
	font-size:22px;}
	
.fs-23{
	font-size:23px;}
	
.fs-24{
	font-size:24px;}
	
.fs-30{
	font-size:30px;}
.fs-32{
	font-size:32px;}
.fs-34{
	font-size:34px;}
	
.fs-38{
	font-size:38px;}
.fs-40-guia{
	font-size:40px;}	
.fs-40{
	font-size:40px;}
	
.fs-42{
	font-size:42px;}

.fs-45{
	font-size:45px;}
		
.fs-48{
	font-size:48px;}
	
.fs-50{
	font-size:50px;}
	
.fs-55{
	font-size:55px;}
		
.fs-60{
	font-size:56px;}
	
.fs-70{
	font-size:70px;}
	
.fs-80{
	font-size:80px;}
		
.fs-90{
	font-size:90px;}
	
	
.text-C1272D{
	color:#C1272D;}
	
	
.img-3{
	width:30%;
	float:left;
	border:3px solid #fff;}
	
.img_bg{
	height:500px;}
	
.itemsContainer {
	width:100%;
    position:relative
}
.itemsContainer a img {
	width:100%;
}
.itemsContainer:hover .play{display:block}
.col-md-4 .play{
  position : absolute;
    display:none;
    top:20%; 
    width:125px;
    margin:0 auto; left:0px;
    right:0px;
    z-index:100
} 	
.col-md-4 .play a img{
 
    width:100%;
	height:auto;

} 

.col-md-2 .play{
  position : absolute;
    display:none;
    top:20%; 
    width:75px;
    margin:0 auto; left:0px;
    right:0px;
    z-index:100
} 
.tags{
	list-style:none;
	display:inline-block;
	text-align:center;
	width:100%;
	text-align:center;}
	
.tags li{
	display:inline-block;}
	
	/***/
.placeholder-video-3 {
  position: relative;
  width: 100%;
  height: auto;
}
.placeholder-video-3 img {
 width: 100%;
 height: auto;
 padding: 0px;
}
.placeholder-video-3:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  /*background-size: 100%;*/
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://quetalvirtual.com/img/play-estudio.png);
  /*opacity: .50;*/
}

.placeholder-video {
  /*position: relative;*/
  width: 100%;
  height: auto;
}
.placeholder-video a img {
 width: 100%;
 height: auto;
 padding: 0px;
}
.placeholder-video:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  /*background-size: 100%;*/
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://quetalvirtual.com/img/play-estudio.png);
  /*opacity: .50;*/
}
.bw{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.bgl{
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #B3B3B3; 
   line-height: 0.1em;
   margin: 10px 0 20px; }
   
.border-golden{
	border-bottom:1px solid #C59351;}
	
	
.border-golden-2{
	border-bottom:2px solid #C59351;}
	
.wpf-center {
     margin-left: auto !important;
     margin-right: auto !important;
     width: 522px; 
}


/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.mt-m{
	margin-top: 100px;
}
.only-desk{display: none;}

.only-movil{display: block;}

.only-movil img{width: 100%;}
	.w-900{
	width: 100%;
}
	 .pop {
    max-width: 100% !important;

  }
	
	.nop{
	padding:0 !important;}
	
	.ditem .text-info-center { 
   position: absolute;
   bottom: 5%; 
   left: 10%; 
   width: 306px;
   height:55px;
   padding-top:5px;
   padding-bottom:5px;

}

	#search-form{display:none;}
	.banner-left{display:none;}
	.banner-right{
		display:none;}
		
.container-1280{
			width:100% !important;}
			.main{
	width:100% !important;} 
	

		
		.fs-48{
			font-size:30px;}
		
		.fs-50 {
			font-size:26px;}
			
			.img-3 {
				width:50%;}
				
				.fs-60{
			font-size:30px;}
			
			.ditem .text-info-left-2{
				bottom:20px;
				}
				
				.center-movile{
			text-align:center;}
			.mr-auto, .mx-auto {
				margin-left:32px;}
	}
 
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	.banner-left{display:none;}
	.banner-right{
		display:none;}
		
.container-1280{
			width:100% !important;}
			.main{
	width:100% !important;}
	.ditem .text-info-center {
		bottom:8px;
		left:25%;}
		
		
		 }

/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
	.date-evento{
		border-right: 0;
	}
	.w-80-b{
	height: 30px;
}
	
	.bg-estrellas{
	background: url("https://quetalvirtual.com/img/ESTRELLAS/celular/fondo/fondo.png");
}
	.snow{
		background: #dce2e6 !important;
	}
	.ditem .text-info-left-estilo{
		width: 66%;}
	
	.placeholder-video:before {
		background-image: none;}
	
	.fs-60 {
    font-size: 18px;}
	
	.centered {
		width: 90%;}
	
	.navbar-light .navbar-nav .nav-link{
		text-align: center;
	}
	
	.ditem .text-info-left-bottom {
		width: 76%;
	}
	.ditem .text-info-left-bottom h3{
		font-size:1rem;
	}
	
	.estudioq .slick-center {
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
	
	
	.evento_big{
	height: auto;
}
	.redes-info{width:100%; float:left;}
	.fs-70{
		font-size:20px;}
	.only-movil{
	display: block;}	
	.bg-sanluis{
		background-image:url("..imagenes/header-bienvenido.jpg");
		background-position:50% 50%;
		background-size:cover;
		height:250px;}
	
	.hm{
		width:70%;
		float:none}
	.contenido p img{
	width:100% !important;
	height:auto !important;}
	
	.ditem .text-info-left-estilo { 
  
   top: 0px; 
   

}
.nop{
	padding:0 !important;}
.fs-20{
	font-size:14px;}
.fs-40{
	font-size:17px;}
.imagen-lateral{
	margin-top:40px;}
	.fs-18{
	font-size:12px;}	
	.fs-20{
	font-size:12px;}
	
.fs-24{
	font-size:16px;}
.titulo-blog{
	padding-top:0px;}
	.no-movil{
		display:none;}
.estiloqt-contenido{
	width:50%;
	float:left;
	padding-top:10px;}
		
.img-fluid-2{
	width:30%;
	height:auto;
	float:left;}

.video-container iframe{
	width:100%;
	height:202px;}
	
	.fs-12 {
		font-size:10px;}
	
	.ditem .text-info-center { 
   position: absolute;
   bottom: 5%; 
   left: 10%; 
   width: 306px;
   height:55px;
   padding-top:5px;
   padding-bottom:5px;

}
	#search-form{display:none;}
	.banner-left{display:none;}
	.banner-right{
		display:none;}
		
.container-1280{
			width:100% !important;}
			.main{
	width:100% !important;}
	

		
		.fs-48{
			font-size:30px;}
			
			.fs-50 {
			font-size:40px;}
			
			.img-3 {
				width:33%;}
				.ditem .text-info-left-2{
				bottom:20px;
				}
				
				
				.center-movile{
			text-align:center;}
			
			.mr-auto, .mx-auto {
				margin-left:32px;}
				
				}