/* Estilo para el contenedor principal de las cartas */
.cards-container-tour {
    display: flex;               /* Diseño en columna */
    flex-direction: column;      /* Establece la dirección como columna */
    align-items: flex-start;     /* Alinea el contenido a la izquierda */
    padding: 18px;               /* Espacio interno */
    gap: 20px;                   /* Espacio entre las cartas */
    margin-top: 50px;            /* Espacio superior */
}

/* Estilo para el título de las cartas */
.cards-title-tour {
    font-size: 30px;
    font-weight: 900;
    color: var(--color-verde);
    text-align: left;            /* Alinea el texto a la izquierda */
    margin-left: 10%;            /* Elimina margen izquierdo extra */
}

/* Contenedor de las cartas */
.cards-content-tour {
    display: flex;
    gap: 50px;                   /* Espaciado entre las cartas */
    justify-content: center; /* Alinea las cartas a la izquierda */
    flex-wrap: wrap;             /* Permite que las cartas se envuelvan */
    width: 100%;                 /* Usa todo el ancho disponible */
}

/* Estilo para las cartas */
.cards-item {
    flex-shrink: 0;              /* Evita que las cartas se reduzcan */
    width: auto;                 /* Ancho automático */
    min-width: 300px;            /* Ancho mínimo deseado */
}

/* Responsividad para pantallas pequeñas */
@media (max-width: 768px) {
    .cards-title-tour {
        text-align: center;
        margin-left: 17%;
    }

    .cards-content-tour {
        justify-content: center; /* Centra las cartas en pantallas pequeñas */
    }

    .cards-item {
        min-width: 250px;        /* Reduce el tamaño mínimo de las cartas en pantallas pequeñas */
    }
}