body{
    background-color: #1b1b42;
    font-family: "Poppins", sans-serif!important;
}
.flex-stack {
    justify-content: space-between;
    align-items: center;
}

nav{
    background-color: #1b1b42 !important;
    border-bottom: 1px solid #2b2b58;
}
nav a{
    color: #ffffff !important;
}

.buton-verde-v3{
    background-color: #23D309;
    border-radius: 15px;
    color: white;
    padding: 0 15px 0 15px;
    font-size: 15px;

}

.punto-blanco-li{
    font-size: 39px;
    margin-right: 2px;
    line-height: 0;
}

.mg-t-v3{
    margin-top: 50px;
}

.buton-blue-v3{
    background-color: #2D2D70;
    color: white;
    padding: 0 15px 0 15px;
}

.btn-v3 {
    width: max-content;
    padding: 5px 15px 5px 15px;
    font-weight: 400;
    font-size: 14px;
}

.custon-t1{
    color: white;
    font-size: 44px;
    font-weight: 700;
}

.custon-t2{
    color: white;
    font-size: 20px;
    font-weight: 700;
}

.tempbbV3{
    width: fit-content;
    border-bottom: 1px solid white;
    padding-bottom: 8px;
}

.text-g1{
    color: #23d309;
}
.text-vio1{
    color: #B9BDED;
}
.text-blanco{
    color: #ffffff;
}
.text-w400-f18{
    font-size: 18px;
    font-weight: 400;

}
.position-diario-noti{
    max-width: 100px;
    position: absolute;
    z-index: 5;
    bottom: 11px;
    left: 11px;
}
}
.text-w400-f15{
    font-size: 15px;
    font-weight: 400;

}
.navbar-sticky {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    z-index: 1030; /* Make sure it appears above other content */
}
.suptitulov3{
    height: 31px;
    top: 2393px;
    left: 380px;
    gap: 0px;
    opacity: 0px;

}

.custom-box-juhdf67{
    background-color: #202049;
}
.box-notihome{
    padding: 0px!important;
    overflow: hidden;
}
.fondoblanco-trans{
    background-color: #35356647;
    border-radius: 20px;
    padding: 20px;

}
.center-1V3{
    display:flex;
    justify-content: center;
    align-items: center;
}
.boximagen-index img{
    width: 100%;
}
.boxnombre-esp{
    background-color: #202049;
    color: white;
    width: 80%;
    position: absolute;
    bottom: -35px;
    text-align: center;
    border-radius: 10px;
    left: 10%;
    border: 1px solid #353566;
    padding: 6px 0 6px 0;
}
.boxnombre-esp span{
    font-size: 20px;
    font-weight: 700;
    line-height: 33px;
    text-align: center;
    margin-bottom: 0;
}
.boxnombre-esp p{
    font-size: 12px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0.2em;
    text-align: center;
    margin-bottom: 0;
}
.boximagen-index{
    border-radius: 20px;
    overflow: hidden;

}



/* Personalizar la barra de desplazamiento completa */
::-webkit-scrollbar {
    width: 8px; /* Ancho de la barra de desplazamiento vertical */
    height: 8px; /* Alto de la barra de desplazamiento horizontal */
}

/* Personalizar el "pulgar" de la barra de desplazamiento (la parte que se mueve) */
::-webkit-scrollbar-thumb {
    background-color: #2b2b58;
    border-radius: 10px; /* Opcional: para hacer los bordes redondeados */
}

/* Personalizar la pista de la barra de desplazamiento (el fondo) */
::-webkit-scrollbar-track {
    background: #404085; /* Color de fondo de la pista de la barra de desplazamiento */
}

.box-per1{
    position: relative;
}
.box-per1 .img-per1{
    width: 100%;
    position: absolute;
    z-index: 0;
}

.custom-scrollbar {
    display: flex;
    justify-content: flex-end; /* Alinear todo el contenido a la derecha */
    align-items: center;
    width: auto;
}

.px-v3{
    padding: 0 3px 0 14px !important;
}


.footer{
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #2b2b58;
}