html {
    position: relative;
    min-height: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}
.fijoCardImg {
    width: 100%;
    height: 150px;
}
.firstImg {
    height: 100vh !important;
}
.card .card-content {
    padding: 10px !important;
}
.round25 {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
}
.topRound25 {
    -webkit-border-top-left-radius: 25px !important;
    -webkit-border-top-right-radius: 25px !important;
    -moz-border-radius-topleft: 25px !important;
    -moz-border-radius-topright: 25px !important;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
}
.bgContacto {
    background-color: #1D1D1B;
    background-image: url('/imagen/puerta3.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.cristal {
    background: rgba(255, 255, 255, .3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
/* label color */
.input-field label {
    color: #000 !important;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #000 !important;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #000 !important;
    box-shadow: 0 1px 0 0 #000 !important;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #000 !important;
}
@media only screen and (max-width: 600px) {
    .fijoCardImg {
        width: 100%;
        height: 200px;
    }
}
@media only screen and (max-width: 992px) {
    nav .brand-logo {
        max-height: 50px
    }

    h1 {
        font-size: 2em;
    }
}
    @media (min-width: 768px) {
        
        html {
            font-size: 16px;
        }

       

       
    }


    .nav {
    }

        .nav li a {
            color: black
        }

        .nav li:hover {
            background-color: #ff6d00;
        }

            .nav li:hover a {
                color: white;
            }


    .round {
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

.borderText {
    /*text-shadow: 2px 0 #0000ff, -2px 0 #0000ff, 0 2px #0000ff, 0 -2px #0000ff, 1px 1px #0000ff, -1px -1px #0000ff, 1px -1px #0000ff, -1px 1px #0000ff;*/
    /*text-shadow: 2px 0 #ff6d00, -2px 0 #ff6d00, 0 2px #ff6d00, 0 -2px #ff6d00, 1px 1px #ff6d00, -1px -1px #ff6d00, 1px -1px #ff6d00, -1px 1px #ff6d00;*/
    text-shadow: 2px 0 #1F3B4D, -2px 0 #1F3B4D, 0 2px #1F3B4D, 0 -2px #1F3B4D, 1px 1px #1F3B4D, -1px -1px #1F3B4D, 1px -1px #1F3B4D, -1px 1px #1F3B4D;
}

    .subTitle {
        font-size: 35px;
        color: whitesmoke;
        text-align: justify;
    }

    .promo i {
        margin: 40px 0;
        color: #ff6d00;
        font-size: 7rem;
    }

    .promo-caption {
        font-size: 1.7rem;
        font-weight: 500;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .center {
        text-align: center;
        vertical-align: middle;
    }

    .light {
        font-weight: 300;
    }

    .bgAzul {
        background: #1F3B4D;
        background: linear-gradient(90deg,rgba(31, 59, 77, 1) 0%, rgba(30, 44, 199, 1) 50%, rgba(10, 35, 66, 1) 100%);
    }

    .bgNaranja {
        background: #eda86b;
        background: linear-gradient(90deg,rgba(237, 168, 107, 1) 0%, rgba(255, 109, 0, 1) 50%, rgba(6, 6, 10, 1) 100%);
    }