@import url("https://use.typekit.net/lgs8box.css");
@import url("https://use.typekit.net/erq3cpa.css");

.inicio {
    font-family: "museo-sans", sans-serif;
}

.nw-header{
    background-position: right top;
    background-size: 200px;
    background-repeat: no-repeat;
}

.jumb{
    background-color: #E8E8EF;
    color: #0A4682;
}

.ing-forms{
    background-color: #FFFFFF;
    border-radius: 15px;    
}

.caja{
    width: 50%;
    border-radius: 15px;
}

.grilla{
    display: grid;
    justify-content: center;
    grid-template-columns: 200px auto;
    grid-column-gap: 10px;
}

.select2{
    width: 100%;
    max-width:100%;
}

.grid-container {
    display: grid;
    grid-template-columns: auto 60%;
    grid-gap: 10px;
    align-items: center;
}

.modal{
    backdrop-filter: blur(10px);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

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

.barra-herramientas{
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(15px);
}


/*article{
    border-radius: 0.375rem !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}*/

/* modifica boton userway */
body .uwy.userway_p1 .userway_buttons_wrapper{
    top: auto !important;
    right: calc(0vw - 47px) !important;
    bottom: 13px !important;
    left: auto !important;
    transform: translate(-100%) !important;
}

.tarjeta-ficha {
    transition: box-shadow 0.5s;
}
  
.tarjeta-ficha:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.movible-h{
    cursor: ns-resize;
}

.mover{
    cursor: grab;
}

.placeholder_drag{
    border-radius: 0.735rem;
    border-style: dashed;
    border-color: #7a7a7aba;
    border-width: 1px;
    padding: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
    background-color: transparent;
}

@media print {
    .no-imprimir {
        display: none;
    }
}

@media (max-width: 992px) {
    .caja{
        width: 70%;
    }
}

@media (max-width: 760px){
    .no-imprimir{
        width: 150px;
    }

    .nw-header{
        background-size: 150px;
    }

    .caja{
        width: 80%;
    }

    .grid-container {
        grid-template-columns: auto;
        grid-gap: 10px;
    }
}