@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
 
:root {
    --color1: #ED3237;
    --color2: #2855A4;
}

.text-three {
    color: var(--color3);
}
body {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #636363;
}

.text-justify{
    text-align: justify;
}

a {
    text-decoration: none;
}

h1, h2, h3 {
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    /* color: var(--color3); */
    /* text-shadow: 2px 2px 2px rgba(184, 184, 184, 0.8); */
}

.card {
    box-shadow: 0 0 9px rgba(184, 184, 184, 0.8);
}

#header {
    -moz-box-shadow: 0 3px 3px rgba(215, 215, 215, 0.75);
    -webkit-box-shadow: 0 3px 3px rgba(215, 215, 215, 0.75);
    box-shadow: 0 3px 3px rgba(215, 215, 215, 0.75);
}

#header .bar-sup {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px 9%;
    color: white;
    font-weight: bold;
    font-size: 14px;
    /* background-color: #0072BB; */
    background-color: var(--color1);
    border-bottom: 1px solid #CEA14C;
}
#header .bar-sup a {
    color:var(--color4);
}
#header .bar-sup a:hover {
    color: var(--color3);
}
#header nav.navbar {
    /* padding: 2.2% 8%; */
    padding: .8% 4%;
    background-color: #fff;
}

#header nav.navbar .logo{
    height: 100px;
    width: 100%;
}

#header nav.navbar .logo2{
    height: 50px;
}

#header span.text-logo {
    font-size: 24px;
    font-weight: bold;
    color: white;
}
#header li.nav-item {
    border-bottom: 3px solid transparent;
}
#header li.nav-item:hover a.nav-link {
    border-bottom: 3px solid var(--color3);
}
#header a.nav-link {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    margin-left: 6px;
    margin-right: 6px;
    color: #0072BB;
}
#header li.nav-item a.dropdown-item {
    color: #0072BB;
}
#header li.nav-item a.dropdown-item:hover {
    color: #fff;
    background-color: #0072BB;
}
#footer {
    color: rgb(221, 221, 221);
    font-weight: bold;
    font-size: 14px;
    background: linear-gradient(to bottom, rgba(12, 55, 99, 0.75), rgba(18, 80, 121, 0.75)) , url(../../../img/contacto.jpeg);
    background-size: 100%;
}
#footer .bar-infe {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px 10%;
    font-weight: bold;
    font-size: 14px;
    background-color: var(--color1);
}

#footer section i {
    font-size: 18px;
}

#footer span {
    color: var(--color4);
}

button.btn-prim {
    background-color: var(--color3);
    font-weight: bold;
    color: white;
}
button.btn-prim:hover {
    background-color: var(--color1);
    color: white;
}


.bg-plomo {
    background-color: rgba(221, 221, 221, 0.9);
}

.text-prim {
    color: var(--color1);
}

.text-second {
    color: var(--color2);
}

.card-footer a { 
    font-size: 14px;
}

span.circulo {
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    min-width: 40px;
    height: 40px;
    margin-right: 8px;
    padding: 9px;
    text-align: center;
    width: 40px;
    font-weight: bold;
    background-color: var(--color3);
}

@media only screen and (max-width: 500px) {

    #group-logo img {
        width: 100px;
    }

    #group-logo span {
        display: none;
    }

    #header nav.navbar {
        padding: 4% 3%;
    }

    #header nav.navbar .logo{
        height: 80px;
        width: 100%;
    }

}