@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



@font-face {
    font-family: 'Norwester';
    src: url('fonts/norwester.otf') format('otf'),
    /* Agrega otros formatos si es necesario */
  }

* {
    font-family: 'Poppins', sans-serif;
    text-decoration: none!important;
}

.logo-brand img {


    height: 200px;
    
}





.text-header p {
    max-width: 550px;
}


.navbar-dark {
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(17, 25, 40, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.125);
}

.flags {
    padding-block: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120px;
}

.flags-item {
    width: 30px;
}

.flags img {
    margin: 5px;
    cursor: pointer;
}

.contenedor {
    overflow-y: auto;
    width: max-content;
  }

.nav-btn {
    color: #f8f9fa;
    border-color: #f8f9fa;
    outline: auto;
    border-radius: 20px;
    margin-block: auto;
}

.video-container {
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}


@media (max-width:576px){
    * {
        overflow-y: visible;
       
        overflow: -moz-hidden-unscrollable;
    }

    .logo-brand img {
        height: 100px;
    }
    .fecha img {
        width: 300px;
    }
    .ct-m {
        align-items: center!important;
    }

    .ct-m p {
        font-size: 12px;
    }
    .ct-m h6 {
        font-size: 18px;
    }

    .tbtn {
        width: auto;
        height: max-content;
    }
    .nav-btn {
        padding-inline: 2vh;
        color: #f8f9fa;
        border-color: #f8f9fa;
        outline: auto;
        border-radius: 20px;
        margin-block: auto;
        margin: 4;

    }
}

@media (max-width: 600px){
    /* Estilos para pantallas pequeñas */
    table {
      width: 50%!important;
    }
  

    tr th {
        /* Reducir el alto de las celdas al 50% */
        height: 50%;
        /* Reducir el relleno de las celdas a 5px */
        padding: 5px;
        font-size: 8px!important;
      }

      tr td {
        /* Reducir el alto de las celdas al 50% */
        height: 50%;
        /* Reducir el relleno de las celdas a 5px */
        padding: 5px;
        font-size: 7px!important;
      }

    tr td a {
      /* Reducir el alto de las celdas al 50% */
      height: 50%;
      /* Reducir el relleno de las celdas a 5px */
      padding: 5px;
      font-size: 7px!important;
    }

    a .btn {
        font-size: 6px;
    }

    
  }