/* carrusel: */

/* Contenedor principal */
.slider-container {
	display: flex; /* Alinear tarjetas horizontalmente */
	gap: 20px; /* Espaciado entre tarjetas */
	overflow-x: auto; /* Scroll horizontal manual */
	scroll-snap-type: none; /* Efecto de "encaje" */
	padding: 20px; /* Espacio interno del contenedor */
	background-color: #f8f9fa; /* Fondo claro para contraste */
    cursor: grab;
    scroll-behavior: none;
  }

  .slider-container:active {
    cursor: grabbing; /* Cambio de cursor al arrastrar */
  }
  
  /* Tarjetas individuales */
  .slider-card {
	 /* flex: 0 0 500px; Cada tarjeta ocupa un ancho fijo */
    min-width: 800px;
    height: 520px;
    background: #ffffff; /* Fondo blanco */
	border: 1px solid #ddd; /* Borde tenue */
	border-radius: 8px; /* Bordes redondeados */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra tenue */
	scroll-snap-align: center; /* Centro al hacer scroll */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	text-align: center;
    transition: transform 0.2s ease-in-out; /* Suavidad en el efecto al soltar */
  }
  
  /* Imágenes dentro de las tarjetas */
  .slider-card img {
	width: 800px; /* Ancho completo de la tarjeta */
	height: 500px; /* Altura fija */
	object-fit: cover; /* Recorta imagen manteniendo proporción */
	border-radius: 8px; /* Redondear esquinas superiores */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Opcional: Sombra para destacarlas */
    user-select: none;
    pointer-events: none;
  }
  
  /* Contenido adicional dentro de la tarjeta */
  .card-content {
	padding: 10px;
  }
  
  .card-content h3 {
	margin: 10px 0 5px;
	font-size: 18px;
	color: #333;
  }
  
  .card-content p {
	margin: 0;
	font-size: 14px;
	color: #666;
  }