/* DAUX — carrossel com quatro slides. Carregar depois dos demais CSS. */
.slider-area.daux-campaign-area {
    position: relative;
    background: #422c25;
}

.daux-campaign-area .slider-active {
    width: 100%;
}

.daux-campaign-area .slider-items.daux-campaign-slide {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: clamp(460px, 58vh, 680px);
    padding: 48px 0 76px;
    overflow: hidden;
    color: #fff;
}

.daux-campaign-area .daux-campaign-slide[hidden] {
    display: none !important;
}

.daux-campaign-institucional {
    background: radial-gradient(circle at 85% 25%, #b96322, transparent 48%), linear-gradient(115deg, #342725, #75402d);
}

.daux-campaign-fraude {
    background: radial-gradient(circle at 85% 25%, #a85529, transparent 48%), linear-gradient(115deg, #3b2525, #6f352b);
}

.daux-campaign-educacao {
    background: radial-gradient(circle at 85% 25%, #8a6534, transparent 48%), linear-gradient(115deg, #38302a, #614331);
}

.daux-campaign-credito {
    background: radial-gradient(circle at 85% 25%, #ac642c, transparent 48%), linear-gradient(115deg, #3c2924, #773e2e);
}

.daux-campaign-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    align-items: center;
    gap: 56px;
    width: min(1180px, calc(100% - 48px));
    margin-inline: auto;
}

.daux-campaign-copy {
    max-width: 850px;
}

.daux-campaign-label {
    margin: 0 0 18px;
    color: #ffd2ad;
    font: 700 15px/1.5 Arial, Helvetica, sans-serif;
    letter-spacing: 1.3px;
}

.daux-campaign-area .daux-campaign-copy h1,
.daux-campaign-area .daux-campaign-copy h2 {
    max-width: 850px;
    margin: 0 0 22px;
    color: #fff;
    font: 700 clamp(32px, 3.7vw, 56px)/1.12 Arial, Helvetica, sans-serif;
    overflow-wrap: break-word;
}

.daux-campaign-description {
    max-width: 780px;
    margin: 0 0 28px;
    color: #fff;
    font: 400 clamp(17px, 1.4vw, 21px)/1.65 Arial, Helvetica, sans-serif;
}

.daux-campaign-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 20px;
    border: 2px solid #fff;
    border-radius: 6px;
    background: #fff;
    color: #783100;
    font: 700 16px/1.5 Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.daux-campaign-cta:hover {
    border-color: #ffe7d4;
    background: #ffe7d4;
    text-decoration: underline;
}

.daux-campaign-cta:focus-visible,
.daux-campaign-area .daux-slider-dot:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
}

/* Elemento tipográfico decorativo; a logo oficial permanece no cabeçalho. */
.daux-campaign-decoration {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 230px;
    height: 230px;
    border: 1px solid #ffffff55;
    border-radius: 50%;
    background: #ffffff09;
}

.daux-campaign-decoration::before {
    position: absolute;
    inset: 22px;
    border: 1px solid #ffffff30;
    border-radius: 50%;
    content: "";
}

.daux-campaign-decoration span {
    color: #ffd2ad;
    font: 700 41px/1 Arial, Helvetica, sans-serif;
    letter-spacing: 3px;
}

.daux-campaign-area > .daux-slider-dots {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 8px;
    left: 50%;
    display: flex;
    width: auto;
    transform: translateX(-50%);
    z-index: 5;
}

.daux-campaign-area .daux-slider-dot {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
}

.daux-campaign-area .daux-slider-dot::before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
}

.daux-campaign-area .daux-slider-dot[aria-current="true"]::before {
    background: #fff;
}

.daux-campaign-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 800px) {
    .daux-campaign-layout {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .daux-campaign-decoration {
        display: none;
    }
}

@media (max-width: 540px) {
    .daux-campaign-area .slider-items.daux-campaign-slide {
        min-height: 540px;
        padding: 34px 0 68px;
    }

    .daux-campaign-layout {
        width: calc(100% - 36px);
    }

    .daux-campaign-cta {
        width: 100%;
    }
}