@import 'css/spectre-full.css';

:root 
{
 
  /* COLORES IRIS  */
    --line-divide : #DADADA;
    --olive-border: #BEBFB2;
    --main-olive  : #000000;
    --light-olive : #F2F3EA;
    --olive-hover : #787B4A;
    --main-pink   : #B88A7A;
    
    --color-background-light  : #F8F8F5;
    --color-background        : #EFEFEF;
    --color-background-ginicio: #F8EAE3;
    --color-background-gfin   : #D5D6CA;
    
    --main-button        : #B88A7A;
    --main-button-ginicio: #B88A7A;
    --main-button-gfin   : #ABAA97;
    --body-text          : #646464;
    --light-gray         : #EFEFEF;
    
    --color-nashville: #65020a;
    
    --dark-gray: #3E3E3E;
    
    --color-primary: var(--main-olive);
    --color-primary-light  : #BEBFB2;
    --color-primary-lighter: #DADADA;
    /* --color-primary-dark   : #787B4A;
    --color-primary-darker : #63663f;
    --color-primary-darkest: #60633b; */

    --opacity-noise:0.5;
    --padding-cs: 1rem;

    --max-content: 1300px;
    --max-ancho: var(--max-content);
    --menu-top: 1rem;
}

.font-recoleta
{
    --font-family-sans:'recoleta';
    font-family:var(--font-family-sans);
}
.font-gl
{
    --font-family-sans: 'gl';
    font-family:var(--font-family-sans);
}
.font-gm
{
    --font-family-sans: 'gm';
    font-family:var(--font-family-sans);
}
.font-gmm
{
    --font-family-sans: 'gmm';
    font-family:var(--font-family-sans);
}

.title
{
    font-size: var(--font-size-xxxl)
}
.bajada
{
    font-size: var(--font-size-md)
}

/* 
  Estilos de css personalizados debajo 
  Scrollbar
*/
[scrollbr] {
  scrollbar-color: var(--olive-border);
  transition: scrollbar-color 3000ms linear;
}
[scrollbr]:hover {
  scrollbar-color: transparent;
}
[scrollbr]:not(:hover)::-webkit-scrollbar-thumb {
  scrollbar-width: 0px;
  background: transparent;
}
[scrollbr]::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
[scrollbr]::-webkit-scrollbar-thumb {
  border-radius: 5px;
  transition   : background 0.3s;
  background   : #d1dbe3;
  background   : -moz-linear-gradient(90deg, var(--olive-border) 20%, var(--olive-border) 91%);
  background   : -webkit-linear-gradient(90deg, var(--olive-border) 20%, var(--olive-border) 91%);
  background   : linear-gradient(90deg, var(--olive-border) 20%, var(--olive-border) 91%);
  filter       : progid: DXImageTransform.Microsoft.gradient(startColorstr = "var(--olive-border)",endColorstr = "#746ec6",GradientType = 1);
}

/* ALERTAS DE DM */
*[data-dmalert]
{
    position: fixed;
    max-width: 350px;
    z-index: 9999;
    box-sizing: border-box;
    margin: 0;
    height: fit-content;
}
.dmalert-pos-br
{
    bottom: 0px;
    right: 0px;
}
.dmalert-pos-bc
{
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.dmalert-pos-bl
{
    bottom: 0px;
    left: 0px;
}
.dmalert-pos-tr
{
    top: 0px;
    right: 0px;
}
.dmalert-pos-tc
{
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.dmalert-pos-tl
{
    top: 0px;
    left: 0px;
}
.dmalert-tipo-neutro
{
    padding: 0.5rem 1rem;
    font-family: 'gm';
    font-size: 1rem;
}
.dmalert-tipo-error
{
    padding: 0.5rem 1rem;
    font-family: 'gm';
    font-size: 1rem;
}
.dmalert-tipo-warning
{
    padding: 0.5rem 1rem;
    font-family: 'gm';
    font-size: 1rem;
}
.dmalert-tipo-success
{
    padding: 0.5rem 1rem;
    font-family: 'gm';
    font-size: 1rem;
}