::-webkit-scrollbar {
    width: 6px;
    background: transparent;
    border-radius: 10px
}

::-webkit-scrollbar-track {
    border-radius: 6px
}

::-webkit-scrollbar-thumb {
    background: #818181;
    border-radius: 10px;
    width: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8f8f8f
}
a {
    text-decoration: none; /* Elimina el subrayado */
    color: inherit; /* Usa el color del texto del elemento padre */
    background: none; /* Elimina cualquier fondo */
    padding: 0; /* Restablece el relleno */
    margin: 0; /* Restablece el margen */
    border: none; /* Elimina cualquier borde */
    outline: none; /* Elimina el contorno al hacer clic */
}
#from-leon-nicaragua{
    background-image: var(--location-img);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.dialog-after::after {
    content: '';
    position: absolute;
    top: -10px; /* Posición vertical ajustable según el tamaño del triángulo */
    right: 30%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--background-color-secondary) transparent
}
.dialog-box{
    position: absolute;
    display: flex;
    padding: 0.25rem 1.25rem 0.25rem 1.25rem;
    flex-direction: column;
    right: -40px;
    top: 41px;
}
.dialog-box > div:hover{
    background-color: var(--background-color-primary);
}
.rotate-animation {
    animation: rotate 1s forwards;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.dark-theme {
    --background-color-primary: rgb(11 10 16  / var(--background-opacity));
    --background-color-secondary: #1C1F23;
    --primary-color: #F5F5F7;
    --secondary-color: #a12330;
    --color-box-shadow:rgba(255, 255, 255, 0.1);
    --location-img: url('/assets/images/location_dark.png')
}
.lite-theme {
    --background-color-primary: rgb(245 245 247 / var(--background-opacity));
    --background-color-secondary: #ffff;
    --primary-color: #0B0A0A;
    --text-opacity: 1;
    --secondary-color: #a12330;
    --color-box-shadow:rgba(0, 0, 0, 0.1);
    --location-img: url('/assets/images/location_lite.png')
}

.backdrop-fortech{
    background-image: url('/assets/images/fortech.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.backdrop-epn{
    background-image: url('/assets/images/epn.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.backdrop-isa{
    background-image: url('/assets/images/isa.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}