/* L2Feel - countdown premium de abertura (v2.1.25).
   Mantem a faixa fora do hero e usa uma unica moldura, sem cards pesados. */
.l2-opening-countdown{
    --oc-gold:#e0c992;--oc-gold-strong:#f0dba4;--oc-text:#f4ead5;--oc-muted:#aaa092;
    width:100%;margin:0;padding:20px 26px;box-sizing:border-box;
    display:grid;grid-template-columns:minmax(220px,.82fr) minmax(430px,1.28fr);align-items:center;gap:34px;
    position:relative;overflow:hidden;border:1px solid rgba(201,171,112,.30);border-radius:7px;
    background:
        radial-gradient(circle at 14% 15%,rgba(224,201,146,.12),transparent 31%),
        radial-gradient(circle at 88% 120%,rgba(147,96,38,.10),transparent 35%),
        linear-gradient(115deg,rgba(18,15,11,.985),rgba(9,8,7,.975));
    box-shadow:0 16px 40px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.03);
}
.l2-opening-countdown:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 2%,rgba(224,201,146,.25) 20%,rgba(240,219,164,.85) 50%,rgba(224,201,146,.25) 80%,transparent 98%);pointer-events:none}
.l2-opening-countdown:after{content:"";position:absolute;right:-50px;top:-80px;width:230px;height:230px;border:1px solid rgba(224,201,146,.065);border-radius:50%;box-shadow:0 0 0 30px rgba(224,201,146,.018),0 0 0 60px rgba(224,201,146,.012);pointer-events:none}
.l2-opening-info,.l2-opening-grid{position:relative;z-index:1;min-width:0}
.l2-opening-info{padding-left:4px}
.l2-opening-kicker{display:flex;align-items:center;gap:9px;color:#c9ab70;font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.l2-opening-kicker:after{content:"";width:54px;height:1px;margin-left:3px;background:linear-gradient(90deg,rgba(201,171,112,.58),transparent)}
.l2-opening-pulse{width:7px;height:7px;flex:0 0 7px;border-radius:999px;background:#d2ad63;box-shadow:0 0 0 0 rgba(210,173,99,.58);animation:l2OpeningPulse 1.8s infinite}
.l2-opening-heading{margin-top:7px;color:var(--oc-text);font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2vw,30px);font-weight:700;letter-spacing:.12em;line-height:1.05;text-transform:uppercase;text-shadow:0 0 20px rgba(224,201,146,.12)}
.l2-opening-date{display:flex;align-items:center;gap:8px;margin-top:9px;color:var(--oc-muted);font-size:12px;font-weight:600;letter-spacing:.025em;line-height:1.35}
.l2-opening-date i{color:#c7a767;font-size:12px}

.l2-opening-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;margin:0;padding:4px 0}
.l2-opening-unit{position:relative;min-width:0;padding:2px 20px;text-align:center;background:transparent;border:0}
.l2-opening-unit:not(:last-child):before{content:"";position:absolute;right:0;top:12%;width:1px;height:76%;background:linear-gradient(180deg,transparent,rgba(224,201,146,.28),transparent)}
.l2-opening-unit:not(:last-child):after{content:":";position:absolute;right:-7px;top:42%;transform:translateY(-50%);z-index:2;color:rgba(224,201,146,.75);font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1;text-shadow:0 0 12px rgba(224,201,146,.18)}
.l2-opening-unit strong{display:block;color:var(--oc-gold-strong);font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.4vw,58px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:.96;text-shadow:0 0 18px rgba(224,201,146,.18),0 2px 0 rgba(0,0,0,.4)}
.l2-opening-unit span{display:block;margin-top:8px;color:#948a7d;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.l2-opening-countdown.is-open .l2-opening-heading{color:#e2cf9e}.l2-opening-countdown.is-open .l2-opening-pulse{background:#70c27a}
@keyframes l2OpeningPulse{0%{box-shadow:0 0 0 0 rgba(210,173,99,.55)}70%{box-shadow:0 0 0 8px rgba(210,173,99,0)}100%{box-shadow:0 0 0 0 rgba(210,173,99,0)}}

/* Portal */
html[data-l2-layout="classic-portal"] .cp-opening-strip{width:min(1180px,calc(100% - 32px));margin:18px auto 0}
html[data-l2-layout="classic-portal"] .l2-opening-countdown{border-radius:10px}

/* Chronicle */
html[data-l2-layout="classic-hybrid"] .cr-opening-strip{margin-top:18px;margin-bottom:0}
html[data-l2-layout="classic-hybrid"] .cr-opening-strip .l2-opening-countdown{border-color:rgba(155,119,67,.48);background:radial-gradient(circle at 14% 15%,rgba(181,135,73,.12),transparent 31%),linear-gradient(115deg,rgba(15,10,7,.99),rgba(8,6,5,.98));border-radius:2px}
html[data-l2-layout="classic-hybrid"] .cr-opening-strip .l2-opening-heading{letter-spacing:.14em}

/* Minimal */
html[data-l2-layout="minimal-interlude"] .mi-opening-strip{margin:0 0 14px}
html[data-l2-layout="minimal-interlude"] .mi-opening-strip .l2-opening-countdown{grid-template-columns:minmax(205px,.78fr) minmax(400px,1.22fr);padding:17px 20px;background:linear-gradient(115deg,#12110f,#0d0c0a);border-color:#393126;border-radius:3px;box-shadow:none}
html[data-l2-layout="minimal-interlude"] .mi-opening-strip .l2-opening-heading{font-size:23px}
html[data-l2-layout="minimal-interlude"] .mi-opening-strip .l2-opening-unit{padding-left:15px;padding-right:15px}
html[data-l2-layout="minimal-interlude"] .mi-opening-strip .l2-opening-unit strong{font-size:40px}

/* Tema claro */
html[data-l2-theme="light"] .l2-opening-countdown{--oc-gold:#7f5929;--oc-gold-strong:#76501f;--oc-text:#3f2f1c;--oc-muted:#665b4e;background:radial-gradient(circle at 14% 10%,rgba(177,131,65,.13),transparent 32%),linear-gradient(115deg,#fffdf8,#f3ecdf);border-color:rgba(143,103,51,.42);box-shadow:0 14px 34px rgba(70,49,24,.10),inset 0 1px rgba(255,255,255,.8)}
html[data-l2-theme="light"] .l2-opening-countdown:before{background:linear-gradient(90deg,transparent 2%,rgba(135,92,40,.18) 20%,rgba(135,92,40,.72) 50%,rgba(135,92,40,.18) 80%,transparent 98%)}
html[data-l2-theme="light"] .l2-opening-kicker{color:#775126}
html[data-l2-theme="light"] .l2-opening-kicker:after{background:linear-gradient(90deg,rgba(119,81,38,.45),transparent)}
html[data-l2-theme="light"] .l2-opening-date i{color:#8a602d}
html[data-l2-theme="light"] .l2-opening-unit:not(:last-child):before{background:linear-gradient(180deg,transparent,rgba(119,81,38,.22),transparent)}
html[data-l2-theme="light"] .l2-opening-unit:not(:last-child):after{color:rgba(108,72,29,.65);text-shadow:none}
html[data-l2-theme="light"] .l2-opening-unit strong{text-shadow:0 0 16px rgba(148,99,38,.10)}
html[data-l2-theme="light"] .l2-opening-unit span{color:#6a5c4b}
html[data-l2-theme="light"][data-l2-layout="minimal-interlude"] .mi-opening-strip .l2-opening-countdown{background:linear-gradient(115deg,#fffdf8,#f3eee6);border-color:#b9a686}

@media(max-width:900px){
    .l2-opening-countdown{grid-template-columns:minmax(180px,.75fr) minmax(390px,1.25fr);gap:20px;padding:18px}
    .l2-opening-unit{padding-left:13px;padding-right:13px}
    .l2-opening-unit strong{font-size:38px}
}
@media(max-width:760px){
    .l2-opening-countdown{
        grid-template-columns:1fr;gap:14px;padding:17px 13px 15px;border-radius:10px;
        background:
            radial-gradient(circle at 50% -30%,rgba(224,201,146,.16),transparent 48%),
            linear-gradient(145deg,rgba(18,15,11,.99),rgba(8,7,6,.985));
    }
    .l2-opening-countdown:after{width:150px;height:150px;right:-65px;top:-70px}
    .l2-opening-info{text-align:center;padding-left:0}
    .l2-opening-kicker{justify-content:center;font-size:9px;letter-spacing:.22em}.l2-opening-kicker:after{display:none}
    .l2-opening-heading{margin-top:5px;font-size:21px;letter-spacing:.105em;line-height:1.08}
    .l2-opening-date{
        width:max-content;max-width:100%;margin:8px auto 0;padding:6px 10px;justify-content:center;
        border:1px solid rgba(224,201,146,.16);border-radius:999px;background:rgba(224,201,146,.055);
        font-size:10.5px;line-height:1.2;
    }
    .l2-opening-grid{
        width:100%;margin:0 auto;padding:12px 5px 10px;
        /* Dias recebe um pouco mais de espaco para suportar 100+ sem quebrar. */
        grid-template-columns:minmax(0,1.14fr) repeat(3,minmax(0,.953fr));gap:0;
        border:1px solid rgba(224,201,146,.17);border-radius:8px;
        background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.11));
        box-shadow:inset 0 1px rgba(255,255,255,.02);
    }
    .l2-opening-unit{padding:0 5px}
    .l2-opening-unit strong{
        font-size:clamp(29px,9vw,39px);line-height:.98;letter-spacing:-.01em;
        white-space:nowrap;word-break:keep-all;overflow-wrap:normal;
    }
    .l2-opening-unit:first-child strong{font-size:clamp(28px,8.4vw,37px)}
    .l2-opening-unit span{margin-top:6px;font-size:7.5px;letter-spacing:.10em}
    .l2-opening-unit:not(:last-child):before{right:0;top:8%;height:84%;background:linear-gradient(180deg,transparent,rgba(224,201,146,.20),transparent)}
    .l2-opening-unit:not(:last-child):after{right:-4px;top:39%;font-size:18px;color:rgba(224,201,146,.62)}
    html[data-l2-theme="light"] .l2-opening-countdown{
        background:radial-gradient(circle at 50% -30%,rgba(177,131,65,.13),transparent 48%),linear-gradient(145deg,#fffdf9,#f3ecdf);
    }
    html[data-l2-theme="light"] .l2-opening-date{background:rgba(126,88,40,.055);border-color:rgba(126,88,40,.17)}
    html[data-l2-theme="light"] .l2-opening-grid{background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(126,88,40,.035));border-color:rgba(126,88,40,.18)}
    html[data-l2-layout="classic-portal"] .cp-opening-strip{width:calc(100% - 20px);margin-top:12px}
    html[data-l2-layout="classic-hybrid"] .cr-opening-strip{margin-top:12px}
    html[data-l2-layout="minimal-interlude"] .mi-opening-strip .l2-opening-countdown{grid-template-columns:1fr;padding:15px 11px}
    html[data-l2-layout="minimal-interlude"] .mi-opening-strip .l2-opening-unit strong{font-size:clamp(28px,8.5vw,36px)}
}
@media(max-width:390px){
    .l2-opening-countdown{padding-left:9px;padding-right:9px;gap:12px}
    .l2-opening-heading{font-size:19px}
    .l2-opening-date{font-size:9.5px;padding:5px 8px}
    .l2-opening-grid{padding-left:2px;padding-right:2px}
    .l2-opening-unit{padding-left:2px;padding-right:2px}
    .l2-opening-unit strong{font-size:clamp(25px,7.9vw,32px);white-space:nowrap}
    .l2-opening-unit:first-child strong{font-size:clamp(24px,7.4vw,30px)}
    .l2-opening-unit span{font-size:6.8px;letter-spacing:.06em}
    .l2-opening-unit:not(:last-child):after{right:-3px;font-size:16px}
}



/* v2.1.47 - seguranca para contagens de 3+ digitos no mobile. */
@media(max-width:760px){
    .l2-opening-grid .l2-opening-unit strong{
        white-space:nowrap!important;
        word-break:keep-all!important;
        overflow-wrap:normal!important;
    }
}