.splide__arrow {
    background: white !important;
    opacity: 1 !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.logo-escabiados {
    font-family: 'Rye', cursive;
    color: #a02d2d;
    font-size: 2rem;
    letter-spacing: 2px;
    text-shadow: 2px 2px 0 #fff, 4px 4px 0 #000;
  }
.splide__arrow:hover {
    background: #a02d2d !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
}

.splide__arrow svg {
    fill: #a02d2d !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
    transition: all 0.3s ease !important;
}

.splide__arrow:hover svg {
    fill: white !important;
}

.splide__arrow--prev {
    left: -2.3rem !important;
}

.splide__arrow--next {
    right: -1.8rem !important;
}

@media (max-width: 640px) {
    .splide__arrow {
        width: 2rem !important;
        height: 2rem !important;
    }

    .splide__arrow svg {
        width: 1rem !important;
        height: 1rem !important;
    }

    .splide__arrow--prev {
        left: -1.5rem !important;
    }

    .splide__arrow--next {
        right: -1.5rem !important;
    }
}

.pagination {
    @apply flex items-center space-x-2;
}
.pagination li {
    @apply list-none;
}
.pagination a {
    @apply px-3 py-1.5 rounded-md text-sm font-medium transition-all duration-200;
}
.pagination .active a {
    @apply bg-indigo-600 text-white shadow-md;
}
.pagination a:not(.active) {
    @apply text-gray-600 hover:bg-indigo-100 hover:text-indigo-600;
}
.pagination .disabled a {
    @apply text-gray-400 cursor-not-allowed;
}

input[type="checkbox"], input[type="checkbox"]:checked {
  accent-color: #a02d2d !important;
  color:#a02d2d !important;
}