#banner {
        background-position: 50% 80%;
    }
    #promociones {padding: 6em 0 3em 0;}
    #promociones.container {max-width: calc(100% - 1em);}
    #promociones article {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;}
    #promociones article picture {width: 40%;margin-bottom: 2em;}
    #promociones article picture img {width: 100%;border-radius: 0;}
    #promociones article .datos {width: 55%;padding: 0 2em;height: auto;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 2em;}
    #promociones article .datos .small {font-size: 1em;}
    #promociones article .datos p {font-size: 1em;margin: 0 0 1em 0;line-height: 1.2em;}
    #promociones article .datos h3 {color: var(--color-verde);font-weight: 500;text-align: center;}
    #promociones article .datos h4 {text-align: center;}
    #promociones article .datos p.links {font-size: 1em;margin-top: 1em;margin-bottom: 1em;}
    #promociones article .datos .resaltado-verde {cursor: pointer;font-style: normal;}
    #promociones article .datos ul {margin-bottom: 1em;}
    #promociones article .datos ul li {display: inline-block;vertical-align: top;font-size: 0.9em;width: 50%;padding-left: 1em;}
    #promociones article .datos ul li:before {content: '\f111';font-family: 'Font Awesome 5 Free';display: inline-block;font-size: 0.35em;font-weight: 600;margin-right: 1.5em;height: 3em;line-height: 3em;padding-top: 1em;vertical-align: top;}
    @media screen and (max-width: 840px) {#promociones article picture {width: 80%} #promociones article .datos {width: 100%;}}
    @media screen and (max-width: 736px) {#promociones article picture {width: 100%} #promociones article .datos {width: 100%;padding: 0;}}