/* DYNAMO BOX REF19 — SOLO EXPERIENCIAS REALES + ONDA PS3
   Este archivo sobrescribe únicamente estos dos componentes. */

/* =========================================================
   EXPERIENCIAS REALES — CARRUSEL CONTINUO SIN FLECHAS
   ========================================================= */
#experienciasRealesCarousel.chat-slider-fixed{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:1180px!important;
  margin:22px auto 0!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#experienciasRealesCarousel .chat-marquee-viewport{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  height:430px!important;
  overflow:hidden!important;
  padding:8px 0 16px!important;
  margin:0!important;
  box-sizing:border-box!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%)!important;
  mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%)!important;
}
#experienciasRealesCarousel .chat-marquee-track{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  transform:translate3d(var(--chat-offset,0px),0,0)!important;
  will-change:transform!important;
}
#experienciasRealesCarousel .chat-marquee-group{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:16px!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  margin:0!important;
  padding:0 16px 0 0!important;
  box-sizing:border-box!important;
}
#experienciasRealesCarousel .chat-card.experience-card{
  position:relative!important;
  display:flex!important;
  flex:0 0 210px!important;
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
  height:400px!important;
  min-height:400px!important;
  max-height:400px!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(10,10,10,.72)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  scroll-snap-align:none!important;
}
#experienciasRealesCarousel .chat-card.experience-card img{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:10px!important;
}
#experienciasRealesCarousel .experience-zoom{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:10!important;
  opacity:0!important;
  pointer-events:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,60,60,.9)!important;
  border-radius:999px!important;
  background:rgba(120,0,0,.9)!important;
  color:#fff!important;
  font-family:"Orbitron",sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 0 22px rgba(255,0,0,.45)!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
#experienciasRealesCarousel .experience-zoom svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
}
#experienciasRealesCarousel .experience-card:hover .experience-zoom,
#experienciasRealesCarousel .experience-card:focus-within .experience-zoom{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1.04)!important;
}
@media(pointer:coarse){
  #experienciasRealesCarousel .experience-zoom{opacity:.92!important;pointer-events:auto!important;}
}
#experienciasRealesCarousel .experience-card.empty img{display:none!important;}

@media(max-width:900px){
  #experienciasRealesCarousel .chat-marquee-viewport{height:390px!important;}
  #experienciasRealesCarousel .chat-marquee-group{gap:14px!important;padding-right:14px!important;}
  #experienciasRealesCarousel .chat-card.experience-card{
    flex-basis:185px!important;width:185px!important;min-width:185px!important;max-width:185px!important;
    height:360px!important;min-height:360px!important;max-height:360px!important;
  }
}
@media(max-width:600px){
  #experienciasRealesCarousel.chat-slider-fixed{max-width:100%!important;margin-top:16px!important;}
  #experienciasRealesCarousel .chat-marquee-viewport{height:330px!important;padding-top:5px!important;}
  #experienciasRealesCarousel .chat-marquee-group{gap:12px!important;padding-right:12px!important;}
  #experienciasRealesCarousel .chat-card.experience-card{
    flex-basis:155px!important;width:155px!important;min-width:155px!important;max-width:155px!important;
    height:310px!important;min-height:310px!important;max-height:310px!important;
    border-radius:13px!important;
  }
}#consolas.consoles-section>.container{
  position:relative!important;
  z-index:4!important;
}@keyframes dynamoWaveRouge1{
  0%{background-position:0 50%;opacity:.70;}
  50%{background-position:-100% 50%;opacity:.84;}
  100%{background-position:-200% 50%;opacity:.70;}
}
#consolas.consoles-section::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.20),rgba(0,0,0,.03) 50%,rgba(0,0,0,.20))!important;
}
@media(max-width:700px){}
@media(prefers-reduced-motion:reduce){}