:root {

    /* Globales de configuración de HTML y Body */
    --bulma-body-family: 'DM Sans', sans-serif;
    --bulma-body-background-color: white;
    --bulma-body-size: 1em;
    --bulma-body-line-height: 1.3em;
    --bulma-body-font-size: 1em;
    --bulma-small-font-size: 0.875rem;
    --bulma-body-color: #343434;
    --bulma-body-weight: 400;

    --white-color: white;

    /* Tamaños de texto */
    --bulma-size-small: 0.75rem;
    --bulma-size-normal: 1rem;
    --bulma-size-medium: 1.25rem;
    --bulma-size-large: 1.5rem;

    /* Peso de los textos */
    --bulma-weight-light: 300;
    --bulma-weight-normal: 400;
    --bulma-weight-medium: 500;
    --bulma-weight-semibold: 600;
    --bulma-weight-bold: 700;
    --bulma-weight-extrabold: 800;

    /* Espacio de los blocks */
    --bulma-block-spacing: 2rem;

    /* Hr */
    --bulma-hr-margin: 1.2em 0;

    /* Colores */
    --bulma-primary-h: 343;
    --bulma-primary-s: 71%;
    --bulma-primary-l: 57%;    
    
    --bulma-focus-h: 343;
    --bulma-focus-s: 71%;
    --bulma-focus-l: 57%;

    /* Breadcrumbs */
    --bulma-breadcrumb-item-color: var(--bulma-body-color);
    --bulma-breadcrumb-item-active-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));

    /* Enlaces */
    --bulma-link: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
    --bulma-link-text: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));

    /* Menú vertical */
    --sulime-menu-vertical-font-size: 0.85em;
    --sulime-menu-vertical-padding: 0.3em 0;
    --sulime-menu-vertical-submenu-fondo: #f1f1f1;
    --sulime-menu-vertical-submenu-font-size: 0.75em;

    /* Alertify JS */
	--alertify-border-radius: 6px;
	--alertify-error-color: white;
	--alertify-error-background: #DD1C3E;
	--alertify-error-border: 1px solid #DD1C3E;
	--alertify-warning-color: #343434;
	--alertify-warning-background: #F7DFBA;
	--alertify-warning-border: 1px solid #F7E298;
	--alertify-success-color: white;
	--alertify-success-background: #A7BF2E;
	--alertify-success-border: 1px solid #A7BF2E;
   
}

/* Negrita para los enlaces HTML 
a { font-weight: bold; }*/

/* Flechita de los elementos Select de HTML */
.select:not(.is-multiple):not(.is-loading)::after { border-color: var(--bulma-link); }

/* Espacio (padding) en las cajas de tipo box */
.box { --bulma-box-padding: 2.5rem; }

/* Breadcrumbs */
.breadcrumb { --bulma-breadcrumb-item-color: var(--bulma-body-color); --bulma-breadcrumb-item-hover-color: var(--bulma-link); }
.breadcrumb li.is-active a { color: var(--bulma-link); }

/* Hero */
.hero.is-primary .title, .hero.is-primary .subtitle { color: white; }

/* Buttons */
.button.is-primary { color: white; }

/* Navbar */
.navbar-link, a.navbar-item { background: none; font-weight: bold; text-transform: uppercase; }
a.navbar-item.is-active { border-radius: 6px; color: white; }
a.navbar-item.is-selected, a.navbar-item.is-active {
    color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
}

/* Menú */
ul.menu-list { margin-inline-start: 0; }
/* .menu, .menu-list a { font-size: var(--sulime-menu-vertical-font-size); padding: var(--sulime-menu-vertical-padding); } */
/* .menu-list li ul li a { background-color: var(--sulime-menu-vertical-submenu-fondo); font-size: var(--sulime-menu-vertical-submenu-font-size); } */
.menu-list a.is-active { background: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); }

/* Menú vertical backend */
.menu-vertical, .menu-list-vertical a { font-size: var(--sulime-menu-vertical-font-size); }
.menu-list-vertical li ul li a { background-color: var(--sulime-menu-vertical-submenu-fondo); font-size: var(--sulime-menu-vertical-submenu-font-size); }
.menu-list-vertical a.is-active { background: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); }

/* Tabs */
.tabs ul { margin-left: 0; }

/* Tablas */
.content table td, .content table th { vertical-align: middle; }

/* Paginación */
.pagination-list li { margin-top: 0!important; }
.pagination-link.is-current, .pagination-link.is-selected { 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)); }

/* Notificaciones */
.notification.is-dark { color: white; }

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

/* Override Selectize */
.selectize-input { padding: 5px 8px; }
.selectize-control.single .selectize-input::after { display: none; }

/* Overwrite jQuery UI */
.ui-widget-header {background: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l))!important; }

/* Swiper */
/*.swiper { border-radius:24px; box-shadow: var(--my-shadow); } */
.swiper-pagination-bullet-active { background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); }
.swiper-button-next, .swiper-button-prev { color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); opacity: 0.6; }

/* Tippy.js Themes */
.tippy-box[data-theme~='instagram'] {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    color: white;
}
.tippy-box[data-theme~='facebook'] {
    background: #0866ff;
    color: white;
}
.tippy-box[data-theme~='whatsapp'] {
    background: #25d366;
    color: white;
}