:root {
    --wrapper-size: 1173px;
    --input-background: rgb(246,249,252);
    --input-inset-shadow: inset 0px 0px 0px 3px rgba(16,112,255,0.3);
    --button-shadow: 0 3px 6px rgba(0,0,0,0.16);
    --button-shadow-hover: 0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08);
    --button-gradient: linear-gradient(-45deg,#48a9df,#1c91eb,#1c91eb,#48a9df);
    --font: "Open Sans","Helvetica","Arial",sans-serif;
    --font-xs: 0.5em;
    --font-sm: 0.8em;
    --font-md: 1em;
    --font-lg: 1.25em;
    --font-xl: 1.5em;
    --font-xll: 2em;
    --font-color-primary: black;
    --font-color-primary-alpha: rgba(0,0,0,0.41);
    --font-color-secondary: white;
    --font-color-secondary-alpha: rgba(255,255,255,0.8);
    --line-height: 1.5em;
    --linear-gradient: linear-gradient(-135deg,#72c0eb,#00d2ff,#1c91eb,#3a7bd5);
    --primary: #0085ff;
    --primary-alpha: rgba(0,133,255,0.32);
    --primary-hover: #0064BF;
    --purple: #BC00FF;
    --purple-alpha: rgba(188,0,255,0.32);
    --yellow: #ffdb4d;
    --yellow-alpha: rgba(255,219,77,0.32);
    --secondary: #48a9df;
    --dark: #272b34;
    --highlight: #32ba1c;
    --highlight-hover: #34c413;
    --highlight-gradient: linear-gradient(165deg,#32ba1c 0%,#56d542 100%);
    --clear-text: #6e6c6c;
    --light-section: #f7f9fc;
    --light-background: #f7f9fc;
    --danger: #D44638;
    --danger-hover: #B23121;
    --gray: gray;
    --gray-hover: #7f7e7e;
    --list-item-border: gainsboro;
    --placeholder: #464646;
    --white: white;
    --white-alpha: rgba(255,255,255,0.8);
    --warning: #FFD037;
    --success: #3ACC6C;
    --success-alpha: rgba(58,204,108,0.32);
    --light-gray: #f2f2f2;
    --opacity-mask: rgba(0,0,0,0.8);
    --shadow: rgba(0,0,0,0.35);
    --padding-xs: 0.25em;
    --padding-sm: 0.5em;
    --padding: 1em;
    --padding-lg: 1.5em;
    --padding-xl: 2em;
    --border-radius-sm: 5px;
    --margin-sm: 0.5em;
    --margin: 1em;
    --margin-lg: 1.5em;
    --margin-xl: 2em;
    --card-shadow: 0 4px 8px rgba(0,0,0,0.2);
    --card-shadow-hover: 0 8px 16px rgba(0,0,0,0.2);
}

html {
    box-sizing: border-box;
}
*, *:before, *after {
    box-sizing: inherit;
}

body {
    padding-right: 0 !important;
}

/* Globales */
a {
    text-decoration: none;
}


/* Utilidades */
.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}
.centrar-texto {
    text-align: center;
}

.is-primary {
    background-color: rgb(0, 132, 255) !important;
}

.button-lg {
    margin-top: var(--margin);
    padding: var(--padding-lg);
    font-weight: bold;
}

/* Header */
.cover {
    width: 100%;
    height: 35rem;
    background-image: url(/includes/img/cover.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.cover_texto {
    text-align: center;
    margin-top: 10rem;
}

@media (max-width: 768px) {
    .cover_texto {
        font-size: 0.8rem;
        margin-top: 6rem;
    }
}

.cover_texto h1 {
    color: white;
    font-weight: bold;
}

.cover_texto p {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.navbar-category-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.navbar-category-item:hover {
    background-color: skyblue !important;
}

@media (min-width: 768px) {
    ::-webkit-scrollbar {
        width: 8px;
    }
}
@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: unset;
    }
}
@media (min-width: 769px) {
    ::-webkit-scrollbar-thumb {
        background: gray;
        border-radius: 80px;
    }
}

.info {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
}

.linear-gradient {
    /*background: linear-gradient(rgb(38 239 249), rgb(140 149 245));*/
    background-image: var(--linear-gradient);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}
/*https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css*/
.swal2-confirm {
    background-color: rgb(0, 132, 255) !important;
}