/*!
 * Estilos utilizados en el sitio web principal de Kalida Proyectos
 * de Septiembre de 2024
 *
 * Otros estilos han sido incorporados directamente al
 * maquetador Elementor en la plantilla Header siguiendo
 * la ruta Ajustes - Avanzado - CSS.
 */

/*** Elementos de uso general ***/

html {
    max-width: 1366px;
    margin: 0 auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	line-height: unset;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #F0B83E;
    border-width: 1px;
    border-style: solid;
    border-color: #F0B83E;
    border-radius: 20px;
}

::-webkit-scrollbar-track {
    background: #51264D;
}

:focus-visible {
    outline: none;
}

a:active, a:hover {
    color: transparent;
}

button:focus, button:hover {
    outline: none;
    background-color: transparent;
    text-decoration: none;    
}

.elementor-button {
    line-height: 1.4;
}

.elementor-button-icon svg {
    width: 2em;
    height: 1.2em;
}