@font-face {
    font-family: 'Work Sans';
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    font-weight: 700;
    font-display: swap;
}

/* Variables */
:root {
    --primary-color: #FF6900;
    --card-bg: rgba(255,255,255,0.8);
    --body-bg: #f7f7f7;
    --body-black: #000;
    --body-red: #C00;
    --body-white: #fff;
    --gray1: #eee;
    --gray2: #ddd;
    --gray3: #ccc;
    --text: #343434;
}

/* Base responsive */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Work Sans', sans-serif;
}
a {
    color: var(--primary-color);
}

    a:active {
        color: var(--body-red);
    }

    a:hover {
        color: var(--body-black);
    }

header {
    height:50px;
    margin-top:10px;
}
.page-wrapper{
    margin-top:40px;
}

.main-section {
    position: relative;
    /*z-index: -1;*/
}
    .main-section h2 {
        margin-bottom: 1rem;
        color: var(--text);
        font-size:1.2rem;
        font-weight:bold;
    }
.search-bar {
    padding: 0px 30px;
}
.w-90{
    width: 90% !important;
    margin: 0px auto;
}
/* Para móviles hasta los más grandes */
@media only screen (max-width: 970px) and (orientation: portrait) {
    
}