/* Place all your CSS rules inside this file */
html {
    max-width: 100%;
}
body {
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    /* background-image: url('images/bg.jpg');
    background-size: cover; */
    overflow-x: hidden;
    overflow-y: auto;
}
.content_area {
    width: 100%;
    display: grid;
}
.main {
    background-color: #503288;
    background-image: url('https://d17mh4r1hk5d5c.cloudfront.net/blocks/673126d5/DM0sTS1xVc_web.jpg');
    aspect-ratio: 2.04/1;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.pills {
    background: url('https://d17mh4r1hk5d5c.cloudfront.net/blocks/673126d5/luz0q5j9YN_endr.jpg') no-repeat bottom center;
    background-color: #503288;
    padding: 2em 0em;
}
.logos {
    text-align: center;
    padding: 1em;
    display: flex;
    gap: 1em;
    justify-content: center;
    max-width: 70%;
    margin-inline: auto;        
    padding-top: 3em;
}
.logos img {
    max-height: 130px;
}
.pill_title {
    max-width: 80%;
    margin-inline: auto;
    display: block;
}
.pills_container {
    max-width: 70%;
    margin-inline: auto;    
}
.pills_train {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5em;
    margin-top: 4em;
    padding-top: 4em;
    margin-bottom: 5em;
    word-break: break-word;
}
.pill_content {
    border: 0.3em solid #76d6dd;
    display: grid;
    background: rgb(118,214,221);
    background: linear-gradient(0deg, rgba(118,214,221,0.25) 0%, rgba(255,255,255,0) 63%);
}
.pill_content div {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    padding: 1em;
    color: #fff;
    font-size: 1.1em;
}
.pill_content em {
    font-style: normal;
    font-weight: 400;
    color: #76d6dd;
}
.pill_content div:first-child {
    position: relative;
    text-align: center;
    min-height: 60px;
}
.pill_content div:first-child img {
    position: absolute;
    translate: -50% -60%;
}
.vivienda {
    padding: 5em 3em;
}  
.info {
    max-width: 70%;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr 7fr;
    gap: 2em;
    place-items: center;
}
.mas-vos {
    background-color: #452c75;
    color: #fff;
    font-size: 0.8em;
    padding: 5em;
} 
.mas-vos div {
    max-width: 70%;
    margin-inline: auto;
}
 
.mas-vos-logo {
    padding: 4em 2em;
    text-align: center;
}
.mas-vos .nfo {
    padding-top: 3em;
    border-top: 1px solid #c0c0c0;
}
footer .f1 {
    display: none;
}
.networksfooter {
    max-width: 80%;
    margin-inline: auto;
    gap: 1em;
    margin-top: 3em;
    margin-bottom: 4em;
    width: 570px;
    justify-content: space-between;
}

.f2-logos {
    padding-top: 3em;
}

.f2-block, .f2-block a {
    color: #000;
}

.f3 .container figure {
    font-size: 0.8em;
}

.f3 .container {
    margin-bottom: 0.5em;
}

.pill_content a {
    color: #fff;
  }

  .pill_content a:hover {
    text-decoration: underline;
  }  

@media(max-width:768px){
    .main {
        background-image: url('https://d17mh4r1hk5d5c.cloudfront.net/blocks/673126d5/tQhmxTo10W_phone.jpg');
        aspect-ratio: 0.41/1;
        background-size: cover;
    }    
    .pills {
        padding: 1em;
    }
    .pill_title {
        max-width: 100%;
        margin: 2em 0em;
    }
    .pills_train {
        grid-template-columns: 1fr;
        margin: 0;
        margin-bottom: 4em;
        margin-inline: auto;
        gap: 6em;
    }
    .vivienda {
        padding: 1em;
    }
    .info {
        grid-template-columns: 1fr;
        max-width: 100%;
    }
    .mas-vos {
        padding: 4em 2em;
    }
    .mas-vos div {
        max-width: 100%;
        margin-inline: auto;
    }
    .mas-vos-logo img {
        max-width: 100%;
    }
    .info div:nth-child(2) {
        max-width: 80%;
    }    
    .networksfooter {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        place-items: center;
        width: auto;
    }    
  .logos {
  	display: grid;
    grid-template-columns: 2fr 4fr;
  }
  .logos img {
    width: 100%;
    max-height: none;
  }
}
.pill_content a, .info a {
  display: inline;
  text-decoration: underline;
}