/* ==========================================================
   ADRIOCLARO — AGENDA GERAL 2026 V1600
   ========================================================== */

#adrc-agenda-geral{
    background:#f5f6fa;
    color:#010025;
}


/* HERO */

.adrc-agenda-hero{
    padding:82px 0 62px;

    background:
        radial-gradient(
            circle at 86% 18%,
            rgba(108,126,215,.17),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #07113d,
            #010025
        );

    color:#fff;
}

.adrc-agenda-wrap{
    width:calc(100% - 40px);
    max-width:1180px;
    margin:0 auto;
}

.adrc-agenda-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
    align-items:end;
    gap:55px;
}

.adrc-agenda-eyebrow{
    margin-bottom:13px;

    color:rgba(255,255,255,.55);

    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}

.adrc-agenda-hero h1{
    max-width:700px;

    margin:0 0 18px !important;

    color:#fff !important;

    font-size:54px !important;
    line-height:1.02 !important;
    letter-spacing:-1.6px;
}

.adrc-agenda-hero p{
    max-width:680px;

    margin:0;

    color:rgba(255,255,255,.72);

    font-size:15px !important;
    line-height:1.7 !important;
}

.adrc-agenda-pdf{
    padding:25px;

    border-radius:18px;

    background:rgba(255,255,255,.07);

    border:
        1px solid rgba(255,255,255,.10);
}

.adrc-agenda-pdf small{
    display:block;

    margin-bottom:7px;

    color:rgba(255,255,255,.48);

    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
}

.adrc-agenda-pdf strong{
    display:block;

    margin-bottom:15px;

    color:#fff;

    font-size:18px;
}

.adrc-agenda-pdf a{
    display:inline-flex;

    padding:11px 15px;

    border-radius:8px;

    background:#fff;
    color:#010025 !important;

    text-decoration:none !important;

    font-size:9px;
    font-weight:900;
}


/* ==========================================================
   PRÓXIMOS
   ========================================================== */

.adrc-next-events{
    padding:47px 0 36px;
}

.adrc-section-kicker{
    margin-bottom:7px;

    color:#74798a;

    font-size:10px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.adrc-section-title{
    margin:0 0 25px !important;

    color:#010025 !important;

    font-size:34px !important;
    line-height:1.08 !important;
}

.adrc-next-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:17px;
}

.adrc-next-card{
    min-height:205px;

    display:flex;
    flex-direction:column;

    padding:22px;

    border-radius:17px;

    background:#fff;

    border:1px solid #e5e7ee;

    box-shadow:
        0 12px 32px rgba(1,0,37,.045);
}

.adrc-next-card.is-main{
    background:#010025;
    color:#fff;
}

.adrc-next-badge{
    display:inline-block;

    align-self:flex-start;

    margin-bottom:17px;
    padding:5px 8px;

    border-radius:30px;

    background:#eef0f5;
    color:#010025;

    font-size:7.5px;
    font-weight:900;
    letter-spacing:.6px;

    text-transform:uppercase;
}

.adrc-next-card.is-main
.adrc-next-badge{
    background:rgba(255,255,255,.11);
    color:#fff;
}

.adrc-next-card time{
    margin-bottom:7px;

    color:#777d8d;

    font-size:10px;
    font-weight:700;
}

.adrc-next-card.is-main time{
    color:rgba(255,255,255,.57);
}

.adrc-next-card h3{
    margin:0 0 8px !important;

    color:#010025 !important;

    font-size:19px !important;
    line-height:1.2 !important;
}

.adrc-next-card.is-main h3{
    color:#fff !important;
}

.adrc-next-card p{
    margin:0;

    color:#74798a;

    font-size:11px !important;
    line-height:1.55 !important;
}

.adrc-next-card.is-main p{
    color:rgba(255,255,255,.66);
}


/* ==========================================================
   CONTROLES
   ========================================================== */

.adrc-agenda-controls-section{
    padding:20px 0 15px;
}

.adrc-agenda-controls{
    padding:20px;

    border:1px solid #e4e6ed;
    border-radius:17px;

    background:#fff;
}

.adrc-agenda-search{
    position:relative;

    margin-bottom:17px;
}

.adrc-agenda-search input{
    width:100%;

    padding:14px 17px;

    border:1px solid #dfe2e9;
    border-radius:10px;

    outline:none;

    color:#010025;

    background:#f8f9fb;

    font-family:inherit;
    font-size:13px;
}

.adrc-agenda-search input:focus{
    border-color:#010025;
    background:#fff;
}

.adrc-agenda-filters{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.adrc-agenda-filter{
    padding:8px 11px;

    border:1px solid #dfe1e8;
    border-radius:30px;

    background:#fff;
    color:#4e5364;

    font-family:inherit;
    font-size:9px;
    font-weight:800;

    cursor:pointer;
}

.adrc-agenda-filter.active{
    border-color:#010025;
    background:#010025;
    color:#fff;
}


/* ==========================================================
   MESES
   ========================================================== */

.adrc-month-nav{
    position:sticky;
    top:120px;
    z-index:30;

    padding:12px 0;

    background:
        rgba(245,246,250,.94);

    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}

.adrc-month-nav-inner{
    display:flex;
    gap:7px;

    overflow-x:auto;

    scrollbar-width:none;
}

.adrc-month-nav-inner::-webkit-scrollbar{
    display:none;
}

.adrc-month-btn{
    flex:0 0 auto;

    padding:8px 12px;

    border:0;
    border-radius:8px;

    background:#e9ebf1;
    color:#555b6c;

    font-family:inherit;
    font-size:9px;
    font-weight:800;

    cursor:pointer;
}

.adrc-month-btn.active{
    background:#010025;
    color:#fff;
}


/* ==========================================================
   LISTA
   ========================================================== */

.adrc-agenda-events{
    padding:25px 0 80px;
}

.adrc-month-block{
    margin-bottom:44px;
    scroll-margin-top:185px;
}

.adrc-month-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;

    padding-bottom:15px;
    margin-bottom:7px;

    border-bottom:2px solid #010025;
}

.adrc-month-heading h2{
    margin:0 !important;

    color:#010025 !important;

    font-size:29px !important;
}

.adrc-month-heading span{
    color:#8a8f9f;

    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.adrc-event-row{
    display:grid;

    grid-template-columns:82px 155px minmax(0,1fr) 160px;

    gap:18px;

    align-items:center;

    padding:18px 4px;

    border-bottom:1px solid #e2e4ea;
}

.adrc-event-date strong{
    display:block;

    color:#010025;

    font-size:17px;
}

.adrc-event-date span{
    color:#838898;

    font-size:9px;
    text-transform:uppercase;
}

.adrc-event-category{
    display:inline-flex;

    align-self:center;
    justify-self:start;

    padding:5px 8px;

    border-radius:20px;

    background:#e9ebf2;
    color:#42475a;

    font-size:7.5px;
    font-weight:900;
    letter-spacing:.45px;
    text-transform:uppercase;
}

.adrc-event-row[data-cat="geral"]
.adrc-event-category{
    background:#010025;
    color:#fff;
}

.adrc-event-row[data-cat="sede"]
.adrc-event-category{
    background:#dfe5f7;
    color:#102459;
}

.adrc-event-row[data-cat="congregacao"]
.adrc-event-category{
    background:#f1eee8;
    color:#655944;
}

.adrc-event-row[data-cat="ufaderc"]
.adrc-event-category{
    background:#eee5f3;
    color:#684576;
}

.adrc-event-row[data-cat="juventude"]
.adrc-event-category{
    background:#e7edf8;
    color:#344e7d;
}

.adrc-event-main strong{
    display:block;

    margin-bottom:4px;

    color:#010025;

    font-size:13.5px;
}

.adrc-event-main span{
    display:block;

    color:#777d8d;

    font-size:10.5px;
    line-height:1.45;
}

.adrc-event-place{
    color:#767b8c;

    font-size:10px;
    line-height:1.35;
    text-align:right;
}

.adrc-empty{
    display:none;

    padding:40px 0;

    color:#777d8d;

    text-align:center;
    font-size:13px;
}


/* ==========================================================
   INFO FINAL
   ========================================================== */

.adrc-agenda-footer-note{
    padding:0 0 75px;
}

.adrc-agenda-note-box{
    padding:22px;

    border-radius:16px;

    background:#fff;

    border:1px solid #e2e4eb;

    color:#74798a;

    font-size:11px;
    line-height:1.6;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:850px){

    .adrc-agenda-hero{
        padding:62px 0 48px;
    }

    .adrc-agenda-hero-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .adrc-agenda-hero h1{
        font-size:40px !important;
    }

    .adrc-next-grid{
        grid-template-columns:1fr;
    }

    .adrc-event-row{
        grid-template-columns:65px minmax(0,1fr);
        gap:10px 14px;

        padding:17px 0;
    }

    .adrc-event-category{
        grid-column:2;
        grid-row:1;
    }

    .adrc-event-main{
        grid-column:2;
    }

    .adrc-event-place{
        grid-column:2;

        text-align:left;
    }

    .adrc-event-date{
        grid-row:1 / 4;
    }

    .adrc-month-nav{
        top:105px;
    }
}



/* ==========================================================
   ADRIOCLARO — AGENDA GERAL V1610
   MÊS ÚNICO + CONTROLES FLUTUANTES
   ========================================================== */


/* ==========================================================
   PAINEL FLUTUANTE COMPLETO
   ========================================================== */

.adrc-agenda-floating{
    position:sticky;
    top:108px;
    z-index:85;

    background:
        rgba(245,246,250,.96);

    -webkit-backdrop-filter:
        blur(14px)
        saturate(130%);

    backdrop-filter:
        blur(14px)
        saturate(130%);

    border-bottom:
        1px solid
        rgba(1,0,37,.07);

    box-shadow:
        0 12px 28px
        rgba(1,0,37,.045);
}


/*
As duas áreas antigas deixam
de possuir sticky independente.
*/

.adrc-agenda-floating
.adrc-agenda-controls-section{
    position:static !important;

    padding:
        15px 0 5px !important;

    background:transparent !important;
}


.adrc-agenda-floating
.adrc-month-nav{
    position:static !important;

    top:auto !important;

    padding:
        5px 0 13px !important;

    background:transparent !important;

    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}


/* ==========================================================
   CONTROLES MAIS COMPACTOS
   ========================================================== */

.adrc-agenda-floating
.adrc-agenda-controls{
    padding:15px 17px;

    border-radius:15px;

    background:
        rgba(255,255,255,.94);

    box-shadow:
        0 5px 18px
        rgba(1,0,37,.035);
}


.adrc-agenda-floating
.adrc-agenda-search{
    margin-bottom:12px;
}


.adrc-agenda-floating
.adrc-agenda-search input{
    padding:
        12px 15px;

    min-height:46px;
}


/* ==========================================================
   MESES
   ========================================================== */

.adrc-agenda-floating
.adrc-month-nav-inner{
    padding:
        2px 1px;

    scroll-behavior:smooth;
}


.adrc-agenda-floating
.adrc-month-btn{
    min-width:50px;

    padding:
        9px 13px;

    border:
        1px solid transparent;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


.adrc-agenda-floating
.adrc-month-btn:hover{
    transform:
        translateY(-1px);

    border-color:
        rgba(1,0,37,.13);
}


.adrc-agenda-floating
.adrc-month-btn.active{
    background:#010025;
    color:#fff;

    box-shadow:
        0 5px 12px
        rgba(1,0,37,.16);
}


/* ==========================================================
   INDICADOR DO MÊS SELECIONADO
   ========================================================== */

.adrc-selected-month-summary{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:20px;

    margin-bottom:20px;
}


.adrc-selected-month-summary
small{
    display:block;

    margin-bottom:5px;

    color:#858a99;

    font-size:9px !important;
    font-weight:800;

    letter-spacing:1.2px;

    text-transform:uppercase;
}


.adrc-selected-month-summary
strong{
    display:block;

    color:#010025;

    font-size:28px !important;
    line-height:1.05 !important;
}


.adrc-selected-month-count{
    color:#777d8d;

    font-size:10px !important;
    font-weight:700;
}


/* ==========================================================
   SOMENTE UM MÊS
   ========================================================== */

.adrc-agenda-events{
    min-height:520px;

    padding:
        34px 0 75px !important;
}


.adrc-month-block{
    margin-bottom:0 !important;
}


.adrc-month-heading{
    margin-bottom:7px;
}


/* ==========================================================
   EFEITO NA TROCA DE MÊS
   ========================================================== */

@keyframes adrcAgendaMonthIn{

    from{
        opacity:0;
        transform:
            translateY(10px);
    }

    to{
        opacity:1;
        transform:none;
    }
}


#adrcAgendaEvents{
    animation:
        adrcAgendaMonthIn
        .28s ease;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:850px){

    .adrc-agenda-floating{
        /*
        Header mobile é menor.
        */
        top:78px;
    }


    .adrc-agenda-floating
    .adrc-agenda-controls-section{

        padding:
            9px 0 3px !important;
    }


    .adrc-agenda-floating
    .adrc-agenda-controls{

        padding:
            11px 12px;
    }


    .adrc-agenda-floating
    .adrc-agenda-search{

        margin-bottom:9px;
    }


    .adrc-agenda-floating
    .adrc-agenda-search input{

        min-height:42px;

        padding:
            10px 12px;

        font-size:12px;
    }


    .adrc-agenda-floating
    .adrc-agenda-filters{

        flex-wrap:nowrap;

        overflow-x:auto;

        padding-bottom:2px;

        scrollbar-width:none;
    }


    .adrc-agenda-floating
    .adrc-agenda-filters::-webkit-scrollbar{

        display:none;
    }


    .adrc-agenda-floating
    .adrc-agenda-filter{

        flex:0 0 auto;
    }


    .adrc-agenda-floating
    .adrc-month-nav{

        padding:
            4px 0 9px !important;
    }


    .adrc-agenda-floating
    .adrc-month-btn{

        min-width:45px;

        padding:
            8px 11px;
    }


    .adrc-selected-month-summary{

        align-items:flex-start;

        flex-direction:column;

        gap:5px;
    }


    .adrc-selected-month-summary
    strong{

        font-size:24px !important;
    }


    .adrc-agenda-events{

        min-height:440px;

        padding-top:
            26px !important;
    }

}