/* CompuBahía v2 - testimonios React */
.cb-react-testimonials{display:flex!important;flex-direction:column;max-width:700px;margin:0 auto}
.cb-react-testimonial-dots{min-height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.cb-react-testimonial-dot{position:relative;width:60px;height:60px;margin:0 5px;padding:0;border:0;border-radius:50%;background:transparent;transition:.35s}
.cb-react-testimonial-dot.active{width:100px;height:100px}
.cb-react-testimonial-dot img{width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:.45;transition:.35s}
.cb-react-testimonial-dot.active img{opacity:1}
.cb-react-testimonial-dot.active::after{position:absolute;width:40px;height:40px;bottom:-20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;content:"\f10d";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--primary);background:#fff;border-radius:40px}


/* React navbar: after choosing an item, keep the desktop hover menu closed
   until the pointer leaves the dropdown. This prevents the old :hover rule
   from leaving the menu visible after React Router navigation. */
@media (min-width: 992px) {
  .navbar .nav-item.dropdown.cb-dropdown-suppressed .dropdown-menu,
  .navbar .nav-item.dropdown.cb-dropdown-suppressed:hover .dropdown-menu {
    visibility: hidden !important;
    opacity: 0 !important;
    transform: rotateX(-75deg) !important;
    pointer-events: none !important;
  }
}