/*
Theme Name: Tiendasisimo
Theme URI: https://tiendasisimo.com
Author: JBM
Author URI: https://tiendasisimo.com
Description: Tema personalizado para Tiendasisimo con Tailwind CSS
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tiendasisimo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

:root {
	--color-isimo-purple: #513685;
	--color-isimo-yellow: #ffbb3a;
	--color-isimo-green: #93D50A;
}

body {
	font-family: "Montserrat", sans-serif;
}

/* Swiper Pagination Styles */
.swiper-pagination {
	position: relative !important;
	margin-top: 1rem;
	text-align: center;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #d1d5db;
	opacity: 1;
	margin: 0 6px !important;
	transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
	background: var(--color-isimo-purple);
	width: 22px;
	border-radius: 10px;
}

.swiper-featured .swiper-pagination-bullet-active {
	background: var(--color-isimo-green);
}

.swiper-pagination-bullet:hover {
	transform: scale(1.2);
}

.swiper-button-next,
.swiper-button-prev {
	color: white;
}

@media (max-width: 640px) {
	.swiper-pagination {
		margin-top: 0.75rem;
	}
}

/* Animations */
@keyframes float {
	0%, 100% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
}

.float-animation {
	animation: float 3s ease-in-out infinite;
}

@keyframes pulse-slow {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}

.pulse-slow {
	animation: pulse-slow 2s ease-in-out infinite;
}

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

.gradient-animate {
	background-size: 200% 200%;
	animation: gradient 15s ease infinite;
}