@font-face {
    font-family: 'Montserrat';
    src: url('/public/fonts/Montserrat-VariableFont_wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
/* Variables CSS */
:root {
    --primary-color: #000;
    --secondary-color: #fff;
    --red-color: #D40021;
    --background-color: #f0f0f0;
    --font-family: 'Montserrat', sans-serif;
    --font-size-base: 16px;
    --header-height: 60px;
    --transition-duration: 0.8s;
    --border-color: #3b3a3a;
    --gray-text-muted: #666666;
    /* --border-color: #868686; */
}
/* Estilos generales */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth;
}
body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
}

.btn-border{
    border: 1px solid var(--secondary-color);
    font-size: 16px !important;
}