:root {
    --fondoPrincipal: #b09ec7;
    --colorPrincipal: rgba(124, 89, 165, 1);
    --colorSecundario: rgba(176, 158, 199, 1);
    --colorTerciario: rgb(136, 108, 168);
}

body {
    background-color: #f5eefc;
    font-family: "Poppins", sans-serif;
}

#global-header {
}

#global-nav {
    position: sticky;
    top: 0;
    z-index: 9999;
}

#main-header-id {
    background: var(--fondoPrincipal);
    background: linear-gradient(127deg, rgba(176, 158, 199, 1) 0%, rgba(124, 89, 165, 1) 69%, rgba(123, 87, 163, 1) 100%);
}

.custom-main-btn {
    background-color: var(--colorPrincipal);
    border: none;
}
.custom-main-btn:hover {
    background-color: var(--colorTerciario);
    border: none;
}

.btn-editar {
    border: none;
    background-color: var(--colorTerciario);
    color: #f5eefc;
    border-radius: 5px;
    padding-left: 1em;
    padding-right: 1em;
}
.btn-editar:hover {
    background-color: var(--colorSecundario);
}
.btn-eliminar {
    border: none;
    background-color: #dc3545;
    color: #f5eefc;
    border-radius: 5px;
    padding-left: 1em;
    padding-right: 1em;
}

@media screen and (max-width: 430px) {
    #main-header-id {
        padding: 1em;
        max-height: 200px;
    }
}

.custom-titles {
    color: #474747;
}