/* Estilos generales para el header */
        .header {
            position: relative;
            z-index: 99999;
            background-color: #000000;
            margin top: 10px;;
           /* padding: 10px 20px;*/
            border-bottom: 1px solid #ccc;
        }

        /* Estilos para el header en dispositivos móviles */
        @media only screen and (max-width: 600px) {
            .header {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                width: 100% !important;
            }
        }

            .rates-table {
    width: 100%; /* Asegúrate de que ocupe el 100% del ancho del contenedor */
    border-collapse: collapse; /* Evita espacios entre bordes de las celdas */
}

.rates-table th, .rates-table td {
    padding: 10px; /* Añade espacio alrededor de los textos */
    text-align: left; /* Alineación de texto */
}

@media (max-width: 768px) {
    .rates-table {
        display: block; /* Convierte la tabla a un contenedor bloque */
        overflow-x: auto; /* Permite desplazamiento horizontal */
        white-space: nowrap; /* Evita el salto de línea en las celdas */
    }
}

/* Popup de las imagenes */
  .popup-unique {
    display: none; /* Asegura que esté oculto por defecto */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Fondo oscuro semi-transparente */
    justify-content: center;
    align-items: center;
    z-index: 100000;
  }

  .popup-img-unique {
    max-width: 80%;
    max-height: 80%;
    border-radius: 10px;
    visibility: hidden; /* Inicialmente oculta */
    opacity: 0; /* Inicialmente oculta */
    transition: opacity 0.3s ease-in-out; /* Transición suave */
  }

  .close-unique {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
  }