body {
    font-family: "Open Sans", sans-serif;
    min-height: 100% !important;
    /*color:#c4c4c4; */
    color:#ffffff;
    background-color:#000000
}

/* Top Navbar Menu #232223 #48494a #222222
button, [type='button'], [type='reset'], [type='submit'] {
    background-color:rgba(0,0,0,.3) !important;
} */
/* background-color: #090909 !important; */

.navbar-app {
    padding: 0 !important;
    background-color: #000000 !important;

}

.div-app {
    border-bottom-width: 0px !important;
    border-bottom-color: #c3af73 !important;
}

.navbar-brand img {
    max-width: 180px;
    max-height: 60px;
    padding-left: 15% !important;
}

.voyager .navbar-default {
    background-color: #f6f4ed !important;
}

.error-container {
    /* min-width: 350px; */
    min-width: 300px;
}

.button-search {
    color: #ddd;
    background: none;
    position: absolute;
    right: 0;
    cursor: pointer;
    outline: none;
    border: none;
}

.home-user-avatar {
    width: 32px;
    margin-left: 0.5rem;
}
.home-user-avatar-m {
    width: 48px;
    margin-left: 0.5rem;
}


.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

/* Login Register pages */
.body-login {
    background-color: #000000;
}
.body-login-footer{
    background-color: #000000;
}

textarea.input-login {
    background-color: #f7bb06 !important;
    border: none;
    border-radius: 0rem;

}

.input-login {

    border: none;
    border-radius: 0rem;
    background-color: var(--cape-cod);
    height: 50px;
    width: 100%;
}

.mySwiper{
    overflow: hidden;
}


.login,
.image {
    /* min-height: 100vh; */
    min-height: auto;
}

.bg-image {
    background-size: cover;
    background-position: center center;
}

.brand-logo {
    width: 200px;
}

.rounded-lg {
    border-radius: 0.4rem !important;
}

.hidden {
    display: none !important;
}

/* Dropzone preview boxes + other general fixes */
.audio-preview-item {
    padding-right: 36px;
}

.video-preview-item .video-preview {
    border-radius: 20px;
    overflow: hidden;
    width: 240px;
    height: 240px;
    position: relative;
    display: block;
    z-index: 10;
    background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone-previews.dropzone {
    background: none !important;
}

.sticky {
    position: sticky;
    top: 1.5rem;
}

.sticky-sm {
    position: sticky;
    top: 1rem;
}

.min-h-75 {
    min-height: 75%;
}

.sticky-profile-widgets {
    position: sticky;
    top: 1rem;
}

.sticky-widgets {
    position: sticky !important;
    padding-top: 0.5rem !important;
}

.pointer-cursor {
    cursor: pointer;
}

.avatar-placeholder i {
    font-size: 2.8rem;
}

.avatar-placeholder i:hover {
}

.logo-placeholder i {
    font-size: 2.8rem;
}

.logo-placeholder i:hover {
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.side-menu .icon-wrapper {
    width: 2.6rem;
}

.side-menu .nav {
    flex-wrap: nowrap;
}

.side-menu .nav-item i {
    font-size: 2rem !important;
}

.side-menu .user-avatar,
.sidebar .user-avatar {
    width: 50px;
    height: 50px;
}

/* Toasts */
.toast-container {
    position: fixed;
    z-index: 1055;
    margin: 0.5rem !important;
}

.top-right {
    top: 0;
    right: 0;
}

.top-left {
    top: 0;
    left: 0;
}

.top-center {
    transform: translateX(-50%);
    top: 0;
    left: 50%;
}

.bottom-right {
    right: 0;
    bottom: 0;
}

.bottom-left {
    left: 0;
    bottom: 0;
}

.bottom-center {
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
}

.toast-container > .toast {
    min-width: 200px;
    max-width: 300px;
}

.toast .toast-indicator {
    width: 20px;
    height: 20px;
}

/* Feed component */
.half-bg {
    background-color: rgba(0, 0, 0, 0.45);
}

.suggestion-box {
    background-color: #fff !important;
}

.suggestion-box .avatar {
    width: 96px;
    height: 96px;
    border: 2px solid #fefefe;
}

.post-box .avatar {
    width: 48px;
    height: 48px;
}

.post-details .dropdown .dropdown-toggle:after,
.post-details .dropdown .dropdown-toggle:before {
    display: none;
}

.post-box .post-count-details {
    font-size: 15px;
}

.dropdown .dropdown-toggle:after,
.dropdown .dropdown-toggle:before {
    display: none;
}

/* TODO: Review this one, might be usefull for cropped post medias */
.post-content {
    /* max-height: 500px; */
    /* max-height: calc(100vh - 120px) */
}

.post-content img {
    object-fit: cover;

    /* Do not scale the image */
    width: 100%;
    max-height: 450px;
    margin-bottom: 1rem;
}

.post-box .post-comments .form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none !important;
}

.suggestions-header i {
    cursor: pointer;
}

.dropdown:not(.dropdown-hover) .dropdown-menu {
    margin-top: 0px !important;
}

.pswp_video {
    position: relative !important;
}

.pswp_audio {
    position: relative !important;
    width: 75% !important;
    height: 100px !important;
}

.pswp--zoom-allowed .pswp__img {
    cursor: default !important;
}

/* Menu */
.open-menu {
    text-decoration: none !important;
}

.dropleft .dropdown-menu {
    top: 0 !important;
    right: 0% !important;
    left: auto !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
}

.dropright .dropdown-menu {
    top: 0 !important;
    right: auto !important;
    left: 0% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* Icons wrapper for backend SVGs includes */
.ion-icon-wrapper {
    display: inline-block;
    width: 1em;
    height: 1em;
    contain: strict;
    fill: currentcolor;
    box-sizing: content-box !important;
}

.ion-icon-inner,
.ion-icon-inner svg {
    display: block;
    height: 100%;
    width: 100%;
}

.icon-large {
    font-size: 32px;
}

.icon-xlarge {
    font-size: 50px;
}

.icon-medium {
    font-size: 24px;
}

.icon-small {
    font-size: 18px;
}

.icon-xsmall {
    font-size: 11px;
}

/* Global nav override */
.page-item,
.page-link {
    margin-left: 4px;
    width: 34px;
    height: 34px;
    border-radius: 50% !important;
    text-align: center;
}

.btn-rounded-icon {
    width: 45px !important;
    height: 45px !important;
    padding: 0;
    transition: 0.3s;
    border: none !important;
    border-radius: 50%;
    font-size: 20px;
    margin: 0;
}

#login-dialog .card-wrapper {
    height: 100%;
}

/* User cards */
.suggestion-header-bg {
    background-color: #50505047;
    background-position: center center !important;
    background-size: cover !important;
    height: 140px !important;
}

.creator-body {
    /*margin-top: -50px;*/
    margin-top: 0px;
}

.creator-body .avatar {
    width: 100px;
    height: 100px;
}
.creator-header{

}
.models-header{

}

.suggestion-card-btn {
    width: 30px;
    height: 30px;
}

/*  */
.installer-bg {
    background-color: #f8f9fa;
}

/*  */
.checkout-dialog .rounded-circle.user-avatar {
    width: 50px;
    height: 50px;
}

/*  */
.footer-lat {
    position: absolute;
    /* bottom: -1rem;*/
    right: 0.5rem;
    left: 0.5rem;
    background-color: transparent;
}
.app-footer {
    position: relative;
    bottom: -5rem;
    /*right: 0.5rem;*/
    /* left: 0.5rem; */
    background-color: transparent;
    font-size: 0.8rem ;
}
.bookadate {
    width: 200px;
    height: 40px;
    background-color: #fff !important;
    color: #000
    /*background-color: var(--nugget-5);*/
}

.site-footer {
    margin-bottom: 0;
}

footer .copyRightInfo .d-flex.flex-row.nav {
    margin-left: -1rem;
}

footer .copyRightInfo .nav-link:nth-child(1) {
    padding-left: 0px !important;
}

footer .text-lg {
    font-size: 1rem !important;
}

footer .ion-icon-wrapper {
    font-size: 1.25rem !important;
}

footer {
    padding-top: 10px;
    padding-bottom: 5px;
}

footer .copyrightText {
    font-size: 0.7rem;
    line-height: 14px;
    opacity: 1;
    color:rgb(254, 254, 254) ;
}

footer .footerMenu1 .menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

footer .footerMenu1 .menu li:nth-child(2n) a {
    padding-left: 50px;
}

footer .footerMenu1 .menu li a {
    color: #c19721;
    font-size: 9px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 1.08px;
    text-transform: uppercase;
}
.footerCopi{
    font-size: 0.75rem;
    line-height: 18px;
    font-weight: 300;
    max-width: 100%;
}
footer .footerMenu2 {
    font-size: 0.6rem !importan;

}

footer .footerMenu2 .menu li {
    line-height: 8px;
}

footer .footerMenu2 .menu li a {
    line-height: 8px;
    color: #7c7c7c;
    text-decoration: underline;
}

footer .footerMenu2 .menu .reportAbuse a {
    color: #000;
    font-weight: 12;
}

/*  */
header .copyRightInfo .d-flex.flex-row.nav {
    margin-left: -1rem;
}

header .copyRightInfo .nav-link:nth-child(1) {
    padding-left: 0px !important;
}

header .text-lg {
    font-size: 1.1rem !important;
}

header .ion-icon-wrapper {
    font-size: 1.25rem !important;
}

/* Profile / Posts widget */
.recent-media .card-body img {
    width: 80px !important;
    height: 80px !important;
}

.dropdown:not(.nav-item) .dropdown-menu:before {
    content: none !important;
}

.grayscale {
    filter: gray;

    /* IE6-9 */
    -webkit-filter: grayscale(95%);

    /* Chrome 19+ & Safari 6+ */
}

.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.contact-illustration {
    width: 450px;
}

.posts-loading-indicator .spinner-border {
    width: 2rem;
    height: 2rem;
}

.page-content-wrapper p {
    margin: 0px;
}

.page-content-wrapper h4 {
    margin-bottom: 1rem !important;
}

/* Emoji Picker overrides */
.emoji-picker__emojis {
    overflow-x: hidden !important;
    padding-left: 0px !important;
}

.emoji-picker__preview-emoji {
    font-size: 1rem !important;
}

.min-vh-65 {
    min-height: 65vh;
}

.page-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.w-16 {
    width: 16px;
    height: 16px;
}

.w-24 {
    width: 24px;
    height: 24px;
}

.w-32 {
    width: 32px;
    height: 32px;
}

.text-bold-600 {
    font-weight: 600;
}

.text-bold-700 {
    font-weight: 700;
}

.text-bold-800 {
    font-weight: 900;
}

.text-bold-900 {
    font-weight: 900;
}

.blob {
    background: black;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 8px;
    height: 6px;
    width: 6px;
    transform: scale(1);
    animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.blob.red {
    background: rgba(234, 6, 5, 1);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 6, 5, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(234, 6, 5, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(234, 6, 5, 0);
    }
}

.text-orange {
    color: #fd7e14;
}

/* Streams CSS */
.stream-cover,
.stream-cover-public {
    max-height: 40px;
    max-width: 150px;
    height: 40px;
    width: 80px;
}

.stream-chat-no-message {
    height: 300px;
}

.grecaptcha-badge {
    z-index: 100;
}

.captcha-field .text-danger {
    font-size: 0.875em;
}

.logo-icon-container-title {
    color: #d1a623;
}

.site-entry-approval-box .text-sm {
    font-size: 0.8rem !important;
}

.text-responsive {
    font-size: calc(100% + 1vw + 1vh);
}

.btn-outline-oro {
    border-color: rgb(142, 105, 12) !important;
    border-width: 2px;
}

.btn-install{
    background-color: #c19721 !important;
    border-color: rgb(142, 105, 12) !important;
    border-width: 2px;
    height: 22px;
    padding-top: 2px;
    padding-bottom: 0px;
    font-size: xsmall;
    font-weight: 600;
}

.btn-gold {
    background-color:rgb(198, 197, 197) !important;
    border-color: #e9e9e9 !important;
    border-width: 0px;
    border-radius: 20px !important;
    height: 46px;
    //width: auto;
    padding-top: 10px;
    letter-spacing: 0.15rem;
    color: #000000;
}
.btn-join {
    background-color:rgb(205, 204, 203) !important;
    border-color: #e9e9e9 !important;
    border-width: 0px;
    border-radius: 5px !important;
    height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: small;
    color:#000000;
    font-weight: 500;
}


.btn-brown {
    background-color: rgb(53, 48, 39) !important;
    border-color: rgb(53, 48, 39) !important;
    border-width: 0px;
    border-radius: 0 !important;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.25rem 0.25rem ;
    font-size: 0.65rem;
    line-height: 0.9;
    border-radius: 0.2rem;
    margin: 0.1rem;
}

.btn-top {
}

.text-oro {
    color: rgb(181, 133, 13) !important;
}
.border-oro {
  --tw-border-opacity: 1;
  border-color: rgb(181, 133, 13) !important;
  border-width: 2px;
}
.sidebar-footer-logo-menu {
    width: 80%;
    max-height: auto;
    padding: 0.35rem;
    margin-top: 0.35rem;
}

.sidebar-wrapper-menu {
    margin-top: 0.5rem;
}

.custom-logo-link-footer {
    margin-top: 0px;
    width: 100px;
    height: auto;
    text-align: center;
    background-color: transparent;
    margin-left: 10px;
}

.custom-logo {
    width: 150px ;
    height: auto;
}

.menu-item-type-foot {
    color: #fff !important;
    font-size: 0.8rem;
    font-weight: 120;
    line-height: 1.5;
    letter-spacing: 1px;
    padding-left:  5%;
    a:hover {
        color:rgba(253, 249, 161);
    }
}


.footer-language{
    font-size: 0.65rem;
    font-weight: 120;
    line-height: 1;

}
.menu-item-type-foot2 {
    opacity: 1;
    color:rgb(255, 255, 255) ;
    font-size: 0.8rem;
    line-height: 1.5;
    letter-spacing: 1px;
    align-items: flex-end;
    text-align: right;

    a:hover {
        color:rgba(253, 249, 161);
    }
}

.link-up {
    width: 25px;
    height: 25px;
    font-size: 1rem;
    background-color: rgb(142, 105, 12) !important;
    color: #fff !important;
}

.fixed-action-btn a img {
    margin-top: 5px;
}

.featurette-divider-row {
    margin: 0.5rem 0;
    border-style: none;

    /* Space out the Bootstrap <hr> more */
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(150, 150, 150) ;
}
.condition_img {
    height: auto;
    width: 32px;
}

.text-das-c-1 {
    opacity: 1;
    color:rgb(0, 0, 0) !important;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.6px;
    z-index: 3;
    line-height: 0.8;
    padding-top: 5%;
    /* text-transform: uppercase; */
}

.text-das-c-2 {
    opacity: 1;
    color:rgb(0, 0, 0) ;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    z-index: 3;
    line-height: 0.8;
}

.text-das-c-3 {
    font-size: 1.0rem;

    /* letter-spacing: 0.3px */
    color: #fff;
    text-transform: none;
    line-height: 1.4rem;
}

.text-das-c-4 {
    opacity: 1;
    color:rgb(255, 255, 255) ;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 3;
    line-height: 1;
}
.home-bg-section_f {
    /*display: flex;*/
    /* Estilo para la primera fila */
    position: relative;
}

.home-bg-section_f .row-first-child {
        display: flex;
        justify-content: center;
        align-items: center;
      }

.home-bg-section_f .row-first-child img {
        max-width: 100%;
        height: auto;
      }

      /* Estilo para la segunda fila */
.home-bg-section_f .row-last-child {
        position: absolute;
        /* top: -5px; Desplazamiento hacia arriba */
        width: 100%;
        heigth: 80%;
        display: flex;

        transform: translateY(-100%);

        background-color: rgba(255, 255, 255, 0.6); /* Fondo semitransparente blanco */
        z-index: 2; /* Asegura que se muestre sobre la imagen */
        overflow: visible;
        /* background-color: #000000 !important;*/
        color:rgb(0, 0, 0);
      }

.home-bg-section_f .row-last-child img {
        max-width: 100%;
        height: 80%;
      }

.home-bg-section0 {
    background-color:rgb(0, 0, 0);
    padding-top: 0px;
    z-indez: 1;
}
.home-bg-sectionl {
    background-color:rgb(82, 81, 81);

}
.home-bg-section {
    background-color:rgb(0, 0, 0);
    width: 100%;
    /* #0d0d0d; */
}
.home-bg-section_0 {
    max-height: 600px;
}

.home-bg-section_1 {
    transform: translateY(-265px);
    /* --dynamic-height: 0px; /* Variable CSS para translateY
    transform: translateY(calc(-1 * var(--dynamic-height))); */
    /*    position: absolute;  Permite superponerlo a la imagen */
    width: 100%;
    height: 265px; /* fit-content; Cubre toda el área del contenedor */
    background-color: rgba(255, 255, 255, 0.6); /* Fondo semitransparente blanco */
    z-index: 2; /* Asegura que se muestre sobre la imagen */
    /* opacity: 0.5;*/
    /* display: flex;*/
    /*flex-direction: row; */
    overflow: visible;
}

.home-bg-section-login {
    max-height: 400px;
}

.img-das-1 {
    width: 100%;
    height: auto ;
    position: relative;
    right: 0;
    display: block;
    object-fit: cover;
}

.img-das-2 {
    /*width: 100%;*/
    height: auto ;
    position: relative;
    right: 0px;
    padding-left: 5%;
    /* display: block;*/
    transform: translateY(45px);


    }
    /*margin-top: 1rem; */
    /*opacity: 1; */
}

.img-das-3 {
    width: 100%;
    height: auto ;
    position: relative;
    right: 0;

    /* padding-left: 5% */
}

.img-das-4 {
    width: 200%;

    /* background-color: white */
}



.text-alert {
    color: rgb(247, 6, 6) !important;
}

.i-am-a-creator-1 {
  height: 26px;
  width: 260px;
}


blink {
    animation: 2s linear infinite condemned_blink_effect;
}

@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }

    50% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}
.cfg-dialog {
        max-width: 100% !important;
        width: 100% !important;

    }
.cfg-popup {
    width: inherit;
    height: auto;
    padding-left: 0%;
    padding-right: 0%;
    margin-left: 0px;
    margin-right: 0px;
}

.login-ssl{
    /* height: 50%;*/
    width: 35%;
}

.text-18-login{
    color:rgb(179, 194, 209) !important;
    font-size: 90%;
    text-align: justify !important;
    line-height: 1.4;
}

@media (max-width: 576px) {
    .checkout-dialog1 {
        max-width: 99% !important;
        width: 99% !important;
    }

    .modal-dialog-centered {
        max-width: 100% !important;
    }

    .col-img-3d {
        width: 100%;
        margin-top: 0px;
    }

    .img-3d {
        width: 100%;
        height: auto;
        margin-top: -40px;
        margin-left: 0px;
        padding-right: 0;
    }

    .brand-logo-login {
        height: auto;
        text-align: center;
        background-color: transparent;

    }

    .home-bg-section_0 {
        max-height: fit-content;
    }
    .home-bg-section_f {
        display: flex;
        /* Estilo para la primera fila */
        position: relative;
    }

    .home-bg-section_f .row-first-child {
            display: flex;
            justify-content: center;
            align-items: center;
          }

    .home-bg-section_f .row-first-child img {
            max-width: 100%;
            height: auto;
          }

          /* Estilo para la segunda fila */
    .home-bg-section_f .row-last-child {
            position: relative;
            /* top: -5px; Desplazamiento hacia arriba */
            width: 100%;
            /* heigth: 80%;*/
            display: flex;

            transform: none;
            background-color: #000000 !important;
            color: #ffffff;
            /* height: 265px;  Cubre toda el área del contenedor */
            /* background-color: rgba(255, 255, 255, 0.6);  Fondo semitransparente blanco */
            z-index: 2; /* Asegura que se muestre sobre la imagen */
            /*overflow: visible;*/

          }

    .home-bg-section_f .row-last-child img {
            max-width: 100%;
            height: 80%;
          }

    .img-das-1 {
        width: 100%;
        height: auto ;
        position: relative;
        right: 0;
        display: block;
        object-fit: cover;

    }

    .img-das-2 {
        right: 0px;
        padding-left: 0px;
        transform: none;
    }

    .text-das-c-1 {
            opacity: 1;
            color:rgb(255, 255, 255) !important;
            font-family: 'Open Sans', sans-serif;
            letter-spacing: 0.6px;
            z-index: 3;
            line-height: 0.8;
            padding-top: 1rem;
            /* text-transform: uppercase; */
        }
    .text-das-c-2 {
            opacity: 1;
            color:rgb(255, 255, 255) !important;
            font-family: 'Open Sans', sans-serif;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 2.0rem;
            z-index: 3;
            line-height: 0.8;
            padding-top: 0rem;
        }

    .text-login-0 {
        margin-left: 2rem;
        font-size: 1.95rem;
        font-weight: 300;
        line-height: 1.5;
        color: #919191;
    }
    .text-login-1 {
        margin-top: 1rem;
        margin-left: 1rem;
        font-size: 2.55rem;
        font-weight: 100;
        line-height: 1;
        color: #d9d9d9;
    }

    .text-login-1b {
        margin-left: 0rem;
        /*font-size: 2.25rem;*/
        /*font-weight: 1000;*/
        /*line-height: 1.5;*/
        /*color: #fff;*/
    }

    .text-login-2 {
        margin-left: 1rem;
        font-size: 1.85rem;
        font-weight: 800;
        line-height: 1.5;
        color: #fff;
    }

    .text-login-3 {
        margin-top: 0.2rem;
        text-align: center;
        margin-left: 0rem;
        font-size: 1.65rem;
        font-weight: 600;
        line-height: 1.25;
        color: #c1c0c0;
    }
    .login-0 {
        display: none !important;
    }

    .login-1 {
        display: block ;
    }
    .login-11 {
        display: flex;
    }

}


@media (max-width: 539px) {
    .text-login-0 {
        margin-top: 1rem;
        margin-left: 0rem;
        font-size: 1.65rem;
        font-weight: 300;
        line-height: 1.5;
        color: #919191;
    }
    .text-login-1 {
        margin-left: 0rem;
        font-size: 2.25rem;
        font-weight: 100;
        line-height: 1;
        color: #d9d9d9;
    }

    .text-login-1b {
        margin-left: 0rem;
    }

    .text-login-2 {
        margin-left: 0rem;
        font-size: 1.5rem;
        font-weight: 800;
        line-height: 1.5;
        color: #fff;
    }


}


@media (min-width: 576px) {

    .home-bg-section_1 {
        transform: translateY(-265px);
    }

    .checkout-dialog1 {
        max-width: 80% !important;
        width: 80% !important;
    }

    .brand-logo-login {
        height: auto;
        padding-left: 10%;
    }

    .img-3d {
        width: 230%;
        height: auto;
        margin-top: -40px;
        margin-left: 0%;
        padding-right: 25px;
    }

    .text-login-0 {
        margin-left: 1rem;
        font-size: 1.30rem;
        font-weight: 30;
        line-height: 1.042;
        color: #a5a5a5;
    }
    .text-login-1 {
        margin-top: 1rem;
        margin-left: 1rem;
        font-size: 1.80rem;
        font-weight: 35;
        line-height: 1.042;
        color: #fff;
    }

    .text-login-2 {
        margin-left: 1rem;
        font-size: 2.5rem;
        font-weight: 600;
        line-height: 1.042;
        color: #fff;
    }
    .text-login-3 {
        margin-top: 0.2rem;
        text-align: center;
        margin-left: 0.5rem;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 1.25;
        color: #c1c0c0;
    }
    .login-0 {
        display: block ;
    }

    .login-1 {
        display: none ;
    }

    .login-11 {
        display: none;
    }
    .login-ssl{
        position: absolute;
        top: 0px;
        right: 10px;
        /* width: 35%; */
    }
}

@media (min-width: 610px) {
    .checkout-dialog1 {
        max-width: 60% !important;
        width: 60% !important;
    }

    .modal-dialog-centered {
        max-width: 65% !important;
    }

    .brand-logo-login {
        padding-left: 5%;
    }

    .text-login-0 {
        margin-left: 1.5rem;
        font-size: 1.3rem;
        font-weight: 30;
        line-height: 1.042;
        color: #a5a5a5;
    }
    .text-login-1 {
        margin-left: 1.5rem;
        font-size: 1.8rem;
        font-weight: 35;
        line-height: 1.042;
        color: #fff;
    }

    .text-login-2 {
        margin-left: 1.5rem;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.042;
        color: #fff;
    }
    .text-login-3 {
        margin-top: 0.2rem;
        text-align: center;
        margin-left: 0.5rem;
        font-size: 1.55rem;
        font-weight: 600;
        line-height: 1.25;
        color: #c1c0c0;
    }
}

@media (min-width: 767.98px) {
    .checkout-dialog1 {
        max-width: 60% !important;
        width: 60% !important;
    }

    .modal-dialog-centered {
        max-width: 65% !important;
    }

    .brand-logo-login {
        padding-left: 15%;
    }

    .text-login-0 {
        margin-left: 3rem;
        font-size: 1.65rem;
        font-weight: 30;
        line-height: 1.042;
        color: #a5a5a5;
    }
    .text-login-1 {
        margin-left: 3rem;
        font-size: 2.25rem;
        font-weight: 35;
        line-height: 1.042;
        color: #fff;
    }

    .text-login-2 {
        margin-left: 3rem;
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.042;
        color: #fff;
    }
    .text-login-3 {
        margin-top: 0.2rem;
        text-align: center;
        margin-left: 0.5rem;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 1.25;
        color: #c1c0c0;
    }
}

@media (min-width:899.98px){
    .checkout-dialog1 {
        max-width: 40% !important;
        width: 40% !important;
    }

    .col-img-3d {
        width: 100%;
        margin-top: -10px;
    }

    .img-3d {
        width: 230%;
        height: auto;
        margin-top: 0px;
        margin-left: 0%;
        padding-right: 45px;
    }

    .brand-logo-login {
        padding-left: 20%;
    }

    .text-login-0 {
        margin-left: 6rem;
        font-size: 1.65rem;
        font-weight: 30;
        line-height: 1.042;
        color: #a5a5a5;
    }
    .text-login-1 {
        margin-left: 6rem;
        font-size: 2.25rem;
        font-weight: 35;
        line-height: 1.042;
        color: #fff;
    }

    .text-login-2 {
        margin-left: 6rem;
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.042;
        color: #fff;
    }
    .text-login-3 {
        margin-top: 0.2rem;
        text-align: center;
        margin-left: 1rem;
        font-size: 1.95rem;
        font-weight: 700;
        line-height: 1.25;
        color: #c1c0c0;
    }
}

@media (min-width:1199.98px){
    .checkout-dialog1 {
        max-width: 40% !important;
        width: 40% !important;
    }

    .modal-dialog-centered {
        max-width: 65% !important;
    }
    .brand-logo-login {
        padding-left: 30%;
    }
    .text-login-0 {
        margin-left: 6rem;
        font-size: 1.65rem;
        font-weight: 30;
        line-height: 1.042;
        color: #a5a5a5;
    }
    .text-login-1 {
        margin-left: 6rem;
        font-size: 2.25rem;
        font-weight: 35;
        line-height: 1.042;
        color: #fff;
    }

    .text-login-2 {
        margin-left: 6rem;
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.042;
        color: #fff;
    }
    .text-login-3 {
        margin-top: 0.2rem;
        text-align: center;
        margin-left: 1.25rem;
        font-size: 2rem;
        font-weight: 650;
        line-height: 1.25;
        color: #c1c0c0;
    }
}

@media (min-width:1300.98px){
    .checkout-dialog1 {
        max-width: 30% !important;
        width: 30% !important;
    }

    .modal-dialog-centered {
        max-width: 70% !important;
    }
    .brand-logo-login {
        padding-left: %;
    }
    .body-login {
        max-width: 1301px;
        text-align: start;
        margin-left: auto ;
        margin-right: auto;
    }
    .text-login-0 {
        margin-left: 8rem;
        font-size: 1.75rem;
        font-weight: 30;
        line-height: 1.042;
        color: #a5a5a5;
    }
    .text-login-1 {
        margin-left: 8rem;
        font-size: 2.25rem;
        font-weight: 35;
        line-height: 1.042;
        color: #fff;
    }

    .text-login-2 {
        margin-left: 8rem;
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.042;
        color: #fff;
    }
    .text-login-3 {
        margin-top: 0.2rem;
        text-align: center;
        margin-left: 1rem;
        font-size: 2.1rem;
        font-weight: 650;
        line-height: 1.25;
        color: #c1c0c0;
    }
}

.avatar-login {
    margin-top: 0rem;
    width: 50%;
    height: auto;
    border-radius: 50%;
}

.bg-separator{
    height:.4rem;
    background-color: transparent;
    border-bottom: 0px !important;
    border-top: 0px !important;
    /*
    @if $color-scheme-alt == dark {
        background-color: rgba($gray-100-alt,20%);
    } @else {
        background-color: rgba($gray-800-alt,60%);

    }
    */
}
.video-test{
    height: 30%;
    width: auto;
}
#confirmation-18 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #000;
        color: #fff;
        padding: 10px;
        text-align: center;
        font-size: 13px;
        display: block;
        overflow: hidden;
        z-index: 4;
        /* Ocultar cualquier contenido que sobresalga */
        transition: transform 0.5s ease-out;

        /* Animar la transformación con movimiento suave */
        hidden {
            transform: translateY(100%);

            /* Desplazar hacia abajo al 100% de la altura cuando la clase .hidden está presente */
        }
    }

    #confirm-btn-18 {
        background-color: #fff;
        color: #000;
        padding: 5px 10px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 13px;
    }

@media only screen and (max-device-width: 400px) {
    html {
        -webkit-text-size-adjust : none;
        text-size-adjust         : none;
    }
    /* adapt the rest of the mobile interface here */
}