/* ==========================================================
   ADRIOCLARO — AGENDA EM DESTAQUE V1300
   ========================================================== */

.adrc-event-alert-overlay{
    position:fixed;
    inset:0;
    z-index:999990;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:24px;

    background:rgba(1,0,37,.76);

    -webkit-backdrop-filter:blur(11px);
    backdrop-filter:blur(11px);

    opacity:0;
    visibility:hidden;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}

.adrc-event-alert-overlay.open{
    opacity:1;
    visibility:visible;
}


/* ==========================================================
   MODAL
   ========================================================== */

.adrc-event-alert{
    position:relative;

    width:min(970px,100%);
    max-height:min(760px,92vh);

    overflow:hidden;

    display:grid;
    grid-template-columns:300px minmax(0,1fr);

    border-radius:25px;

    background:#fff;

    box-shadow:
        0 35px 100px rgba(0,0,0,.38);

    transform:
        translateY(20px)
        scale(.98);

    transition:
        transform .34s
        cubic-bezier(.2,.7,.2,1);
}

.adrc-event-alert-overlay.open
.adrc-event-alert{
    transform:none;
}


/* ==========================================================
   LATERAL
   ========================================================== */

.adrc-event-alert-side{
    position:relative;

    padding:42px 30px;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(255,255,255,.10),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #09194c,
            #010025
        );

    color:#fff;
}

.adrc-event-alert-side::after{
    content:"";

    position:absolute;

    width:250px;
    height:250px;

    left:-100px;
    bottom:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.06),
            transparent 70%
        );
}

.adrc-event-alert-kicker{
    margin-bottom:17px;

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

    font-size:9px;
    font-weight:800;
    letter-spacing:2px;

    text-transform:uppercase;
}

.adrc-event-alert-side h2{
    margin:0 0 14px !important;

    color:#fff !important;

    font-size:31px !important;
    line-height:1.06 !important;
}

.adrc-event-alert-side p{
    margin:0;

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

    font-size:12px !important;
    line-height:1.65 !important;
}

.adrc-event-alert-count{
    margin-top:28px;

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:8px 12px;

    border-radius:40px;

    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.09);

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


/* ==========================================================
   CONTEÚDO
   ========================================================== */

.adrc-event-alert-content{
    overflow:auto;

    padding:
        37px 38px 34px;
}

.adrc-event-alert-title{
    margin-bottom:6px;

    color:#010025;

    font-size:12px;
    font-weight:800;
    letter-spacing:1px;

    text-transform:uppercase;
}

.adrc-event-alert-intro{
    margin-bottom:23px;

    color:#74798a;

    font-size:12px !important;
}


/* ==========================================================
   EVENTO
   ========================================================== */

.adrc-event-highlight{
    position:relative;

    display:grid;
    grid-template-columns:75px minmax(0,1fr);

    gap:18px;

    padding:19px 0;

    border-bottom:
        1px solid #e9eaf0;
}

.adrc-event-highlight:last-child{
    border-bottom:0;
}

.adrc-event-highlight-date{
    width:66px;
    height:66px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border-radius:15px;

    background:#f1f2f7;

    color:#010025;
}

.adrc-event-highlight-date strong{
    font-size:22px !important;
    line-height:1 !important;
}

.adrc-event-highlight-date span{
    margin-top:4px;

    color:#74798a;

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

    text-transform:uppercase;
}

.adrc-event-highlight-badge{
    display:inline-block;

    margin-bottom:6px;
    padding:4px 7px;

    border-radius:20px;

    background:#010025;
    color:#fff;

    font-size:7.5px;
    font-weight:800;
    letter-spacing:.7px;

    text-transform:uppercase;
}

.adrc-event-highlight h3{
    margin:0 0 5px !important;

    color:#010025 !important;

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

.adrc-event-highlight-meta{
    margin-bottom:8px;

    color:#7d8190;

    font-size:10.5px !important;
}

.adrc-event-highlight-copy{
    max-width:560px;

    color:#676c7b;

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


/* ==========================================================
   CTA
   ========================================================== */

.adrc-event-highlight-cta{
    display:inline-flex;

    margin-top:11px;
    padding:10px 14px;

    border-radius:8px;

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

    text-decoration:none !important;

    font-size:9px;
    font-weight:800;
    letter-spacing:.35px;

    text-transform:uppercase;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.adrc-event-highlight-cta:hover{
    transform:translateY(-2px);

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


/* ==========================================================
   CONTADOR
   ========================================================== */

.adrc-event-days{
    display:inline-block;

    margin-left:6px;

    color:#c88624;

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


/* ==========================================================
   FECHAR
   ========================================================== */

.adrc-event-alert-close{
    position:absolute;

    z-index:20;

    top:15px;
    right:15px;

    width:37px;
    height:37px;

    display:grid;
    place-items:center;

    border:1px solid #e2e4eb;
    border-radius:50%;

    background:#fff;

    color:#010025;

    font-size:19px;

    cursor:pointer;

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


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

@media(max-width:720px){

    .adrc-event-alert{
        display:block;

        max-height:91vh;

        overflow:auto;
    }

    .adrc-event-alert-side{
        padding:32px 25px 26px;
    }

    .adrc-event-alert-side h2{
        font-size:26px !important;
    }

    .adrc-event-alert-content{
        overflow:visible;

        padding:27px 23px 28px;
    }

    .adrc-event-highlight{
        grid-template-columns:58px minmax(0,1fr);

        gap:13px;
    }

    .adrc-event-highlight-date{
        width:55px;
        height:58px;
    }

    .adrc-event-highlight-date strong{
        font-size:19px !important;
    }

}