@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face {
    font-family: 'lebara';
    src: url('https://marketplace-leb.zed.com/content/fonts/ChiswickGrotesqueLebara-Regular-Web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lebara-bold';
    src: url('https://marketplace-leb.zed.com/content/fonts/ChiswickGrotesqueLebara-Bold-Web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lebara-semibold';
    src: url('https://marketplace-leb.zed.com/content/fonts/ChiswickGrotesqueLebara-Semibold-Web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*New Fonts*/
@font-face {
    font-family: 'GTWalsheimProBlack';
    src: url('../fonts/GTWalsheimProBlack.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTWalsheimProUltraBold';
    src: url('../fonts/GTWalsheimProUltraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTWalsheimProRegular';
    src: url('../fonts/GTWalsheimProRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GTWalsheimProMedium';
    src: url('../fonts/GTWalsheimProMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/*end new fonts*/

body {
    /*font-family: Poppins;*/
    /*font-family: lebara, Roboto, Poppins;*/
    /*font-family: GTWalsheimProRegular, Roboto, Poppins;*/
    font-family: Poppins;
    height: 100%;
    width: 100%;
}

a {
    text-decoration: none;
    color: #22264c;
}

a:hover {
    color: #1D96FF;
}

main {
    max-width: 1000px;
}

h1, h2, h3, h4 {
    /*color: #22264c;*/
    /*font-family:lebara-bold;*/
    /*font-family: GTWalsheimProMedium;*/
    font-family: Poppins;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
}

h4 {
    font-size: 1.2rem;
}

.modal h4 {
    text-transform: none;
}

h2.strong {
    /*font-weight: bold;*/
    /*font-family: 'Roboto', sans-serif;*/
    font-weight: bold;
    /*font-size: 28px;
    line-height: 36px;*/
    color: #000000;
}

h4 strong {
    font-weight: 700;
}


a.strong {
    font-weight: bold;
    font-size: 32px;
    cursor: pointer;
    /*color: #22264c;*/
    /*font-family: lebara-bold;*/
    /*color: #13357A;*/
    font-family: Poppins;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
}

a.strong:hover {
    /*color: var(--bs-link-hover-color);*/
    color: #43AA00 
}

input {
    border: 2px solid #c9c9c9 !important;
    background-clip: initial;
    border-width: 2px !important;
    color: #c9c9c9;
    font-size: 1.4em;
    background-color: white;
    padding: 15px !important;
}

input:focus{
    box-shadow:none !important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100%;
}
.form-check-input {
    padding:0px !important;
}

.form-check-input:checked {
    background-color: #65d986; /* Change this to the desired color */
}

.card {
    border: 1px solid #f0f0f0;
    border-radius: 1.5rem !important;
}

.btn {
    border: none;
    /*border-radius: 40px;*/
    border-radius: 10px;
    transition: all 0.3s ease 0s;
    padding-top: 8px;
    padding-bottom: 8px;
}

.txt-negro {
    color: black;
}

.txt-amarillo {
    color: #ead174;
}
.txt-magenta {
    color: #a23493 !important;
}

.content-see-all {
    display: inline-flex;
    row-gap: 8px;
    align-items: center;
    transition: all 0.3s ease 0s;
}

.see-all {
    font-size: 20px;
    font-family: lebara-semibold;
    color: #13357A;
}


.form-control {
    border: none;
    /*border-radius: 40px;*/
    border-radius:6px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.text-secondary {
    color: rgba(199.75000709295273, 6.658337116241455, 6.658337116241455, 1);
}

.container-xxl.bg-yellow {
    background-color: #ffe200 !important; 
    /*background: linear-gradient(15deg, #33B3FC 0%, #FF09D2 85%, #3E69FA 95%);*/
    border:none !important;
}


.bg-yellow {
    background-color: #ffe200 !important;
}

.btn-login {
    background-color: #43AA00;
    border: 2px solid #43AA00;
    color: white;
    font-weight: 600;
    border-radius: 6px;
    text-transform: uppercase;
}

.btn-login:hover {
    background-color: #43AA00;
    border: 2px solid white;
    color: white;
}

.btn-primary {
    background-color: #43AA00;
    border: 2px solid white;
    color: white;
    font-weight: 600;
    padding-right: 2em;
    padding-left: 2em;
}

.btn-primary:hover {
    background-color: #43AA00;
    border: 2px solid white;
    color: white;
}

.btn_login {
    color: #000;
    border: none;
    font-weight: 600;
    padding-right: 2em;
    padding-left: 2em;
    border-radius: 8px;
    background-color: #FFE200;
}

.btn_login:hover {
    background-color: #FFE200;
    color: #000;
}

/*.btn-primary {
    background-color: white;
    border: 2px solid #43AA00;
    color: #43AA00;
    font-weight: 600;
    padding-right: 2em;
    padding-left: 2em;
}*/

/*.btn-primary:hover {
    background-color: #43AA00;
    border: 2px solid white;
}*/

.btn-secondary {
    background-color: #2c68d8;
    border: 2px solid #2c68d8;
}

    .btn-secondary:hover {
        background-color: #1e1e1e;
        border: 2px solid #2c68d8;
    }

.btn-dark {
    background-color: #43AA00;
    border: 2px solid #43AA00;
    color: white;
    font-weight: 600;
    padding-right: 2em;
    padding-left: 2em;
    border-radius: 6px;
    text-transform:uppercase;
    letter-spacing:2px;
}

/*.btn-dark:hover {
    background-color: white;
    border: 2px solid #43AA00;
    color: #43AA00
}*/
.btn-dark:hover {
    background-color: #43AA00;
    border: 2px solid #43AA00;
    color: white;
}


.btn-light {
    background-color: white;
    border: 2px solid white;
    color: #22264c;
    font-weight: 600;
    padding-right: 2em;
    padding-left: 2em;
}

.header {
    width: 100%;
    position: absolute;
}

.navbar {
    background-color: white;
    box-shadow: 0 3px 3px #ddd;
}

.navbar-brand {
    font-size: 14px;
    margin-left:25px;
}

    .navbar-brand img {
        width: auto;
        /*height: 40px;*/
        /*object-fit:cover;*/
        height: 24px;
    }

.navbar-nav {
    margin-left:10px;
    /*margin-left: 0px;*/
}
.nav-link {
    font-weight: normal;
    /*font-size: 1.1em;*/
    font-size: 0.8em;
    color: black !important;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

.nav-link.selected {
    font-weight:bold;
}    

/*.nav-link {
    font-weight: 400;
    font-size: 1.1em;
    color: white !important;
    letter-spacing: 0.05rem;
}*/

.body-gradient {
     background-color: #ffe200 !important; 
    /*background: linear-gradient(95deg, #2e3062 0%, #0b7a9c 50%, #75a9bf 90%);*/
}

.login-profile .btn-primary {
    background-color: white;
    border: 2px solid #43AA00;
    color: #43AA00;
    font-weight: 600;
    padding-right: 2em;
    padding-left: 2em;
    border-radius: 10px;
}

    .login-profile .btn-primary:hover {
        background-color: #43AA00;
        color: white;
        border-color: white;
    }

    .login-profile .my-auto {
        display:none;
    }

.active-link {
    font-weight: bold;
    font-size: 1.1em;
    color: white !important;
    letter-spacing: 0.05rem;
}

img.estilizada {
    /*border-radius: 1.5rem 1.5rem 0 0;*/
    border-radius: 8px 8px 0 0;
}


.ancho-completo {
    width: 100%;
}

.text-left {
    text-align: left;
}

.text-elipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
}

.navbar-toggler {
    border: none;
}

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

.subrayado-especial {
    border-bottom: 3px solid yellow;
}


small.super-small {
    font-size: 0.7em;
}

button.navbar-toggler {
    background: none !important;
    color:#1D96FF !important;
    padding-left:0px;
}

img.rounded {
    border-radius: 1rem !important;
}

.cursor-pointer {
    cursor: pointer;
}

#footer {
    min-height:68px;
    background-color: #000000;
}

    #footer a {
        color: white !important;
    }

    #footer .col-12 {
        border-top:1px solid gray;
    }

.perfilmenu  {
    font-size: 1.1rem;
    font-weight: bold;
}
    .perfilmenu .col {

        position:relative;
    }

    .perfilmenu .tarjeta {
        border:1px solid #EEE;
        border-radius:8px;
        padding:14px 15px;
        /* box-shadow: 5px 5px 10px #DEDEDE; */

        box-shadow: -0px 8px 8px -4px #EEE;
        -webkit-box-shadow: -0px 8px 8px -4px #EEE;
        -moz-box-shadow: -0px 8px 8px -4px #EEE;
        /*border: 2px solid rgb(228,232,235);*/

    }

    .perfilmenu .tarjeta i {
        font-size:1.5em;
        color:#1D96FF;
    }


.smsinput {
    margin: auto;
}

    .smsinput input {
        margin: 0px 5px;
        max-width: 40px;
        height: 60px;
        border-radius: 5px;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        border-width: 3px !important;
    }

.tfnoinput {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 3px !important;
}

.modal-footer {
    border: none;
}

.tit-ampliado {
    font-size: 1.75rem;
}

.bandera {
    display: none;
    position: absolute;
    top: 86px;
    right: 14px;
    background-color: #22264c;
    color: #fff;
    padding: 0px 12px 4px 12px;
    border-radius: 0px 0px 10px 10px;
    z-index: 2000;
}

    .bandera img {
        width: 30px;
        height: 21px;
        object-fit: cover;
        cursor: pointer;
        margin-bottom: 5px;
    }

.registroimagen {
    height: 530px;
    overflow: hidden
}

.registrocontenido {
    height: 530px;
    overflow: hidden
}

#modalsuscripcion p {
    line-height: 1rem;
    margin: 10px auto;
}


/*********** JUEGO *************/

#juego h2.titulo {
    font-size: 2.5rem !important;
    font-weight: 800;
    /*color: #000000;*/
}

#juego h3 {
    font-size: 0.9rem;
    font-weight: bold;
    margin: 0px;
}

#juego small {
    font-size: 0.8em;
}

#juego .juego-img {
    height: 270px;
    object-fit: cover;
}


#list-juegos img {
    height: 90px;
    width: 160px;
    object-fit: cover;
    margin-right: 20px;
}

#juego-descripcion h3 {
    font-size: 1.5em;
    font-weight: bold;
}

#juego-descripcion p {
    font-size: 0.9em;
    color: #000000;
}

.card.pastilla-juego {
    border-radius: 1.5rem;
    border: 1px solid #f0f0f0;
    cursor: pointer;
}

a .card.pastilla-juego {
    color: #22264c;
}

.card.pastilla-juego:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}


.card.pastilla-juego .card-body {
    border-radius: 0px 1rem
}




/*********** BANDEROLA AZUL *************/
#banderola-azul {
    position: relative;
    width: 100%;
    padding: 20px;
    background-color: white;
    text-align: center;
    z-index: -100;
}

    #banderola-azul h2 {
        line-height: 1em;
        margin: 0px;
    }

#banderola-apaisada {
    position: absolute;
    width: 100%;
    height: 300px;
    padding: 20px;
    background-color: white;
    text-align: center;
    z-index: -100;
}

    #banderola-apaisada:before {
        position: absolute;
    }

/*********** SUBCABECERA *************/
    /*DESCOMENTAR LUEGO DE NAVIDAD */
    #subcabecera_nueva {
        position: relative;
        /*background: linear-gradient(95deg, #0094BF 0%, #02B0CB 50%, #0094BF 90%);*/
        background: white;
        height: 24vw; 
        display: flex;
        align-items: center;
        color: #ffffff; 
        overflow: hidden;
        font-size:1.3vw !important;
    }

    /*CABECERA NUEVA NAVIDAD*/
    /*#subcabecera_nueva {
        position: relative;
        background: linear-gradient(95deg, #0094BF 0%, #02B0CB 50%, #0094BF 90%);
        height: 24vw;
        display: flex;
        align-items: center;
        color: #ffffff;
        overflow: hidden;
        font-size: 1.3vw !important;
    }

    #subcabecera_nueva::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('http://marketplace-leb.zed.com/Content/images/Snowflake.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 0.5; 
        z-index: 1;
        pointer-events: none; 
    }*/

    #subcabecera_nueva > * {
        /*position: relative;*/
        z-index: 2; /* Asegura que el contenido esté encima de los copos */
    }

    #subcabecera_nueva .prefoto {
        width: 2%;
    }

        #subcabecera_nueva .foto {
            /*background-image: url('https://pre-marketplace-leb.zed.com/content/images/portallebara4.png');*/
            background-image: url('../images/portalmasmovil.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            height: 100%;
            opacity: 1;
            margin-left: 0px;
            width: 31vw;
        }


    #subcabecera_nueva .contenido {
        padding-left:1em;
    }
    
    #subcabecera_nueva .contenido h4 {
        position:relative;
        /*font-size: 2em;*/
        font-size: 1.5em;
        /*background-color:#13357a;*/
        background-color:#ffe200;
        width: auto;
        padding:8px;
        font-weight:400;
        /*border-radius:6px;*/
        z-index:1;
    }

    .text-mark{
        font-weight:700 !important;
    }

    /*#subcabecera_nueva .contenido h4::after {
        position:absolute;
        content: '';
        background-color: #13357a;
        width: 50px;
        height: 50px;
        border-radius: 100%;        
        transform: translateX(-50%);
        bottom:-20px;
        left:50%;
        z-index:-1;
    }*/

    #subcabecera_nueva .contenido .cancelacion-txt {
        position: absolute;
        bottom: 0px;
        font-size: 0.9em;
        line-height: 1em;
        font-weight: bold;
    }

#subcabecera {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 400px; /* Ajusta la altura seg?n tus necesidades */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff; /* Color del texto en el div */
    background-color: rgba(0, 0, 0, 0.9); /* Ajusta el valor alfa para la opacidad (0.5 es el 50%) */
}

#subcabecera2 {
    position: relative;
    width: 95%;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
    height: 400px; /* Ajusta la altura seg?n tus necesidades */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff; /* Color del texto en el div */
    background-color: rgba(0, 0, 0, 0.9); /* Ajusta el valor alfa para la opacidad (0.5 es el 50%) */
}


#subcabecera:before {
    position: absolute;
    content: ' ';
    display: block;
    width: 100%;
    height: 400px;
    opacity: 0.4;
    background-image: url('https://marketplace-leb.zed.com/content/images/fotohome.png'); /* Reemplaza  con la URL de tu imagen */
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: cover;
}

#subcabecera div, #subcabecera2 div {
    z-index: 100;
}

#subcabecera2:before {
    position: absolute;
    content: ' ';
    display: block;
    width: 100%;
    height: 400px;
    opacity: 0.4;
    background-image: url('https://marketplace-leb.zed.com/content/images/2.jpg'); /* Reemplaza  con la URL de tu imagen */
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: cover;
}

#subcabecera2 .btn {
    font-size: 1.3rem !important;
}



/*********** MODAL REGISTRATE *************/
#modalregistrate .modal-dialog,
#modalregistrate2a .modal-dialog,
#modalregistrate2b .modal-dialog {
    max-width: 400px;
}

#modalregistrate img,
#modalregistrate2a img,
#modalregistrate2b img {
    border-radius: 15px 15px 0px 0px;
    max-height: 200px;
    object-fit: cover;
}


.panel-foto {
    height: 400px;
    background-size: cover;
}

.panel-foto-reducida {
    height: 350px;
    background-size: cover;
}

.panel-foto-fullheight {
    background-size: cover;
    height: auto
}

.panel-foto-libre {
    background-size: cover;
}

.fondo-negro {
    background-color: black;
}

.fondo-rojo {
    background-color: #c80707;
}

.fondo-gris {
    background-color: #1e1e1e;
}

.fondo-rojo-matizado {
    /* fallback for old browsers */
    background: #c80707;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to bottom, #c80707, rgba(255, 255, 255, 0.5), #c80707);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom, #c80707, rgba(255, 255, 255, 0.5), #c80707);
}

.fondo-negro-matizado {
    /* fallback for old browsers */
    background: #000000;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to bottom, #000000, rgba(15, 15, 15, 0.5), #000000);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom, #000000, rgba(15, 15, 15, 0.5), #000000);
}

video {
    width: 100%;
    border-radius: 15px;
}

.sombra-inferior {
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
}


/*** LOGIN ***/
#login h2 {
    /*color:#13357A !important;*/
    color: #000000 !important;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform:uppercase;
}
#login .tarjeta {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
    gap: 24px;

    max-width: 450px;
    min-height: 326px;
    margin:auto;

    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    flex: none;
    order: 1;
    flex-grow: 0;
}


/*** HOME ***/

#home {
    background-color: black;
}

    #home .panel-foto img.link {
        width: 100%;
        max-width: 150px;
    }



@media (max-width: 976px) {
    .rutinas .container {
        max-width: 850px !important;
    }
}



@media screen and (max-width: 767px) {
    #banderola-azul {
        padding-bottom: 20px;
    }

        #banderola-azul img {
            position: relative;
            top: -50px;
            max-height: 100px;
        }

    #banderola-apaisada {
        height: 150px;
    }

    #juego .juego-img {
        width: 96%;
        height: auto;
        object-fit: cover;
    }

    #list-juegos img {
        width: 96% !important;
        object-fit: cover;
        margin: 0px 2%;
    }

    #subcabecera {
        height: 200px;
    }

    #subcabecera_nueva {
        /*height:340px !important;*/
        min-height: 31vh !important;
        height: 31vh !important;
        background-size: 54%;
        background-position-x: 110%;
        z-index: 1;
    }

        #subcabecera_nueva::after {
            position: absolute;
            content: '';
            /*background-image: url('https://marketplace-leb.zed.com/content/images/woman_mobile.png') !important;*/
            /*background-image: url('https://pre-marketplace-leb.zed.com/content/images/ruleta_mobile_lebara2.png') !important;*/
            background-image: url('https://pre-marketplace-leb.zed.com/content/images/banner_mobile_lebara.png') !important;
            background-repeat: no-repeat;
            background-position: bottom left;
            background-size: cover;
            background-size: contain;
            width: 90%;
            height: 100%;
            z-index: -1;
            margin-left: -20%;
        }

    #subcabecera_nueva .contenido {
        padding-left:0px;
        font-size:2.3em !important;
    }
        

    #subcabecera_nueva .contenido h4 {
        font-size: 1.6em;
    }

    #subcabecera_nueva .prefoto, #subcabecera_nueva .foto {
        /* display: none; */
        /*display: none;*/ 
        width:30%;
        background-image:none;
    }

    #subcabecera2, #subcabecera:before {
        height: 200px;
    }

        #subcabecera2:before {
            height: 200px;
        }

        #subcabecera2 .btn {
            width: 100%;
        }

    .tit-ampliado {
        font-size: 1rem;
    }

    .registroimagen {
        margin-top: 30px;
        height: 230px;
    }

    #tiporegistro #banderola-azul {
        display: none;
    }

    .bandera {
        top: 30px !important;
    }

    .login-profile {
        top: 15px !important;
    }

        .login-profile .btn-primary {
            padding: 2px 8px;
        }

    .footer_cookies {
        margin-left: auto;
        margin-right: 0px !important;
        text-align: end;
    }

    .footer_copyright {
        margin-left:0px !important;
    }

    .points {
        font-size: 1em;
        padding-right: 10px;
    }

    a.animated-points {
        font-size: 1em;
        padding-right: 10px;
    }
}



@media screen and (max-width: 1200px) {
    nav {
        display: block !important;
    }

    .ms-4 {
        margin-left: 10px !important;
    }

    .navbar-brand {
        margin-left: 0px;
    }

    .navbar-nav {
        margin-left:0px;
    }

    .bandera {
        top: 32px;
    }

    .login-profile {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    #subcabecera_nueva {
        /*height:28vw;*/
        height: 24vw;
    }    

    #subcabecera_nueva .prefoto {
        width: 3%;
    }

    a.strong {
        font-weight: bold;
        font-size: 24.575px;
        cursor: pointer;
        text-transform:uppercase;
    }
}

/********** LEBARA *************/

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }

    .footer_fixed {
        position:absolute;
        bottom:0px;
        width:100%;
    }

    .navbar-nav {
        margin-left: 25px;
        /*margin-left: 0px;*/
    }

    .nav-link {
        font-weight: normal;
        /*font-size: 1.1em;*/
        font-size: 1em;
        color: black !important;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
    }
}

@media (min-width: 768px) {
    .footer_fixed {
        position:absolute;
        bottom:0px;
        width:100%;
    }    
}

/************ Additional Styles ***********/

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x)* 0.5);
        padding-left: calc(var(--bs-gutter-x)* 0.5);
        margin-right: auto;
        margin-left: auto;
    }
}

.container-xxl {
    max-width: 100%;
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* 0.5);
    padding-left: calc(var(--bs-gutter-x)* 0.5);
    margin-right: auto;
    margin-left: auto;
}

select.nav-link {
    background: transparent; /* Fondo del desplegable */
    border: none; /* Borde del desplegable */
    /*color: white;*/
    cursor: pointer;
}

    /* Estilos para las opciones del desplegable */
    select.nav-link option {
        background: #fff; /* Fondo de las opciones */
        color: #000;
        cursor: pointer;
    }

.btn-close {
    box-shadow: none !important;
}

.link_mail {
    text-decoration: underline !important;
    color: blue !important;
}

.link_terms {
    color: #0d6efd;
    text-decoration: underline;
}

.link_terms:hover {
    color: #0a58ca;
}

.lan_item{
    font-style:normal !important;
    cursor:pointer;
}


/*@media (min-width: 370px) {*/
@media screen and (max-width: 370px)
{
    .btn-login {
        background-color: #43AA00;
        border: 2px solid #43AA00;
        color: white;
        font-weight: 600;
        padding-right: 2em;
        padding-left: 2em;
        border-radius: 6px;
        text-transform: uppercase;
    }

    .login-profile 
    {
        position:initial;
        float:left;
        margin-left:14px;
        flex-direction:row !important;
        width: max-content;
    }
}



.profile_items {
    box-shadow: -1px 8px 16px -4px rgba(140,140,140,0.75);
    -webkit-box-shadow: -1px 8px 16px -4px rgba(140,140,140,0.75);
    -moz-box-shadow: -1px 8px 16px -4px rgba(140,140,140,0.75);
    /*border: 2px solid rgb(228,232,235);*/
    border: 2px solid #bfbfbfd1;
    cursor: pointer;
    /*box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);*/
}

.profile_items span {
    color: #22264c;
    font-weight: 600;
    font-size: 18px;
}

.profile_items .custom_icon {
    font-size: 2rem; /* Aumenta el tama�o del icono */
    font-weight: bold; /* Aumenta el grosor del icono */
}

.icon_smile {
    width: 20px;
}

@media (max-width: 1024px) {
    .icon_smile {
        width: 15px;
    }
}

.fit-balloon {
    width: auto;
}

@media (min-width: 768px) {
    .fit-balloon {
        width: fit-content !important; /* Fuerza la aplicación del estilo */
    }
}


.text_home {
    padding-left: 0;
    font-weight: 600;
    width: 85%;
    /*font-size: 22px;*/
}

@media (max-width: 553px)
{
    .text_home{
        padding-left: 115px;
    }

    .cancelacion-txt {
        padding-left: 40px;
        font-size: 13.5px;
        /*float: right;*/
        text-align: center;
    }
}

#OpenModal2a:disabled {
    background: gray;
    border-color: gray;
}

@media (max-width: 390px) {
    .points {
        font-size: 1em;
    }

    a.animated-points {
        font-size: 1em;
    }
}


/* Oculta imágenes por defecto */
.img-desktop, .img-tablet, .img-mobile {
    display: none;
}

/* Muestra la imagen en pantallas grandes (escritorio) */
@media (min-width: 1025px) {
    .img-desktop {
        display: block;
    }
}

/* Muestra la imagen en pantallas medianas (tablets) */
@media (min-width: 768px) and (max-width: 1024px) {
    .img-tablet {
        display: block;
    }
}

/* Muestra la imagen en pantallas pequeñas (móviles) */
@media (max-width: 767px) {
    .img-mobile {
        display: block;
    }
}

@keyframes colorChange {
    0% {
        color: black;
    }

    25% {
        color: #13357A;
    }

    50% {
        color: #FFE200;
    }

    75% {
        color: #39D524;
    }

    100% {
        color: black;
    }
}

a.animated-points {
    animation: colorChange 4s infinite;
    transition: color 0.8s ease-in-out;
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: 0.05rem;
}

a.animated-points:hover {
    text-decoration: underline;
}

.fit-balloon-mobile {
    position: relative;
    font-size: 1em;
    background-color: #ffe200;
    width: auto;
    padding: 8px;
    /*border-radius: 6px;*/
    z-index: 1;
}

.fit-balloon-mobile2 {
    position: relative;
    font-size: 0.8em;
    background-color: #ffe200;
    width: auto;
    padding: 8px;
    /*border-radius: 6px;*/
    z-index: 1;
}

#btnLoginUser{
    border-radius:6px;
}

/*Styles CAROUSEL*/
.carousel-indicators {
    align-items: center !important;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: white;
    background-clip: padding-box;
    border: 0;
    border-top: none;
    border-bottom: none;
    opacity: .5;
    border-radius: 10px;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

.carousel-indicators .active {
    width: 14px;
    height: 14px;
    opacity: 1;
}


.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}

.carousel-control-prev .custom-icon i .bi::before, [class*=" bi-"]::before, [class^=bi-]::before,
.carousel-control-next .custom-icon i .bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
    font-weight: 800 !important;
    -webkit-font-smoothing: none !important;
    -moz-osx-font-smoothing: unset !important;
}

.content-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}


.custom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.carousel-control-prev .custom-icon i,
.carousel-control-next .custom-icon i {
    color: #000 !important;
    font-size: 1rem;
    opacity: 1;
    line-height: 1;
    display: block;
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .content-icon {
        width: 28px;
        height: 28px;
    }

    .custom-icon i {
        font-size: 0.9rem;
    }
}

@media (max-width: 767.98px) and (min-width: 576px) {
    .content-icon {
        width: 24px;
        height: 24px;
    }

    .custom-icon i {
        font-size: 0.85rem;
    }
}

@media (max-width: 575.98px) {
    .content-icon {
        width: 20px;
        height: 20px;
    }

    .custom-icon i {
        font-size: 0.75rem !important;
    }
}

/*END CAROUSEL STYLES*/

/*mini loader*/
.custom-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

    .custom-checkbox input {
        display: none;
    }

    .custom-checkbox .checkmark {
        width: 20px;
        height: 20px;
        border: 2px solid #525AD0;
        border-radius: 3px;
        margin-right: 8px;
        position: relative;
    }

    /* Mostrar el check solo si está marcado y la caja NO está en modo loader */
    .custom-checkbox input:checked + .checkmark::after {
        content: "";
        position: absolute;
        left: 6px;
        top: 2px;
        width: 5px;
        height: 10px;
        border: solid #525AD0;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    /* Mientras está en modo loader, ocultar el check */
    .custom-checkbox .checkmark.loading::after {
        content: none !important;
    }

    /* Loader visual */
    .custom-checkbox .checkmark.loading {
        border: 2px solid #ccc;
        border-top: 2px solid #525AD0;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        animation: spin 0.8s linear infinite;
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*FIX IMGS CATEGORIAS VIDEOS*/
.row.flex-fill .col-md-3 {
    flex: 1 1 calc(25%);
    max-width: calc(25%);
}

@media (max-width: 768px) {
    .row.flex-fill .col-md-3 {
        flex: 1 1 calc(50%);
        max-width: calc(50%);
    }
}

/*RATING*/

.star {
    font-size: 2.5rem;
    color: #ffc107;
    cursor: pointer;
    margin: 0 6px;
    transition: color 0.4s ease-in-out, transform 0.1s ease-in-out;
}

.star.active {
    color: #ffc107;
}

.star:hover {
    transform: scale(1.1);
}

#btnAcceptRating:disabled {
    background: gray;
    border-color: gray;
}