html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Roboto' !important; 
}
section{
    scroll-margin-top: 120px;
}
h4{
    margin: 0;
}
.Bg_Azul{
    background-color: #16213d !important;
    color: white !important;
}
.Bg_Azul2{
    background-color: #22356a !important;
}
.Bg_Azul3{
    background-color: #1b40a4 !important; 
}
.Bg_Azul4{
    background-color: #3a5cb3 !important;
    color: white !important;
}
.Bg_Azul5{
    background-color: #4f6cbdae !important;
}
.Bg_Morado{
    background-color: #311d4f !important;
}
.Bg_Morado2{
    background-color: #522694 !important;
}
.Bg_Morado3{
    background-color: #dac1ff !important;
}
.Bg_Verde{
    background-color: #22c55e !important;
}
.Bg_Verde2{
    background-color: #1e4e30 !important;
}
.Bg_Rojo{
    background-color: #c52222 !important;
}
.Bg_OK{
    background-color: #96dba0  !important;
}
.Bg_OK2{
    background-color: #c1ffca !important;
}
.Bg_OFF{
    background-color: #ffc1c1 !important;
}
.color_blanco{
    color: #000 !important;
}
.Bg_Form_Oscuro{
    background-color: #f1f1f1;
}
.Bg_OFF3{
    background-color: #a94848 !important;
}
.Bg_OFF2{
    background-color: #f09898  !important;
}
.Border_OFF{
    border-color: #a00000 !important;
    transition: all 0.3s ease;
}
.border-6{
    border-width: 20px !important;
}
.Border_OK{
    border-color: #00a028 !important;
    transition: all 0.3s ease;
}
.Border_Morado2{
    border-color: #522694 !important;
    transition: all 0.3s ease;
}
.Border_Morado3{
    border-color: #a386ce !important;
    transition: all 0.3s ease;
}
.h-82{
    height: 72% !important;
}
.Bg_Blanco{
    background-color: #F8FAFC;
}
.Bg_Blanco2{
    background-color: #e2e2e3!important;
}
.Bg_Oscuro{
    background-color: #424a5d;
}
.Bg_Oscuro2{
    background-color: #bebebe;
    transition: all 0.3s ease;
}
.Bg_Oscuro2:hover{
    background-color: #888787;
}
.Bg_Black{
    background-color: #292929 !important;
    color: white !important;
}
.Bg_Sombra{
    color: white !important;
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);    
}
.Bg_Sombra2{
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);    
}
.Bg_Sombra3{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);    
}
.C_Morado{
    background-color: #311d4f !important;
}
.C_Azul3{
    color: #1b40a4 !important; 
}
.Fondo{
    background-image: url("../img/Fondo2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.Fondo1{
    background-color: #c7c7c7;
}
.Fondo2{
    background-color: #F8FAFC;
}
.Fondo_Negro{
    background: radial-gradient(
        circle at 50% 40%,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0.65) 45%,
        rgba(0, 0, 0, 0.95) 100%
    );
}
.Fondo_Diagonal {
    position: relative;
    background: linear-gradient(
        110deg,
        #f8fafc 50%,
        #22356a 50%
    );
    overflow: hidden;
}
.Fondo_Diagonal2 {
    position: relative;
    background: linear-gradient(
        90deg,
        #22356a 50%,
        #f8fafc 50%
    );
    overflow: hidden;
}
.Fondo_Diagonal3 {
    position: relative;
    background: linear-gradient(
        90deg,
        #22356a 50%,
        #f8fafc 50%
    );
    overflow: hidden;
}
.fsr-1{ 
    font-size: clamp(2.5rem, 5vw, 5rem); 
}
.fsr-2{ 
    font-size: clamp(2.3rem, 4.6vw, 4.6rem); 
}
.fsr-3{ 
    font-size: clamp(2.1rem, 4.2vw, 4.2rem); 
}
.fsr-4{ 
    font-size: clamp(1.9rem, 3.8vw, 3.8rem); 
}
.fsr-5{ 
    font-size: clamp(1.7rem, 3.4vw, 3.4rem); 
}
.fsr-6{ 
    font-size: clamp(1.6rem, 3vw, 3rem); 
}
.fsr-7{ 
    font-size: clamp(1.5rem, 2.7vw, 2.7rem); 
}
.fsr-8{ 
    font-size: clamp(1.4rem, 2.4vw, 2.4rem); 
}
.fsr-9{ 
    font-size: clamp(1.3rem, 2.1vw, 2.1rem); 
}
.fsr-10 { 
    font-size: clamp(1.2rem, 1.9vw, 1.9rem); 
}
.fsr-11{ 
    font-size: clamp(1.15rem, 1.7vw, 1.7rem); 
}
.fsr-12{ 
    font-size: clamp(1.1rem, 1.5vw, 1.5rem); 
}
.fsr-13{ 
    font-size: clamp(1.08rem, 1.3vw, 1.3rem); 
}
.fsr-14{ 
    font-size: clamp(1.04rem, 1.15vw, 1.15rem); 
}
.fsr-15{ 
    font-size: clamp(1rem, 1vw, 1rem); 
}
.fsr-16{ 
    font-size: clamp(0.96rem, 0.9vw, 0.96rem); 
}
.fsr-17{ 
    font-size: clamp(0.92rem, 0.8vw, 0.92rem); 
}
.fsr-18{ 
    font-size: clamp(0.88rem, 0.75vw, 0.88rem); 
}
.fsr-19{ 
    font-size: clamp(0.84rem, 0.7vw, 0.84rem); 
}
.fsr-20{ 
    font-size: clamp(0.8rem, 0.65vw, 0.8rem); 
}
.fsr-21{ 
    font-size: clamp(0.76rem, 0.6vw, 0.76rem); 
}
.fsr-22{ 
    font-size: clamp(0.72rem, 0.55vw, 0.72rem); 
}
.fsr-23{ 
    font-size: clamp(0.68rem, 0.5vw, 0.68rem); 
}
.fsr-24{ 
    font-size: clamp(0.64rem, 0.45vw, 0.64rem); 
}
.fsr-25{ 
    font-size: clamp(0.6rem, 0.4vw, 0.6rem); 
}
.fs-nav-1{
    font-size: 1.75rem;
}
.fs-nav-2{
    font-size: 1.5rem;
}
.fs-nav-3{
    font-size: 2.5rem;
}
.fw-500{
    font-weight: 500!important;
}
.wh-loading {
    width: 200px;
    height: 200px;
}
.w-10{
    width: 10%;
}
.w-15{
    width: 15%;
}
.w-19{
    width: 19%;
}
.w-67{
    width: 67%;
}
.w-70{
    width: 70%;
}
.w-70-2{
    width: 70%;
}
.w-90{
    width: 90%
}
.h-70{
    height: 70%;
}
.vh-60{
    height: 60vh;
}
.vh-88{
    height: auto;
    min-height: 88vh;
}
.vh-88-2{
    height: 88vh;
}
.vh-88-3{
    height: 88vh;
}
.dvh-100{
    height: auto;
    min-height: 100vh!important;
}
.Texto-1{
    width: 50%;
}
.Texto-2{
    width: 50%;
}    
.gap-10{
    gap: 10rem;
}
.gap-15{
    gap: 9rem
}
.gap-20{
    gap: 20rem;
}
.boton{
    border-radius: 8px;
    transition: all 0.3s ease;
}
.boton:hover{
    transform: scale(1.08);
    background-color: #bababa !important;
}
.boton2{
    border-radius: 100px;
    transition: all 0.3s ease;
}
.boton2:hover{
    transform: scale(1.08);
    background-color: #5877d3 !important;
    transition: all 0.3s ease;
}
.boton3{
    border-radius: 100px;
    transition: all 0.3s ease;
}
.boton3:hover{
    transform: scale(1.08);
    background-color: #ef051c !important;
    transition: all 0.3s ease;
}
.boton4{
    border-radius: 100px;
    transition: all 0.3s ease;
}
.boton4:hover{
    transform: scale(1.08);
    background-color: #7530dd !important;
    transition: all 0.3s ease;
}
.boton42{
    transition: all 0.3s ease;
}
.boton42:hover{
    transform: scale(1.08);
    background-color: #7530dd !important;
    transition: all 0.3s ease;
}
.boton5{
    border-radius: 100px;
    transition: all 0.3s ease;
}
.boton5:hover{
    transform: scale(1.08);
    background-color: #07b301 !important;
    transition: all 0.3s ease;
}
.boton6{
    border-radius: 100px;
    transition: all 0.3s ease;
}
.boton6:hover{
    transform: scale(1.08);
    background-color: #ad0000 !important;
    transition: all 0.3s ease;
}
.boton7{
    transition: all 0.3s ease;
}
.boton7:hover{
    transform: scale(1.05)!important;
    background-color: #24ca7d !important;
    transition: all 0.3s;
}
.boton17{
    transition: all 0.3s ease;
}
.boton17:hover{
    transform: scale(1.05)!important;
    background-color: #2b6a4d !important;
    transition: all 0.3s;
}
.boton8{
    transition: all 0.3s ease;
}
.boton8:hover{
    transform: scale(1.05)!important;
    background-color: #f79494 !important;
    transition: all 0.3s;
}
.boton9{
    transition: all 0.3s ease;
}
.boton9:hover{
    transform: scale(1.05)!important;
    background-color: #c1c1c1 !important;
    transition: all 0.3s;
}
.boton10{
    transition: all 0.3s ease;
}
.boton10:hover{
    transform: scale(1.05)!important;
    background-color: #b5ceff !important;
    transition: all 0.3s;
}
.background_active {
    background-color: #cccccc;
}
.boton11{
    transition: all 0.3s ease;
}
.boton11:hover{
    transform: scale(1.05)!important;
    background-color: #b5ffb8 !important;
    transition: all 0.3s;
}
.boton12{
    transition: all 0.3s ease;
}
.boton12:hover{
    transform: scale(1.05);
    background-color: #5877d3 !important;
}
.boton13{
    transition: all 0.3s ease;
}
.boton13:hover{
    transform: scale(1.03);
    background-color: #7530dd !important;
}
.text-info2{
    color: #3a6fd5!important;
}
.Neon:hover {
    text-shadow: 
        0px 0px 5px #ffffff,
        0px 0px 10px #ffffff,
        0px 0px 15px #ffffff;
    transition: all 0.3s ease;    
}
.nav-hover:hover{
    transition: all 0.3s ease;
    background-color: #533a7a;
}
.Imagen_Redes:hover{
    width: 45px;
    height: 45px;
}
.w-2{
    width: 2.5%;
}
.text-hover:hover{
    color: #5877d3 !important;
    transition: color 0.3s ease;
}
.Footer_hover:hover{
    transition: all 0.3s ease;
    transform: scale(1.2);
}
.Link_Hover:hover {
    transition: all 0.3s ease;
    background-color: transparent !important;
    cursor: pointer !important;
    color: #6d93fe !important;
    text-decoration: underline !important;
}
.Card_Hover:hover{
    transform: translateY(-12px);
    border-color: #7434fe!important;
}
.dropdown-toggle::after {
    display: none !important;
}
.mt-6{
    margin-top: 5rem!important;
}
.dropdown2:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
.dropdown-item:hover{
    transition: background-color 0.3s ease;
    border-radius: 5px;
    background-color: #5877d3 !important;
}
.hover-item:hover{
    transition: background-color 0.3s ease;
    border-radius: 5px;
    background-color: #b9b9b9 !important;
}
.Español{
    width: 60px;
    height: 30px;
}
.Redes{
    width: 58px;
    height: auto;   
}
.Rectangulo_Redes{
    margin-top: 0px;
    opacity: 63%;
    position: fixed;
    display: flex;    
    z-index: 3000;    
    top: 54%;
    transform: translateY(-50%);         
}
.Redes_Contenedor{
    width: 43px;
    height: auto; 
    top: 54%;
    transform: translateY(-50%);    
    z-index: 3000;
    align-items: center; 
    flex-direction: column;
    position: fixed;
    display: flex;        
}
.Imagen_Redes{
    width: 35px;
    height: 35px;
    transition: all 0.3s ease;
}
.Centrar-Izquierda{
    width: 25%;
    height: 100%;
}
.texto_frame2{
    width: 80%; 
    font-size: 1.53rem;
}
.Imagen_Estrella{
    width: 16%
}
.Largo-Pantalla{
    height: auto;
}
.quote-box{
    width: 60px;
    height: 50px;
}
.imagen2{
    width: 100%;
}
.Ayuda{
    width: 34%; 
    height: 65%;
}
.Ayuda2{
    width: 52%; 
    height: 49%;
}
.w-20{
    width: 20%;
}
.Bg_OK3 {
    background-color: #47a559 !important;
}
.mv-card {
    transition: all 0.3s ease;
}
.border_azul2{
    border-color: #22356a !important;
}
.imagen_restitucion{
    width: 25%;
}
.icono-card {
    width: 50px;
    height: 50px;
}
.icono-card img {
    width: 28px;
    height: 28px;
}
.col-2-custom{
    width: 20%;
}
.back_blanco{
    background-color: #000 !important;
}
.icono-nav{
    width: 34px;
    height: 34px;
    object-fit: contain;
}
.icono-nav2{
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.icono-nav3{
    width: 55px;
    height: 55px;
    object-fit: contain;
}
.icono-nav4{
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.icono-nav5{
    width: 55px;
    height: 55px;
}
.icono-nav6{
    width: 40px;
    height: 40px;
}
.icono-nav7{
    width: 30px;
    height: 30px;
}
.icono-nav8{
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.icono-nav9{
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.icono-nav92{
    width: 130px;
    height: 130px;
    object-fit: contain;
}
.icono-nav10{
    width: 10px;
    height: 10px;
}
.icono-nav11{
    width:70px;
    height: 70px;
    object-fit: contain;
}
.badge-administrador {
    background: #E9E6FF;
    color: #4C3ED9;
}
.badge-lider {
    background: #E3F0FF;
    color: #2563EB;
}
.badge-analista {
    background: #E0F7FA;
    color: #0891B2;
}
.badge-auxiliar {
    background: #FFF1E6;
    color: #EA580C;
}
.badge-revisor {
    background: #F3E8FF;
    color: #7C3AED;
}
.badge-usuario {
    background: #ECEFF1;
    color: #374151;
}
.badge-activo {
    background: #c4f0dc;
    color: #16A34A;
}
.badge-inactivo {
    background: #F1F3F5;
    color: #6B7280;
}
.badge-suspendido {
    background: #FFF7E0;
    color: #D97706;
}
.badge-bloqueado {
    background: #FDECEC;
    color: #DC2626;
}
.badge-eliminado {
    background: #FBEAEA;
    color: #991B1B;
}
.rotate-315 {
    transform: rotate(315deg);
}
.vi-hi {
    visibility: hidden;
}
.one {
    animation: one_move 3.5s infinite;
}
.two {
    animation: two_move 3.5s 0.15s infinite;
}
.three {
    animation: three_move 3.5s 0.3s infinite;
}
.four {
    animation: four_move 3.5s 0.575s infinite;
}
.w-86{
    width: 86%!important;
}
.w-86-2{
    width: 86%!important;
}
.five {
    animation: five_move 3.5s 0.725s infinite;
}
.six {
    animation: six_move 3.5s 0.875s infinite;
}
.Message_Success{
    background-color: #bcfcd6 !important;
    border: 3px solid #22c55e !important;
    color: #166534!important;
}
.Message_Error{
    background-color: #fbd8d8 !important;
    border: 3px solid #ef4444 !important;
    color: #7f1d1d!important;
}
.Message_Warning{
    background-color: #fef6d3 !important;
    border: 3px solid #f59e0b !important;
    color: #78350f!important;
}
.Message_Info{
    background-color: #c3ddfe !important;
    border: 3px solid #3b82f6 !important;
    color: #1e3a8a!important;
}
.estado-pendiente {
    background-color: #fff8e1 !important;
    border-color: #ffc107 !important;
}
.estado-activo {
    background-color: #e6f4ea !important;
    border-color: #198754 !important;
}
.estado-resuelto {
    background-color: #e2f3f5 !important;
    border-color: #0dcaf0 !important;
}
.estado-eliminado {
    background-color: #fdecea !important;
    border-color: #dc3545 !important;
}
.estado-espera {
    background-color: #f1f3f5 !important;
    border-color: #6c757d !important;
}
.estado-escalado {
    background-color: #e7f1ff !important;
    border-color: #0d6efd !important;
}
.estado-reabierto {
    background-color: #f3f4f6 !important;
    border-color: #343a40 !important;
}
.estado-decision {
    background-color: #ede9fe !important;
    border-color: #6f42c1 !important;
}
.estado-pendiente2 {
    border-color: #ffc107 !important;
    background-color: #ffc107 !important;
}
.estado-activo2 {
    border-color: #198754 !important;
    background-color: #198754 !important;
}
.estado-resuelto2 {
    border-color: #0dcaf0 !important;
    background-color: #0dcaf0 !important;
}
.estado-eliminado2 {
    border-color: #dc3545 !important;
    background-color: #dc3545 !important;
}
.estado-espera2 {
    border-color: #6c757d !important;
    background-color: #6c757d !important;
}
.estado-escalado2 {
    border-color: #0d6efd !important;
    background-color: #0d6efd !important;
}
.estado-reabierto2 {
    border-color: #343a40 !important;
    background-color: #343a40 !important;
}
.estado-decision2 {
    border-color: #6f42c1 !important;
    background-color: #6f42c1 !important;
}
.sombra-pendiente{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 10px rgba(255,193,7,0.6);
}
.sombra-activo{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 10px rgba(25,135,84,0.6);
}
.sombra-resuelto{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 10px rgba(13,202,240,0.6);
}
.sombra-eliminado{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 10px rgba(220,53,69,0.6);
}
.sombra-espera{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 10px rgba(108,117,125,0.6);
}
.sombra-escalado{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 10px rgba(13,110,253,0.6);
}
.sombra-reabierto{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 10px rgba(52,58,64,0.6);
}
.sombra-decision{
    backdrop-filter: blur(14px);
    box-shadow: 0 0 10px rgba(111,66,193,0.6);
}
.prioridad-muy-baja {
    background-color: #e2e3e5 !important;
    border-color: #6c757d !important;
    color: #000 !important;
}
.prioridad-baja {
    background-color: #d1ecf1 !important;
    border-color: #17a2b8 !important;
    color: #000 !important;
}
.prioridad-media {
    background-color: #fff3cd !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}
.prioridad-alta {
    background-color: #f8d7da !important;
    border-color: #dc3545 !important;
    color: #000 !important;
}
.prioridad-critica {
    background-color: #f5c6cb !important;
    border-color: #bd2130 !important;
    color: #000 !important;
}
.h-40{
    height: 40%!important;
}
.h-60{
    height: 60%!important;
}
.h-80{
    height: 80%!important;
}
.h-80-2{
    height: 80%!important;
}
.pt-10 {
    padding-top: 6rem !important;
}
.grid-custom{
    grid-template-columns: 1fr 1fr 1fr
}
.grid-custom2{
    grid-template-columns: 1fr 1fr
}
.List_Cuenta{
    transition: all 0.3s ease;
}
.rate-limit{
    max-width:200px
}
textarea.nofocus {
    background-color: #fff;
    color: #000;
    pointer-events: none;
}
.w-75-2{
    width: 75%;
}
.col-xl2-3 {
    flex: 0 0 auto;
    width: 23%;
}
@keyframes one_move {
    0% {
        visibility: visible;
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    14% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    28% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    42% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    57% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    71% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    85% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    100% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}
@keyframes two_move {
    0% {
        visibility: visible;
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    14% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    28% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    42% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    57% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    71% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    85% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    100% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}
@keyframes three_move {
    0% {
        visibility: visible;
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    14% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    28% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    42% {
        clip-path: inset(0% 70% 70% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    57% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    71% {
        clip-path: inset(0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    85% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    100% {
        clip-path: inset(35% 70% 35% 0 round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}
@keyframes four_move {
    0% {
        visibility: visible;
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    14% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    28% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    42% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    57% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    71% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    85% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    100% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}
@keyframes five_move {
    0% {
        visibility: visible;
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    14% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    28% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    42% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    57% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    71% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    85% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    100% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}
@keyframes six_move {
    0% {
        visibility: visible;
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    14% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    28% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    42% {
        clip-path: inset(70% 0 0 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    57% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    71% {
        clip-path: inset(35% 0% 35% 70% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    85% {
        clip-path: inset(35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
    100% {
        clip-path: inset(70% 35% 0% 35% round 5%);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    }
}
@media (max-width: 1500px) {
    .Logo_Gaia{
        width: 29%;
    }     
    .Español{
        width: 50px;
        height: 20px;
    }    
    .w-80{
        width: 105%;
    }
    .h-65{
        width:22%;
    }    
    .quote-box{
        width: 55px;
        height: 48px;
    }    
    .w-fotos{
        width: 90%;
    }
    .fs-nav-1{
        font-size: 1.3rem;
    }
    .grid-custom{
        grid-template-columns: 1fr 1fr
    }            
    .fs-nav-2{
        font-size: 1.1rem;
    }    
    .fs-nav-3{
        font-size: 2.2rem;
    }            
}
@media (min-width: 1400px) {
    .p-xxl-2-5 {
        padding: 0.4rem !important;
    }
}
@media (max-width: 1380px){
    .w-2{
        width: 3.3%;
    }
    .col-xl2-3 {
        flex: 0 0 auto;
        width: 30%;
    }      
    .w-67{
        width: 80%;
    }   
    .gap-20{
        gap: 8rem;
    }
    .Fondo_Diagonal {
        position: relative;
        background: linear-gradient(
            90deg,
            #f8fafc 50%,
            #22356a 50%
        );
        overflow: hidden;
    }
    .rate-limit{
        max-width:125px
    } 
    .w-15{
        width: 10%;
    } 
    .w-75-2{
        width: 100%;
    } 
    .w-86-2{
        width: 100%!important;
    }
    .w-70-2{
        width: 60%;
    }                          
}
@media (max-width: 1250px){
    .quote-box{
        width: 47px;
        height: 40px;
    }    
    .grid-custom{
        grid-template-columns: 1fr
    }        
    .h-82{
        height: 60% !important;
    }        
}
@media (min-width: 1200px) {
    .col-3-custom{
        width: 23%;
    }      
}
@media (max-width: 991px) {
    .Fondo{
        background-image: url("../img/Fondo_Tablet.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }       
    .h-82{
        height: 45% !important;
    }      
    .grid-custom2{
        grid-template-columns: 1fr
    }         
    .vh-88{
        height: 100vh;
    }      
    .dvh-100{
        height: auto;
    }    
    .Fondo_Diagonal {
        position: relative;
        background: linear-gradient(
            180deg,
            #f8fafc 52%,
            #22356a 48%
        );
        overflow: hidden;
    }
    .Fondo_Diagonal2 {
        position: relative;
        background: linear-gradient(
            180deg,
            #22356a 50%,
            #f8fafc 50%
        );
        overflow: hidden;
    }
    .Fondo_Diagonal3 {
        position: relative;
        background: linear-gradient(
            180deg,
            #22356a 53.2%,
            #f8fafc 46%
        );
        overflow: hidden;
    }
    .Largo-Pantalla-auto{
        height: auto;
        padding: 1rem;
    }      
    .gap-20{
        gap: 6rem
    }    
    .w-80{
        width: 85%;
    }    
    .w-35 {
        width: 80%;
    }    
    .imagen_restitucion{
        width: 17%;
    }   
    .Texto-1{
        font-size: 50px;
        width: 60%;
    }
    .Texto-2{
        font-size: 25px;
        width: 60%;
    }     
    .h-65{
        height: 10%
    }    
    .rem-33{
        font-size: 1.3rem;
    }    
    .w-40-2{
        width: 51%;
    }     
    .w-67{
        width: 100%;
    }
}
@media (max-width: 720px) {
    .h-82 {
        height: 61% !important;
    }    
}
@media (max-width: 600px) {
    section{
        scroll-margin-top: 98px;
    }  
    .icono-nav5{
        width: 40px;
        height: 40px;
    }    
    .w-75-2{
        width: 90%;
    }    
    .icono-nav{
        width: 25px;
        height: 25px;
    }        
    .Logo_Gaia{
        width: 26%;
    }    
    .img-fluid{
        max-width: 69%;
    }
    .Fondo{
        background-image: url("../img/Fondo_Celular.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }    
    .Texto-1{
        width: 90%;
    }
    .Texto-2{
        width: 90%;
    }    
    .quote-box{
        width: 38px;
        height: 32px;
    }
    .gap-20{
        gap: 2rem;
    }
    .Fondo_Diagonal {
        position: relative;
        background: linear-gradient(
            180deg,
            #f8fafc 51.5%,
            #22356a 48.5%
        );
        overflow: hidden;
    }    
    .fsr-1  { 
        font-size: clamp(3.5rem, 11vw, 5rem); 
    }
    .fsr-2  { 
        font-size: clamp(3.1rem, 10vw, 4.6rem); 
    }
    .fsr-3  { 
        font-size: clamp(2.7rem, 9vw, 4.2rem); 
    }
    .fsr-4  { 
        font-size: clamp(2.4rem, 8vw, 3.8rem); 
    }
    .fsr-5  { 
        font-size: clamp(2.1rem, 7.2vw, 3.4rem); 
    }
    .fsr-6  { 
        font-size: clamp(1.9rem, 6.8vw, 3rem); 
    }
    .fsr-7  { 
        font-size: clamp(1.7rem, 6.2vw, 2.7rem); 
    }
    .fsr-8  { 
        font-size: clamp(1.6rem, 5.8vw, 2.4rem); 
    }
    .fsr-9  { 
        font-size: clamp(1.5rem, 5.3vw, 2.1rem); 
    }
    .fsr-10 { 
        font-size: clamp(1.4rem, 4.9vw, 1.9rem); 
    }
    .fsr-11 { 
        font-size: clamp(1.3rem, 4.5vw, 1.7rem); 
    }
    .fsr-12 { 
        font-size: clamp(1.2rem, 4.1vw, 1.5rem); 
    }
    .fsr-13 { 
        font-size: clamp(1.1rem, 3.7vw, 1.3rem); 
    }
    .fsr-14 { 
        font-size: clamp(1rem, 3.3vw, 1.15rem); 
    }
    .fsr-15 { 
        font-size: clamp(0.95rem, 3vw, 1rem); 
    } 
    .dvh-100{
        height: auto;
    }
    .vh-88{
        height: auto;
        min-height: 100vh;
    } 
    .h-80-2{
        height: 50%!important;
    }       
    .h-80 {
        height: 100% !important;
    }
    .gap-10{
        gap: 5rem;
    } 
    .gap-15{
        gap: 4rem
    }       
}
.Modo_Oscuro { 
    .Bg_Blanco2 {
        background-color: #2d2b38 !important;
    }
    .Bg_Blanco {
        background-color: #1e1c2a !important;
    }
    .Bg_Blanco0 {
        background-color: #343434 !important;
    }    
    .Bg_Blanco3{
        background-color: #4e4d4d !important;
    }    
    .Bg_Blanco4{
        background-color: #939393 !important;
    }    
    .color_blanco{
        color: #e6e6f0 !important;
    }
    .back_blanco{
        background-color: #e6e6f0 !important;
    }    
    .color_blanco2{
        color: #9090a8 !important;
    }    
    .color_blanco5{
        background-color: #909090 !important;
    }    
    .color_blanco3{
        background-color: #c5c4c4 !important;
    }    
    .Bg_hr{
        border-color: #c5c4c4 !important;
    }    
    .color_blanco6::placeholder {
        color: #c1c1c6;
        opacity: 1;
    }        
    .color_morado{
        background-color: #c084fc !important;
    }
    .estado-pendiente {
        background-color: #3a2e00 !important;
        border-color: #ffc107 !important;
        color: #ccc !important;
    }
    .estado-activo {
        background-color: #0a2e1a !important;
        border-color: #198754 !important;
        color: #ccc !important;
    }
    .estado-resuelto {
        background-color: #0a2a30 !important;
        border-color: #0dcaf0 !important;
        color: #ccc !important;
    }
    .estado-eliminado {
        background-color: #2e0a0a !important;
        border-color: #dc3545 !important;
        color: #ccc !important;        
    }
    .estado-espera {
        background-color: #1e2124 !important;
        border-color: #6c757d !important;
        color: #ccc !important;
    }
    .estado-escalado {
        background-color: #0a1a3a !important;
        border-color: #0d6efd !important;
        color: #ccc !important;
    }
    .estado-reabierto {
        background-color: #1a1d20 !important;
        border-color: #adb5bd !important;
        color: #ccc !important;
    }
    .estado-decision {
        background-color: #1e0a3a !important;
        border-color: #6f42c1 !important;
        color: #ccc !important;
    }
    .prioridad-muy-baja {
        background-color: #2a2d30 !important;
        border-color: #6c757d !important;
        color: #ccc !important;
    }
    .prioridad-baja {
        background-color: #0a2530 !important;
        border-color: #17a2b8 !important;
        color: #ccc !important;
    }
    .prioridad-media {
        background-color: #3a2e00 !important;
        border-color: #ffc107 !important;
        color: #ccc !important;
    }
    .prioridad-alta {
        background-color: #2e0a0a !important;
        border-color: #dc3545 !important;
        color: #ccc !important;
    }
    .prioridad-critica {
        background-color: #3a0a0e !important;
        border-color: #bd2130 !important;
        color: #ccc !important;
    }    
    .boton8 {
        background-color: #7f1d1d !important;
        color: #fca5a5 !important;
    }
    .boton8:hover {
        background-color: #991b1b !important;
        color: #fecaca !important;
    }   
    .Bg_OK {
        background-color: #47a559 !important;
    }
    .Bg_OK2 {
        background-color: #0f3318 !important;
    }
    .Bg_OFF {
        background-color: #a94848 !important;
    }
    .Bg_OFF2 {
        background-color: #3a0f0f !important;
    }
    .Border_OFF {
        border-color: #ff4d4d !important;
    }
    .Border_OK {
        border-color: #4dff7c !important;
    }      
    .badge-administrador {
        background: #4F46E5;
        color: #E0E7FF;
    }
    .badge-lider {
        background: #2563EB;
        color: #DBEAFE;
    }
    .badge-analista {
        background: #0891B2;
        color: #CFFAFE;
    }
    .badge-auxiliar {
        background: #EA580C;
        color: #FFEDD5;
    }
    .badge-revisor {
        background: #7C3AED;
        color: #EDE9FE;
    }
    .badge-usuario {
        background: #4B5563;
        color: #E5E7EB;
    }
    .badge-activo {
        background: #16A34A;
        color: #DCFCE7;
    }
    .badge-inactivo {
        background: #6B7280;
        color: #E5E7EB;
    }
    .badge-suspendido {
        background: #D97706;
        color: #FEF3C7;
    }
    .badge-bloqueado {
        background: #DC2626;
        color: #FEE2E2;
    }
    .badge-eliminado {
        background: #991B1B;
        color: #FEE2E2;
    }   
    .background_active {
        background-color: #454257;
    }
    .background_active2 {
        background-color: #5d1a1a;
    }
    .Bg_Form_Oscuro{
        background-color: #212529;
    }    
    .Message_Success{
        background-color: #0f2e1d !important;
        border: 3px solid #22c55e !important;
        color: #86efac !important;
    }
    .Message_Error{
        background-color: #3a1212 !important;
        border: 3px solid #ef4444 !important;
        color: #fca5a5 !important;
    }
    .Message_Warning{
        background-color: #3b2a0f !important;
        border: 3px solid #f59e0b !important;
        color: #fcd34d !important;
    }
    .Message_Info{
        background-color: #102542 !important;
        border: 3px solid #3b82f6 !important;
        color: #93c5fd !important;
    }    
}