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

body{font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

.section-heading{font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}


h1.lh-2{line-height: 2.2rem;}
h4.lh-1{line-height: 1.3rem;font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
h6{letter-spacing:0.15rem; line-height: 0.7rem;}

.box {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(3, minmax(100px, 1fr));
}
#books .box {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(4, minmax(100px, 1fr));
}
#books .card .tit-cat{
	font-size: 1.2rem;
	line-height: 1.1rem !important;
	font-weight: 700;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#books .card .bajada{
	font-size:.7rem;
	line-height: .7rem !important;
}


#categories-short .box {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(5, minmax(100px, 1fr));
}
.box a {
  transition: transform .3s;  
}

.box a:hover {
	transition: transform .3s;
	-ms-transform: scale(1.15);
	-webkit-transform: scale(1.15);  
	transform: scale(1.15);
	z-index:1000;
	text-decoration: none !important;
}


.card{border:none !important;}
.card .tit-cat{
	text-transform:uppercase;
	font-size: 2rem;
	line-height: 1.7rem !important;
	letter-spacing: 1px;
	font-weight:700;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.card .bajada{
	text-decoration: none !important;
	display:table;
	/* font-size: 1.3rem; */
	line-height: 1.2rem !important;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: left;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.card .tit-cat:before{
	float:right;
	display:table;
	width:100%;
	height: 100px;
	content:'';
}

.card .bajada.b:before{
	float:right;
	display:table;
	width:100%;
	height: 100px;
	content:'';
}
.card .tit-cat.b:before{
	height: inherit;
	content:inherit;
}


#categories-short .card .tit-cat{font-size:1.2rem; line-height: 1.1rem !important;}
#categories-short .card .bajada{font-size:0.8rem;line-height: 0.8rem !important;}
#categories-short .card .tit-cat:before{
	float:right;
	display:table;
	width:100%;
	height: 130px;
	content:'';
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .05rem .25rem rgba(0, 0, 0, .80); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

@media(max-width: 1200px) {
	#categories-short .box {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(3, minmax(100px, 1fr));
	}
}

@media(max-width: 991px) {
	#books .box {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(2, minmax(100px, 1fr));
	}
}

@media(max-width: 900px) {
	.box, 
	#books .box,
	#categories-short .box {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(2, minmax(100px, 1fr));
	}
}

@media(max-width: 700px) {
	.box, 
	#books .box,
	#categories-short .box {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(1, 1fr);
	}

}




/** MODAL **/ 
.modal-header .btn-close{
	border-radius:100px;
	font-size: 15px;
	line-height: 19px;
	color: #00000080;
	opacity: 0.9;
	display: table;
	font-weight: 600;
	padding: 0 7px 3px !important;
	border: none;
}
.modal-header .btn-close:hover, .modal-header .btn-close:focus{color: #000;}

.modal-content .modal-title{
	line-height: 1;
	padding: 0px 10px 0px 0;
	letter-spacing: 0.5px;
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.modal-content .modal-body {
	line-height:20px;
}
.modal-content .modal-body .link{color:#c20;}
.modal-content .modal-body .link:hover{color:#000; text-decoration: underline;}