/* cdbanner/assets/slider.css
   CDBanner News Ads v1.1.1 */

.cdbanner-wrapper { width: 100%; display: flex; flex-direction: column; gap: 6px; }

/* ── FIJO ─────────────────────────────────────────────────
   Separacion via gap en el wrapper.
   Hover: sube levemente + sombra + zoom suave en la imagen.
   --------------------------------------------------------- */
.cdbanner-static {
    width: 100%;
    display: block;
    line-height: 0;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 1px 4px rgba(0,0,0,.10);
    transition: box-shadow .35s ease, transform .35s ease;
    will-change: transform;
}

/* Destello sutil encima de la imagen */
.cdbanner-static::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.10) 0%,
        rgba(255,255,255,0)   60%
    );
    opacity: 0;
    transition: opacity .35s ease;
    pointer-events: none;
}

.cdbanner-static:hover {
    transform: translateY(-4px) scale(1.015);
    box-shadow: 0 8px 24px rgba(0,0,0,.20);
}

.cdbanner-static:hover::after {
    opacity: 1;
}

.cdbanner-static img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform .45s ease;
}

.cdbanner-static:hover img {
    transform: scale(1.03);
}

.cdbanner-static a {
    display: block;
    line-height: 0;
    overflow: hidden;
}

/* ROTATIVO */
.cdbanner-slider-container { position: relative; width: 100%; overflow: hidden; background: #111; line-height: 0; }
.cdbanner-slider            { position: relative; width: 100%; }
.cdbanner-slide             { display: none; width: 100%; line-height: 0; }
.cdbanner-slide.is-active   { display: block; animation: cdb-fade-in .5s ease; }
@keyframes cdb-fade-in { from { opacity: 0; } to { opacity: 1; } }
.cdbanner-slide img { width: 100%; height: auto; display: block; object-fit: cover; }
.cdbanner-slide a   { display: block; line-height: 0; }

/* DOBLE */
.cdbanner-doble-container  { position: relative; width: 100%; overflow: hidden; background: #111; line-height: 0; }
.cdbanner-doble-track      { position: relative; width: 100%; }
.cdbanner-doble-slide      { display: none; width: 100%; line-height: 0; flex-direction: row; gap: 4px; }
.cdbanner-doble-slide.is-active { display: flex; animation: cdb-fade-in .5s ease; }
.cdbanner-doble-item       { flex: 1 1 50%; min-width: 0; overflow: hidden; line-height: 0; }
.cdbanner-doble-item img   { width: 100%; height: 100%; object-fit: cover; display: block; }
.cdbanner-doble-item a     { display: block; line-height: 0; height: 100%; }
.cdbanner-doble-empty      { flex: 1 1 50%; background: #111; }

/* CARRUSEL */
.cdbanner-carrusel-wrapper { width: 100%; overflow: hidden; position: relative; line-height: 0; }
.cdbanner-carrusel-wrapper:hover .cdbanner-carrusel-track { animation-play-state: paused; }
.cdbanner-carrusel-track { display: flex; width: max-content; animation: cdb-scroll linear infinite; }
@keyframes cdb-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.cdbanner-carrusel-item     { flex: 0 0 50%; max-width: 50%; padding: 0 2px; box-sizing: border-box; line-height: 0; }
.cdbanner-carrusel-item img { width: 100%; height: auto; display: block; object-fit: cover; }
.cdbanner-carrusel-item a   { display: block; line-height: 0; }

/* FLECHAS */
.cdbanner-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,.15); backdrop-filter: blur(6px); color: #fff; border: 1px solid rgba(255,255,255,.22); width: 46px; height: 46px; border-radius: 7px; font-size: 24px; font-weight: 300; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: background .25s, transform .25s, opacity .25s; opacity: .8; line-height: 1; }
.cdbanner-prev { left: 14px; }
.cdbanner-next { right: 14px; }
.cdbanner-nav:hover { background: rgba(255,255,255,.28); border-color: rgba(255,255,255,.4); opacity: 1; transform: translateY(-50%) scale(1.06); box-shadow: 0 3px 12px rgba(0,0,0,.2); }
.cdbanner-nav:active { transform: translateY(-50%) scale(.97); }

/* DOTS */
.cdbanner-dots { position: absolute; left: 0; right: 0; bottom: 14px; display: flex; gap: 5px; justify-content: center; align-items: center; z-index: 9; }
.cdbanner-dot  { width: 30px; height: 3px; border-radius: 2px; border: 0; background: rgba(255,255,255,.35); cursor: pointer; transition: background .3s, width .3s; padding: 0; }
.cdbanner-dot:hover     { background: rgba(255,255,255,.55); }
.cdbanner-dot.is-active { background: #fff; width: 46px; box-shadow: 0 1px 6px rgba(255,255,255,.3); }

/* RESPONSIVE */
@media (max-width: 600px) {
    .cdbanner-nav  { width: 36px; height: 36px; font-size: 20px; }
    .cdbanner-prev { left: 8px; } .cdbanner-next { right: 8px; }
    .cdbanner-dots { bottom: 8px; gap: 4px; }
    .cdbanner-dot  { width: 22px; height: 2.5px; } .cdbanner-dot.is-active { width: 34px; }
    .cdbanner-doble-slide.is-active { flex-direction: column; gap: 2px; }
    .cdbanner-doble-item { flex: 1 1 100%; }
    .cdbanner-carrusel-item { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 601px) and (max-width: 1024px) {
    .cdbanner-nav { width: 40px; height: 40px; }
    .cdbanner-dot { width: 26px; } .cdbanner-dot.is-active { width: 40px; }
}