/* --------- Fuentes del sitio ----------- */
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&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');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baskervville+SC&display=swap');

/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); */
/* Colores y demás */

@font-face {
    font-family: 'Neue Machina';
    src: url('../fonts/Neue-Machina/PPNeueMachina-InktrapRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa/nexa-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa bold';
    src: url('../fonts/Nexa/Nexa-Heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nexa light';
    src: url('../fonts/Nexa/Nexa-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
:root {

    --gradient-circle:radial-gradient(circle, rgba(139,69,19,0.7456232492997199) 0%, rgba(139,69,19,0) 50%, rgba(139,69,19,0) 100%);
    --fondo-btn: #dab382;
    --fondo-btn-variant: #3b2319;
    --border-btn-cancel: #8b451343;
    --coffee-btn:#C0A58D;
    --background:#D8D0C3;
    --coffee-btn2:#9D663E;
    --borde-btn: #3b2319;
    --cafe-bajo: #a96b2d;
    --fuente: #26201e;
    --blanco: #ffff;
    --card-text:#D8D0C3;
    --card-transparent:rgba(217, 217, 217, 0.2);
    --negro: #000;
    --border-btn:#3B2916;
    --font-color-nav:#502709;
    --font-color-footer:#8B4513;
    --btn-newsletter:#9E4E1D;
    --red:#FF0000;
    --inter:"Inter", sans-serif;
    --border-btn-blanco:#ffffff31;
    --price:#151515;
    --poppins:"Poppins", sans-serif;
    --titillium:"Neue Machina", sans-serif;
    --nexa:"Nexa", sans-serif;
    --nexa-bold: "Nexa bold", sans-serif;
    --neza-light:"Nexa light", sans-serif;
    --roboto:"Roboto", sans-serif;
}

html {
    font-size: 62.5%; /*1rem=10px*/
    box-sizing: border-box;
    scroll-snap-type: y mandatory;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    height: 100vh;
    margin: 0;
    background-color: var(--background);
}

/*----- LAYOUT 2 -----*/
@media (max-width: 768px) {
    .navbar_contenedor {
        margin: 0 !important;
    }
}



.navbar {
    background-color:#D8D0C3 !important;
    color: var(--blanco);
}

.navbar-toggler.collapsed {
    background-color: var(--negro);
    color: var(--blanco);
}

.navbar-toggler {
    color: var(--blanco);
}

.bi-list {
    width: 24px;
    height: 24px;
    fill: var(--blanco);
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar_contenedor {
    margin: 1.5em 10em;
}

.navbar_list li a {
    color: var(--negro) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.navbar_buscar svg {
}

.navbar_svg {
}

.navbar_buscar a {
    margin: 0 5px;
    cursor: pointer;
    z-index: 999 !important;
}

.navbar_buscar input {
    margin-left: -20px;
    padding-left: 20px;
    height: 40px;
    border: none;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    opacity: 0.5;
    background: #d9d9d9;
    z-index: 0 !important;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.navbar-collapse {
    transition: all 0.2s ease-in-out;
}

/*----- END LAYOUT 2 -----*/

/*----- HOME -----*/
@media (max-width: 768px) {
    .seccion_home_first_div h2 {
        margin: 0;
        font-size: 70px !important;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        opacity: 0.8;
        background: linear-gradient(
            180deg,
            #eac99b 0%,
            rgba(149, 128, 98, 0.2) 100%
        );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

.seccion_home {
    height: 100vh;
}

.seccion_home_first {
    height: 100%;
    width: 100%;
    background-image: url("../img/Home/home1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
    margin-bottom: 0;
}

.seccion_home_first_div {
    position: absolute;
    background: linear-gradient(to right, #f0ece1, rgba(0, 0, 0, 0.2));
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.seccion_home_first_div h2 {
    margin: 0;
    font-size: 130px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.8;
    background: linear-gradient(180deg, #28282a 0%, #000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seccion_home_first_div h3 {
    margin: 0;
    margin-bottom: 20px;
    color: #251f1b;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.seccion_home_first_div p {
    margin-bottom: 10px !important;
    color: #251f1b;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.seccion_home_first_div_saturdays {
    color: #251f1b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.seccion_home_first_div_saturdays div a:nth-child(1) {
    color: #ffc740;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    cursor: pointer;
}

.seccion_home_first_div_play {
    margin-top: 10px;
    padding: 13px 50px;
    text-decoration: none !important;
    border-radius: 5px;
    background: #3b2916;
    color: var(--blanco) !important;
    text-align: center !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 32px !important; /* 133.333% */
    letter-spacing: 0.1px !important;
}

/*--------------------------*/

.seccion_home_second {
    height: 100%;
    width: 100%;
    background-image: url("../img/Home/home2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
    margin-bottom: 2rem;
}

.seccion_home_second_div {
    position: absolute;
    background: linear-gradient(to right, #f0ece1, rgba(0, 0, 0, 0.2));
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
}

.seccion_home_second_div_contenedor {
    padding-right: 120px;
}

.seccion_home_second_div h2 {
    position: absolute;
    top: 10%;
    left: 50%;
    margin: 0;
    font-size: 110px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.7;
    background: linear-gradient(180deg, #28282a 0%, #000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seccion_home_second_div h3 {
    color: #251f1b;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.seccion_home_second_div_time {
    color: #251f1b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.seccion_home_second_div_time div a:nth-child(1) {
    color: #ffc740;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.seccion_home_second_div_buy {
    margin-top: 10px;
    padding: 13px 50px;
    text-decoration: none !important;
    border-radius: 5px;
    background: #3b2916;
    color: var(--blanco) !important;
    text-align: center !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 32px !important; /* 133.333% */
    letter-spacing: 0.1px !important;
    color: var(--blanco) !important;
}

/*--------------------------*/

.seccion_home_third {
    height: 100%;
    width: 100%;
    background-image: url("../img/Home/home3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
    margin-bottom: 2rem;
}

.seccion_home_third_div {
    position: absolute;
    background: linear-gradient(to right, #f0ece1, rgba(0, 0, 0, 0.2));
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.seccion_home_third_div_contenedor {
    padding-left: 120px !important;
}

.seccion_home_third_div_contenedor h2 {
    position: absolute;
    top: 18%;
    right: 63%;
    margin: 0;
    font-size: 120px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.7;
    background: linear-gradient(180deg, #28282a 0%, #000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seccion_home_third_div_contenedor h3 {
    color: #251f1b;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.seccion_home_third_div_contenedor div a:nth-child(1) {
    color: #ffc740;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

/*--------------------------*/

.seccion_home_fourth {
    height: 100%;
    width: 100%;
    background-image: url("../img/Home/home4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
    padding-bottom: 4rem !important;
}

.seccion_home_fourth_div_contenedor {
    position: absolute;
    background: linear-gradient(to right, #f0ece1, rgba(0, 0, 0, 0.2));
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.seccion_home_third_div_contenedor {
    padding-left: 0px;
}

.seccion_home_fourth_div_contenedor h2 {
    margin: 0;
    font-size: 120px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.7;
    background: linear-gradient(180deg, #28282a 0%, #000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seccion_home_fourth_div_contenedor h3 {
    text-align: center;
    color: #251f1b;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.seccion_home_fourth_div_text div {
    margin: auto;
    height: auto;
    width: 50%;
    text-align: center;
}

.seccion_home_fourth_div_text div p {
    color: #251f1b;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.seccion_home_fourth_div_play {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 13px 50px;
    text-decoration: none !important;
    border-radius: 5px;
    background: #3b2916;
    color: var(--blanco) !important;
    text-align: center !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 32px !important; /* 133.333% */
    letter-spacing: 0.1px !important;
    color: var(--blanco) !important;
}

.seccion_home_fourth_div_cards {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.seccion_home_fourth_div_card {
}

.seccion_home_fourth_div_card_div_one {
    height: 170px;
    width: 280px;
    background: rgb(13, 9, 6);
    background: linear-gradient(
        200deg,
        rgba(13, 9, 6, 1) 0%,
        rgba(59, 41, 22, 1) 68%
    );
    position: relative;
    border: 3px solid #b47f43;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.seccion_home_fourth_div_card_div_one p {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.seccion_home_fourth_div_card_div_one a {
    padding: 5px 20px;
    text-decoration: none !important;
    border-radius: 25px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.seccion_home_fourth_div_card_div_two {
}

.seccion_home_fourth_div_card_div_two {
}

/*--------------------------*/

.seccion_home_five {
    height: 100%;
    width: 100%;
    background-image: url("../img/Home/home3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
    margin-bottom: 2rem;
}

.seccion_home_five_div {
    position: absolute;
    background: linear-gradient(to right, #f0ece1, rgba(0, 0, 0, 0.2));
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.seccion_home_five_div_contenedor {
    width: 100%;
    padding: 0px 40px;
}

.seccion_home_five_div_contenedor h2 {
    position: absolute;
    top: 3%;
    right: 10%;
    margin: 0;
    font-size: 120px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    opacity: 0.7;
    background: linear-gradient(180deg, #28282a 0%, #000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.seccion_home_five_div_contenedor h3 {
    width: 100%;
    text-align: center;
    color: #251f1b;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.seccion_home_five_div_contenedor div a:nth-child(1) {
    color: #ffc740;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.seccion_home_five_div_want {
    width: 100%;
}

/*--------------------------*/

.carousel-inner {
    transition: all 0.3s ease-in-out !important;
}

.seccion_home_sixth_div_card_contenedor {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 50px;
}

.seccion_home_sixth_div_card {
    width: 150px;
}

.seccion_home_sixth_carrusel {
    width: 100%;
}

.seccion_home_fourth_div_cards {
    width: 100%;
}

.seccion_home_sixth_div_card p {
    text-align: justify;
}

.seccion_home_sixth_div_card img {
    width: 100%;
    height: 100px;
}

.carousel-fade .carousel-item {
    transition: opacity 0.5s ease-in-out;
}

.carousel-fade .carousel-item-start,
.carousel-fade .carousel-item-end {
    opacity: 0.5;
}

/*----- END HOME -----*/

/* ----- FOOTER DEL REDISEÑO ----- */

.newsletter-container h2{
    font-size: 30px;
    font-weight: 700;
}

.newsletter-container input.form-control{
    font-size: 16px;
}

/* .newsletter-container button{
    font-size: 16px;
    background-color: beige;
    padding: 0.5rem 1.5rem;
    border-radius: 14px;
} */

.contact-container svg{
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.contact-container h4{
    font-size: 14px;
    font-weight: 400;
}

.contact-container h3{
    font-size: 20px;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #FFB42C;
    margin-top: 2rem;
}

.contact-container ul{
    padding-left: 0;
}
.icons-redes{
    display: flex;
    gap: 10px;
}

.contact-us li{
    display: flex;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.contact-us li i{
    color: #FFB42C;
}

.copy-right{
    font-size: 14px;
    font-weight: 400;
}

ul.contact-us li svg{
    margin-bottom: 0;
    margin-top: 0;
}

/* -------- HOME DEL REDISÑO -------- */    
.title-section h2{
    font-size: clamp(4.5rem, 10vw, 150px);
    font-weight: 700;
    line-height: 172px;
    /* background: linear-gradient(180deg, #28282A 0%, #000000 100%); */

    background: -webkit-linear-gradient(#28282A, #000000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #28282A;
    opacity: 20%;
}

.membership-title h2{
    font-size: clamp(4.5rem, 10vw, 150px);
    font-weight: 700;
    line-height: 172px;
    /* background: linear-gradient(180deg, #28282A 0%, #000000 100%); */

    background: -webkit-linear-gradient(#EAC99B, #643A00);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #28282A;
    opacity: 20%;
}
/* .title-section{
    position: relative;
    height: 40vh;
} */


.text-second{
    position: absolute;
    top: 100px;
    font-family: "Cardo", serif;
}


.title-section .text-second h3{
    font-size: clamp(2.5rem, 6vw, 56px);
    font-weight: 700;
    line-height: 76px;


}

.title-section .text-second span{
    font-size: clamp(5rem, 8vw, 80px);
    font-weight: 700;
    line-height: 200px;
}

.banner-principal{
    background-image: url('../img/banner-home1.png');
    height: 729px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-white h2{
    color: #FFFFFF;
    background:-webkit-linear-gradient(#FFF, #FFF);
    background-clip:text;
    -webkit-text-fill-color: transparent;
}
.home{
    height: 100vh;
}

.section-buy{
    background-image: url('../img/Home/homeR.png');
    background-repeat: no-repeat;
    height: 486px;
    background-size: cover;
}

.subscribe{
    background-color: #FFEBD4;
    height: 100vh;
    padding-bottom: 6rem;
    padding-top: 6rem;
}

.tournaments{
    background-color: #E5E5E5;
    height: 100%;
    padding-bottom: 6rem;
    padding-top: 6rem;
}

.one-one{
    background-image: url('../img/Home/homeR6.png');
    background-repeat: no-repeat;
    background-size: cover;
}


.text-double{
    top: 33vh;
}
#slick-carrusel .card{
    width:95%;
    margin:auto;
}

button.slick-next.slick-arrow{
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
}
button.slick-prev.slick-arrow{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
}

.btn.btn-secondary{
    border: 3px solid var(--border-btn);
    border-radius: 46px;
    background-color: transparent;
    padding: 15px 40px;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 32px;
    color: black;
}
.btn.btn-secondary.white{
    color: #FFF;
    border-color: #FFF;
}
.letter-white{
    color:#FFF;
    opacity: 50%;
}

.text-white{
    color: #FFF;
}

.btn.btn-terciary{
    background-color: #3B2916;
    border: none;
    border-radius: 5px;
    font-size: 24px;
    line-height: 32px;
    color: white;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    padding: 15px 40px;
}

.info-courses{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.info{
    display: flex;
    gap: 5px;
}

.card-courses{
    background-color: #F0EEEB;
}

.card-courses .card-title{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 1rem;
    margin-top: 2.5rem;
}

.card-courses .card-text{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18.4px;
    font-weight: 700;
}

.card-courses .info-courses{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18.4px;
}


.card-courses .card-body{
    padding:2.5rem;
}

.btn.btn-courses{
    border: 1px solid #121212;
    border-radius: 40px;
    background-color: transparent;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    font-family: "Inter", sans-serif;
    color: #121212;
    margin-bottom: 3rem;
}

.courses{
    margin-bottom: 8rem;
    margin-top: 5rem;
}

.btn.btn-newsletter{
    background: linear-gradient(180deg, #94704C 0%, #E8B063 100%);
    font-size: 16px;
    padding: 0.5rem 1.5rem;
    border-radius: 14px;
    line-height: 18.4px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #26252A;

}


.container.tournaments-options h5{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 35px;
    color: #262626;
    margin-top: 2rem;

}
.container.tournaments-options p{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16.73px;
    line-height: 22px;
    color: #000000;
    margin-top: 2rem;

}
.btn.btn-tournaments{
    border: 3px solid #3B2916;
    border-radius: 64px;
    padding: 15px 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.1px;
    color: #3B2916;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.membership img{
    opacity: 0.5;
    transition: 0.3s all ease-in-out;
}

.membership:hover img{
    opacity: 1;
}
.membership .info{
    justify-content: space-between;
    padding:0.5rem 7rem;
}

/* .membership .membership-name{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    color: #BE7B00;
} */

.membership .info h3,span{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #262626;
}

.info.win h5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.4px;
}

.text-second h6{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    color: #BE7B00;
}

.tipes-memberships{
    margin-top:8rem;
    margin-bottom: 8rem;
}

.text-second span.text-gold{
    font-size: clamp(2.5rem,6vw,56px);
    font-weight: 700;
    line-height: 76px;
    color: #BE7B00;
    font-family: "Cardo", serif;
}

.banner-tournaments{
    background-image: url('../img/Home/tournaments.png');
    background-repeat: no-repeat;
    height: 100%;
    padding-bottom: 3rem;
    background-size: cover;
}

.banner-tournaments .title-subsection h3{
    font-family: 'Cardo', sans-serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 76px;
    color: white;
    margin-top:3rem;
}

.banner-tournaments .title-subsection h5{
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 900;
    line-height: 22.56px;
    color: white;
    margin-top:3rem;
}

.table-title h3{
    font-family: 'Cardo', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    color: black;
    margin-top: 3rem;
    margin-bottom:3rem;
}

td{
    background-color: white !important;
    text-align: center;
}
th.transparent-bg, td.transparent-bg{
    background-color: transparent !important;
}


td#price-gold{
    background: rgb(215,193,132);
background: linear-gradient(90deg, rgba(215,193,132,1) 0%, rgba(171,144,99,1) 100%) !important;
    color: black !important;
}

td#price-platinum{
    background: rgb(237,237,234);
    background: linear-gradient(90deg, rgba(237,237,234,1) 0%, rgba(212,208,200,1) 100%) !important;
    color: black;
}

td#price-diamond{
    background: rgb(41,39,40);
    background: linear-gradient(90deg, rgba(41,39,40,1) 0%, rgba(30,30,30,1) 100%) !important;
    color: white !important;
}


.win-prices{
    background-color:#F0EEEB;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.table-bordered>:not(caption)>*{
    border-width: 8px;
    border-color: #F0EEEB;
}

.table-bordered>:not(caption)>*>*{
    border-width:0px 4px;
    border-color: #F0EEEB;
    font-weight: 400;
}

table.table.table-bordered, table.table.table-bordered td span{
    font-size: 14.75px;
    line-height: 24px;
    font-family: 'Inter',sans-serif;
    font-weight: 400;
}
.bg-blanco{
    background-color: white !important;
    font-family: 'Cardo', sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    text-align: center !important;
}

span.descuento{
    background-color: black;
    color: white;
    padding: 3px 2.5rem;
    border-radius: 50px;

}

b.text-gold{
    color: #472109;
}

.start{
    height: 100%;
    padding-bottom:5rem;
    padding-top: 5rem;
}


.cart{
    height: 100%;
}
.container.container-info{
    border:3px solid;
    padding: 0 10rem 5rem 10rem;
    position: relative;
    border-image:linear-gradient(180deg, #FFB42C 0%, rgba(0, 0, 0, 0) 28.81%, rgba(0, 0, 0, 0) 71.05%, #FFB42C 100%)1 1;
}

.row-info{
    background-color: #262626;
    color: white;
    position: relative;
    top: -50px;
}

.row-cards{
    margin-top: 1vh;
}

.row-btn{
    position: relative;
    bottom: -14vh;
}

.card-winner{
    background-color: #262626;
    width: 95%;
    padding: 1rem 1.5rem;
}

.start-body{
    padding: 1.5rem;
}
.start-title{
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 27.6px;
    text-align: left;
    color:white;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;

}

.start-text{
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.4px;
    text-align: left;
    color:white;
    margin-bottom: 2rem;
}

.win-title{
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 18.4px;
    text-align: left;
    color: white;
    margin-top: 1.5rem;
}
.win-text{
    font-family: Arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 13.8px;
    text-align: left;
    color: white;  
    margin-top: 1.5rem;
    margin-bottom: 2rem;

}

.container-principal{
    padding:10rem 15rem 0 15rem;
}

.card-video{
    width: 90%;
    border: none;
    background-color: transparent;
}

section.home.learn{
    height: 100%;
    background-color: #FFEBD4;
    padding:8rem 0 8rem 0;
    margin: 5rem 0 10rem 0;
}


/* CART */

.container-cart h4{
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 26px;
    color: black;
}

.btn.btn-shop, .btn.btn-login{
    border: 1px solid black;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 42px;
    font-weight: 700;
}

.btn.btn-shop{
    background-color: white;
    color: black;
}

.btn.btn-login{
    background-color: #000;
    color: white;
}

.card-product{
    display: flex;
    justify-content: space-between;
}

.actions-product{
    display:flex;
    gap:15px;
}


.form-check, .title-resume{
    font-size:24px;
    font-weight: 700;
    font-family: 'Cardo', sans-serif;
    line-height: 32.5px;
}

.row-selectAll{
    padding: 1rem;
    border: 1px solid #0000002a;
    border-radius: 5px;
}
.row-product{
    border:1px solid #0000002a;
    padding:1rem;
    align-items: center;
    border-radius: 5px;
}

.product-name{
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.7px;
}

.product-description{
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #5F6C72;
}

.price-product{
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ADB7BC;
    text-decoration:line-through;
}

.price-product span.rebajado, span.signo{
    font-size: 18px;
    color: #FFB42C;
    text-decoration: none;
}

.container-resume{
    border: 1px solid #0000002a;
    border-radius: 5px;
    padding: 1rem;

}

.subtotal,.discount{
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 20.7px;
}

.discount{
    color: #FFB42C;
    margin-bottom: 2rem;
}

.row-tarjetas{
    padding: 1rem;
    margin-top: 2rem;
}

.row-resume{
    padding:1rem;
}

.container-tarjetas{
    border: 1px solid #0000002a;
    border-radius: 5px;
}

input.form-control.input-number{
    font-size: 16px;
    text-align: center;
    border: none;
}

.input-group-text{
    border-radius: 15px;
    background-color: transparent;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    
    /* border: 1px solid; */
    border-left: none;
    border-right: none;
    font-size: 16px;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
    /* border: 1px solid; */
    border-right: none;
    /* font-size: 16px; */
}


/* Profile section */

.nav-pills .nav-link{
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.7px;
    text-align: left;
    color: #251F1B;
    padding: 1.5rem;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #FFB42C;
    font-weight: 700;
    background-color: transparent;
}
.container-profile-information{
    background-color: #F0EEEB;
    border-radius: 5px;
    margin-bottom: 2rem;
    padding: 5rem;

}


.profile-title{
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 27.6px;
    margin-bottom: 1.5rem;
}

.profile-subtitle{
    font-family: 'Arial',sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.7px;
    margin-bottom: 1.5rem;
}


.profile-suscription{
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 27.6px;
    color: #FFB42C;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.profile-information{
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20.7px;
}

.profile-information span{
    color: #C25B00;
}

.card-profile{
    border-radius: 14px;
    padding: 1rem;

}

.title-card-profile{
    font-family: 'Arial', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 27.6px;
    color:#C25B00;
}

.title-card-profile span{
    font-size: 18px;
    font-weight: 400;
    color: black;
}

.text-card-profile{
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #ADB7BC;
}

.img-membership{
    margin-bottom: 1.5rem;
}


.row-basic-information{
    padding: 1.5rem 0 1.5rem 0;
    align-items: center;
}
.row-basic-information h6{
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 18.4px;
}

img.img-profile{
    border-radius: 50px;
}

.divider{
    margin: 5rem 0rem 5rem 0rem;
}


.card-product-fav, .card-product-store{
    border: none;
    margin-bottom: 3rem;
}
.card-product-store .card-title{
    font-size:18px;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    line-height: 20.7px;
    color: #251F1B;
}
.card-product-fav .card-title, .card-product-store .card-title span {
    font-size:18px;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    line-height: 20.7px;
    color: #251F1B;
}

.card-product-fav .info-product, .card-product-store .info-product{
    font-family: 'Public Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #5F6C72;
}

.prices-product{
    display: flex;
    gap: 15px;
    font-family: 'Public Sans', sans-serif;
}

.price-sale{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ADB7BC;
    text-decoration: line-through;
}

.price-now{
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #FFB42C;
    
}

.btn.btn-fav{
    background-color: #FFB42C;
    color: white;
    font-family: 'Public Sans', sans-serif;
    font-size:14px ;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 1px;
    padding: 0 15px;
}


.btn.btn-delete{
    background-color: #FFFFFF;
    padding: 0px 15px;
}

.card-product-fav .card-body, .card-product-store .card-body{
    background-color: #F0EEEB;
}

.btn-options-fav{
    display: flex;
    justify-content: space-between;

}

.filters h4{
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #FFB42C;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.filters .form-check{
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #251F1B;
    margin-bottom: 1rem;
}

.form-check-input:checked{
    background-color: var(--font-color-footer);
    border-color: var(--border-btn);
}
.form-check-input:focus{
    border-color: var(--font-color-footer);
    box-shadow: none;
}

.form-check-input:checked[type=radio]{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%22fff'/%3e%3c/svg%3e");
}

section.favorites{
    margin-top: 3rem;
    margin-bottom: 8rem;
}

span.ui-slider-handle.ui-corner-all.ui-state-default{
    border-radius: 50px;
    width: 14px;
    height: 14px;
    top: -5px;
    background-color:black ;
    border: 4px solid #FFB42C;
}
 
.ui-widget-header{
    background: #FFB42C !important;
}
.ui-widget.ui-widget-content{
    border: none;
    background-color: lightgray;
    height: 6px;
}

input#range-max, input#range-min{
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.item .product-hover { position:relative; overflow:hidden; margin:10px; height:100%;}
.item .product-hover > a { display:block; white-space:nowrap; opacity:1; }
.item .product-hover img { display:inline-block; width:100%; margin:0 auto; vertical-align:middle; -ms-transition:all ease-out 0.4s; -webkit-transition:all ease-out 0.4s; transition:all ease-out 0.4s; }
.item .product-hover .hover { visibility:hidden; opacity:0; left:50%; top:50%; position:absolute; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.item .product-hover:hover .primary { opacity:0; }
.item .product-hover:hover .hover:not(.variantImg) { opacity:1; visibility:visible; }
.blur-up.lazyloaded { -webkit-filter:blur(0); filter:blur(0); }
.blur-up { -webkit-filter:blur(5px); filter:blur(5px); transition:filter 400ms, -webkit-filter 400ms; -webkit-transition:filter 400ms, -webkit-filter 400ms; }

.store{
    height: 100%;
}

a.nav-link.active{
    color: #FFB42C !important;
}

.navbar-toggler{
    background-color: #000 !important;
}
/* RESPONSIVE */
@media(max-width:767px){

    .subscribe{
        height: 100vh;
        padding-top:1rem ;
    }

    section.home.one-one{
        height: 50vh;
    }
    .title-section-mitad{
        height: 38vh;
    }
    .contact-container{
        text-align: center;
    }

    .btn.btn-newsletter{
        margin: 2rem 0 2rem 0;
    }
    .icons-redes{
        justify-content: center;
    }
    .contact-us li{
        justify-content: center;
    }
    .container-principal{
        padding:1rem;
    }
    .container.container-info{
        padding: 2rem 4rem;
    }
    .card-winner{
        margin-bottom: 2rem;
    }
    .row-btn{
        bottom: -11vh;
    }

    .card-profile{
        margin-bottom: 2rem;
    }

    .text-second{
        top: 80px;
    }
    .title-section .text-second h3{
        line-height: 40px;
    }

    section.home.one-one .title-section .text-second{
        text-align: center;
    }

    section.home.one-one .title-section h2{
        line-height: 60px;
    }

    .row-btn-newsletter{
        text-align: center;
    }

    .section-buy{
        height: 350px;
    }

    .title-section{
        height: 20vh;
    }

    .title-newsletter{
        text-align: center;
    }
}

@media(min-width:768px) and (max-width:1024px){
    
    section.subscribe{
        height: 50vh;
        padding-top:1rem ;
    }
    .title-section-mitad{
        height: 50vh;
    }
    .title-section .text-second h3{
        line-height: 55px;
    }
    .container-principal{
        padding: 5rem 5rem 0rem 5rem;
    }
    .row-btn{
        bottom: -16vh;
    }

    .actions-product{
        gap: 50px;
    }

    .options-product{
        display: contents;

    }
    .card-profile{
        margin-bottom: 2rem;
    }

    .home.tournaments{
        height: 100vh;
    }

    .home.one-one{
        height: 60vh;
    }

    .home.banner-principal{
        height: 60vh;
    }

    /* .title-section{
        height: 24vh;
    } */

    .section-buy{
        height: 400px;
    }
}
#carrito {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    top: 60px;
    right: 0;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    min-width: 300px;
    max-width: 400px;
    font-family: Arial, sans-serif;
    border-radius: 15px;
}

    #carrito h3 {
        margin-top: 0;
        text-align: center;
        color: black;
    }

.cart-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .cart-items li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        border-bottom: 1px solid var(--borde-btn);
    }

    .cart-items img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .cart-items .item-info {
        flex-grow: 1;
    }

        .cart-items .item-info span {
            display: block;
            font-size: 16px;
        }

.subtotal {
    margin-top: 10px;
    text-align: right;
    font-weight: bold;
    color: red;
    font-size: 18px;
}

#checkout-button {
    width: 100%;
    margin-top: 10px;
    background-color: #ff6200;
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    height: 100%;
    margin-bottom: 1.5rem;
}

    #checkout-button:hover {
        background-color: #e65a00;
    }


    .btn.btn-cart{
        background-color: #e65a00;
        color: white;
        border: none;

    }

    img.img-product, .img.img-product-cart{
        height: 150px;
        object-fit: contain;
    }

    .details-fact,.order-summary{
        width: 47%;
    }

    .form-control,.form-select{
        font-size: 16px;
    }

    .checkout-container{
        font-size: 16px;
    }

    .container-details{
        justify-content: space-between;
        padding: 4rem;
    }

    .order-summary{
        background-color: #74747426;
        padding: 2rem;
    }

    .cart-summary-container{
        display: flex;
        justify-content: center;
        margin-bottom: 2.5rem;
    }

    .cart-summary{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #ccc;
        padding: 10px 20px;
        width: 80%;
        border-radius: 5px;
    }

    .table-order-summary tbody, .table-order-summary td, .table-order-summary tfoot, .table-order-summary th, .table-order-summary thead, .table-order-summary tr{
        border-style: none;
    }


    .order-summary table td{
        text-align: start;
    }

    .order-summary table th{
        text-align: start;
    }
    .order-summary table td:last-child{
        text-align: end;
    }

    .order-summary table th:last-child{
        text-align: end;
    }

    .order-summary table td{
        background-color: transparent !important;
    }

    .order-summary .total{
        border-top: 1px solid lightgray;
        font-size: 18px;
        font-weight: bold;
    }

    .order-summary .btn.btn-fav{
        line-height: 30px;
    }

    .payment-info {
        display: none;
        margin-top: 20px;
        border-top: 1px solid #ccc;
        padding-top: 20px;
    }

    .checkout-container {
        text-align: center;
        padding: 2.5rem;

        margin: 0 auto;
    }
        
    .checkout-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 auto;
    }


    


/************************************************************************************************************************
*************************************************************************************************************************
********************************* R E D I S E Ñ O ***********************************************************************
*************************************************************************************************************************
************************************************************************************************************************/
ul.navbar-nav.navbar_list{
    justify-content: center !important;
    margin: auto !important;
    background: #AFA59440;
    border: 1px solid #8B451369;
   
    border-radius: 30px;
    display: flex;
    gap: 2.5rem;
    padding: 0 2.5rem;
}

.btn.btn-log{
    background: linear-gradient(268.22deg, #AFA594 0%, #8B4513 100%);
    color: var(--blanco);
    font-family: var(--nexa-bold);
    font-size: 15px;
    line-height: 21px;
    font-weight: 700;
    border: none;
    padding: 5px 15px;
    border-radius: 10px;
}

.navbar_list li a{
    color: var(--font-color-nav) !important;
    font-family: var(--poppins);
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
}

.group-newsletter{
    display: flex;
    justify-content: center;
    text-align: center;
    font-family: var(--roboto);
    
}

.label-newsletter{
    font-weight: 400;
    font-family: var(--titillium);
    color: var(--font-color-footer);
    font-size: 40px;
    letter-spacing: 12%;
    
    text-transform: uppercase;

}

.redes-sociales{
    justify-content: center;
    font-size: 48px;
    color: var(--font-color-footer);
    display: flex;
    gap: 2rem;
    margin-bottom: 8rem;
}

input.form-control.form-newsletter{
    border-radius:0px 0px 0px 86px !important;
    border: none;
    font-size: 24px;
    padding: 1rem 2.5rem;
}

#button-addon-newsletter{
    border-radius: 0px 86px 0px 0px !important;
    border: none;
    background-color: var(--btn-newsletter);
    padding: 1rem 2.5rem;
    color: var(--blanco);
    font-size: 24px;
    line-height: 39.68px;
}

.welcome-text{
    width: 55%;
    text-align: center;
}

.welcome-text h1, span, .title-section{
    font-size: 60px;
    font-family: var(--titillium);
    line-height: 72px;
}

.welcome-text span{
    font-weight: 800;
    color:var(--font-color-footer);
    margin-top: 2rem;
}

.welcome-text h2, .text-home{
    font-size: 16px;
    font-family: var(--nexa);
    line-height: 22.4px;
    color: var(--negro);
}

.btn-banner-home{
    margin-top: 5rem;
}

/* .banner-principal::after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: 50px;
} */

.title-section{
    font-size: 60px;
    font-family: var(--titillium);
    line-height: 72px;
}

.title-section span{
    font-weight: 800;
    color:var(--font-color-footer);
    margin-top: 2rem;
}

.count-down{
    font-family: var(--nexa-bold);
    font-size: 86.5px;
    font-weight: 600;
    color: var(--font-color-footer);
    background: -webkit-linear-gradient(#8B4513, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.subtitle-section{
    font-size: 15px;
    line-height: 18px;
    font-family: var(--nexa-bold);
    color: var(--font-color-footer);
    background: -webkit-linear-gradient(#8B4513, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 5rem;
    margin-bottom: 7rem;
}

section{
    padding: 10rem;
}

.card-steps{
    display: flex;
    justify-content: center;
    gap: 2.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.card-step{
    width: 31%;
    border-radius: 25px;
    padding: 2rem 0.5rem;
    background-image: url('../img/fondo.png');
    background-size: cover;
    border: none;
}

.card-title{
    font-size: 20px;
    line-height: 24px;
    font-family: var(--titillium);
    color: var(--font-color-footer);
}

.card-text{
    font-family: var(--nexa);
    font-size: 16px;
    line-height: 19.6px;
    color: var(--negro);
}


.img-card{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.img-card img{
    width: 45px;
}

.card-membership{
    padding: 1.5rem;
    border-radius: 25px;
    background-color: var(--font-color-footer);
    margin-top: 4rem;
    height: 100%;
}

.title-membership{
    font-family: var(--titillium);
    font-size: 40px;
    line-height: 70px;
    color: var(--card-text);
    font-weight:600;
}

.price-membership{
    font-family: var(--nexa-bold);
    font-size: 34px;
    line-height: 50px;
    color: var(--price);

}

.membership-info{
    font-family: var(--nexa);
    font-size: 24px;
    line-height: 25px;
    color: var(--card-text);

}

.membership-info li{
    margin-bottom: 2rem;
}

.btn-subscribe{
    border-radius: 25px;
    background-color: var(--card-text);
    border: none;
    color: var(--font-color-footer);
    font-family: var(--nexa-bold);
    font-size: 20px;
    line-height: 32px;
    padding: 5px 3rem;
}

.subtitle-section-second{
    font-family: var(--nexa-bold);
    font-size: 15px;
    line-height: 18px;
    color: var(--font-color-footer);
    background: -webkit-linear-gradient(#8B4513, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.one-vs-one{
    background-image: url('../img/one-vs-one.png');
}

.card-one{
    padding: 1.5rem;
    border-radius: 25px;
    margin-bottom: 1rem;
    background-color: var(--font-color-footer);
    color: var(--card-text);
    font-family: var(--titillium);
}

.card-title-one{
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;

}

.card-text-one{
    font-size: 16px;
    line-height: 22px;
    font-family: var(--nexa);
}

.num-item-one{
    color: var(--font-color-footer);
    background-color: var(--card-text);
    font-size: 32px;
    line-height: 72px;
    padding: 1rem;
    border-radius: 100%;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

.item-numeration{
    display: flex;
    justify-content: end;
}

.slick-slide img{
    border-radius: 25px;
}

.card.product-home{
    /* width: 95%; */
    border-radius: 25px;
    border: none;
    height: 100%;
}

.carrusel-div{
    margin-top: 5rem !important;
    margin-bottom: 5rem;
}
.slick-slide{
    transition: 0.3s all ease-in-out;
    transform: scale(0.89);
}
.slick-center{
    transition: 0.3s all ease-in-out;
    transform: scale(1.01);
    position: relative;
    z-index: 10;
    position: relative;
}

/* .slick-list{
    overflow: visible !important;
} */

.card-review{
    border-radius: 25px;
    border: none;
    background-color: var(--font-color-footer);
    padding: 5rem;
}

.img-review{
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-review img{
    width: 150px;
    height: 150px;
    border-radius: 100%;
    object-fit: cover;

}
.single-item{
    padding: 1rem 10rem;
}
.name-review{
    font-family: var(--nexa-bold);
    font-size: 24px;
    color: var(--card-text);

}

.review{
    font-family: var(--nexa);
    font-size: 16px;
    color: var(--card-text);
    line-height: 28px;
}

.stars-review{
    font-size: 28px;
    color: var(--card-text);
}

.tournaments-section{
    background-image: url('../img/tournaments.png');
    height: 777px;
    position: relative;
}

.cards-tournaments{
    position: absolute;
    bottom: 3%;
    width: 85vw;
    /* height: 10vh; */
    z-index: 10;

}

.card-tournament{
    background-image: url('../img/fondo.png');
    object-fit: cover;
    border-radius: 15px;
    border: none;
    background-size: cover;
}

.tournament-card-text{
    font-family: var(--titillium);
    font-size: 46px;
    line-height: 50px;
}

.tournament-card-price{
    font-family: var(--titillium);
    font-size: 78px;
    line-height: 88px;
    font-weight: 600;
    color: var(--font-color-footer);
    background: -webkit-linear-gradient(#8B4513, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.backgamon-text{
    width: 80%;
}

.backgamon-section{
    margin-top: 5rem;
}


.card-membership-info{
    height: 100%;
    padding: 1.5rem;
    border-radius: 15px;
    border: none;
    background-image: url('../img/fondo2.png');
}
.card-membership-info img{
    width: 100%;
}

.membership-name{
    font-family: var(--titillium);
    color: var(--font-color-footer);
    font-weight: 600;
    font-size: 40px;
    line-height: 70px;
}

.membership-price{
    font-family: var(--nexa-bold);
    font-size: 33px;
    line-height: 33px;
    font-weight: 600;
}

.membership-carac{
    font-family: var(--nexa);
    font-size: 24px;
    line-height: 26px;

}

.membership-carac li{
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}


.learn-section{
    background-image: url('../img/learn.png');
}
.learn-title{
    display: flex;
    align-items: center;
}

.additional-info{
    display: flex;
    justify-content: center;
}

.additional-input{
    width: 70%;
    margin-top: 3rem;
    background-color: #9e9e9e44;
    border: none;
    border-radius: 10px;
    font-family: var(--titillium);
    font-size: 26px;
    line-height: 28px;
    padding: 10px;
    margin-bottom: 3rem;
}

.additional-input:focus{
    background-color: #9e9e9e44;
    border: none;
    box-shadow: none;
}

.additional-info ::placeholder{
    color: var(--card-text);
}
.video-card{
    margin-top: 12rem !important;
}

.video-name{
    font-family: var(--titillium);
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    color: var(--font-color-footer);
}

.video-description{
    font-family: var(--nexa);
    font-size: 16px;
    line-height: 22px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.guide-card{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.title-guide{
    font-family: var(--titillium);
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    color: var(--font-color-footer);
    width: 90%;
    margin-bottom: 3rem;
}

.guide-card img{
    width: 95%;
    border-radius: 25px;
    object-fit: cover;
    box-shadow: 1px 1px 15px lightgray;
    box-shadow: 2px 2px 8px;
    margin-bottom: 3rem;
    border: 1px solid var(--blanco);
}

.title-tarjetas{
    display: flex;
    align-items: center;
}

.table-memeberships th, .table-memeberships td{
    background-color: transparent !important;
    font-family: var(--nexa);
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
}

.memberships-table-section{
    position: relative;
    /* overflow: hidden; */
    /* padding-right:0 ; */
}

.memberships-table-section::after{
    position: absolute;
    content: ' Each payout is per tournament';
    font-family: var(--titillium);
    color: var(--card-text);
    font-weight: 700;
    font-size: 56px;
    line-height: 72px;
    right: 0;
    top: 25%;
    writing-mode:vertical-lr;
    transform: rotate(180deg);
    margin: 0;
    padding: 6rem 1rem;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    background-color: var(--font-color-footer);
}

.name-membership{
    font-family: var(--titillium) !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 72px !important;
    text-transform: uppercase;
    color: var(--font-color-footer);
    text-align: center;
}

.table>:not(caption)>*>*{
    border-bottom: none;
}


table tr td:nth-child(2),
table tr td:nth-child(3),
table tr td:nth-child(4) {
    /* background-image: url('../img/table.png'); */
    /* backdrop-filter: opacity(0.2); */
    /* background-size: cover; */
    position: relative;
    border-width: 4rem;
    border-color: transparent;
    border-top: none;
    overflow: hidden;
    z-index: 10;
}
table tr td:nth-child(2)::before,
table tr td:nth-child(3)::before,
table tr td:nth-child(4)::before {
    content: '';
    position: absolute;
    top: 0;
    left:0 ;
    width: 100%;
    height: 100%;
    background-image: url('../img/table.png');
    background-size: cover;
    opacity: 0.20;
    z-index: -1;
}

table tr th:nth-child(2),
table tr th:nth-child(3),
table tr th:nth-child(4) {
    /* background-image: url('../img/table.png'); */
   
    border-width: 4rem;
    border-color: transparent;
    border-top: none;
    width: 20%;
    overflow: hidden;
    position: relative;
    z-index: 10;
}


table tr th:nth-child(2)::before,
table tr th:nth-child(3)::before,
table tr th:nth-child(4)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/table.png');
    background-size: cover;
    opacity: 0.15;
    z-index: -1;
}

/* Para las filas 6 y 15, aplicando la imagen de fondo sin desfasar la tabla */
table tr:nth-child(6)::before,
table tr:nth-child(15)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/table.png');
    background-size: cover;
    opacity: 0.1; /* Aplica la opacidad del 10% a la imagen */
    z-index: 1;
    pointer-events: none;
}

table tr:nth-child(6),
table tr:nth-child(15) {
    position: relative;
    z-index: 2; /* Asegura que el contenido esté por encima del pseudo-elemento */
}

/* table tr:nth-child(6)::before,table tr:nth-child(15)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/table.png');
    background-size: cover;
    opacity: 0.2;
    z-index: -1;
} */
.store-discount{
    font-size: 28px !important;
    color: var(--font-color-footer);
}

.store-head{
    display: flex;
    align-items: center;
}

.store-banner{
    background-image: url('../img/store-head.png');
    
    padding: 2rem 10rem;
}

.row-filters{
    display: flex;
    justify-content: center;
    text-align: center;
}

.btns-filters-store{
    display: flex;
    width: 60%;
    justify-content: space-between;
}

.btn.btn-filter{
    font-family: var(--inter);
    font-size: 22px;
    line-height: 25px;
    border-radius: 22px;
    border: 2px solid var(--coffee-btn);
    background-color: transparent;
    padding: 0.5rem 3.5rem;
}


.btn.btn-filter i{
    color: #DF9A66;
}
.btn.btn-filter.active{
    background: linear-gradient(268.22deg, #AFA594 0%, #8B4513 100%);
    color: var(--blanco);
}

.store-section-title{
    font-family: var(--titillium);
    font-size: 54px;
    line-height: 60px;
    margin-bottom: 5rem;
    margin-top: 5rem;
    color: var(--font-color-footer);
    text-transform: uppercase;
    font-weight: 700;
}

.card-prod{
    border-radius: 25px;
    border: none;
    background-image: url('../img/fondo2.png');
    padding: 1rem;
}
.img-product img, .img-product-cart img{
    width: 100%;
    height: 290px;
    background-color: var(--blanco);
    object-fit:cover;
}
.img-product::after{
    content: '\2665';
    font-size: 18px;
    color: var(--red);
    background-color: var(--blanco);
    /* border: 1px solid lightgray; */
    border-radius: 100%;
    padding:0px 7px;
    position: absolute;
    top: 3.5rem;
    right: 3rem;
}
.title-product,.actions-product{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.name-product{
    font-family: var(--nexa);
    font-size: 22px;
    color: var(--font-color-footer);
}

.price-discount{
    font-family: var(--titillium);
    font-size: 10px;
    color:#532c0f ;
    background: -webkit-linear-gradient(#8B4513, #000);
    background-clip: text;
    text-decoration: line-through !important;
    /* -webkit-text-fill-color: transparent; */
    
    border-radius: 60px;
    border: 2px solid var(--border-btn-blanco);
    padding: 0.5rem 1.5rem;
    font-weight: 700;
    margin: 0;
}

.text-product{
    font-family: var(--neza-light);
    font-size: 15px;
    line-height: 20px;
}

.product-price{
    font-family: var(--nexa-bold);
    font-size: 22px;
    color: var(--font-color-footer);
    background: -webkit-linear-gradient(#8B4513, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;

}

.btn.btn-product{
    background: linear-gradient(268.22deg, #AFA594 0%, #8B4513 100%);
    color: var(--blanco);
    font-family: var(--inter);
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    border: 3px solid var(--border-btn-blanco);
    padding: 5px 15px;
    border-radius: 10px;
}

.one-vs-vs .welcome-text{
    width: 60%;
}

.one-vs-vs{
    background-image: url('../img/fondoone.png');
    /* height: 1366px; */
    background-size: cover;
}

.num-reason{
    border: 1px solid rgba(139, 69, 19, 0.1);
    text-align: center;
    padding: 3rem 1rem;
    border-radius: 70px;
    background-color: rgba(217, 217, 217, 0.1);
}

.num-reason h2{
    font-family: var(--titillium);
    font-size: 50px;
    font-weight: 600;
    color: var(--font-color-footer);
    padding-top: 6rem;
    padding-bottom: 6rem;
    border-bottom: 1px solid;
}

.reasons-explain{
    display: grid;
    align-content: space-around;
}

.reasons-explain .reason{
    font-family: var(--nexa);
    font-size: 20px;
    line-height: 30px;
    margin-left: 4rem;
}

.reason-title{
    color: var(--font-color-footer);
}


  .get-container::after {
    content: '';
    height: 70px;
    border: 1px solid;
    /* line-height: 70px; */
    font-size: 50px;
    color: var(--font-color-footer);
    font-weight: 400;
  }
  .get-container::before{
    content: "\25CF";
    /* background-color: #000; */
    position: relative;
    top: 80%;
    font-size: 40px;
    color: var(--font-color-footer);
    /* border-radius: 50px; */
  }
  
 
  .get-title{
    font-family: var(--titillium);
    font-size: 30px;
    line-height: 72px;
    font-weight: 600;
    color: var(--font-color-footer);
    background-color: rgba(158, 158, 158, 0.35);
    border-radius: 70px;
    /* width: 80%; */
  }

  .get-text{
    font-family: var(--nexa);
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }


  .get-started-section{
    background-image: url('../img/get.png');
    background-size: cover;
    margin-bottom: 15rem;
    /* position: relative;
    overflow: hidden; */
  }


  
  
.why{
    position: relative;
}

img.img-why{
    position: absolute;
    right: 0;
    width: 553px;
}

.card-about{
     background: linear-gradient(to top, transparent, #00000010);
     border-radius: 15px;
     border: none;
     
}

.card-about-text{
    display: flex;
    align-items: center;
    /* padding: 6rem; */
}

.card-about-text .col-md-6{
    padding: 6rem;
}

.mision{
    background-image: url('../img/mision.png');
    background-size: cover;
}

.card-mision{
    position: relative;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 5rem;
    height: 100%;
    border: none;
    width: 95%;
}

.card-mision-title{
    position: absolute;
    top: -4%;
    border: 1px solid var(--background);
    border-radius: 15px;
    padding: 2px 15px;
}


.card-mision-text{
    font-family: var(--nexa);
    font-size: 18px;
    line-height: 26px;

}

.offer-container{
    position: relative;
    margin-top: 8rem !important;
}
.offer-container::after{
    content: '';
    height: 100%;
    background-color: var(--font-color-footer);
    position: absolute;
    right: 50%;
    width: 1px;
}

.card-offer-item{
    position: relative;
    background-color: rgba(0, 0, 0, 0.03);
    border: none;
    border-radius: 16px;
    padding: 2rem;
    width: 95%;
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}


.right{
    display: flex;
    justify-content: end;
    margin: 0;
}

.right .col-md-6{
    display: flex;
    justify-content: end;
}


.card-offer-item.left::after{
    content: '';
    position: absolute;
    background: var(--font-color-footer);
    width: 29px;
    height: 29px;
    top: 50%;
    right: -10%;
    border-radius: 50px;
}
.card-offer-item.left::before{
    content: '';
    position: absolute;
    background: var(--font-color-footer);
    width: 30px;
    height: 1px;
    top: 59%;
    right: -5%;
}

.card-offer-item.right::after{
    content: '';
    position: absolute;
    background: var(--font-color-footer);
    width: 29px;
    height: 29px;
    top: 50%;
    left: -9%;
    border-radius: 50px;
}
.card-offer-item.right::before{
    content: '';
    position: absolute;
    background: var(--font-color-footer);
    width: 30px;
    height: 1px;
    top: 59%;
    left: -5%;
}

.offer-title{
    font-family: var(--titillium);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--font-color-footer);
}

.offer-text{
    font-family: var(--nexa);
    font-size: 16px;
    line-height: 19px;

}

.img-offer{
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid;
}


/* LOGIN */

.login{
    background-image: url('../img/frame.png');
    background-size: cover;
    margin-bottom: 5rem;
    mask-image: linear-gradient(black 80%, transparent);
}

.row-login{
    display: flex;
    justify-content: center;
}

.card-login{
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(3px);
    border-radius: 25px;
    border: none;
    padding: 4rem;
    height: 100%;
}


.card-login .nav-link{
    font-size: 16px;
    font-family: var(--titillium);
    color: var(--font-color-footer);
    background-color: transparent;
}

.card-login .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: transparent;
    font-weight: 700;
    color: var(--blanco);
}

.card-login ul#myTab{
    display: flex;
    justify-content: space-between;
}
.subtitle-login{
    font-family: var(--nexa);
    color: var(--blanco);
    font-size: 20px;

}

.card-login .form-group label{
    font-family: var(--nexa);
    font-size: 20px;
    color: var(--blanco);
}

.card-login .form-group input{
    background-color: transparent;
    font-family: var(--nexa);
    font-size: 20px;
    line-height: 40px;
    color: var(--blanco);
    border-radius: 12px;
}

.card-login .form-group input:focus{
    box-shadow: none;
    border-color: var(--blanco);
}

.btn.btn-login{
    background: linear-gradient(268.22deg, #AFA594 0%, #8B4513 100%);
    color: var(--blanco);
    font-family: var(--nexa-bold);
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    border:none;
    padding: 1.5rem;
    border-radius: 10px;   
}
.btn.btn-login:focus{
    box-shadow: none;
}
.a-olvidecontra{
    font-family: var(--poppins);
    color: var(--blanco);
    text-decoration: none;
    font-size: 20px;
}

.a-olvidecontra:hover{
    color: var(--blanco);
}

#modalOlvide .modal-content{
    background-color: #ffffff7c;
    backdrop-filter: blur(5px);
    /* padding: 4rem; */
}

#modalOlvide .modal-body{
    padding: 4rem;
}

.title-modal-forgett{
    font-family: var(--nexa-bold);
    color: var(--blanco);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
}

.subtitle-modal-forgett{
    font-family: var(--poppins);
    color: var(--negro);
    font-size: 20px;
    line-height: 30px;

}

#modalOlvide .modal-body .form-control{
    font-size: 20px;
    font-family: var(--nexa);
    background-color: transparent;
    border-radius: 12px;
    line-height: 40px;
    color: var(--blanco);
    /* border: 1px solid var(--blanco); */
}
#modalOlvide .modal-body label{
    font-size: 20px;
    font-family: var(--nexa);
    color: var(--blanco);
    line-height: 40px;
}


#modalOlvide .modal-header{
    border-bottom: none;
}
#modalOlvide .modal-body .form-control:focus{
    box-shadow: none;
    border-color: var(--blanco);
}

#boton-restablecer{
    margin-top: 5rem;
    margin-bottom: 2rem;
}


.checkout{
    background-image: url('../img/fondoSecond.png');
    background-size: cover;
    mask-image: linear-gradient(black 80%, transparent);
}

.checkout .nav-link{
    font-family: var(--nexa-bold);
    font-size: 24px;
    line-height: 75px;
    color: var(--negro);
    position: relative;
    margin-right: 2rem;
}


.checkout .nav-link::after{
    content: '';
    background-color: var(--font-color-footer);
    width: 5px;
    height: 15px;
    position: absolute;
    top: 40%;
    margin-left: 2rem;
}
.checkout a{
    text-decoration: none;
}

.checkout .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: transparent;
    font-weight: 700;
    color: var(--blanco);
    border: none;
}

.checkout .nav-link:hover{
    border: none !important;
}

.cart-title-section{
    font-size: 24px;
    line-height: 75px;
    font-family: var(--nexa-bold);
    color: var(--font-color-footer);
    border-bottom: 1px solid var(--blanco);
}

.row-product, .row-product-total{
    border: none;
    border-bottom: 1px solid var(--blanco);
    border-radius: 0;
    padding: 2rem 0;
}

.checkout .product-name{
    font-family: var(--nexa-bold);
    color: var(--blanco);
    font-size: 20px;
    line-height: 50px;
}

.checkout .price-product-cart{
    font-family: var(--nexa-bold);
    color: var(--blanco);
    font-size: 13px;
    line-height: 30px;
}

.checkout .quantity-product{
    font-family: var(--nexa-bold);
    color: var(--blanco);
    font-size: 13px;
    line-height: 30px;
}

.actions-product .btn.btn-cart{
    font-family: var(--nexa-bold);
    color: var(--blanco);
    font-size: 13px;
    line-height: 30px;
    text-decoration: underline;
    background-color: transparent;
    border: none;
}

img.img-product, .img.img-product-cart{
    border-radius: 15px;
}

.cart-container{
    padding-right: 5rem;
    position: relative;
}

.cart-container::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 90%;
    background:var(--blanco);
    right: 0;
    top: 85px;
}


.resume-container{
    padding-left: 5rem;
}

.checkout table {
    font-family: var(--nexa-bold);
    font-size: 13px;
    color: var(--blanco);
    line-height: 50px;
    border-bottom: 1px solid var(--blanco);
}
.checkout table tbody td:nth-child(1){
    background: transparent !important;
    border-width: 0;
    text-align: left;
}
.checkout table tbody td:nth-child(2){
    background: transparent !important;
    border-width: 0;
    text-align: end;
}

.img-product-cart{
    border-radius: 15px;
}

a.cart-link{
    font-family: var(--poppins);
    font-size: 13px;
    line-height: 75px;
    color: var(--blanco);
    text-decoration: underline;
}

.subtitle-checkout{
    font-family: var(--nexa-bold);
    font-size: 20px;
    line-height: 60px;
    color: var(--blanco);
}

.cart-container .form-group{
    font-family: var(--nexa);
    font-size: 16px;
    color: var(--blanco);
}

.cart-container .form-group input{
    font-size: 16px;
    font-family: var(--nexa);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--blanco);
    color: var(--blanco);
}

.cart-container .form-group input:focus{
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--blanco);
}

.cart-container .form-group select{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--blanco);

}
.cart-container .form-group select:focus{
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid var(--blanco);
    
}
.cart-container .form-group textarea{
    background-color: transparent;
    border: none;
    color: var(--blanco);
    border-bottom: 1px solid var(--blanco);
    
}
.cart-container .form-group textarea:focus{
    background-color: transparent;
    border: none;
    color: var(--blanco);
    border-bottom: 1px solid var(--blanco);
    box-shadow: none;
    
}

img.img-total-cart{
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 15px;
}

.title-product-total{
    font-family: var(--nexa);
    font-size: 20px;
    color: var(--blanco);
    line-height: 50px;
}

.price-product-total,.quantity-product-total{
    font-family: var(--nexa);
    font-size: 13px;
    line-height: 50px;
    color: var(--blanco);
}

table.table-resume-total{
    font-family: var(--nexa);
    color: var(--blanco);
    font-size: 20px;
    font-weight: 600;

}

table.table-total{
    font-size:32px ;
    font-weight: 600;
}

#payment-info p{
    font-family: var(--nexa);
    font-size: 16px;
    color: var(--blanco);
}

table.table-resume-total2{
    font-size: 14px;
    font-weight: 600;
}

table.table-total2{
    font-size: 16px;
    font-weight: 600;
}

#carrito{
    max-height: 400px;
    overflow: auto;
    /* background-image: url('../img/fondo2.png');
    background-size: cover; */
    box-shadow: 1px 1px 15px var(--fondo-btn-variant);
    background-color: var(--background);
} 

#carrito .btn.btn-log{
    font-size: 12px;
    padding: 5px;
    border: none;
    font-weight: 400;

}
#carrito span{
    font-size: 14px;
    color: var(--fuente);
    font-family: var(--nexa);
    line-height: 30px;
}

.subtotal, #subtotal-amount{
    font-family: var(--nexa);
    color: var(--fuente);
    font-size: 20px !important;
    font-weight: 500 !important;
}

.profile{
    background-image: url('../img/fondoSecond.png');
    background-size: cover;
    mask-image: linear-gradient(black 80%, transparent);

}

div#v-pills-tab{
    background-color: var(--card-transparent);
    backdrop-filter: blur(3px);
    padding: 3rem;
    border-radius: 15px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    font-weight: 500;
    color: var(--blanco);
}


.nav.nav-pills .nav-link{
    position: relative;
    margin-bottom: 3rem;
    font-family: var(--nexa);
    font-size: 26px;
    text-align: center;
    border-radius: 14px;
    border: 1px solid var(--coffee-btn);
}
.nav-pills .nav-link::before{
    background-image: url('https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjExMTEtMDEyYS14LmpwZw.jpg');
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.1;
    z-index: 1;
    filter: blur(1px);
    background-size: cover;
    
}

.img-card-membership img{
    width: 100%;
}

footer{
    /* margin-top: 5rem; */
    padding-top: 15rem;
}

.profile .tab-pane{
    background-color: var(--card-transparent);
    padding: 4rem;
    border-radius: 15px;
}

.card-membership-profile , .card-games-played{
    /* background-image: url('../img/fondo2.png');
    background-size: cover; */
    position: relative;
    border-radius: 14px;
    border: none;
    padding: 1rem;
    background-color: var(--card-transparent);
}

.card-membership-profile::before , .card-games-played::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjExMTEtMDEyYS14LmpwZw.jpg');
    filter: blur(1px);
    background-size: cover;
    opacity: 0.1;
    z-index: 1;
    border-radius: 15px;
}

.card-membership-profile .card-body, .card-games-played .card-body{
    position: relative;
    z-index: 2;
}

.dashboard-title, .dashboard-title-second{
    font-family: var(--nexa);
    font-size: 23px;
    line-height: 30px;
    font-weight: 600;

}

.dashboard-title-second{
    color: var(--font-color-footer);
}

.current-div{
    display: grid;
    text-align: end;
    position: relative;
}

.current-title{
    font-size: 24px;
    font-family: var(--nexa);
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 24px;
}

.current-subtitle{
    font-family: var(--nexa);
    font-size: 14px;
    color: var(--font-color-footer);
    margin-top: 0;
}

.current-prices{
    font-family: var(--nexa);
    font-size: 16px;
    line-height: 16px;
    color: var(--blanco);
    font-weight: 600;
    margin-bottom: 0;
}

.current-div::before{
    position: absolute;
    content: '';
    width: 2px;
    height: 100%;
    background: var(--font-color-footer);

}

.progress-bar{
    background-color: var(--font-color-footer);
    position: relative;
}

.limit-progress{
    position: absolute;
    bottom: -3.3rem;
}

.limit-progress, .limit-progress span{
    font-family: var(--nexa);
    font-weight: 600;
    font-size: 11px;
}

.limit-progress span{
    color: var(--blanco);
}
.payment-progress .form-check{
    font-size: 14px;
    text-align: end;
    justify-content: end;
}

.payment-progress .form-check .form-check-input{
    float: right;
}
.payment-progress label.form-check-label{
    float: left;
    font-family: var(--nexa);
    font-size: 14px;
    line-height: 14px;
}

.table-dash-profile{
    font-family: var(--nexa);
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}

.table-dash-profile td{
    border-width: 0;
    background-color: transparent !important;
}
table.table-dash-profile tr td:nth-child(1), table.table-dash-profile tr td:nth-child(2), table.table-dash-profile tr td:nth-child(3){
    border-width: 0;
    background-color: transparent !important;
    background-image: none;
    text-align: justify;
}
table.table-dash-profile tr th:nth-child(1), table.table-dash-profile tr th:nth-child(2), table.table-dash-profile tr th:nth-child(3){
    border-width: 0;
    background-color: transparent !important;
    background-image: none;
    text-align: justify;
}
table.table-dash-profile tr td:nth-child(4),table.table-dash-profile tr th:nth-child(4){

    border-width: 0;
    background-color: transparent !important;
    background-image: none;
    text-align: end;
}

.table-dash-profile tbody tr{
    color: var(--blanco);
    font-weight: 400;
    border-bottom: 0.5px solid var(--negro);
}

.select-mount label, .select-mount .form-check{
    font-size: 14px;
    font-family: var(--nexa);
    font-weight: 400;
    color: var(--blanco);
}

/* .card-games-played{
    background-image: url('../img/fondo2.png');
    background-color: var(--card-transparent);
    background-size: cover;
    border-radius: 14px;
    border: none;
    padding: 1rem;
} */


.card-games-played .card-prod{
    padding: 0;
    background-color: var(--card-transparent);
    background-image: none;
    border-radius: 10px;
}

.card-games-played .card-body{
    padding: 0.5rem;
}
.img-product-dashboard img{
    width: 100%;
    height: 90px;
}

.card-games-played .card-prod .name-product{
    font-size: 10px;
    font-weight: 600;
    color: var(--blanco);
}
.card-games-played .card-prod .btn.btn-product{
    font-size: 10px;
}

button#v-pills-information-tab{
    font-size: 32px;
    
    font-weight: 600;
    background-color: transparent;
    background-image: none;
    border: none;
    border-bottom: 1px solid var(--blanco);
    color: var(--font-color-footer);
    background: -webkit-linear-gradient(#8B4513, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-dashboard-membership{
    background-color: var(--card-transparent);
    box-shadow: 1px 1px 15px white;
    border-radius: 15px;
    padding: 1rem;
    height: 100%;
}

.title-membership-dash{
    font-family: var(--titillium);
    color: var(--blanco);
    font-size: 26px;
    font-weight: bold;
    line-height: 50px;
}

.subtitle-membership-dash{
    font-family: var(--nexa);
    color: var(--negro);
    font-size: 43px;
    line-height: 98px;
    font-weight: bold;
}

.btns-actions{
    display: flex;
    justify-content: space-between;
}

.tab-content#myTabContentProfile .tab-pane, .tab-content#myTabContentPayment .tab-pane{
    background-color: transparent;
}

.form-profile-user label,  #profile label{
    font-family: var(--nexa);
    font-size: 16px;
    color: var(--blanco);
    font-weight: 500;
}


.form-profile-user .form-control, #profile .form-control{
    font-family: var(--nexa);
    font-size: 16px;
    color: var(--blanco);
    font-weight: 500;
    background-color: transparent;
    border-radius: 15px;
   
    line-height: 30px;
}

.form-profile-user .form-control:focus,  #profile .form-control:focus{
    box-shadow: none;
    border: 1px solid var(--blanco);
}

.img-profile-user{
    display: flex;
    align-items: center;
}
.img-profile-user img{
    width: 250px;
    height: 250px;
    border-radius: 50px;
    object-fit: cover;
}
.user-name{
    font-family: var(--nexa-bold);
    color: var(--blanco);
    font-size: 28px;
    font-weight: 600;
    margin-top: 2rem;
    text-align: center;
}

.user-rol{
    font-family: var(--nexa);
    color: var(--blanco);
    font-size: 22px;
    font-weight: 400;
    margin-top: 2rem;
    text-align: center;
}

.btn.btn-cancel{
    background-color: var(--card-transparent);
    font-family: var(--nexa-bold);
    font-size: 15px;
    line-height: 21px;
    padding: 1rem 2.5rem;
    border: 4px solid var(--border-btn-cancel);
    color: var(--blanco);
    font-weight: 600;
    border-radius: 15px;
}

.nav-tabs#myTabProfile{
    display: flex;
    justify-content: center;
    font-family: var(--nexa-bold);
    font-size: 26px;
    border-bottom: none;
    
}

.nav-tabs#myTabProfile .nav-link{
    color: var(--blanco);
}
.nav-tabs#myTabProfile .nav-link.active{
    color: var(--font-color-footer);
    font-weight: 500;
}

.total-amount{
    color: var(--blanco);
    font-size: 34px;
    line-height: 84px;
    font-family: var(--nexa);
}

.total-amount-cash{
    font-family: var(--titillium);
    font-size:84px ;
    line-height: 84px;
    font-weight: bolder;
    color: var(--font-color-footer);
}

.cards-amounts{
    display: flex;
    justify-content: space-between;
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem;
}

.card-amount{
    width: 19%;
    background-color: var(--card-transparent);
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 0px 15px;
}

.card-amount .price-amount{
    font-family: var(--titillium);
    font-size: 32px;
    font-weight: bolder;
    color: var(--blanco);
    line-height: 84px;
}

.amount-row{
    display: flex;
    justify-content: center;
}

.amount-div{
    width: 50%;
}

.amount-div .progress{
    height: 4px;
    position: relative;
}


#myTabContentPayment label{
    font-family: var(--nexa);
    font-weight: 500;
    color: var(--font-color-footer);
    font-size: 14px;
    line-height: 2px;
}

#myTabContentPayment input{
    background-color: transparent;
    font-family: var(--nexa);
    font-weight: 500;
    color: var(--blanco);
    font-size: 14px;
    line-height: 30px;
}

#myTabContentPayment .form-floating>.form-control, .form-floating>.form-select{
    height: 40px;
}

#myTabContentPayment input:focus{
    border: 1px solid var(--blanco);
    box-shadow: none;
}

.nav-tabs#myTabPayment{
    border-bottom: none;
    display: flex;
    justify-content: center;
}

.nav-tabs#myTabPayment .nav-link{
    font-size: 16px;
    line-height: 25px;
    font-family: var(--titillium);
    color: var(--blanco);
    font-weight: 500;
    padding:2rem 6rem;
}
.nav-tabs#myTabPayment .nav-link.active{
    border: 1px solid var(--font-color-footer);
    border-radius: 15px;

}
.nav-tabs#myTabPayment .nav-link img{
    width: 80px;
}

.container-img-about img{
    width: 100%;
}


/* Circulos degradados de cada sección */
.left-right, .right-circle, .left-circle, .center-circle, .center-circle-table, .profile-circle, .right-circle-footer, .left-right-small{
    position: relative;
    overflow: hidden;
}

.center-circle-table::before{
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(139,69,19,0.5) 0%, rgba(139,69,19,0) 67%);    
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.left-right::before, .left-right::after, .right-circle::before, .left-circle::after, .center-circle::before{
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  background: var(--gradient-circle);    
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: -10;
}

.left-right-small::before, .left-right-small::after{
    content: '';
    position: absolute;
    top: 50%;
    width: 60%;
    height: 100%;
    background: var(--gradient-circle);    
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: -10;
  }

.right-circle-footer::before{
    content: '';
    position: absolute;
    top: 50%;
    width: 50%;
    height: 100%;
    background: var(--gradient-circle);    
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: -10;
}


.right-circle-footer::before{
    left: 75%;
}
.left-right::before, .left-right-small::before{
  left: 50%;
}
.left-right-small::before{
    left: 60%;
    filter: blur(8px);
}
.center-circle::before, .center-circle-table::before{
    left: 0%;
}

.left-right-small::after{
    right: 60%;
    background: var(--gradient-circle);
    filter: blur(8px);
  }
  
.left-right::after{
  right: 50%;
  background: var(--gradient-circle);
}


.right-circle::before{
    left: 50%;
}

.left-circle::after{
    right: 50%;
    background: var(--gradient-circle);
}


.profile-circle::before{
    content: '';
    position: absolute;
    top: 80%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(139,69,19,0.7456232492997199) 0%, rgba(139,69,19,0) 50%, rgba(139,69,19,0) 77%, rgba(139,69,19,0) 100%);    border-radius: 50%;
    transform: translateY(-50%);
    z-index: -10;
    mask-image: radial-gradient(circle, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
    filter: blur(3px);
}

.profile-circle::before{
    left: 0%;
  }

  .tournaments-section{
    overflow-y: clip;
  }


  /*///////////////////////////////////////////////////////////////////////////////////////////////////
  //////////////////////////////////////////////////////////////////////////////////////////////////////
  ////////////////////////////////////RESPONSIVE//////////////////////////////////////////
  ////////////////////////////////////////////////////////////////////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 767px) {
    section{
        padding: 1rem;
    }
    .welcome-text{
        width: 100%;
    }
    .welcome-text h1, span, .title-section{
        font-size: 40px;
        line-height: 50px;
    }
    .count-down{
        font-size: 60px;
    }
    .about-us img{
        width: 100%;
    }   
    .card-steps{
        display: grid;
    }

    .card-step{
        width: 100%;
        margin-bottom: 2rem;
    }
    .card-membership-div{
        margin-bottom: 3rem;
        margin-top: 3rem;
    }
    .one-vs-one{
        margin-top: 5rem;
        background-size: cover;
    }

    .card-one{
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .single-item{
        padding: 0;
    }

    .card-review{
        padding: 1rem;
    }
    .img-review{
        margin-bottom: 2rem;
    }

    .name-review, .review, .stars-review{
        text-align: center;
    }
    .group-newsletter{
        padding: 2rem;
    }

    .card-about-text .col-md-6{
        padding: 3rem;
    }
    .card-about-text{
        margin-bottom: 6rem;
    }
    .mision{
        padding-top: 5rem;
    }

    .card-mision{
        width: 100%;
        padding: 2rem;
    }

    .mision-div{
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .card-mision-text{
        text-align: center;
    }
    .card-mision-title{
        top: -3%;
    }
    .img-offer{
        border: none;
        border-bottom: 1px solid;
    }

    .img-offer img{
        width: 50%;
        margin-bottom: 2rem;
    }
    .card-offer-item{
        width: 100%;
    }
    .card-offer-item.left::after{
        top: 110%;
        right: 43%;
    }
    .card-offer-item.right::after{
        top: 108%;
        left: 45%;
    }
    .card-offer-item.right::before, .card-offer-item.left::before, .offer-container::after{
        display: none;
    }
    .offer-title{
        margin-top: 2rem;
        text-align: center;
    }
    .offer-text{
        text-align: center;
    }

    .center-circle-table::before, .memberships-table-section::after{
        display: none;
    }
    .table-memeberships th, .table-memeberships td{
        line-height: 30px;
    }
    table tr td:nth-child(2), table tr td:nth-child(3), table tr td:nth-child(4){
        border-width: 0;
    }

    .one-vs-vs .welcome-text{
        width: 100%;
    }

    img.img-why{
        width: 100%;
    }

    .get-started-section{
        margin-top: 100vh;
    }

    .num-reason{
        display: none;
    }
    .reasons-explain .reason{
        display: list-item;
        list-style: decimal;
    }

    .reason::marker{
        color: var(--font-color-footer);
    }

    .get-title{
        line-height: 50px;
    }

    .additional-input{
        width: 100%;
        margin-top: 8rem;
    }
    .video-card{
        margin-top: 6rem !important;
    }
    .title-guide{
        width: 100%;
    }

    .store-banner{
        padding: 1rem;
    }

    .btns-filters-store{
        width: 100%;
        display: contents;
    }

    .btn.btn-filter{
        margin: 1rem;
    }

    .card-membership-info-div{
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .tournaments-section{
        height: 100%;
    }

    .cards-tournaments{
        position: relative;
        width: 100%;
        text-align: center;
    }

    .cards-tournaments .col-md-6{
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    form.d-flex.align-items-center.navbar_buscar{
        justify-content: space-between;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .container-fluid.navbar_contenedor{
        padding: 1.5rem;
    }
    ul.navbar-nav.navbar_list{
        padding: 2.5rem;
        text-align: center;
        margin-top: 2rem !important;
    }
    .bi-list{
        fill: var(--font-color-footer);
    }
    .navbar-toggler{
        background-color: transparent !important;
    }
    .left-right::before, .left-right::after, .right-circle::before, .left-circle::after, .center-circle::before{
        height: 50%;
        max-height: 375px;
    }

    .cart-container, .resume-container{
        padding: 1rem;
    }
    .cart-container::after{
        display: none;
    }
    a.cart-link{
        color: var(--price);
        font-weight: 600;
        font-size: 16px;
    }

    .row-product, .row-product-total img{
        object-fit: cover;
    }

    .checkout, .profile{
        mask-image:linear-gradient(black 95%, transparent);
    }
    .profile .tab-pane{
        margin-top: 3rem;
        padding: 1rem;
    }
    .current-div::before{
        display: none;
    }
    .current-div{
        text-align: center;
    }
    .card-membership-profile, .card-games-played{
        margin-top: 3rem;
    }
    .img-product-dashboard img{
        height: 140px;

    }
    .card-games-played .card-prod{
        margin-top: 3rem;
    }
    .card-dash-div{
        margin-top: 3rem;
    }
    .amount-div{
        width: 100%;
    }
    .total-amount-cash{
        font-size: 60px;
    }
    .cards-amounts{
        display: contents;
    }
    .card-amount{
        width: 100%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .card-prod {
        margin-top: 3rem;
    }
    .img-profile-user{
        justify-content: center;
    }
    .img-profile-user img{
        width: 100%;
    }
}

@media(min-width:768px) and (max-width:1024px){
    .bi-list{
        fill: var(--font-color-footer);
    }
    .navbar-toggler{
        background-color: transparent !important;
    }
    .navbar-collapse{
        margin-top: 2.5rem;
    }
    .navbar_contenedor{
        margin: 3.5rem;
    }
    form.d-flex.align-items-center.navbar_buscar{
        display: flex;
        justify-content: space-between;
        margin-top: 3.5rem;
    }
    ul.navbar-nav.navbar_list{
        text-align: center;
    }
    .welcome-text{
        width: 100%;
    }
    section{
        padding: 5rem;
    }

    .about-us img{
        width: 100%;
    }
    .container-img-about{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .card-step .card-body .row{
        display: grid;
        justify-items: center;
    }
    .img-card{
        margin-bottom: 2rem;
    }

    .card-title, .card-text{
        text-align: center;
    }
    .card-membership-div{
        margin-top: 3rem;
    }
    .card-text-one{
        font-size: 14px;
    }

    .card-title-one{
        font-size: 25px;
    }
    .mision-div{
        margin-top: 3rem;
    }

    .card-mision{
        width: 100%;
    }

    .card-offer-item .card-body .row{
        display: grid;
        justify-items: center;
        text-align: center;
    }

    .img-offer{
        width: 30%;
        border: none;
        border-bottom: 1px solid;
        margin-bottom: 2rem;
    }
    .card-offer-item.left::after{
        width: 20px;
        height: 20px;
        top: 55%;
        right: -13%;
    }
    .card-offer-item.left::before{
        right: -9%;
    }
    .card-offer-item.right::after{
        width: 20px;
        height: 20px;
        top: 56%;
    }
    .card-offer-item.right::before{
        left: -9%;
    }

    .center-circle-table::before, .memberships-table-section::after{
        display: none;
    }
    .table-memeberships th, .table-memeberships td{
        line-height: 40px;
    }
    .left-right-small::before{
        left: 70%;
    }
    .left-right-small::after{
        right: 70%;
    }
    .img-why-container{
        padding: 5rem;
    }
    img.img-why{
        width: 400px;
    }
    .learn-title{
        text-align: center;
    }
    .additional-input{
        width: 100%;
    }
    .title-guide{
        width: 100%;
        height: 25%;
    }
    .btns-filters-store{
        width: 100%;
    }

    .card-tournament .card-body .row{
        display: grid;
    }
    .cards-tournaments{
        bottom: 2%;
    }
    .card-membership-info-div{
        margin-top: 3rem;
    }
    .cart-container::after{
        display: none;
    }
    .cart-container{
        padding-right:0 ;
    }
    .resume-container{
        padding-left: 0;
    }
    .card-membership-profile, .card-games-played{
        margin-top: 3rem;
    }
    .subtitle-membership-dash{
        font-size: 40px;
    }
    .amount-div{
        width: 100%;
    }
    .total-amount-cash{
        font-size: 60px;
    }
    .card-amount .price-amount{
        font-size: 18px;
    }
    .checkout, .profile{
        mask-image:linear-gradient(black 95%, transparent);
    }
    .img-profile-user{
        justify-content: center;
    }
    .card-prod{
        margin-top: 3rem;
    }
}


.terminos-condiciones{
    text-align: center;
    font-family: var(--titillium);
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.terminos-text{
    font-size: 16px;
    color: var(--font-color-nav);
    text-decoration-color: var(--font-color-footer);
}

.terminos-text:hover{
    color: var(--font-color-nav);
}

.card.card-review::after{
    content: '“';
    position: absolute;
    color: var(--blanco);
    opacity: .2;
    font-size: 150px;
    font-weight: 700;
    font-family:"Baskervville SC", serif;
    top: -16%;
    left: 5%;
    transform: rotate(25deg);
}

.row-title-contacto{
    font-family: var(--titillium);
    justify-content: center;
    text-align: center;
}

.row-contact{
    font-family: var(--titillium);
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.contact-title{
    font-size: 20px;
    color: var(--font-color-footer);
    font-weight: 600;
    margin-bottom: 3rem;
}

.row-contact h5{
    font-size: 18px;
    color: var(--font-color-nav);
}
.row-contact h6{
    font-size: 16px;
    color: var(--font-color-footer);
}

#play-now-tournaments{
    font-size: 30px;
    line-height: 40px;
    padding: 1.5rem 4rem;
}

section.store.left-circle{
    padding-top: 5rem;
}

img.img-compra-end{
    width: 300px;
    margin-bottom: 5rem;
}