/**
 * Lima Rock Shop Home Styles
 */



/* ==========================
   HERO
========================== */


.lrs-hero {


	background:

	linear-gradient(
	rgba(0,0,0,.75),
	rgba(0,0,0,.75)
	),

	url('../images/hero-rock.jpg');


	background-size:cover;

	background-position:center;

	min-height:650px;

	display:flex;

	align-items:center;


}



.lrs-hero-content {


	max-width:700px;

	color:#fff;


}



.lrs-hero h1 {


	font-size:70px;

	font-weight:900;

	letter-spacing:3px;

	margin-bottom:10px;


}



.lrs-hero h2 {


	font-size:35px;

	color:#d40000;

	margin-bottom:20px;


}



.lrs-hero p {


	font-size:20px;

	color:#ddd;

	line-height:1.6;

	margin-bottom:35px;


}






/* ==========================
   CATEGORIAS
========================== */


.lrs-categories {


	padding:70px 0;

	background:#0b0b0b;


}



.lrs-categories h2,
.lrs-featured-products h2,
.lrs-about h2 {


	text-align:center;

	font-size:38px;

	margin-bottom:40px;

	text-transform:uppercase;


}




.lrs-category-grid {


	display:grid;

	grid-template-columns:
	repeat(4,1fr);

	gap:25px;


}




.lrs-category-box {


	background:#151515;

	border:1px solid #292929;

	padding:35px 20px;

	text-align:center;

	transition:.3s;


}



.lrs-category-box:hover {


	transform:translateY(-8px);

	border-color:#d40000;


}



.lrs-category-box:first-letter {


	font-size:40px;


}



.lrs-category-box h3 {


	font-size:22px;

	margin:15px 0;


}



.lrs-category-box a {


	color:#d40000;

	font-weight:bold;


}






/* ==========================
   PRODUCTOS DESTACADOS
========================== */


.lrs-featured-products {


	padding:70px 0;

	background:#151515;


}



.lrs-featured-products .products {


	display:grid;

	grid-template-columns:
	repeat(4,1fr);

	gap:25px;

	list-style:none;

	padding:0;


}







/* ==========================
   BANNER PROMOCIONAL
========================== */


.lrs-promo-banner {


	padding:90px 20px;

	text-align:center;


	background:

	linear-gradient(
	rgba(0,0,0,.75),
	rgba(0,0,0,.75)
	),

	url('../images/promo-rock.jpg');


	background-size:cover;

	background-position:center;


}



.lrs-promo-banner h2 {


	font-size:45px;

	color:#fff;


}



.lrs-promo-banner p {


	font-size:20px;

	color:#ddd;

	margin-bottom:30px;


}






/* ==========================
   SOBRE NOSOTROS
========================== */


.lrs-about {


	padding:70px 0;

	text-align:center;


}



.lrs-about p {


	max-width:900px;

	margin:auto;

	color:#ccc;

	font-size:19px;

	line-height:1.8;


}






/* ==========================
   RESPONSIVE
========================== */


@media(max-width:1000px){


	.lrs-hero h1 {

		font-size:50px;

	}


	.lrs-category-grid {


		grid-template-columns:
		repeat(2,1fr);


	}


	.lrs-featured-products .products {


		grid-template-columns:
		repeat(2,1fr);


	}


}




@media(max-width:600px){


	.lrs-hero {


		min-height:500px;


	}



	.lrs-hero h1 {


		font-size:38px;


	}



	.lrs-hero h2 {


		font-size:25px;


	}



	.lrs-category-grid {


		grid-template-columns:1fr;


	}



	.lrs-featured-products .products {


		grid-template-columns:1fr;


	}



}