@font-face {
    font-family: 'DePixelKlein';
    src: url('./fuentes/DePixelKlein.ttf') format('truetype');
}

body {
    font-family: 'DePixelKlein', sans-serif;
    background: linear-gradient(to bottom, #87CEFA, #4682B4); /* Cielo claro a más oscuro */
    background-attachment: fixed; /* Hace que el fondo no se mueva */
    margin: 0;
}

main.container.other-class {
    font-family: 'DePixelKlein', sans-serif;
    background-size: cover;
    background: url('./fondo_san_valentin.png') no-repeat center center fixed;
}

main.container.master-trades-bg {
    background: #000 no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
}

.card-img-top {
    position: absolute;
    width: auto;
    object-fit: contain;
    /* padding: 10px; */
    border-radius: 8px;
    margin-top: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 130px;
    max-height: 130px;
    min-width: 60px;
    height: auto;
    min-height: 50px;
}

.card-img-coleccion {
    position: absolute;
    width: auto;
    object-fit: contain;
    /* padding: 10px; */
    border-radius: 8px;
    margin-top: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 130px;
    max-height: 130px;
    min-width: 60px;
    height: auto;
    min-height: 50px;
}

.price-icon {
    width: 20px;
    margin-right: 5px;
}

.price-icon-principal {
    width: 20px;
    margin-right: 5px;
}

.price-vip {
    width: 40px;
    margin-right: 5px;
}

.price-vip-principal {
    width: 50px;
    margin-right: 5px;
}

.price-vivo-principal {
    width: 45px;
    margin-right: 5px;
    padding-bottom: 10px;
}

.price-egg-principal {
    width: 30px;
    margin-right: 5px;
}

.price-habbo {
    width: 20px;
    margin-right: 5px;
}

.dolar {
    width: 30px;
    margin-right: 5px;
}

.price-market {
    width: 30px;
    margin-right: 5px;
}

.price-habbo-es {
    width: 35px;
    margin-right: 5px;
}

.credit-habbo-es{
    width: 20px;
}

.iconos-rare {
    top: 10px;
    position: absolute;
    height: 30px;
    left: 50%;
    transform: translate(-50%);
}

.iconos-funky {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 30px;
    top: 10px;
}

.iconos-coleccion {
    position: absolute;
    top: 10px;
    right: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 40px;
}

.iconos-deportes {
    top: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 30px;
}

.iconos-cabin {
    top: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 30px;
}

.iconos-hc {
    top: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 30px;
}

.iconos-hc-filtro {
    width: 30px;
    height: 35px;
}

.iconos-rare-filtro{
    width: 19px;
}

.iconos-coleccion-filtro{
    width: 29px;
}

.iconos-megarares-filtro{
    width: 26px;
}

.iconos-hot-filtro{
    width: 33px;
}

.coleccion_filtro{
    margin-top: 5px;
}

.all_filtro{
    height: 50px;
}

.iconos-hot-sale {
    position: absolute;
    height: 60px;
}

.furni_tipo{
    height: 30px
}

.furni_hot{
    height: 0px
}

.furni_imagen{
    height: 115px;
}

.furni_tendencia{
    height: 80px;
    margin-top: 10px;
}

.furni_historico{
    height: 30px
}

.iconos-arrow-trend-up {
    position: static;
    width: 60px;
    height: 40px;
    float: inline-end;
    margin-right: 15px;
}

.iconos-arrow-trend-down {
    position: static;
    width: 60px;
    height: 40px;
    float: inline-end;
    margin-right: 15px;
}

.iconos-arrow-trend-up-example {
    height: 15px;
}

.iconos-arrow-trend-down-example {
    height: 15px;
}

.sprite_hotel_origins{
    position: absolute;
    width: auto;
    height: auto;
    left: 20px;
}

.row_sprite_hotel_origins{
    width: 166px;
    height: 214px;
}

.sprite_trades_habbo_origins{
    width: 100%;
}

.header, .main, .footer {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
}

.main {
    padding: 20px;
    margin-top: 20px;
}

.footer {
    margin-top: 20px;
}

.container {
    max-width: 100% !important;
}

.card {
    /* habboween 
    background-color: #3B1C2A; */
    background: rgba(0, 0, 0, 0.6);
}

.card-body {
    /* habboween
    background-color: #3B1C2A;*/
    padding-bottom: 20px;
}

.text-name {
    color: white;
}

.text-price {
    font-size: 20px;
    font-family: 'DePixelKlein', sans-serif;
    color: #229728;
}

.text-price-other-markets{
    font-size: 20px;
    font-family: 'DePixelKlein', sans-serif;
    color: #229728;
}

.header-page {
    background: 
    url("furnis/iconos/fondo_header_nubes.png") center/cover no-repeat,
    linear-gradient(to bottom, #87CEFA, #4682B4);
    background-size: cover, cover;
    background-position: center, center;
    border: 1px solid #050a0e;
}

.header-page-master-trades{
    font-family: 'DePixelKlein', sans-serif;
    background-size: cover;
    background-color: #000 !important;
    border-bottom: 1px solid white;
}

.highlight-border {
    border: 3px solid;
    /*border-image: linear-gradient(45deg, #006400, #228B22, #32CD32, #7CFC00) 1; Escala de verdes */
    animation: rainbow-border 5s infinite;
}

.buscar-furnis{
    background: rgba(0, 0, 0, 0.6);
    border-color: #2C2930;
    color: white;
}

.buscar-furnis:focus {
    background: rgba(0, 0, 0, 0.6);
    border-color: #3B1C2A;
    color: white;
    outline: none;
}

.buscar-noticias{
    background: rgba(0, 0, 0, 0.6);
    border-color: #2C2930;
    color: white;
    margin-top: 20px;
}

.buscar-noticias:focus {
    background: rgba(0, 0, 0, 0.6);
    color: white;
    outline: none;
}

@keyframes border-animation {
    0% {
        border-image: linear-gradient(45deg, #006400, #228B22, #32CD32) 1;
    }
    50% {
        border-image: linear-gradient(45deg, #32CD32, #228B22, #006400) 1;
    }
    100% {
        border-image: linear-gradient(45deg, #006400, #228B22, #32CD32) 1;
    }
}


.online_users {
    text-align: center;
    font-family: 'DePixelKlein', sans-serif;
    width: auto;
    max-width: 160px;
}

.online_users_content {
    background: #3B1C2A;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #FFE000;
    border: 2px solid #2C2930;
    width: auto;
    border-radius: 15px;
    font-size: 10px;
}

.div_text_column_left {
    margin-top: 24px;
    text-align: center;
    font-family: 'DePixelKlein', sans-serif;
    width: 250px;
}

.div_text_column_left_content {
    /* habboween
    background-color: #3B1C2A;*/
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
    position: relative;
}

.online_users_content_master_trades{
    background-color: #000;
    border: 2px solid #fff;
    color: white;
}

.contador_text_master_trades{
    background-color: #2C2930 !important;
}

.habbo_text_blue{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 15px;
    color: #FFE000;
}

.habbo_text_blue_12{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 12px;
    color: #FFE000;
}

.habbo_text_gold{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 15px;
    color: white;
}

.online_habbo_text_white{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 15px;
    color: white;
}

.online_habbo_text_white_origins_com{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 14px;
    color: white;
}

.online_habbo_text_white_fz_12{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 12px;
    color: white;
}

.online_habbo_text_white_fz_15{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 15px;
    color: white;
}

.online_habbo_text_white_fz_20{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 20px;
    color: black;
    margin-bottom: 0px;
    margin-top: 20px;
}

.colum-catalog{
    margin-top: 20px;
}

.ad-space{
    margin-top: 24px;
    padding-top: 55px;
    text-align: center;
}

.price_history {
    margin-top: 24px;
    text-align: center;
    font-family: 'DePixelKlein', sans-serif;
}

.price_history_content {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 6px;
    font-family: 'DePixelKlein', sans-serif;
}

.boton_collapse_otros_catalogos {
    background-color: #3B1C2A;
    border: 1px solid #050a0e;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    font-family: 'DePixelKlein', sans-serif;
    width: 90%;
}

.collapse_text_white{
    font-family: 'DePixelKlein', sans-serif;
    font-size: 15px;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5%;
}

.table th {
    border-bottom: none !important;
    border-top: none !important;
}

.table td {
    border-bottom: none !important;
    border-top: none !important;
}

.table td, .table th {
    border-bottom: none !important;
    border-top: none !important;
}

.table{
    border-collapse: separate !important;
}

.iconos-hc-historico{
    width: 35px;
}

.iconos-rare-historico{
    width: 100px;
}

.up_price_history{
    width: 20px;
}

.down_price_history{
    width: 20px;
}

.equal_price_history{
    width: 35px;
}

footer {
    background: url(./fondo_footer_1.webp) no-repeat center center;
    background-size: cover; /* Hace que la imagen de fondo cubra todo el ancho del footer */
    color: white;
    text-align: center;
    padding: 1rem;
    margin-top: 30px;
    width: 100%; /* Asegura que el footer ocupe todo el ancho disponible */
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Ajusta la opacidad con el último valor (0.5 = 50%) */
}

.footer-content {
    position: relative;
    z-index: 1; /* Coloca el texto por encima del fondo */
}

.price-history-img-funky{
    width: 100px;
}

.price-history-img{
    padding: 5px;
    background: url(furnis/iconos/furni_background.png);
}

.example_row{
    padding-left: 20px;
    width: 100% !important;
}

.header-page {
    position: relative;
}

.navbar {
    margin-top: 10px;
    padding: 0px;
    margin-bottom: 10px;
}

.nav-link {
    color: #333 !important;
    font-weight: bold;
    font-size: 18px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #000 !important;
}

.navbar_item {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #000000;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
    margin-left: 5px;
    position: relative;
    color: #FFE000
}

.navbar_item a:hover,
.navbar_item a:focus {
    color: #fff;
    text-decoration: none;
}

.navbar_item_master_trades {
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
    margin-left: 5px;
}

.navbar_item_master_trades a:hover,
.navbar_item_master_trades a:focus {
    color: #fff;
    text-decoration: none;
}

.item_calculador_tradeos {
    background: #6794A7;
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
    text-align: center;
    color: white;
}

.div_calculador_tradeos{
    margin-left: 0px; 
    border: 20px solid #6794A7;
    padding: 0px 0px 0px 0px;
    background: #6794A7;
}

.img_calculador_tradeos { 
    width: 150px;
}

.item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.item-image img {
    max-width: 100%;
    height: auto;
    display: block;
    padding-top: 5px;
}

.body_calculadora{
    padding-top: 25px;
}

.item-price{
    margin-top: 15px;
}

.equivalent_result{
    border: 1px solid black;
    height: auto;
    margin-bottom: 0px;
    border-radius: 8px;
    background: white;
}

.noticia_div_style{
    /*habboween
    background-color: #3B1C2A;*/
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
}

.noticia_div_master_trades{
    background-color: #2C2930;
    border: 1px solid #ffffff;

}

.noticia_div_last_three {
    position: relative;
    font-family: 'DePixelKlein', sans-serif;
    margin-bottom: 10px;
}

.noticia_div_last_three::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%; /* Cambiá esto al ancho que quieras */
    border-bottom: 2px solid #999900;
}


.noticia_title{
    color: white;
}

.noticia_title_last_three{
    color: #CC0000;
    text-align: center;
}

.noticia_time_last_three{
    color: #CC0000;
    text-align: center;
    margin-bottom: 0px;
}

.noticia_descripcion{
    color: white;
}

.noticia_descripcion_last_three{
    color: black;
    font-size: 12px;
    text-align: center;
}

.noticia_imagen_resumida{
    width: 75px;
}

.noticia_imagen_resumida_last_three{
    width: 55px;
    font-size: 12px;
}

.noticia_fecha{
    font-family: 'DePixelKlein', sans-serif;
    color: white;
    font-size: 12px;
}

.noticia_fecha_col{
    height: 20px;
}

.noticia_pagination{
    background-color: #3B1C2A;
    border: 1px solid #050a0e;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
}

.noticia_pagination_left{
    border-radius: 15px 0px 0px 15px;
}

.noticia_pagination_rigth{
    border-radius: 0px 15px 15px 0px;
}

.noticia_completa_imagen{
    width: 350px;
}

.habbo-consola {
    border: 2px solid #000;
    border-radius: 10px;
    background: #FCCB04;
    overflow: hidden;
}

.habbo-header {
    background: #FCCB04;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #A67600;
}

.habbo-body {
    padding: 10px;
    background: #333;
    color: #fff;
}

.habbo-user {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.user-avatar {
    width: 50px;
    height: 50px;
    background: #333 url('./furnis/noticias/emo.png') no-repeat center center;
    background-size: cover;
    border-radius: 5px;
    margin-right: 10px;
}

.user-status {
    flex: 1;
}

.habbo-messages {
    background: #444;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    text-align: center;
}

.habbo-footer {
    justify-content: space-around;
    padding: 5px;
    background: #FCCB04;
}

.footer-button {
    background: #E2B400;
    border: 1px solid #000;
    padding: 5px;
    border-radius: 0;
    font-size: 12px;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.footer-button:hover {
    background: #BD8C18;
}

.button-lines {
    width: 80%;
    height: 2px;
    background: #B78900;
    margin-top: 5px;
    position: relative;
}

.button-lines::after, .button-lines::before {
    content: '';
    width: 80%;
    height: 2px;
    background: #B78900;
    display: block;
    margin-top: 2px;
}

.col-3.p-0 {
    padding: 0;
}

.row_habbo_footer{
    height: 65px;
}

.noticia-modal-background{
    background: transparent;
}

.consola-izquierda, .consola-derecha {
    max-width: 20px;
    flex: 0 0 20px;
    background-color: #FCCB04;
}



.font-habbo-class {
    font-family: 'DePixelKlein', sans-serif;
}

.opinion_precio{
    padding: 0px;
}

.catalog_item_name{
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.catalog_item_div{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px !important;
}

.catalog_votes{
    border-right: 1px solid black;
}

.votos_furnis{
    padding-bottom: 15px;
}

.alerta_lloron{
    font-size: 15px;
}

.music-player-container {
    position: fixed;
    bottom: 0px;
    right: 10px;
    background: #333;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    background-color: #3B1C2A;
    border: 1px solid #050a0e;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    color: white;
}

.music-player-container-master-trades{
    background-color: #000;
    border: 2px solid #fff;
}

.track-list {
    margin-bottom: 10px;
    background-color: #3B1C2A;
    font-family: 'DePixelKlein', sans-serif;
    color: white;
}

.track-list-master-trades {
    margin-bottom: 10px;
    background-color: #000;
    font-family: 'DePixelKlein', sans-serif;
    color: white;
}

#audio-player{
    width: 100%;
}

audio::-internal-media-controls-download-button {
    display: none;
}

audio::-webkit-media-controls-enclosure {
    overflow: hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

.boton-music{
    margin-top: 5px;
}

.select_order{
    bottom: 0px;
    right: 10px;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    /*habboween
    background-color: #3B1C2A;*/
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #050a0e;
    width: 100% !important;
    float: inline-end;
}

.select_order:focus{
    bottom: 0px;
    right: 10px;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #050a0e;
    width: 100% !important;
}

.row_lenguage{
    padding-top: 20px;
    margin-bottom: 0px;
}

.select_lenguage{
    bottom: 0px;
    right: 10px;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #050a0e;
    width: 250px !important;
    height: 50px;
}

.select_lenguage:focus{
    bottom: 0px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    border: 1px solid #050a0e;
    width: 250px !important;
    height: 50px;
}

.select_lenguage option {
    background-color: rgba(0, 0, 0, 0.9) !important; /* Color de fondo de las opciones */
    color: #fff; /* Color del texto de las opciones */
}

.select_lenguage_master_trades{
    background: #000;
    border: 2px solid #fff;
}

.select_lenguage_master_trades:focus{
    bottom: 0px;
    right: 10px;
    background: #333;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    background-color: #000;
    border: 2px solid #fff;
    width: 250px !important;
    height: 50px;
}

.row_discord{
    width: 100%;
    margin-top: 20px;
}

#music-player-content {
    transition: height 0.3s ease;
}

.minimized #music-player-content {
    display: none;
}

.minimized #toggle-button::after {
    content: '🗖';
}

#toggle-button::after {
    content: '🗕';
}

#toggle-button{
    margin-bottom: 10px;
    float: inline-end;
}

.sorteo-button{
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
}

.card-img-buttom {
    width: 100%;
    object-fit: contain;
    padding: 10px;
    border-radius: 8px;
}

.sorteo-item{
    padding-top: 15px;
}

@keyframes rainbow-border {
    0%, 100% {
      border-color: red;
    }
    14% {
      border-color: orange;
    }
    28% {
      border-color: yellow;
    }
    42% {
      border-color: green;
    }
    57% {
      border-color: blue;
    }
    71% {
      border-color: indigo;
    }
    85% {
      border-color: violet;
    }
}
  
.rainbow-border {
    padding-top: 4px;
    border: 4px solid;
    border-radius: 10px;
    animation: rainbow-border 5s linear infinite;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip .tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.div-no-arrow{
    padding-top: 40px;
}

.text-price-es{
    margin-bottom: 0px;
    font-size: 20px;
    font-family: 'DePixelKlein', sans-serif;
    color: #229728;
}

.ingame{
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.origins{
    border-right: 1px solid #000;
}

.icon-vote {
    width: 15px;
    margin-right: 5px;
}

.question_text{
    margin-bottom: 10px;
}

.carousel{
   width: 100%;
}

.shiny-box {
    padding: 20px;
    border: 2px solid #fff;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
    animation: shine 2s infinite;
    border-radius: 15px;
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
}

@keyframes shine {
    0% {
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
    }
    100% {
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    }
}

.fila_end{
    justify-content: end;
    text-align: -webkit-center;
    justify-self: anchor-center;
}

.fila_discord{
    justify-content: end;
    margin-left: 0px !important;
}

.sorteos-titulo{
    place-content: center;
    padding-bottom: 15px;
}

.traders_club_icon{
    width: 35px;
}

.habbonation_club_icon{
    width: 25px;
}

.section_es{
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}

.section_origins_com{
    padding-top: 10px;
}

#price-history-chart {
    width: 100% !important;
}

.grafic_item{
    background-color: #3B1C2A;
    border: 1px solid black;
    border-radius: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
}

.button_price_history_dinamic{
    margin-bottom: 10px;
    display: flow-root;
    margin-left: 10px;
}

.image_mt{
    width: 100%;
}

.price_trades_habbo_origins{
    place-content: center;
    text-align: -webkit-center;
    position: relative;
    padding-top: 10px;
}

.section_dolares{
    border-top: 1px solid black;
    margin-top: 10px;
}

.contador_div {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
    width: 100%;
    border-radius: 15px;
    margin-top: 25px;
}

/*contador 1*/
.baba-1-image-contador-1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%; /* Ajusta el tamaño en función del contenedor */
    height: auto;
    transform: translate(10%, -8%); /* Ajusta la posición relativa */
}

.baba-2-image-contador-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%; /* Ajusta el tamaño de la imagen */
    height: auto;
    transform: translate(-4%, 62%); /* Ajusta la posición para que quede alineado */
}

/*contador 2*/
.baba-1-image-contador-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 20%; /* Ajusta el tamaño en función del contenedor */
    height: auto;
    transform: translate(10%, -8%); /* Ajusta la posición relativa */
}

.baba-2-image-contador-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%; /* Ajusta el tamaño de la imagen */
    height: auto;
    transform: translate(-4%, 62%); /* Ajusta la posición para que quede alineado */
}

.gota-image-contador-2-1-1 {
    position: absolute;
    top: 112%;
    left: 20%;
    width: 3%;
    height: auto;
    animation: caerGotaContador212 4s ease-in-out infinite;
}

.gota-image-contador-2-1-2 {
    position: absolute;
    top: 112%;
    left: 20%;
    width: 5px;
    height: auto;
    animation: caerGotaContador212 8s ease-in-out infinite;
}
.gota-image-contador-2-1-3 {
    position: absolute;
    top: 112%;
    left: 20%;
    width: 5px;
    height: auto;
    animation: caerGotaContador212 12s ease-in-out infinite;
}

.gota-image-contador-2-2-1 {
    position: absolute;
    top: 112%;
    left: 1%;
    width: 5px;
    height: auto;
    animation: caerGotaContador212 6s ease-in-out infinite;
}

.gota-image-contador-2-2-2 {
    position: absolute;
    top: 112%;
    left: 1%;
    width: 5px;
    height: auto;
    animation: caerGotaContador212 12s ease-in-out infinite;
}

.gota-image-contador-2-2-3 {
    position: absolute;
    top: 112%;
    left: 1%;
    width: 5px;
    height: auto;
    animation: caerGotaContador212 18s ease-in-out infinite;
}

.gota-image-contador-2-3-1 {
    position: absolute;
    top: 114%;
    left: 5%;
    width: 5px;
    height: auto;
    animation: caerGotaContador23 10s ease-in-out infinite;
}

.gota-image-contador-2-3-2 {
    position: absolute;
    top: 114%;
    left: 5%;
    width: 5px;
    height: auto;
    animation: caerGotaContador23 15s ease-in-out infinite;
}

.gota-image-contador-2-3-3 {
    position: absolute;
    top: 114%;
    left: 5%;
    width: 5px;
    height: auto;
    animation: caerGotaContador23 20s ease-in-out infinite;
}

.gota-image-contador-2-4-1 {
    position: absolute;
    top: 18%;
    right: 12%;
    width: 5px;
    height: auto;
    animation: caerGotaContador246 4s ease-in-out infinite;
}

.gota-image-contador-2-4-2 {
    position: absolute;
    top: 18%;
    right: 12%;
    width: 5px;
    height: auto;
    animation: caerGotaContador246 6s ease-in-out infinite;
}

.gota-image-contador-2-4-3 {
    position: absolute;
    top: 18%;
    right: 12%;
    width: 5px;
    height: auto;
    animation: caerGotaContador246 8s ease-in-out infinite;
}

.gota-image-contador-2-5-1 {
    position: absolute;
    top: 35%;
    right: 5%;
    width: 5px;
    height: auto;
    animation: caerGotaContador25 10s ease-in-out infinite;
}

.gota-image-contador-2-5-2 {
    position: absolute;
    top: 35%;
    right: 5%;
    width: 5px;
    height: auto;
    animation: caerGotaContador25 20s ease-in-out infinite;
}

.gota-image-contador-2-5-3 {
    position: absolute;
    top: 35%;
    right: 5%;
    width: 5px;
    height: auto;
    animation: caerGotaContador25 30s ease-in-out infinite;
}

.gota-image-contador-2-6-1 {
    position: absolute;
    top: 18%;
    right: -1%;
    width: 5px;
    height: auto;
    animation: caerGotaContador246 6s ease-in-out infinite;
}

.gota-image-contador-2-6-2 {
    position: absolute;
    top: 18%;
    right: -1%;
    width: 5px;
    height: auto;
    animation: caerGotaContador246 12s ease-in-out infinite;
}

.gota-image-contador-2-6-3 {
    position: absolute;
    top: 18%;
    right: -1%;
    width: 5px;
    height: auto;
    animation: caerGotaContador246 18s ease-in-out infinite;
}

@keyframes caerGotaContador212 {
    0% {
        top: 112%; /* Punto inicial */
        opacity: 1; /* Totalmente visible al inicio */
    }
    80% {
        top: 100vh; /* La gota cae casi hasta el final de la página */
        opacity: 1; /* Visible durante la caída */
    }
    90% {
        opacity: 0; /* Desaparece justo antes de llegar al final */
    }
    100% {
        top: 112%; /* Vuelve al punto inicial, pero es invisible */
        opacity: 0; /* Permanece invisible al regresar */
    }
}

@keyframes caerGotaContador23 {
    0% {
        top: 114%; /* Punto inicial */
        opacity: 1; /* Totalmente visible al inicio */
    }
    80% {
        top: 100vh; /* La gota cae casi hasta el final de la página */
        opacity: 1; /* Visible durante la caída */
    }
    90% {
        opacity: 0; /* Desaparece justo antes de llegar al final */
    }
    100% {
        top: 114%; /* Vuelve al punto inicial, pero es invisible */
        opacity: 0; /* Permanece invisible al regresar */
    }
}

@keyframes caerGotaContador246 {
    0% {
        top: 18%; /* Punto inicial */
        opacity: 1; /* Totalmente visible al inicio */
    }
    80% {
        top: 100vh; /* La gota cae casi hasta el final de la página */
        opacity: 1; /* Visible durante la caída */
    }
    90% {
        opacity: 0; /* Desaparece justo antes de llegar al final */
    }
    100% {
        top: 18%; /* Vuelve al punto inicial, pero es invisible */
        opacity: 0; /* Permanece invisible al regresar */
    }
}

@keyframes caerGotaContador25 {
    0% {
        top: 35%; /* Punto inicial */
        opacity: 1; /* Totalmente visible al inicio */
    }
    80% {
        top: 100vh; /* La gota cae casi hasta el final de la página */
        opacity: 1; /* Visible durante la caída */
    }
    90% {
        opacity: 0; /* Desaparece justo antes de llegar al final */
    }
    100% {
        top: 35%; /* Vuelve al punto inicial, pero es invisible */
        opacity: 0; /* Permanece invisible al regresar */
    }
}

.tentaculo_izquierdo {
    position: absolute;
    top: 0; /* Usamos 'top: 0' y ajustamos con 'transform' */
    left: calc(1%);
    transform: translate(-5%, -16%);
    width: 40%;
    height: auto;
}

.tentaculo_derecho {
    position: absolute;
    top: 0; /* Usamos 'top: 0' y ajustamos con 'transform' */
    right: calc(-1%);
    transform: translate(-1%, -17%);
    width: 40%;
    height: auto;
}

.calabaza {
    position: absolute;
    top: 0; /* Usamos 'top: 0' y ajustamos con 'transform' */
    left: calc(50%); /* Centramos horizontalmente */
    transform: translate(-50%, -70%);
    width: 24%;
    height: auto;
}

.llama-1 {
    position: absolute;
    top: 0; /* Comienza desde el top relativo al contenedor */
    left: calc(50%); /* Centramos horizontalmente */
    transform: translate(-220%, -100%);
    width: 2%;
    height: auto;
    animation: toggleVisibility 20s infinite; /* Repetir cada 20 segundos */
}

.llama-2 {
    position: absolute;
    top: 0; /* Comienza desde el top relativo al contenedor */
    left: calc(55%); /* Ligeramente a la derecha */
    transform: translate(-125%, -100%);
    width: 2%;
    height: auto;
    animation: toggleVisibility 20s infinite; /* Repetir cada 20 segundos */
}

@keyframes toggleVisibility {
    0%, 90% {
        opacity: 0; /* Completamente invisible */
        visibility: hidden; /* No visible */
    }
    95% {
        opacity: 1; /* Completamente visible */
        visibility: visible; /* Visible */
    }
    100% {
        opacity: 0; /* Invisible de nuevo al final */
        visibility: hidden; /* No visible */
    }
}

.flame-container-1 {
    position: relative;
    width: 50px;
    height: 112px;
    /* habboween 
    top: 119px;
    left: 20px;*/
    top: 177px;
    left: 12px;
}

.flame-container-2 {
    position: relative;
    width: 50px;
    height: 112px;
    /*habboween*/
    /*
    top: 42px;
    left: 121px;*/
    top: 107px;
    left: 113px;
}

.flame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: flameAnimation 1.5s infinite steps(1);
}

.flame.frame1 {
    animation-delay: 0s;
}

.flame.frame2 {
    animation-delay: 0.5s;
}

.flame.frame3 {
    animation-delay: 1s;
}

.ducks-container{
    position: relative;
}

.pato-brujo{
    position: relative;
    transform: scaleX(-1);
    left: 163px;
    top: 7px;
}

.pato-diablo{
    position: relative;
    transform: scaleX(-1);
    left: 25px;
    top: 56px;
}

.pato-muerto1{
    position: relative;
    transform: scaleX(-1);
    left: 18px;
    top: 47px;
}

.pato-muerto2{
    position: relative;
    transform: scaleX(-1);
    left: 27px;
    top: 23px;
}

.pato-muerto3{
    position: relative;
    transform: scaleX(-1);
    left: 110px;
    top: 0px;
}

.column-explications-catalogo{
    margin-top: 30px;
}

/*habboween*/
@keyframes flameAnimation {
    0%, 33.3% {
        opacity: 1; /* Imagen visible */
    }
    33.4%, 100% {
        opacity: 0; /* Imagen invisible */
    }
}

.image-animation-container {
    position: fixed;
    bottom: -15px; /* Empieza fuera del viewport */
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around; /* Distribuye las imágenes uniformemente */
}

/* Estilos de las imágenes */
.asomandose-img-5 {
    width: 100px; /* Ajusta según el tamaño que desees */
    height: auto;
    opacity: 0;
    transform: translateY(100px); /* Posición fuera del viewport */
}

.asomandose-img-1 {
    width: 100px; /* Ajusta según el tamaño que desees */
    height: auto;
    opacity: 0;
    transform: translateY(100px); /* Posición fuera del viewport */
}

.asomandose-img-2 {
    width: 100px; /* Ajusta según el tamaño que desees */
    height: auto;
    opacity: 0;
    transform: translateY(100px); /* Posición fuera del viewport */
}

.asomandose-img-3 {
    width: 100px; /* Ajusta según el tamaño que desees */
    height: auto;
    opacity: 0;
    transform: translateY(100px); /* Posición fuera del viewport */
}

.asomandose-img-4 {
    width: 100px; /* Ajusta según el tamaño que desees */
    height: auto;
    opacity: 0;
    transform: translateY(100px); /* Posición fuera del viewport */
}

/* Animación de subir, mantener visible y luego bajar */
@keyframes asomarse {
    0% {
        opacity: 0;
        transform: translateY(100px); /* Fuera de pantalla */
    }
    20% {
        opacity: 1;
        transform: translateY(0); /* Sube dentro del viewport */
    }
    50% {
        opacity: 1;
        transform: translateY(0); /* Mantiene la posición visible */
    }
    70% {
        opacity: 1;
        transform: translateY(100px); /* Comienza a bajar */
    }
    100% {
        opacity: 0;
        transform: translateY(100px); /* Sale completamente del viewport */
    }
}


/*@media (max-width: 1600px) {
    .tentaculo_izquierdo{
        position: absolute;
        top: -18px;
        left: -7px;
        width: 105px;
        height: auto;
    }
    
    .tentaculo_derecho{
        position: absolute;
        top: -18px;
        right: -6px;
        width: 105px;
        height: auto;
    }
    
    .calabaza{
        position: absolute;
        top: -30px;
        left: 96px;
        width: 50px;
        height: auto;
    }

    .llama-1{
        width: 8px;
        left: 110px;
        top: -7px;
        position: absolute;
        height: auto;
        animation: toggleVisibility 20s infinite; 
    }
    
    .llama-2{
        width: 8px;
        left: 124px;
        top: -7px;
        position: absolute;
        height: auto;
        animation: toggleVisibility 20s infinite; 
    }
}*/

/*navbar*/

.baba-2-navbar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%; /* Ajusta el tamaño de la imagen */
    height: auto;
    transform: translate(-4%, 62%); /* Ajusta la posición para que quede alineado */
}


.contador_div_master_trades{
    background-color: #2C2930;
    color: white;
    border: 2px solid white;
}

.contador_title{
    color: #FFE000;
}

.contador_title_master_trades{
    background-color: #2C2930;
}

.contador_text{
    color: white;
    margin-bottom: 0px;
}

.row_contador{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 30px;
}

.olimpiadas_imagen{
    width: 650px;
}

.modal_olimpiadas{
    width: 100%;
}

.div_filtros{
    padding-top: 0px
}

.td-in-mobile{
    display: none;
}

.td-no-mobile{
    display: block;
}

.filtros_filas{
    display: block;
}

#item-a{
    background: rgba(0, 0, 0, 0.6);
    color: white;
}

#item-a option{
    background: rgba(0, 0, 0, 0.6);
}

#item-b{
    background: rgba(0, 0, 0, 0.6);
    color: white;
}

#item-b option{
    background: rgba(0, 0, 0, 0.6);
}

.history_price_icon{
    position: absolute;
    width: 140px;
    left: 50%;
    transform: translate(-50%);
}

.discord_icon{
    width: 100%;
    margin-top: 20px;
}

.discord_row{
    background-color: #3B1C2A;
    border: 2px solid #2C2930;
    margin-left: 20px;
    max-width: 270px;
    border-radius: 15px;
    color: #FFE000;
}

.discord_row_master_trades{
    background-color: #2C2930;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.discord_row_text{
    font-size: 12px;
}

.col_no_padding{
    padding-left: 0px;
    padding-right: 0px;
}

.habbo-generator{
    width: 100%;
    height: 1500px;
    border: none;
}

/*.dropdown-menu{
    background-color:transparent;
    border: none;
}*/

.dropdown-item{
    margin-bottom: 5px;
    background: rgba(0, 0, 0, 0.9);
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
    color: white !important;
    text-decoration: none !important;
    outline: none !important;
}

#comunidad_salas {
    column-count: 3;
    column-gap: 1em;
}

.gallery-img {
    width: 100%;
    margin-bottom: 1em;
    display: block;
    border-radius: 8px;
}

.gallery-item {
    break-inside: avoid;
    padding: 0.5em;
}

.modal-body-comunidad{
    background-color: #3B1C2A;
}

.modal-header-comunidad{
    background-color: #3B1C2A;
    border-bottom: none;
}

.modal_habbo_text_blue{
    font-family: 'DePixelKlein', sans-serif;
    color: #FFE000;
}

.modal_habbo_text_white{
    font-family: 'DePixelKlein', sans-serif;
    color: #ffffff;
    margin-bottom: 0px;
}

.habbo-text-white {
    color: white;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.margin-right-10px{
    margin-right: 10px;
}

.col_in_card{
    padding: 0px;
}

.billboard {
    position: relative;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);
    background: #333 url('./furnis/iconos/hoarding.png') no-repeat;
    background-size: 100% 100%; /* Cambia el tamaño a 100px de ancho y 100px de alto */
    height: 103%;

}
  
.chains {
    position: absolute;
    top: -90px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
  
.chain {
    width: 85px;
    height: 100px;
    object-fit: contain;
}

.hoarding{
    width: 300px;
}

.scale{
    transform: scale(0.8);
    padding-top: 0px;
    margin-top: 0px;
}

.ads_right{
    padding-top: 54px;
}

.ads_left{
    padding-top: 79px;
}

.iconos-menu{
    width: 30px;
}

.card {
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
}

.card-header {
    font-weight: bold;
}

.img-fluid {
    max-width: 80px;
    height: auto;
}

h5 {
    margin-top: 10px;
}

.equipo-logo{
    padding-top: 20px;
}

.card-master-trades{
    background: url('./equipo/fondos/fondo_mt.png') repeat center center;
    border-radius: 0px 0px 13px 13px;
}

.card-noticias-equipo{
    background: url('./equipo/fondos/noticias_fondo.png') repeat center center;
    border-radius: 0px 0px 13px 13px;
}

.card-master-trades h5 {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.card-master-trades p {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.master-trades-title-card{
    border-radius: 13px 13px 0px 0px !important;
}

.card-equipo {
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
}

.card-noticias-equipo h5 {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.card-noticias-equipo p {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.noticias-title-card{
    border-radius: 13px 13px 0px 0px !important;
}

.card-administracion{
    background: url('./equipo/fondos/administracion_fondo.png') repeat center center;
    border-radius: 0px 0px 13px 13px;
    background-size: 460px;
}

.card-administracion h5 {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.card-administracion p {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.administracion-title-card{
    border-radius: 13px 13px 0px 0px !important;
}

.card-moderadores-discord{
    background: url('./equipo/fondos/discord_fondo.png') no-repeat center center;
    border-radius: 0px 0px 13px 13px;
    background-size: 125%;
}

.moderadores-discord-title-card{
    border-radius: 13px 13px 0px 0px !important;
}

.card-moderadores-discord h5 {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.card-moderadores-discord p {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.social-discord-title-card{
    background-color: #3B1C2A;
    border-radius: 13px 13px 0px 0px !important;
}

.card-social{
    background: url('./equipo/fondos/social_fondo.png') no-repeat center center;
    border-radius: 0px 0px 13px 13px;
    background-size: 100%;
}

.card-social h5 {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.card-social p {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.cabin-icon{
    width: 18px;
}

.iconos-habboween{
    top: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 30px;
}

.iconos-gotico{
    top: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 30px;
}

.iconos-xmas-rares{
    top: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 25px;
    width: 70%;
}

.threads_p{
    color: white;
}

.marketplace_icons_button{
    width: 35px;
}

.div_marketplace{
    padding-top: 10px;
}

@media (max-width: 1600px) {
    .habbo_text_blue{
        font-family: 'DePixelKlein', sans-serif;
        font-size: 13px;
        color: #FFE000;
    }

    .habbo_text_gold{
        font-family: 'DePixelKlein', sans-serif;
        font-size: 13px;
        color: white;
    }
}

.row_menu{
    margin: 0px 0px 0px 0px !important;
}

.column_placas{
    padding-left: 0px;
    padding-right: 10px;
}

.div_placas{
    width: 100%;
    height: 140px;
}

/* Estilo para navegadores basados en WebKit (Chrome, Safari, Edge) */
.div_placas::-webkit-scrollbar {
    width: 8px; /* Ancho de la barra de desplazamiento */
}

.div_placas::-webkit-scrollbar-thumb {
    background-color: transparent; /* Color de la barra de desplazamiento */
    border-radius: 10px; /* Bordes redondeados */
}

.div_placas::-webkit-scrollbar-track {
    background-color: transparent; /* Color del fondo de la barra de desplazamiento */
}

.placa {
    position: relative;
    width: 60px;  /* Ajusta el tamaño que necesites */
    height: 60px;
    overflow: hidden; /* Para asegurarse de que el contenido no se salga */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Hacer que el contenedor sea circular */
    background-color: transparent;
}

/* Pseudo-elemento para rotar el fondo */
.placa::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(//static.habbo-happy.net/img/albumteam/stuffdesign/409d62_placeholder.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    animation: girarFondo 10s linear infinite; /* Animación de rotación */
    transform-origin: center; /* Punto de origen de la rotación */
    z-index: 0; /* Mantenerlo detrás de la imagen */
    border-radius: 50%; /* Mantener el pseudo-elemento circular */
}

/* Definir la animación de rotación */
@keyframes girarFondo {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Ajustar la imagen que está dentro del div */
.placa img {
    position: relative;
    z-index: 1; /* Asegura que la imagen esté por delante del fondo */
    height: auto;
}

.no_padding{
    padding-left: 0px;
    padding-right: 0px;
    text-align: -webkit-center;
}

.p_titulo_placas{
    margin-bottom: 0px;
}

.furnis-temporada{
    margin-top: 10px;
}

.new-icon-one{
    width: 35px;
    position: absolute;
    bottom: -8px;
    right: 25px;
}

.new-icon-two{   
    width: 35px;
    position: absolute;
    bottom: -8px;
    right: 116px;
}

.info-popup {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: none;
    z-index: 10;
    text-align: center;
    border: 2px solid rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    width: 83%;
    margin-left: 15px;
    margin-right: 15px;
}

.furni_imagen:hover .info-popup {
    display: block; /* Mostrar el div cuando se pasa el cursor sobre el .furni_historico */
}

.fotos_ampliadas{
    max-width: 100%;
}

.spain_icon{
    width: 30px;
}

.usa_icon{
    width: 30px;
}

.prices_spain {
    position: relative; /* Necesario para que el pseudo-elemento se posicione correctamente */
    margin-bottom: 5px;
}

.prices_usa {
    position: relative; /* Necesario para que el pseudo-elemento se posicione correctamente */
    margin-bottom: 5px;
}

.swal-title-success {
    font-size: 1em; /* Cambia el tamaño de la fuente del título */
    color: #4caf50; /* Cambia el color del título (opcional) */
    font-weight: bold;
}

.swal-title-error {
    font-size: 1em; /* Cambia el tamaño de la fuente del título */
    color: red; /* Cambia el color del título (opcional) */
    font-weight: bold;
}

.swal-popup-custom {
    font-family: 'DePixelKlein', sans-serif; /* Cambia la fuente del popup */
    padding: 1em; /* Ajusta el espacio alrededor del contenido */
}

.register_div {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 18px;
    color: white;
}

.login_div{
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 18px;
    color: white;
}

.recaptcha{
    text-align: -webkit-center;
}

.last_items_update{
    background-position: 50%;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: url("furnis/iconos/furni_background.png");
    background-size: 40px 25px;
}

.premios_disponibles{
    background-position: 50%;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    width: 60px;
    height: 70px;
    justify-content: center;
    align-items: center;
    position: relative;
    background: url("furnis/iconos/furni_background.png");
    background-size: 40px 25px;
}

.ultimos_precios_actualizados{
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    border: 1px solid black;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 18px;
    color: white;
}

.furnis_min_actualizados{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    place-self: anchor-center;
}

.icon_country_min{
    position: absolute;
    right: 5px;
    width: 8px;
    height: auto;
    z-index: 10;
    top: 5px;
}

.chino_dragon{
    position: relative;
    left: -6px;
    top: 132px;
}

.marco_precio_year_china{
    width: 101%;
    position: absolute;
    top: -1px;
    left: -1px;
    height: 101%;
}

.padding_last_prices_new_year_chine{
    padding-top: 25px;
}

.dragon_cabeza_new_year_chine{
    position: absolute;
    top: -21px;
    left: 45%;
    width: 30px;
}

.marco_furnis_year_china{
    position: absolute; /* Hace que el marco esté posicionado respecto a .card */
    top: 0; /* Alinea la imagen al borde superior */
    left: 0; /* Alinea la imagen al borde izquierdo */
    width: 100%; /* Asegura que el marco ocupe todo el ancho */
    height: 100%; /* Asegura que el marco ocupe toda la altura */
    pointer-events: none; /* Esto evita que interfiera con los clics del contenido */
    z-index: 1; /* Asegura que esté debajo del contenido dentro de la tarjeta */
}

.furnis_row_new_year_scale{
    /*transform: scale(0.8);*/
    transform-origin: center;
}

.no_padding_all{
    padding: 0px 0px 0px 0px !important;
}

@keyframes fire-border {
    0%, 100% {
        border-color: red;
    }
    25% {
        border-color: orange;
    }
    50% {
        border-color: yellow;
    }
    75% {
        border-color: darkorange;
    }
}

@keyframes pink-border {
    0%, 100% {
        border-color: #8B0055; /* Dark Magenta Pink */
    }
    25% {
        border-color: #C71585; /* Medium Violet Red */
    }
    50% {
        border-color: #E60073; /* Strong Dark Pink */
    }
    75% {
        border-color: #B0005B; /* Deep Raspberry Pink */
    }
}



.asomandose_lampara_china_1 {
    width: auto;
    height: auto;
    position: fixed; /* Fija la posición respecto a la ventana */
    bottom: 0; /* Empieza desde la parte inferior */
    z-index: 9999; /* Asegura que esté por encima de todo */
    pointer-events: none; /* Permite hacer clic en elementos debajo de la imagen */
}

@keyframes subirSerpiente {
    0% {
        transform: translateX(-50%) translateY(0) rotate(0deg);
    }
    10% {
        transform: translateX(-130%) translateY(-100px) rotate(10deg); /* Movimiento más a la derecha */
    }
    25% {
        transform: translateX(70%) translateY(-250px) rotate(-10deg); /* Movimiento más a la izquierda */
    }
    40% {
        transform: translateX(-135%) translateY(-400px) rotate(8deg); /* Movimiento hacia la derecha */
    }
    60% {
        transform: translateX(65%) translateY(-550px) rotate(-8deg); /* Movimiento hacia la izquierda */
    }
    80% {
        transform: translateX(-145%) translateY(-700px) rotate(5deg); /* Movimiento hacia el centro */
    }
    100% {
        transform: translateX(50%) translateY(-100vh) rotate(0deg); /* Sale del viewport */
    }
}

.search-select {
    position: relative; /* Posición relativa para que los elementos hijos puedan posicionarse respecto a este contenedor */
    width: 100%; /* Asegura que el contenedor ocupe todo el ancho disponible */
}

.search-select .dropdown-menu {
    position: relative; /* Permite posicionar la lista respecto al contenedor */
    top: 100%; /* Coloca la lista justo debajo del input */
    left: 0; /* Alinea la lista con el borde izquierdo del contenedor */
    z-index: 1000; /* Asegura que la lista esté encima de otros elementos */
    background: #fff; /* Fondo blanco para la lista */
    border-radius: 4px; /* Bordes redondeados */
    width: 100%; /* Asegura que el ancho de la lista coincida con el del input */
    max-height: 200px; /* Limita la altura para que no se extienda demasiado */
    overflow-y: auto; /* Habilita el scroll si hay demasiadas opciones */
    padding: 0; /* Elimina el padding interno */
    margin: 0; /* Elimina el margen externo */
    list-style: none; /* Elimina los puntos o números de la lista */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Añade una sombra para resaltar la lista */
    border: none;
}

.search-select .dropdown-menu li {
    padding: 8px 12px; /* Espaciado interno para las opciones */
    cursor: pointer; /* Cambia el cursor a una mano al pasar el mouse */
    font-size: 14px; /* Tamaño de fuente adecuado */
}

.search-select .dropdown-menu li:hover {
    background-color: #f1f1f1; /* Cambia el fondo al pasar el mouse */
    color: #000;
}

.dropdown-menu{
    border: none;
}

.utilidades-menu{
    background: transparent;
}

.fixed-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 17%;
    z-index: 1000;
    padding-top: 0px !important;
}

.toggle-btn {
    background-color: #3B1C2A;
    color: white;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    border-radius: 3px 3px 0px 0px;
    transition: bottom 0.5s;
}

.content {
    background-color: #3B1C2A;
    display: none;
    box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1);
    text-align: -webkit-center;
    padding-bottom: 5px;
}

.acerca_nosotros_div{
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 18px;
    color: white;
}

.centrar_imagen{
    justify-self: center;
}

.image_width_100{
    width: 100%;
}

.terms_conditions_div{
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 18px;
    color: white;
}

.faq_section{
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 18px;
    color: white;
}

.faq_section > div > h1 {
    padding-bottom: 20px;
    text-align: center;
}

.privacy_policy{
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 18px;
    color: white;
}

.card-contactanos {
    border-radius: 0px 0px 13px 13px;
    background-size: 460px;
}

.card-contactanos h5 {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.card-contactanos p {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.contactanos{
    background: rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 18px;
    color: white;
}

.contactanos > div > h1 {
    padding-bottom: 20px;
    text-align: center;
}

.card-equipo-administracion{
    margin-top: 20px;
}

.card-eventos{
    background: url('./equipo/fondos/onhabbo_fondo.png') no-repeat center center;
    border-radius: 0px 0px 13px 13px;
    background-size: 100%;
    height: 320px;
}

.card-programacion{
    background: url('./equipo/fondos/programacion.png') no-repeat center center;
    border-radius: 0px 0px 13px 13px;
    background-size: 100%;
}

.card-programacion h5 {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.card-programacion p {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con 70% de opacidad */
    color: white;
}

.traderclub_section {
    border-top: solid 1px;
    margin-top: 10px;
    padding-top: 10px;
}

.carousel-control-prev {
    left: -30px;
}

.carousel-control-next {
    right: -30px;
}

.webs_amigas{
    margin-top: 60px;
    text-align-last: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    font-family: 'DePixelKlein', sans-serif;
    position: relative;
}

.imagen_webs_amigas{
    width: 170px;
    border-radius: 5px;
}

.webs_amigas_h5{
    color: #FFE000;
    text-align: center;
}

.container_last_three{
    height: 320px;
}

.fecha_catalogo_main{
    padding-top: 1px
}

.centrar_x{
    align-self: anchor-center;
}

.web_dos{
    padding-top: 10px;
    width: 220px;
    border-radius: 5px;
}

.dragon_rosa{
    position: relative;
    left: -25px;
    top: 140px;
}

.pato_love{
    position: absolute;
    top: -35px;
    left: 41%;
    width: 20%;
}

.dropdown-toggle{
    color: white;
}

.dropdown-menu{
    background-color: transparent;
}

.menu_user {
    margin-bottom: 5px !important;
}

.btn:hover{
    color: white !important;
}

.footer-text{
    font-family: 'DePixelKlein', sans-serif;
}

.habbo-hotel {
    padding-right: 0px;
    display: flex !important;
    justify-content: flex-end;
    align-items: flex-end;
}

.habbo-lido {
    padding-left: 0px;
    text-align-last: left;
}

.title_web {
    place-self: anchor-center;
}

.col-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.row_login{
    padding-right: 0px;
    padding-left: 0px;
    place-content: center;
}

.div_novedades_catalogo{
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
    width: 100%;
    border-radius: 15px;
    margin-top: 25px;
}

.div_novedades_placas{
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
    width: 100%;
    border-radius: 15px;
    margin-top: 25px;
}

.div_premios_origins{
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
    width: 100%;
    border-radius: 15px;
    margin-top: 25px;
}

.title_novedades_catalogo{
    padding-left: 5px;
    color: white;
    margin-top: 0px;
}

.image_novedades_catalogo{
    width: 90%;
}

.rare_novedades_catalogo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
}

.div_title_novedades_catalogo{
    place-items: anchor-center;
}

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

.imagen_icon_news_home{
    text-align-last: center;
    align-content: center;
}

.padding_top_5{
    padding-top: 5px;
}

.ancho_imagen_100{
    width: 100%;
}

.noticias_last_three_div{
    background-color: #ffc;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.row_noticias_home{
    margin-top: 25px;
}

.col_noticias_home_descripcion{
    padding-right: 10px !important;
}

.discord_redes_sociales{
    margin-top: 10px;
    background: #4E62EE;
    border-radius: 15px;
}

.twitter_redes_sociales{
    margin-top: 10px;
    background: #1C96E8;
    border-radius: 15px;
    margin-bottom: 10px;
}

.div_eventos_home_body{
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 15px;
    margin-top: 25px;
}

.row_premios_render{
    padding-top: 5px;
}

.cantidad_premio{
    margin-bottom: 0px !important;
}

.evento_titulo{
    padding-top: 5px;
    color: #FFE000;
}

.evento_descripcion{
    color: white;
}

.imagen_calculador_tradeos{
    border: 1px solid black;
    margin-top: 10px;
}

.precio_items{
    background: white;
    border: 1px solid black;
    border-radius: 5px;
}

.alert{
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    border: 1px solid black;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 18px;
    color: white;
}

.alert_div{
    padding-left: 10px;
    padding-right: 10px;
}