@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
/*div.container {
    max-width: 950px;
}*/
div, p, h1, h2, label {
    font-family: Lato;
}
#topbar {
    background-color: #EFEFEF;
    padding: 10px 0;
    font-size: 8pt;
}
#portada {
    margin: 12px 0;
}
#portada .row {
    height: max-content
}
#portada .col-md-4 img {
    object-fit: cover;
}
#info {
    background-color: #EFEFEF;
    padding: 25px;
    height: 100%;
}
#info h1 {
    color: #C3002C;
}
#info h2 {
    color: #444444;
    font-size: 18pt;
}
#info h3 {
    color: #C3002C;
    font-size: 18pt;
}
#info img {
    width: 200px
}
#destacat {
    padding: 25px 0;
    background-color: #C3002C;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 24px;
}
#landing {
    margin: 12px 0;
}
#landing ul>li {
    margin: 12px 0;
    font-size: 20px;
}
#landing ul>li::marker {
    color: #C3002C;
    font-weight: 700;
    content: '→ ';
    font-size: 25px;
}
#footer {
    background-color: #EFEFEF;
}
/*#footer .container .cuerpo p {
    background-color: #4F4F4F;
    color: #FFFFFF;
}*/
#footer .container .cuerpo {
    text-align: center;
    font-size: 8pt;
    line-height: 2
}
#footer ul {
    list-style-type: none;
}

#form {
    background-color: #EFEFEF;
    padding: 25px;
    font-weight: 700;
    font-size: 12px;
}
#form label, #form input {
    width: 100%
}
#form label {
    margin-bottom: 5px;
}
#form input {
    border: none;
    padding: 10px;
    margin-bottom: 10px;
}
#form input[type=submit] {
    background-color: #C3002C;
    color: #FFFFFF;
    width: fit-content;
    padding: 10px 40px;
    text-transform: uppercase;
    margin: 0;
}
#form button#envia {
    background-color: #C3002C;
    color: white;
    width: fit-content;
    padding: 10px 40px;
    text-transform: uppercase;
    margin: 0;
    border: none;
}

.form-container input[type=submit] {
    margin-top: 25px;
    width: 100%;
    height: 35px !important;
    background: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-style: none;
}




/* ┌──────────────────┐
   │    Responsive    │
   └──────────────────┘ */

@media screen and (max-width: 765px) { 
    #portada .col-md-4 img {
        height: 350px;
        width: 100%;
        object-fit: cover;
    }   
}