/*
Theme Name: Coyotes Limpio
Description: Hello Elementor child theme with a free, accessible nested carousel.
Template: hello-elementor
Version: 1.0.0
Requires PHP: 8.2
Text Domain: coyotes-limpio
*/
.coyotes-carousel { --carousel-columns: 3; --carousel-gap: 20px; position: relative; min-width: 0; }
.coyotes-carousel__track { display: flex; gap: var(--carousel-gap); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: thin; padding-bottom: 8px; }
.coyotes-carousel__slide, .coyotes-carousel__track > .e-con { flex: 0 0 calc((100% - (var(--carousel-columns) - 1) * var(--carousel-gap)) / var(--carousel-columns)); min-width: 0; scroll-snap-align: start; }
.coyotes-carousel__slide > .e-con { width: 100%; max-width: 100%; }
.coyotes-carousel__controls { display: flex; justify-content: center; gap: 12px; margin-top: 16px; }
.coyotes-carousel .coyotes-carousel__controls button { border: 1px solid currentColor; border-radius: 50%; width: 44px; height: 44px; padding: 0; cursor: pointer; color: inherit; background: transparent; }
.coyotes-carousel__controls button:focus-visible, .coyotes-carousel__track:focus-visible { outline: 3px solid #db2c32; outline-offset: 3px; }
@media (max-width: 1024px) { .coyotes-carousel { --carousel-columns: var(--carousel-tablet, 2) !important; } }
@media (max-width: 767px) { .coyotes-carousel { --carousel-columns: var(--carousel-mobile, 1) !important; } }
@media (prefers-reduced-motion: reduce) { .coyotes-carousel__track { scroll-behavior: auto; } }