@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

:root {
    --base-color : #020202;
    --main-color : #C3C231;
}

body {
    font-family: 'Oswald', sans-serif;
    letter-spacing: .050rem;
    background: var(--base-color) url(../img/lp-img/bg.png) no-repeat;
    background-size: cover;
}

a {
    text-decoration: none;
    color: white;
}

hr {
    margin: 0.25rem 0;
}

b, .fw-bold {
    font-weight: 400!important;
}

.btn-danger {
    background-color: var(--main-color);
}

.bg-black {
    --bs-bg-opacity: .6;
    background-color: #1b1b0982 !important;
}

.border-dark {
    border-color: var(--main-color) !important;
}

.header-wrong-password{
    opacity: 0;
}
.opacity-1 {
  opacity: 1 !important;
}

.call {
    font-size: 0.8rem;
}

.card {
    background: url(../images/bg-cards.webp)no-repeat;
    background-size:  100% 100%;
    background-position: center bottom;
    justify-content: flex-end;
}

.card img {
    transform-origin: bottom;
    transition: scale3d(1, 1, 1);
    transition: all .3s cubic-bezier(.215,.61,.355,1);
}
    
.card:hover img {
    transition: all .3s cubic-bezier(.215,.61,.355,1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.carousel-indicators {
    margin-bottom: 0rem;
}

.btn-gradient {
    background: #c3c23169;
    border: 1px solid #C3C231 !important;
    color: #fff;
    
}

.btn-gradient:hover, 
.btn-gradient:focus, 
.btn-gradient:active {
    background: #c3c231;
    border: 1px solid #C3C231 !important;
    color: #fff;
}

.brand-max {
    max-width: 420px;
}



/* Responsive: Portrait tablets and up */
@media only screen and (max-width: 768px) {

    .brand {
        background-color: var(--base-color);
    }
    .brand img {
        max-width: 70%;
    }

    .hero.bg-dark {
        background-color: transparent !important;
    }

    .products {
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 3rem!important;
    }

    .products .row {
        width: 750px;
    }

    .products .row-cols-5>* {
        width: 150px;
    }

    .products h5 {
        font-size: .75rem;
    }
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#C3C231 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#C3C231);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
  position: fixed; /* CAMBIO de absolute a fixed */
  top: 50%; /* CAMBIO */
  left: 50%;
  z-index: 10000;
}

.btn-secondary {
    background: linear-gradient(90deg, #95942b 0%, #99A133 100%);
    border: 1px solid #C3C231;
}

.body-rules{
    background: linear-gradient(271deg, #313117 0%, #141504 100%);
    background-size: cover;
}

@keyframes l13{ 
  100%{transform: rotate(1turn)}
}