/* ==========================================================
   NCN 2026 · CENTRAL BOX (CB) V1.0
   Carosello visuale editoriale/promozionale sotto HERO.
   ========================================================== */

.ncn-page .cb {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}

.ncn-page .cb__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    margin: 0;
    overflow: hidden;
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
    border-bottom: 0;
    border-top: 0;
    box-sizing: border-box;
    background: #071d31;
}

.ncn-page .cb-slide {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .75s ease, visibility .75s ease;
    background: #071d31;
}

.ncn-page .cb-slide.is-active {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ncn-page .cb-slide__link,
.ncn-page .cb-slide__link--static,
.ncn-page .cb-slide__image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.ncn-page .cb-slide__image {
    object-fit: cover;
    border: 0;
}

.ncn-page .cb-slide__link--static {
    line-height: 0;
}

.ncn-page .cb-slide__adv-label {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.66);
    background: rgba(0,25,48,.72);
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .10em;
    line-height: 1;
    text-transform: uppercase;
    backdrop-filter: blur(3px);
}

.ncn-page .cb__arrow {
    position: absolute;
    top: 50%;
    z-index: 8;
    width: 48px;
    height: 76px;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    color: #fff;
    background: rgba(0,29,54,.32);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
    opacity: .55;
    transition: opacity .2s ease, background .2s ease;
}

.ncn-page .cb__arrow:hover,
.ncn-page .cb__arrow:focus-visible {
    opacity: 1;
    background: rgba(0,29,54,.68);
    outline: none;
}

.ncn-page .cb__arrow--prev { left: 0; }
.ncn-page .cb__arrow--next { right: 0; }

.ncn-page .cb__dots {
    position: absolute;
    left: 50%;
    bottom: 18px;
    z-index: 9;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
}

.ncn-page .cb__dot {
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.90);
    border-radius: 50%;
    background: rgba(0,24,46,.52);
    cursor: pointer;
    box-shadow: 0 1px 5px rgba(0,0,0,.35);
}

.ncn-page .cb__dot.is-active {
    background: #fff;
    transform: scale(1.18);
}

.ncn-page .cb.is-single .cb__arrow,
.ncn-page .cb.is-single .cb__dots {
    display: none;
}

/* Il vecchio banner ADV sotto CB resta gestito dal modulo ADV. */
.ncn-page .cb > .center-box__banner {
    border-top: 6px solid #fff;
}

@media (max-width: 720px) {
    .ncn-page .cb__arrow {
        width: 38px;
        height: 60px;
        font-size: 28px;
    }
    .ncn-page .cb__dots { bottom: 12px; }
    .ncn-page .cb-slide__adv-label { top: 9px; right: 9px; }
}

@media (prefers-reduced-motion: reduce) {
    .ncn-page .cb-slide { transition: none; }
}

/* CB · moduli interni NCN */
.cb-slide.is-module{background:radial-gradient(circle at 85% 12%,rgba(42,186,235,.23),transparent 29%),linear-gradient(135deg,#061d36,#0b5278 58%,#0b87b9)}.cb-module{display:grid;grid-template-columns:1.12fr .88fr;height:100%;padding:48px 58px;box-sizing:border-box;color:#fff;text-decoration:none;position:relative;overflow:hidden}.cb-module:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.18);border-radius:24px;pointer-events:none}.cb-module__copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.cb-module__eyebrow{font:900 11px Arial;letter-spacing:1.7px;text-transform:uppercase;color:#8fe4ff}.cb-module h3{margin:8px 0 11px;font:900 42px/1.02 Arial;letter-spacing:-1.5px;color:#fff}.cb-module p{max-width:520px;margin:0;color:#cdeaf5;font:600 14px/1.55 Arial}.cb-module__cta{margin-top:22px;display:inline-flex;align-items:center;gap:7px;font:900 11px Arial;text-transform:uppercase;letter-spacing:.6px}.cb-module__visual{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.cb-module__panel{width:100%;max-width:410px;padding:18px;border-radius:20px;background:rgba(255,255,255,.94);color:#143149;box-shadow:0 24px 55px rgba(0,0,0,.22);transform:rotate(1.2deg)}.cb-module__panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:900 10px Arial;color:#7b909e;text-transform:uppercase}.cb-module__row{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid #e8f0f4;font:700 11px Arial}.cb-module__row:last-child{border-bottom:0}.cb-module__row b{color:#163249}.cb-module__row strong{color:#0b87bc}.cb-module__pill{display:inline-block;padding:4px 7px;border-radius:999px;background:#e6f7fd;color:#0787bc;font:900 9px Arial}.cb-module__big{font:900 31px Arial;color:#082b49}.cb-module__muted{font:600 10px Arial;color:#7d919e}.cb-slide.is-module .cb-slide__adv-label{display:none}@media(max-width:760px){.cb-module{grid-template-columns:1fr;padding:34px 28px}.cb-module__visual{display:none}.cb-module h3{font-size:32px}}

/* NCN PF EDITOR · click rapido sulla cover Match Center quando l'admin e loggato */
.ncn-page .cb-slide__admin-edit {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: block;
    color: #fff;
    text-decoration: none;
    background: transparent;
}
.ncn-page .cb-slide__admin-edit span {
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 8px 11px;
    border: 1px solid rgba(91,211,255,.78);
    border-radius: 6px;
    background: rgba(2,17,30,.78);
    box-shadow: 0 0 18px rgba(28,183,239,.28);
    color: #dff8ff;
    font: 900 10px/1 Arial,Helvetica,sans-serif;
    letter-spacing: .08em;
    backdrop-filter: blur(4px);
    opacity: .72;
    transition: opacity .18s ease,transform .18s ease;
}
.ncn-page .cb-slide__admin-edit:hover span,
.ncn-page .cb-slide__admin-edit:focus-visible span { opacity: 1; transform: translateY(-2px); }