nav, footer {
    background-color: #002643;
}

/*****************************************/
.heroContainer{
    background-color: #004BC2;
}

.heroText h1 {
    color: #FFF;
    font-weight: 700;

}
.heroText h2 {
    color: #002643;
    font-family: Montserrat;
    font-size: 23px;
    font-style: normal;
    background-color: white;
    font-weight: 700;
    line-height: 30px;
    margin: 10px 0;
    padding: 0 5px;
}

.heroText {
    gap: 0px;
}

.heroText .release {
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 130% */
    background-color: #002643;
    padding: 0 5px;
    margin: 0 0 10px;
}

.heroTextP {
    color: #FFF;
    font-size: 18px;
    line-height: 22px;
}

.webinarDetail{
    background-color: #ECEBE7;
}

.webinarDetail p {
    color: #002643;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.webinarRegister .webinarDate {
    background-color: #013D9C;
}

.webinarTopics h2{
    color: #FFF;
}

.webinarDate div{
    display: flex;
    flex-direction: row;
    gap: 15px;
}

/*****************************************/

.infoBkgContainer {
    background-image:  url("https://www.embluemail.com/webinars/de-leads-a-clientes/images/vector-emblue.svg"), url(images/vector-e.svg), url(images/vector-identidad-emblue.svg), url(images/fondo-webinar.webp);
    background-size: auto, auto, auto, 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat;
    background-position: 50% 63%, 68% 103%, 99% 70%, center center;
    
}

/*****************************************/

.banner {
    background-color: #ECEBE7;
}

.banner h2 {
    color: #002643;
}

/*****************************************/

.pais{
    margin-right: 5px;
}

/*****************************************/

@media (min-width: 700px) {

    .heroText h1 {
        color: #FFF;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 700;
        line-height: 111.9%; /* 55.95px */
        width: fit-content;
        font-size: 43px;
        padding: 0 5px;
    }
}

@media (width > 1001px) {
    .heroText h2{
        width: max-content;
    }

    .webinarContainer {
        grid-template-rows: 300px auto auto;
    }
}

@media (min-width: 1138px) {
    .webinarContainer {
        grid-template-rows: 250px auto auto;
    }

    
    .hero {
        padding-bottom: 30px;
    }

    .heroText {
        padding-bottom: 60px;
    }

    .hero h2 {
        width: max-content;
        max-width: 100%;
    }
}

@media (width < 1001px) {
    .hero {
        padding-bottom: 30px;
    }

    .heroText {
        padding-bottom: 0px !important;
    }

}