.custom-disabled {
    pointer-events: none;
}

/* HTML: <div class="loader"></div> */
.loader {
    height: 20px;
    background: linear-gradient(to right bottom, rgba(0, 0, 0, 0) calc(50% - 40px), rgb(237 233 233) 50%, rgba(0, 0, 0, 0) calc(50% + 40px)) right bottom / calc(200% + 80px) calc(200% + 80px) #FBFBFB;
    animation: l8 1.5s infinite;
}

@keyframes l8 {
    100% {
        background-position: top left
    }
}


.cuadro-texto {
    display: inline-block;
    position: relative;
    width:100%;
  
}

.boton-enviar-chat {
    position: absolute;
    bottom: 19px;
    right: 6px;
}

#btn-store > i:hover {
    color: #17C653;
}



/* El contenedor del chat debe ocupar el alto disponible */
#kt_drawer_chat_messenger,
#kt_chat_messenger {
    display: flex;
    flex-direction: column;
    height: 100%; /* o 100vh si es pantalla completa */
    min-height: 0; /* importante para que el hijo pueda overflow */
}

/* Área de mensajes: ocupa el espacio y hace scroll interno */
[data-kt-element="messages"] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    padding-bottom: 1rem; /* será sobrescrito por JS dinámicamente */
}

/* Footer: pegado abajo y superpuesto (no empuja) */
#kt_drawer_chat_messenger_footer {
    position: sticky; /* o fixed si el contenedor no da soporte a sticky */
    bottom: 0;
    z-index: 10;
    background: var(--bs-body-bg, #fff);
    box-shadow: 0 -2px 10px rgba(0,0,0,.06);
}

    /* Textarea: sin resize manual, sin barras y con max alto opcional */
    #kt_drawer_chat_messenger_footer textarea[data-kt-element="input"] {
        resize: none;
        overflow: hidden;
        max-height: 40vh; /* limita el crecimiento (ajústalo a gusto) */
    }






.suggestion-badge {
    white-space: normal !important;
    font-size: 13px;
    background-color: transparent;
    border: solid 2px #6bd890;
    color: #071437;
    cursor: pointer;
}

    .suggestion-badge:hover {
        color: white;
        background-color: rgb(107, 216, 144);
    }

/*.full-chat
{
    width: 50% !important;
}*/

.css-1k72fxa {
  
    width: 7.75em;
    inset: 1em;
}

.gamma-app-card {
    min-height: 8em;
    max-height: 8em;
    padding-top: 20px;
    padding-left: 27px;
    
    border: solid 1px grey;
    border-radius: 8px;
}

.custom-card-select{

}

    .custom-card-select:hover {
        border: solid 2px #6c9aca;
    }

.custom-card-select-active {
    border: solid 2px #6c9aca;
}

#kt_drawer_chat {
    width: 500px; /* Tamaño base */
    transition: width 0.5s ease;
}

.full-chat-msg {
    max-width: 80% !important;
}
.ai-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: linear-gradient(135deg, #7f5af0, #2cb67d);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}

    .ai-button::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(135deg, #ff00c8, #00ffe7);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 0;
    }

    .ai-button:hover::before {
        opacity: 1;
    }

    .ai-button:hover {
        color: white;
        transform: scale(1.05);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    }

    .ai-button i {
        font-size: 1.2em;
        
        transition: filter 0.3s ease;
        z-index: 1;
    }

    .ai-button:hover i {
        filter: drop-shadow(0 0 6px #00ffe7);
    }

    .ai-button > * {
        position: relative;
        z-index: 1;
    }

    .ai-button.ai-loading {
        background: linear-gradient(270deg, #00ffe7, #ff00c8);
        animation: pulse 1s infinite alternate;
        cursor: wait;
        pointer-events: none;
    }

        .ai-button.ai-loading i {
            animation: spin 1.2s linear infinite;
           
        }

@keyframes pulse {
    0% {
        filter: brightness(1);
    }

    100% {
        filter: brightness(1.3);
    }
}

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

    to {
        transform: rotate(360deg);
    }
}

.pendulum {
    /* position: absolute;*/
    width: 220px;
    height: 180px;
    margin: 0 auto;
    background-color: #98cfb2;
    /*    top: 50%;
    left: 50%;*/
    border-radius: 5%;
    align-items: center;
    border-top: 15px solid #eee7d5;
    /*   transform: translate(-50%, -50%);*/
}

.pendulum_box {
    display: flex;
    padding: 120px 0 0 10px;
    position: absolute;
    flex: 1;
}

.ball {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #455681;
    position: relative;
    transform-origin: 50% -300%;
}

    .ball::before {
        content: '';
        width: 2px;
        height: 120px;
        background-color: #fffeff;
        left: 18px;
        top: -120px;
        position: absolute;
    }

    .ball.first {
        animation: firstball .9s alternate ease-in infinite;
    }

@keyframes firstball {
    0% {
        transform: rotate(35deg);
    }

    50% {
        transform: rotate(0deg);
    }
}

.ball.last {
    animation: lastball .9s alternate ease-out infinite;
}

@keyframes lastball {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-35deg);
    }
}


.custom-stepper-icon {
    color: white !important;
    font-size: 18px !important;
}

.custom-primary-dark-btn {
    color: white !important;
    border-color: #4C8C2B;
    background-color: #4C8C2B !important;
}
    .custom-primary-dark-btn:hover {
        color: white !important;
        border-color: #A0C52D;
        background-color: #A0C52D !important;
    }

.custom-primary-light-btn {
    color: white !important;
    border-color: #A0C52D;
    background-color: #A0C52D !important;
}

.custom-link-dark {
    color: #4C8C2B !important;
}

    .custom-link-dark:hover {
        color: #A0C52D !important;
    }

.menu-state-primary .menu-item .menu-link.active .menu-title {
    color: #17C653 !important;
}

.app-toolbar-menu > .menu-item > .menu-link.active, .app-toolbar-menu > .menu-item > .menu-link.here {
    border-bottom: 2px solid #17C653 !important;
    border-radius: 0
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #17C653 !important;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    color: #17C653 !important;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: #17C653 !important;
}

.menu-active-bg .menu-item .menu-link.active .menu-title {
    color: #17C653 !important;
}

.menu-active-bg .menu-item .menu-link.active {
    transition: color .2s ease;
    background-color: var(--bs-menu-link-bg-color-active);
    color: #17C653 !important;
}

.menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    background-color: var(--bs-menu-link-bg-color-hover);
    color: #17C653 !important;
}

    .menu-hover-bg .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-hover-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
        color: #17C653 !important;
    }

.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: #4C8C2B !important;
    background-color: #4C8C2B !important;
}

    .btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
        color: var(--bs-primary-inverse);
        border-color: #A0C52D;
        background-color: #A0C52D !important
    }

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    transition: color .2s ease;
    background-color: #17C653;
    border: #17C653
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon, .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon {
    transition: color .2s ease;
    background-color: #e6f6df;
    border: #e6f6df;
}

    .stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check {
        color: #17C653;
        display: inline-block
    }

.stepper.stepper-pills .stepper-item .stepper-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color .2s ease;
    width: var(--bs-stepper-pills-size);
    height: var(--bs-stepper-pills-size);
    border-radius: var(--bs-stepper-icon-border-radius);
    background-color: #e6f6df;
    border: var(--bs-stepper-icon-border);
    margin-right: 1.5rem
}

.form-check-input:checked {
    background-color: #4C8C2B;
    border-color: #4C8C2B
}

.btn-check:active + .btn.btn-outline.btn-outline-dashed, .btn-check:checked + .btn.btn-outline.btn-outline-dashed, .btn.btn-outline.btn-outline-dashed.active, .btn.btn-outline.btn-outline-dashed.show, .btn.btn-outline.btn-outline-dashed:active:not(.btn-active), .btn.btn-outline.btn-outline-dashed:focus:not(.btn-active), .btn.btn-outline.btn-outline-dashed:hover:not(.btn-active), .show > .btn.btn-outline.btn-outline-dashed {
    border-color: #4C8C2B;
}

.btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i, .btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:checked + .btn.btn-active-light-primary i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .show > .btn.btn-active-light-primary .svg-icon, .show > .btn.btn-active-light-primary i {
    color: #4C8C2B;
}

.btn-check:active + .btn.btn-active-light-primary, .btn-check:checked + .btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show > .btn.btn-active-light-primary {
    color: var(--bs-primary);
    border-color: #e6f6df;
    background-color: #e6f6df !important
}

.dropzone {
    min-height: auto;
    padding: 1.5rem 1.75rem;
    text-align: center;
    cursor: pointer;
    border: 1px dashed var(--bs-success);
    background-color: var(--bs-success-light);
    border-radius: .65rem !important
}

@media only screen and (max-width: 1280px) {
    .fecha-analisis{
        display:none !important;
    }
}