* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    background: #f8f7ef url('img/fondo-agro.svg') repeat;
    background-size: 240px 240px;
}

.campana-banner {
    background: #f8f7ef;
    padding: 12px 16px;
}

.campana-banner img {
    display: block;
    width: 100%;
    max-width: 960px;
    height: auto;
    margin: 0 auto;
}

.campana-menu { background: #244c3b; }

.campana-menu-contenido {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 25px;
    padding: 13px 18px;
}

.campana-menu a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 7px;
}

.campana-menu a:hover,
.campana-menu a:focus-visible {
    text-decoration: underline;
}

.campana-pie {
    padding: 26px max(24px, calc((100% - 1200px) / 2));
    background: #244c3b;
    color: #fff;
    display: grid;
    gap: 6px;
    text-align: left;
}

.campana-visitas {
    margin-top: 8px;
    font-size: 14px;
    opacity: .8;
}

@media (max-width: 600px) {
    .campana-banner {
        padding: 8px 0;
    }

    .campana-menu-contenido {
        gap: 6px 16px;
        padding: 9px 12px;
    }
}