/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Alto fijo: necesario para Swiper vertical. Ajustá según tus thumbs */
.thumb-carousel.swiper {
  --swiper-navigation-size: 22px;
  --swiper-navigation-color: #111;
}

/* Imágenes con radius (aplica en ambos) */
.thumb-carousel .swiper-slide a { display: block; height: 100%; }
.thumb-carousel .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.thumb-carousel .swiper-button-next::after, .thumb-carousel .swiper-button-prev::after { 
    color: red;
    font-size: 1.5rem;
    font-weight: 700;
}

/* MOBILE: horizontal, alto chico de thumbs */
.thumb-carousel .swiper-slide { height: 90px; }

/* DESKTOP: vertical */
@media (min-width: 768px) {
  .thumb-carousel.swiper { height: 480px; }
  .thumb-carousel .swiper-slide { height: auto; }

  /* Flechas arriba/abajo */
	.thumb-carousel .swiper-button-prev{
	margin-top: 0px;
}
  .thumb-carousel .swiper-button-prev,
  .thumb-carousel .swiper-button-next {
    left: 50%; right: auto; margin-left: -16px;
    width: 32px; height: 32px;
  }
  .thumb-carousel .swiper-button-prev { top: 0; bottom: auto; }
  .thumb-carousel .swiper-button-next { top: auto; bottom: 0; }
  .thumb-carousel .swiper-button-prev::after,
  .thumb-carousel .swiper-button-next::after { transform: rotate(90deg); }
}