*{
    margin: 0%;
    padding: 0%;
    font-family: Lato, Montserrat, system-ui, -apple-system, Helvetica, sans-serif;
}

.container{
    padding-top: 10vh;
    background: url("../img/target-aim-arrows-bow.jpg") no-repeat center center;
    background-size: cover;
    /* height: 252vh; */
    height: 232vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    
}


.tabla {
    background-color: rgb(255, 255, 255, 0.7);
    border-collapse: separate;
    width: 60vw;
    max-width: 60vw;
    margin: 2vw auto;
    font-family: Arial, sans-serif;
    height:auto;
    
    
  }

th, td {
    border: 0.1vw solid rgba(5, 0, 66, 0.541);
    padding: 0.8vw;
    text-align: center;
    color: rgb(0, 0, 0);
    
  }

th {
    background-color: #f2f2f2;
    font-weight: bold;
    color: #001F3F;
}

a{
    text-decoration: none;
    color: #dddddd;
}

td:hover{
    background-color: rgba(2, 87, 126, 0.562);
    
}

button{
    
    margin-right: 2vh;
    /* background-color: red; /* Color de fondo */
    /* color: white; /* Color del texto */
    /* padding: 0.5vw 3vh; /* Relleno interno */
    /* border: none; /* Quita el borde */
    /* border-radius: 2vw; /* Borde redondeado */
    /* text-align: center; /* Alineación del texto */
    text-decoration: none; /* Quita el subrayado predeterminado */
    display: inline-block; /* Mostrar como bloque en línea */
    /* font-size: 1vw; /* Tamaño de fuente */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
    
}

button {
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
    padding: 10px 20px;
}

.boton{
    
    color: #f2f2f2;
    margin-right: 2vh;
    background-color: #4CAF50; /* Color de fondo */
    color: white; /* Color del texto */
    padding: 0.5vw 3vh; /* Relleno interno */
    border: none; /* Quita el borde */
    border-radius: 2vw; /* Borde redondeado */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Quita el subrayado predeterminado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 1vw; /* Tamaño de fuente */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
}

.nuevo{
    color: #030303;
    margin-right: 2vh;
    background-color: #f6faf7e5; /* Color de fondo */
    color: rgb(0, 0, 0); /* Color del texto */
    padding: 0.5vw 3vh; /* Relleno interno */
    border: none; /* Quita el borde */
    border-radius: 2vw; /* Borde redondeado */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Quita el subrayado predeterminado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 1vw; /* Tamaño de fuente */
    cursor: pointer; /* Cambia el cursor al pasar el ratón */
}

img{
    width: 10vw;
    height: 16vh;
}

.tienda-banner {
    /* background-color: #020103; */
    /* border: 1px solid rgb(238, 245, 243); */
    position: relative;
}

.tienda-banner h1 {
    /* margin: 20px; */
    color: rgb(255,255,255);
}

.button-checkout {
    background-color: white;
    color: black;
    border: 2px solid #025226; /* Blue */
    transition-duration: 0.4s;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.button-checkout:hover {
    background-color: #008CBA; /* Blue */
    color: white;
}