@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import "styles_master.css";
@import "styles_portada.css";
@import "styles_login.css";

:root {
    --orange: #e9652d;
    --blue: #1c2b4c;
    --cream: #f4d892;
}

html {
    height: 100%;
}

body {
    height: 100%;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 1000;
    font-size: 20px;
    font-style: normal;
    margin: 0 50px;

    @media only screen and (min-width: 992px) {
        font-size: 70px;
    } 
}

h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 1000;
    font-style: normal;
    font-size: 20px;
    margin: 0 50px;

    @media only screen and (min-width: 992px) {
        font-size: 50px;
    } 
}

p, h4 {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin: 0 50px;
}

.fons {
    background-color: var(--blue);
    color: var(--cream);
}

.fons-2 {
    background-color: var(--orange);
    color: var(--cream);
}

.fons-3 {
    background-color: var(--cream);
    color: var(--blue);
}

.w3-bar .active, .w3-bar .active-tab {
    font-weight: bold;
    background-color: transparent;
}

.w3-bar .w3-bar-item:hover {
    border-bottom: 1px solid #f4d892;
    background-color: transparent !important;
    color: inherit !important;
}

.w3-bar.fons-3 .active {
    background-color: transparent;
    font-weight: bold;
}

.w3-bar.fons-3 .w3-bar-item:hover {
    border-bottom: 1px solid var(--blue);
    background-color: transparent !important;
    color: inherit !important;
}
 
.buttons {
    background-color: var(--orange);
    color: var(--cream);
    font-weight: bold;
    width: auto;
    max-width: 200px;
    margin: 0 50px;
}

.buttons:hover {
    background-color: #a53506 !important;
    color: inherit !important;
}