/* COLORS */
:root {
    --primary: #153A70;
    --secondary: #F38033;

    --secondary-background: #F9EFE8;

    --primary-dark: #1d509d;

    --black: #242424;
    --darkGrey: #606060;
}

* {
    color: var(--primary) !important;
    font-family: 'Fira Sans', sans-serif !important;
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-black {
    color: var(--black) !important;
}

.text-darkgrey {
    color: var(--darkGrey) !important;
}

.text-white {
    color: white !important;
}

.title {
    font-size: 2.5rem;
    font-family: 'Lora', serif !important;
    line-height: 1.35;
}

.fira {
    font-family: 'Fira Sans', sans-serif !important;
}

.lora {
    font-family: 'Lora', serif !important;
}

.subTitle {
    font-size: 25px;
}

.header {
    font-size: 20px;
}

.label {
    font-size: 14px;
}

.interline-small {
    line-height: 1.2;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-secondary-light {
    background-color: var(--secondary-background) !important;
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: white !important;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: var(--primary-dark) !important;
    color: white !important;
}

.line {
    position: relative;
}

.line::after {
    content: "";
    background-color: var(--primary);
    width: 8px;
    height: 40px;
    position: absolute;
    top: 0px;
}

.line[line-position="left"] {
    border-left: 1px solid var(--primary);
}

.line[line-position="left"]::after {
    left: 0px;
}

.line[line-position="right"] {
    border-right: 1px solid var(--primary);
}

.line[line-position="right"]::after {
    right: 0px;
}

.line-small::after {
    width: 4px !important;
    height: 18px !important;
}

.fw-light {
    opacity: 0.7;
}

a {
    text-decoration: none !important;
}

.banner {
    background: url('./assets/banner.png') no-repeat center center/cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    /* altura mínima base */
    height: auto;
    position: relative;
}

.banner i {
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.banner i:hover {
    opacity: 1;
}

.footer {
    background-image: url('../assets/footer.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-img-2 {
    background-image: url('../assets/fondo2.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.contact {
    background-image: url('../assets/contact.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

input::placeholder,
textarea::placeholder {
    color: rgb(153, 153, 153) !important;
}

@media (min-width: 768px) {
    .navbar-collapse {
        background-color: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
}

@media (max-width: 600px) {
    .title {
        font-size: 25px;
        line-height: 1;
    }
}