:root {
    --titulodisplay1: clamp(2rem, 1.5rem + 1.25vw, 2.625rem);
    --titulodisplay2: clamp(1.563rem, 1.113rem + 1.125vw, 2.125rem);
    --textogeneral: clamp(1.125rem, 1.325rem + -0.5vw, 0.875rem);
    --padinggeneral: calc(1.5625rem + ((1vw - 3.7px) * 17.7419));
    --padingreguladorporcentajechico: 6%;
    --colorborderboton: #dbae70;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #f4f7f8;
}

/* boton */
.botonbullet {
    border-radius: 5px;
    border: 1px var(--colorborderboton) solid;
    padding: 5px 15px;
}

.botonbullet:hover {
    background: var(--colorborderboton);
}

/* Textos */
.textogeneral {
    font-size: var(--textogeneral);

    /* color: var(--color-texto-600); */
}

.text-refuerzo {
    font-size: var(--titulodisplay1);
    line-height: 100%;
}

.text-refuerzo2 {
    font-size: var(--titulodisplay2);
    line-height: 105%;
}

b {
    text-transform: none;
    color: var(--color-Secundario-800);
}

/* detalles de la página */
::selection {
    color: #f4f7f8;
    background: #a98554;
}

/* Para personalizar la barra de scroll completa */
::-webkit-scrollbar {
    width: 10px;

    /* Ancho de la barra */
}

/* Para personalizar la pista (el fondo) */
::-webkit-scrollbar-track {
    background: #f4f7f8;
}

/* Para personalizar el pulgar (la parte que se arrastra) */
::-webkit-scrollbar-thumb {
    background: #a98854;
    border-radius: 6px;
}

/* margen y padding general */
.paddingeneral {
    padding: var(--padingreguladorporcentajechico) var(--padinggeneral);
}

.paddinlados {
    padding: 0px var(--padingreguladorporcentajechico);
}

/* galeria */
/* .pgia-gallery-lightbox {
    background-color: #a98654ce !important;
} */