/* slider-fallback.css — estilos del reviver de carruseles (espejo estático luzguijarro.com) */
.flexslider.sf-on { position: relative; }
.flexslider.sf-on .slides { position: relative; margin: 0; padding: 0; list-style: none; }
.flexslider.sf-on .slides > li {
  display: none !important;
  width: 100%;
}
.flexslider.sf-on .slides > li.sf-active {
  display: block !important;
}
/* Duda oculta el contenido con visibility:hidden hasta que su runtime lo revela */
.flexslider.sf-on .slides > li.sf-active,
.flexslider.sf-on .slides > li.sf-active * {
  visibility: visible !important;
}
/* Slider SSR de imágenes: revelar su contenido */
.sf-ssr-on, .sf-ssr-on * { visibility: visible !important; }
/* animación de aparición */
.flexslider.sf-on .slides > li.sf-active { animation: sfFadeIn .6s ease both; }
.flexslider.sf-fade.sf-on .slides { }
.flexslider.sf-fade.sf-on .slides > li { position: absolute; top: 0; left: 0; opacity: 0; }
.flexslider.sf-fade.sf-on .slides > li.sf-active { position: relative; opacity: 1; transition: opacity .6s ease; }
@keyframes sfFadeIn { from { opacity: 0; } to { opacity: 1; } }

/* controles */
.flexslider.sf-on .sf-nav { list-style: none; margin: 0; padding: 0; }
.flexslider.sf-on .sf-nav li {
  position: absolute; top: 50%; transform: translateY(-50%);
  z-index: 10; cursor: pointer; user-select: none;
  width: 42px; height: 42px; line-height: 42px; text-align: center;
  color: #fff; background: rgba(120,40,120,.45); border-radius: 50%;
  font-size: 20px; transition: background .2s ease;
}
.flexslider.sf-on .sf-nav li:hover { background: rgba(120,40,120,.8); }
.flexslider.sf-on .sf-prev { left: 12px; }
.flexslider.sf-on .sf-next { right: 12px; }
.flexslider.sf-on .sf-dots {
  list-style: none; margin: 14px 0 0; padding: 0; text-align: center;
  position: relative; z-index: 10;
}
.flexslider.sf-on .sf-dots li {
  display: inline-block; width: 10px; height: 10px; margin: 0 5px;
  border-radius: 50%; background: rgba(120,40,120,.3); cursor: pointer;
  transition: background .2s ease;
}
.flexslider.sf-on .sf-dots li.sf-dot-on { background: rgba(120,40,120,.9); }