/* SimpleBytes Popup — Front CSS */
.sbp-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.65);opacity:0;transition:opacity .3s;backdrop-filter:blur(2px)}
.sbp-overlay.sbp-in{opacity:1}
.sbp-popup{position:fixed;z-index:99999;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 16px 56px rgba(0,0,0,.45);max-width:95vw;max-height:90vh;overflow-y:auto;opacity:0;transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}
.sbp-popup.sbp-in{opacity:1}
/* Centro */
.sbp-pos-center{top:50%;left:50%;transform:translate(-50%,-50%) scale(.88)}
.sbp-pos-center.sbp-in{transform:translate(-50%,-50%) scale(1)}
/* Esquinas */
.sbp-pos-top-left{top:20px;left:20px;transform:translate(-20px,-20px)}
.sbp-pos-top-right{top:20px;right:20px;transform:translate(20px,-20px)}
.sbp-pos-bottom-left{bottom:20px;left:20px;transform:translate(-20px,20px)}
.sbp-pos-bottom-right{bottom:20px;right:20px;transform:translate(20px,20px)}
.sbp-pos-top-left.sbp-in,.sbp-pos-top-right.sbp-in,.sbp-pos-bottom-left.sbp-in,.sbp-pos-bottom-right.sbp-in{transform:translate(0,0)}
/* Inferior centro */
.sbp-pos-bottom-center{bottom:0;left:0;right:0;border-radius:16px 16px 0 0;max-width:100%;transform:translateY(100%)}
.sbp-pos-bottom-center.sbp-in{transform:translateY(0)}
/* Pantalla completa */
.sbp-pos-fullscreen{inset:0;border-radius:0;max-width:100vw;max-height:100vh;transform:scale(1.06)}
.sbp-pos-fullscreen.sbp-in{transform:scale(1)}
/* Cerrar */
.sbp-close{position:absolute;top:10px;right:12px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:20px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;padding:0}
.sbp-close:hover{background:rgba(0,0,0,.85);transform:scale(1.12)}
/* Contenido */
.sbp-cnt{width:100%;display:block}
.sbp-cnt img,.sbp-cnt video{width:100%;display:block}
.sbp-cnt a{display:block;text-decoration:none}
/* Responsive */
@media(max-width:600px){
  .sbp-popup{max-width:calc(100vw - 20px)!important}
  .sbp-pos-top-left,.sbp-pos-top-right{left:10px;right:10px;width:auto!important}
  .sbp-pos-bottom-left,.sbp-pos-bottom-right{left:10px;right:10px;width:auto!important}
}

/* WhatsApp share button */
.sbp-wa-wrap{padding:10px 14px 14px;background:rgba(0,0,0,.08)}
.sbp-wa-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px 16px;background:#25D366;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s,transform .1s;font-family:Arial,sans-serif}
.sbp-wa-btn:hover{background:#1da851;color:#fff;transform:translateY(-1px)}
.sbp-wa-btn:active{transform:translateY(0)}
.sbp-wa-btn svg{flex-shrink:0}

/* ============ CARRUSEL ============ */
.sbp-carousel { position:relative; overflow:hidden; line-height:0; }
.sbp-car-track { display:flex; width:100%; }
.sbp-car-slide { min-width:100%; width:100%; flex-shrink:0; display:none; line-height:1; }
.sbp-car-slide.sbp-car-active { display:block; }
.sbp-car-slide img { width:100%; display:block; }

/* Flechas */
.sbp-car-arrow {
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(0,0,0,.45); color:#fff; border:none;
  width:40px; height:40px; border-radius:50%; font-size:26px; line-height:40px;
  text-align:center; cursor:pointer; z-index:5;
  transition:background .2s, transform .2s;
  padding:0; display:flex; align-items:center; justify-content:center;
}
.sbp-car-arrow:hover { background:rgba(0,0,0,.75); transform:translateY(-50%) scale(1.1); }
.sbp-car-prev { left:10px; }
.sbp-car-next { right:10px; }

/* Puntos */
.sbp-car-dots {
  position:absolute; bottom:10px; left:50%; transform:translateX(-50%);
  display:flex; gap:6px; z-index:5;
}
.sbp-car-dot {
  width:9px; height:9px; border-radius:50%;
  background:rgba(255,255,255,.5); cursor:pointer;
  transition:background .2s, transform .15s;
  border:1.5px solid rgba(255,255,255,.7);
}
.sbp-car-dot-active { background:#fff; transform:scale(1.25); }

/* Barra de progreso */
.sbp-car-bar {
  position:absolute; bottom:0; left:0; right:0;
  height:3px; background:rgba(255,255,255,.25); z-index:5;
}
.sbp-car-bar-inner {
  height:100%; width:0; background:#e07b39;
}
.sbp-car-bar-inner.sbp-bar-run {
  animation: sbpBarAnim var(--sbp-dur,4s) linear forwards;
}
@keyframes sbpBarAnim { from{width:0} to{width:100%} }

/* Botón pause/play */
.sbp-car-playpause {
  position:absolute; bottom:10px; right:10px; z-index:6;
  background:rgba(0,0,0,.45); color:#fff; border:none;
  width:28px; height:28px; border-radius:50%; font-size:12px;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:background .2s;
}
.sbp-car-playpause:hover { background:rgba(0,0,0,.75); }

/* WhatsApp en carrusel */
.sbp-carousel .sbp-wa-wrap { line-height:1; }