:root {

    /* Typography */
    --bulma-family-primary: 'Manrope', sans-serif;
    --bulma-family-secondary: 'Manrope', sans-serif;

    /* Background */
    --bulma-body-background-color: white;
    --background-smoke: #F7F9FE;

    /* Color primary (Celeste: #9CC4E4) */
    --color-primary-h: 207deg;
    --color-primary-s: 57%;
    --color-primary-l: 75%;

    /* Color secondary (Naranja: #F17D58) */
    --color-secondary-h: 16deg;
    --color-secondary-s: 85%;
    --color-secondary-l: 65%;

    /* Color primary light (Celeste: #e3f2fd) */
    --color-primary-light-h: 205deg;
    --color-primary-light-s: 87%;
    --color-primary-light-l: 94%;

    /* Bulma primary */
    --bulma-primary-h: var(--color-primary-h);
    --bulma-primary-s: var(--color-primary-s);
    --bulma-primary-l: var(--color-primary-l);

    /* Bulma secondary */
    --bulma-secondary-h: var(--color-secondary-h);
    --bulma-secondary-s: var(--color-secondary-s);
    --bulma-secondary-l: var(--color-secondary-l);

    /* Shadows */
    --my-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.05) 0px 10px 20px -5px, rgba(0, 0, 0, 0.1) 0px 20px 50px -20px;

    /* Dropdown arrow */
    --bulma-navbar-dropdown-arrow: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));

    /* Bulma Navbar */
    --bulma-navbar-h: var(--bulma-primary-h);
    --bulma-navbar-s: var(--bulma-primary-s);
    --bulma-navbar-l: var(--bulma-primary-l);

    /* Alertify JS */
	--alertify-border-radius: 6px;
	--alertify-error-color: white;
	--alertify-error-background: #c9184a;
	--alertify-error-border: 1px solid rgb(182, 23, 52);
	--alertify-warning-color: #343434;
	--alertify-warning-background: #e9c46a;
	--alertify-warning-border: 1px solid rgb(233, 208, 120);
	--alertify-success-color: white;
	--alertify-success-background: #3faba7;
	--alertify-success-border: 1px solid #329b98;
    
}

/* Menú principal */
.navbar {
	--bulma-navbar-item-selected-h: 182deg;
	--bulma-navbar-item-selected-s: 43%;
	--bulma-navbar-item-selected-l: 76%;
}

/* Tabs */
.tabs {
  --bulma-tabs-toggle-link-active-background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
  --bulma-tabs-toggle-link-active-border-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
}

.has-text-secondary { color: hsl(var(--bulma-secondary-h), var(--bulma-secondary-s), var(--bulma-secondary-l)); }

.image { border-radius: 12px; box-shadow: var(--my-shadow); }

.navbar-item { font-weight: 900; }

/* Tags */
.tag.is-fullwidth { width: 100%; }

/* Botones */
.button.is-text { text-decoration: none; }
.button.is-primary { color: white; }
.button.is-primary.is-outlined { 
    color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
    border-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered {
    color: white;
    background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
    border-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
}
.button.is-secondary { background-color: hsl(var(--bulma-secondary-h), var(--bulma-secondary-s), var(--bulma-secondary-l)); border-color: hsl(var(--bulma-secondary-h), var(--bulma-secondary-s), var(--bulma-secondary-l)); color: white; }
.button.is-secondary:hover, .button.is-secondary.is-hovered { background-color: hsl(var(--bulma-secondary-h), calc(var(--bulma-secondary-s) + 5%), calc(var(--bulma-secondary-l) - 5%)); border-color: hsl(var(--bulma-secondary-h), calc(var(--bulma-secondary-s) + 5%), calc(var(--bulma-secondary-l) - 5%)); color: white; }

/* Fondo de opción seleccionada en el navbar */
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active, .navbar.is-transparent .navbar-dropdown a.navbar-item.is-selected { background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); }

/* AlertifyJS */
.alertify-notifier a { color: white; }
.alertify-notifier { text-align: center!important; }
.alertify-notifier .ajs-message.ajs-error { color: var(--alertify-error-color)!important; background-color: var(--alertify-error-background)!important; border: var(--alertify-error-border)!important; }
.alertify-notifier .ajs-message.ajs-warning { color: var(--alertify-warning-color)!important; background-color: var(--alertify-warning-background)!important; border: var(--alertify-warning-border)!important; }
.alertify-notifier .ajs-message.ajs-success { color: var(--alertify-success-color)!important; background-color: var(--alertify-success-background)!important; border: var(--alertify-success-border)!important; }
.alertify-notifier .ajs-message.ajs-error, .alertify-notifier .ajs-message.ajs-warning, .alertify-notifier .ajs-message.ajs-success { border-radius: var(--alertify-border-radius)!important; }

/* Centrado vertical para tablas */
.content .table.is-vcentered td,
.content .table.is-vcentered th {
    vertical-align: middle !important;
}

/* Corrección de breadcrumbs */
.content li + li { margin-top: 0; }

/* Fondo de elemento activo en menú principal */
#main-menu .button.is-active {
    background-color: hsl(var(--bulma-secondary-h), var(--bulma-secondary-s), var(--bulma-secondary-l));
    color: white;
}