#destinosRecomendados .titulo-destinos, #destinosRecomendados .btn-destinos, #destinosRecomendados .texto-destinos, #destinosRecomendados .ul-destinos, #destinosRecomendados .li-destinos { margin: 0; padding: 0; }
  
#destinosRecomendados .titulo-destinos, #destinosRecomendados .btn-destinos { text-transform: uppercase; }
#destinosRecomendados .titulo-destinos { font-size: 27px;letter-spacing: -0.2px; margin-bottom: 10px; color: var(--texto-titulos); }
#destinosRecomendados .btn-destinos { color: var(--texto-menu) !important; }
#destinosRecomendados .texto-destinos, #destinosRecomendados .li-destinos { color: var(--texto-general) !important; line-height: 22px; font-size: 19px; }
#destinosRecomendados .ul-destinos, #destinosRecomendados .li-destinos { list-style: disc outside; }
#destinosRecomendados .ul-destinos { padding-left: 20px; }
#destinosRecomendados .img-fluid-copy { max-width: 100%; width: 100%; height: 16rem; }
  /* svg { margin: 0px; min-width: 24px; min-height: 24px; fill: var(--texto-menu); } */
#destinosRecomendados .cardContainer { position: relative; width: 100%; height: 465px; min-width: 300px; min-height: 400px; perspective: 1000px; }
#destinosRecomendados .activado { transform: translateZ(0px) rotateY(180deg) !important; }
#destinosRecomendados .activado:after { display: none; }
#destinosRecomendados .card { display: inline-block; width: 100%; height: 100%; cursor: pointer;
    -moz-backface-visibility: hidden; transform-style: preserve-3d; transform: translateZ(-100px); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); background-color: initial !important; }
#destinosRecomendados .card:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%;
    border-radius: 5px; box-shadow: 0 14px 50px -4px rgba(0, 0, 0, 0.15); opacity: 0;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1.4); }
#destinosRecomendados .card:hover { transform: translateZ(0px); }
#destinosRecomendados .card:hover:after { opacity: 1; }
#destinosRecomendados .card .side { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute;
    width: 100%; height: 100%; border-radius: 5px; background-color: white; }
#destinosRecomendados .card .front { z-index: 2; }
#destinosRecomendados .card .back { transform: rotateY(180deg); }
#destinosRecomendados .card .info { padding: 20px; }
#destinosRecomendados .front .img { background-color: #dadce2; background-position: center; background-size: cover;
    border-radius: 5px 5px 0 0; width: 100%; height: 250px; }
#destinosRecomendados .back { position: relative; }
#destinosRecomendados .back .titulo-destinos { margin-top: 6px; margin-bottom: 18px; }

#destinosRecomendados .reviews { display: flex; align-items: center; margin-bottom: 12px; cursor: pointer; }
#destinosRecomendados .back .li-destinos { line-height: 22px; margin: 2px 0 6px 0; list-style: disc; }
#destinosRecomendados .back .li-destinos::marker { color: var(--texto-titulos); }
#destinosRecomendados .back .btn { position: absolute; bottom: 16px; width: calc(100% - 32px); height: 56px; display: flex; align-items: center; justify-content: center;  background-color: var(--fondo-botones-principales); border-radius: 5px; cursor: pointer; }
#destinosRecomendados .back .btn:hover { background-color: var(--fondo-botones-principales); }
#destinosRecomendados .back .btn:hover .btn-destinos { transform: translateX(0px); color: var(--texto-menu); }
#destinosRecomendados .back .btn:hover svg { transform: translateX(0px); opacity: 1; }
#destinosRecomendados .back .btn .btn-destinos { transform: translateX(12px); transition: transform 0.3s ease-out; }
#destinosRecomendados .back .btn svg { margin: 1px 0 0 4px; transform: translateX(-8px); opacity: 0; transition: all 0.3s ease-out; }
#destinosRecomendados .color-bordes { border-color: var(--fondo-botones-principales); }
#destinosRecomendados .btn:hover { color: var(--fondo-menu-principal); }
#destinosRecomendados .package-item { transition: transform 0.5s ease-in-out; perspective: 1000px; }
#destinosRecomendados .package-item:hover .info { transform: rotateY(180deg); }
#destinosRecomendados .info { transition: transform 0.5s ease-in-out; transform: rotateY(0deg); backface-visibility: hidden;
    /* Evita el parpadeo durante la rotación */
    transform-style: preserve-3d;
    /* Importante para evitar que el contenido oculto afecte el layout */
    position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#destinosRecomendados .info .info-content { transform: rotateY(180deg); position: absolute; width: 100%; height: 100%; backface-visibility: hidden;
    /* Evita el parpadeo durante la rotación */
    background-color: #fff;
    /* Estilo de fondo para que sea visible */
    display: flex; flex-direction: column; justify-content: center; align-items: center; }
#destinosRecomendados .info .info-content a { text-decoration: none; color: #fff; }

  /* Estilos adicionales */
  #destinosRecomendados .info .info-content ul { list-style-type: none; padding: 0; text-align: left; }
  #destinosRecomendados .line-clamp { -webkit-line-clamp: 3 !important; }
  #destinosRecomendados .espacio-card { height: 4.5rem; }