video::-webkit-media-controls-panel{
  accent-color:#7ccc2c !important;
  background:linear-gradient(
    to top,
    rgba(0,0,0,0.75) 0%,
    transparent 50%,
    rgba(0,0,0,0.75) 100%
  ) !important;
}
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display{ color:#7ccc2c !important; }
video::-webkit-media-controls-timeline,
video::-webkit-media-controls-volume-slider{ accent-color:#7ccc2c !important; }
video::-moz-range-progress{ background-color:#7ccc2c !important; }
video::-moz-range-thumb{
  background:#7ccc2c !important;
  border:none;
  border-radius:50%;
  width:12px;
  height:12px;
}
.cbp-video-player{ position:relative; width:100%; overflow:hidden; }
.cbp-video-player > video{
  position:absolute; inset:0;
  width:100%; height:100%;
  display:block; object-fit:cover;
  background:#000; border:0; outline:0;
}
.overlay{
  position:fixed; inset:0;
  width:100%; height:100%;
  background-color:rgba(32,43,80,0.8);
  z-index:999;
  display:none;
}
.popup{
  position:relative;
  display:flex; flex-direction:column; gap:10px;
  top:50%; left:50%;
  transform:translate(-50%, -50%);
  max-width:560px;
  max-height:100vh;
  height:auto;
  min-height:0;
  transition:all .4s ease-in-out;
}
.popup iframe{ background-color:#000; }
.popup-cerrar { display:flex; align-items:center; justify-content:flex-end; }
.cerrar{ font-size:14px; background-color:transparent; padding:0; }
.cerrar:hover{ background-color:transparent; }
.popup-content-box a{ margin-bottom:0 !important; }
@media screen and (max-width:767px){
  .video-container-product{ display:none; }
}
.product-image-container{ position:relative; }
.product-image-container .ver-video-prd{
  position:absolute; inset:0;
  display:flex; justify-content:center; align-items:center;
  z-index:4;
  width:100%; height:100%;
  opacity:1;
  transition:opacity .3s ease-in-out;
  background:linear-gradient(to bottom, rgba(18,31,61,0.6), rgba(18,31,61,0.6));
}
.product-image-container .ver-video-prd i{
  display:inline-flex; align-items:center; justify-content:center;
  height:65px; width:65px;
  background-color:rgba(126,203,41,0.8);
  border:none;
  border-radius:50px;
  cursor:pointer;
  transition:background-color .6s ease;
  color:#fff;
  font-size:28px;
}
.product-image-container .ver-video-prd i:hover{ background-color:rgba(126,203,41,0.6); }
.product-image-container .ver-video-prd.active{ opacity:9; background:#121f3d; z-index:6; }
.product-image-container .ver-video-prd.active i{ display:none; }
.img-product-page .popup{ max-width:56.25%; max-height:100%; width:640px; }
.img-product-page .popup-content-box{ position:relative; overflow:hidden; max-width:100%; border-radius:1rem; }
.product-image-container .popup-content-box{ border-radius:10px; }
.img-product-page .popup-content-box iframe{ position:absolute; top:0; height:100% !important; }
@media (max-width:768px){
  .img-product-page .popup{ max-width:100%; max-height:100%; padding:0 5px; }
  .img-product-page .popup-content-box{ position:relative; overflow:hidden; background-color:transparent; width:100%; }
}
body.product-video{ overflow:hidden !important; height:100%; overscroll-behavior:contain; }
@supports (-webkit-touch-callout:none){
  body.product-video{ position:fixed; width:100%; }
}
.overlay.overlay--loop{
  background-color:rgba(32,43,80,0.8);
  padding:14px;
}
.overlay.overlay--loop .popup.popup--loop{
  width:min(640px, calc(100% - 28px));
  max-width:640px;
  max-height:calc(100vh - 28px);
  background:#fff;
  border-radius:26px;
  box-shadow:0 30px 90px rgba(2,6,23,.35);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:0;
  border:0;
  transition:none;
}
.overlay.overlay--loop .cbp-loop-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px 14px;
  background:#fff;
}
.overlay.overlay--loop .cbp-loop-title{
  font-family:'Roboto', sans-serif;
  font-weight:600;
  font-size:16px;
  line-height:20px;
  color:#0f172a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.overlay.overlay--loop .cbp-loop-dotsep{ color:#cbd5e1; margin:0 6px; }
.overlay.overlay--loop .cerrar.cerrar--loop{
  -webkit-appearance:none;
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  width:36px;
  height:36px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#0f172a;
  font-size:22px;
  line-height:1;
  transition:background-color .15s ease, transform .15s ease;
}
.overlay.overlay--loop .cerrar.cerrar--loop:hover{ background:#f1f5f9; }
.overlay.overlay--loop .cerrar.cerrar--loop:active{ transform:translateY(1px); }
.overlay.overlay--loop .cbp-loop-body{ padding:0 20px 18px; }
.overlay.overlay--loop .cbp-loop-video{
  border-radius:1rem;
  overflow:hidden;
  background:#000;
}
.overlay.overlay--loop .cbp-loop-video .cbp-video-player{
  width:100%;
  aspect-ratio:16 / 9;
}
.overlay.overlay--loop .cbp-loop-video .cbp-video-player > video{ object-fit:cover; }
.overlay.overlay--loop .cbp-loop-foot{
  margin-top:14px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
}
.overlay.overlay--loop .cbp-loop-pricebox{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:160px;
}
.overlay.overlay--loop .cbp-loop-price-label{
  font-family:'Roboto', sans-serif;
  font-size:14px;
  color:#64748b;
  line-height:18px;
}
.overlay.overlay--loop .cbp-loop-price-value{
  font-family:'Roboto', sans-serif;
  font-size:28px;
  font-weight:800;
  color:#0f172a;
  line-height:30px;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.overlay.overlay--loop .cbp-loop-buy{
  white-space:nowrap;
  border-radius:18px !important;
  padding:14px 18px !important;
  font-family:'Roboto', sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:18px;
}
.overlay.overlay--loop .button.buy_now_button,
.overlay.overlay--loop .button.buy_now_button.buy_now_discaunt{
  background:#059669 !important;
  color:#fff !important;
  border:1px solid rgba(5,150,105,.25) !important;
}
.overlay.overlay--loop .button.buy_now_button:hover,
.overlay.overlay--loop .button.buy_now_button.buy_now_discaunt:hover{
  background:#047857 !important;
}
@media (max-width:560px){
  .overlay.overlay--loop{ padding:0; }
  .overlay.overlay--loop .popup.popup--loop{
    width:100%;
    max-width:100%;
    position:absolute;
    left:0;
    top:auto;
    bottom:0;
    transform:none;
    border-radius:24px 24px 0 0;
    max-height:calc(100vh - 10px);
  }
  .overlay.overlay--loop .cbp-loop-head{ padding:16px 16px 12px; }
  .overlay.overlay--loop .cbp-loop-body{ padding:0 16px 16px; }
  .overlay.overlay--loop .cbp-loop-foot{
    flex-direction:column;
    align-items:stretch;
  }
  .overlay.overlay--loop .cbp-loop-pricebox{ min-width:0; }
  .overlay.overlay--loop .cbp-loop-buy{
    width:100%;
    justify-content:center;
  }
}
.video-container-product .ver-video{
  -webkit-appearance:none;
  appearance:none;
  border:1px solid rgba(255,255,255,.65);
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width:42px;
  height:42px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:
    0 1px 1px rgba(15,23,42,.06),
    0 2px 6px rgba(15,23,42,.16);
  cursor:pointer;
  transition:transform .15s ease, background-color .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.video-container-product .ver-video i{
  font-size:18px;
  line-height:1;
  color:#45556c!important;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateX(1px);
}
.video-container-product .ver-video:hover{
  background:#fff;
  border-color:rgba(255,255,255,.85);
  transform:translateY(-1px);
  box-shadow:
    0 2px 2px rgba(15,23,42,.08),
    0 4px 12px rgba(15,23,42,.20);
}
.video-container-product .ver-video:active{ transform:translateY(0); }
.video-container-product .ver-video:focus{ outline:none; }
.video-container-product .ver-video:focus-visible{
  outline:2px solid rgba(16,185,129,.55);
  outline-offset:3px;
}
@supports not ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))){
  .video-container-product .ver-video{ background:rgba(255,255,255,.98); }
}
@media (prefers-reduced-motion: reduce){
  .video-container-product .ver-video{ transition:none; }
}
.overlay.overlay--loop .popup.popup--loop{
  will-change: transform, opacity;
  opacity: 0;
  transform: translate(-50%, calc(-50% + 26px));
  transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .20s ease;
}
.overlay.overlay--loop.activo .popup.popup--loop{
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media (max-width:560px){
  .overlay.overlay--loop .popup.popup--loop{
    opacity: 0;
    transform: translateY(26px);
    transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .20s ease;
  }
  .overlay.overlay--loop.activo .popup.popup--loop{
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce){
  .overlay.overlay--loop .popup.popup--loop{ transition:none; }
}