/*=============================================

TOP

=============================================*/
#top ul{
	padding-top:8px;
}
#top ul li{
	display:inline;
	line-height:40px;
	margin:0px 5px;
	color:rgb(0, 0, 0);
}
.social ul {
	
	text-align: right;
}
.social ul li a i{
	font-size:20px;
	margin:20px 0px;
	padding-top: 5px;
	width: 40px;
	height: 40px;

}
.ligas ul{
	text-align: center;
	font-size:20px;
	
}


.ligas ul li a{
	text-align: center;
	font-size:17px;
	font-style: normal;
	color:rgb(0, 0, 0);
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	
}
.ligas{
	background-color:rgba(240,193,11,1)
}
.registro{
	background-color:rgba(240,193,11,1)
}

.registro ul{
	text-align: right;
	font-size:20px;
	
}


.registro ul li a{
	text-align: right;
	font-size:17px;
	color:rgb(0, 0, 0);
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}

section.inicio-eventos {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 19.3rem));
}

.info-card-nuevo {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 10rem auto 1fr auto;
    background: #F7F7F7;
    grid-gap: 1rem;
}

.info-card-nuevo > .imagen {
    background-position: center !important;
}

.info-card-nuevo > h3 {
    display:grid;
    padding: 0 2rem!important;
    font: 600 20px / 32px Verdana, Geneva, Tahoma, sans-serif;
    color: #000;
    margin:0!important;
    text-transform: unset;
}

.info-card-nuevo > h3 > span.fecha {
    font: 600 14px / 18px Verdana, Geneva, Tahoma, sans-serif;
    color: #db0723;
    margin:0!important;
    
}

.info-card-nuevo > p {
    padding: 0 2rem;
    font: 16px / 24px Verdana, Geneva, Tahoma, sans-serif;
    color: #000;
    align-self: start;
}


  /** Categorias **/
.categorias h2{
    text-align: center;

}
.categoria img{
    text-align: center;
    display: block;
	max-width: 100%;
    padding: 40px;
    font-size: 20px;
    
}
.categoria a{
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 20px;
    
}
.categoria a:hover{
    background-color:#037bc0;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.listado-categorias {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap:20px;
	padding: 10px;
}
 






section.inicio-temas {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 19.3rem));
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.yellow-card {
    background: #f8f9d1;
    border-left: 1rem solid #b0b612;
	border-bottom: 1rem ;;
    display: grid;
    grid-template-columns: 3fr 30rem;
	padding: 20px;
    cursor: pointer;
}

.yellow-card:hover {
    background: #f1f4a2;
}

.yellow-card > h4 {
    grid-column-start: 1;
    grid-column-end: 4;
    padding: 1rem;
    color: #000;
}

.yellow-card > p {
    font: 16px / 24px ;
    grid-column-start: 1;
    grid-column-end: 2;
    padding-bottom: 20px;
    padding-left: 1.5rem;
    color: #000;
}

  .fuerte2 {
	background-color: f8f9d1;
	color: red;
	text-align: center;
	text-decoration: double;
	padding: 10px 10px;
	font-size: 22px;
  }
/*=============================================

HEADER

=============================================*/

header #btnCategorias{
	margin:20px 0;
}

header #btnCategorias p{
	line-height:46px;
	margin-bottom:0px;
}

header #btnCategorias p span{
	cursor: pointer;
}

header #buscador{
	margin:20px 0;
}

header #buscador input{
	border-radius:0;
}

header #buscador button{
	padding:12px;
	border:1px solid silver;
	border-radius:0;
}

header #carrito{
	margin:20px 0;
}

header #carrito button{
	padding:9px 15px;
	border:1px solid silver;
	border-radius:0;
}

header #carrito p{
	padding:2px;
	padding-left:60px;
	border:1px solid #aaa;
	font-size:12px;
}

header #categorias{
	display:none;
	margin-top:-10px;
	position: relative;
	padding-bottom:20px;
}

header #categorias h4{
	margin-top:20px;
	margin-bottom:-10px;
}

header #categorias hr{
	border:1px solid rgba(255,255,255,.3);
}
/*=============================================

VENTANAS MODALES

=============================================*/
.modalTitulo{
	padding:5px 0px;
}
.modalTitulo h3{
	text-align:center;
	margin-top:-5px;
	padding:15px 0px;
	border-radius:5px 5px 0px 0px;
}
.modalFormulario .close{
	position:absolute;
	right:27px;
	top:15px;
	color:black;
}
.modalFormulario .facebook, .modalFormulario .google{
	cursor:pointer;
}
.modalFormulario .facebook p{
	background:#46639f;
}
.modalFormulario .google p{
	background:#d6513e;
}
.modalFormulario .facebook p, .modalFormulario .google p{
	color:white;
	text-align:center;
	line-height:40px;
	padding:8px;
	font-size:18px;
	margin-top:10px;
	margin-bottom:20px;
}
.modalFormulario p i{
	margin-left:-25px;
	margin-right:25px;
	font-size:25px;	
}
.modalFormulario form{
	padding:20px;
}
.modalFormulario form hr{
	border:1px solid #eee;
}
.modalFormulario form input[type="submit"]{
	padding:15px;
}
.modalFormulario form .checkBox{
	margin-top:10px;
}
/*=============================================

ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/
@media (min-width:1200px){
	/*=============================================
	HEADER

	=============================================*/
	header #logotipo img{
		padding:10px 50px;
		padding-left:0px;
	}
	header #carrito{
		padding-left:100px;
	}
	.modalFormulario .facebook p{
		margin-right:-15px;
	}
}
/*=============================================

ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/
@media (max-width:1199px) and (min-width:992px){
	/*=============================================
	HEADER

	=============================================*/
	header #logotipo img{
		padding:25px 60px;
		padding-left:0px;
	}
	header #carrito{
		padding-left:70px;
	}
	.modalFormulario .facebook p{
		margin-right:-15px;
	}
	.ligas ul{
		text-align: center;
		font-size:16px;
		
	}


	.ligas ul li a{
		text-align: center;
		font-size:16px;
		color:rgb(0, 0, 0);
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		
	}
	.ligas{
		background-color:rgb(220, 227, 23)
	}
	.registro ul{
		text-align: right;
		font-size:15px;
		
	}
	
	.registro ul li a{
		text-align: right;
		font-size:16px;
		color:rgb(0, 0, 0);
		font-family:Verdana, Geneva, Tahoma, sans-serif;
	}	
	
}
/*=============================================

ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/
@media (max-width:991px) and (min-width:768px){
	/*=============================================
	HEADER

	=============================================*/
	header #logotipo img{
		padding:30px 0px;
	}
	header #carrito{
		padding-left:55px;
	}
	header #carrito p{
		display:none;
	}
	.modalFormulario .facebook p{
		margin-right:-15px;
	}
	.ligas ul{
		text-align: center;
		font-size:8px;
		
	}


	.ligas ul li a{
		text-align: center;
		font-size:9px;
		color:rgb(0, 0, 0);
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		
	}
	.ligas{
		background-color:rgb(220, 227, 23)
	}
	.registro ul{
		text-align: right;
		font-size:12px;
		
	}
	
	.registro ul li a{
		text-align: right;
		font-size:12px;
		color:rgb(0, 0, 0);
		font-family:Verdana, Geneva, Tahoma, sans-serif;
	}	
		
}
/*=============================================

MOVIL (XS revisamos en 320px)
=============================================*/
@media (max-width:767px){
	/*=============================================
	TOP

	=============================================*/
	#top ul{
		text-align: center;
	}
	#top #registro{
		border-top:1px solid #222;
	}
	
	/*=============================================
	HEADER

	=============================================*/
	header #logotipo img{
		padding:30px;
		padding-bottom:10px;
	}
	header #categorias{
		margin-bottom:10px;
	}
	header #buscador{
		margin-bottom:10px;
	}
	header #carrito{
		margin:0px;
	}
	.modalFormulario .google p{
		margin-top:-15px;
	}
	
	.ligas ul{
		text-align: center;
		font-size:10px;
		
	}


	.ligas ul li a{
		text-align: center;
		font-size:10px;
		color:rgb(0, 0, 0);
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		
	}
	.ligas{
		background-color:rgb(220, 227, 23)
	}
	.registro ul{
		text-align: right;
		font-size:12px;
		
	}
	
	.registro ul li a{
		text-align: right;
		font-size:12px;
		color:rgb(0, 0, 0);
		font-family:Verdana, Geneva, Tahoma, sans-serif;
	}	
	
}