/*
Theme Name: Promociones 1
Theme URI: http://clubdulceriascandy.com/
Description: 
Version: 0
Author: Zabdiel
Author URI: http://poeticavisual.com/
*/

		* {
			box-sizing: border-box;
		}

		body {
			margin: 0;
			padding: 20px 20px 40px 20px;
			min-height: 100vh;
			display: flex;
			justify-content: center;
			align-items: start;
			background-color: #460b5e;
			background: 
				linear-gradient(135deg, #a81f93, #0122af),
				url('noise.png');
			background-size: cover, 200px 200px;
			background-blend-mode: overlay;
			background-attachment: fixed;
			font-family: sans-serif;
		}

		@keyframes fondoMovimiento {
			0% { background-position: 0% 50%; }
			50% { background-position: 100% 50%; }
			100% { background-position: 0% 50%; }
		}

.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	max-width: 1560px;
	width: 100%;
	box-sizing: border-box;
}

.block {
	flex: 0 0 auto;
	width: 500px;
	max-width: 100%;
	box-sizing: border-box;
}

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

.square::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.square-content a.image-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	transition: transform 0.3s ease;
}

.square-content a.image-link:hover {
	transform: scale(1.03);
}

.text-link {
	display: block;
	text-align: center;
	margin-top: 10px;
	font-weight: normal;
	color: white;
	text-decoration: none;
	background: rgba(0, 0, 0, 0.3);
	padding: 8px 12px;
	border-radius: 6px;
	transition: background 0.3s;
}

.text-link:hover {
	background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 600px) {
	.container {
		justify-content: center;
	}
	.block {
		width: 100%;
	}
}
