/* =========================================================
   FQC — Owl Carousel (solo CSS, sin JS)
   Base: #ff8f0f  |  Hover/activo: #205b8c
   Uso: <div class="owl-carousel owl-theme fqc-owl">…</div>
========================================================= */

/* Flechas prev/next */
.fqc-owl.owl-carousel .owl-nav button.owl-prev,
.fqc-owl.owl-carousel .owl-nav button.owl-next{
  background:#ff8f0f !important; /* base naranja */
  color:#fff !important;
  width:40px;height:40px;line-height:40px;
  font-size:24px;border:0;border-radius:50%;
  top:50%;transform:translateY(-50%);
  transition:background-color .25s ease, box-shadow .2s ease, transform .2s ease;
}
.fqc-owl.owl-carousel .owl-nav button.owl-prev:hover,
.fqc-owl.owl-carousel .owl-nav button.owl-next:hover{
  background:#205b8c !important; /* hover azul */
  color:#fff !important;
  box-shadow:0 6px 18px rgba(32,91,140,.25);
}
/* Opcional: mover un poco hacia fuera */
.fqc-owl.owl-carousel .owl-nav button.owl-prev{ left:-10px; }
.fqc-owl.owl-carousel .owl-nav button.owl-next{ right:-10px; }

/* Dots */
.fqc-owl.owl-carousel .owl-dots .owl-dot span{
  background:#ff8f0f !important; /* base naranja */
  width:25px;height:5px;
  transition:all .25s ease;
}
.fqc-owl.owl-carousel .owl-dots .owl-dot:hover span,
.fqc-owl.owl-carousel .owl-dots .owl-dot.active span{
  background:#205b8c !important; /* activo/hover azul */
  height:10px;
}

/* Algunas skins del theme (banner-slider) cambian nav */
.fqc-owl.banner-slider.owl-carousel .owl-nav button.owl-prev,
.fqc-owl.banner-slider.owl-carousel .owl-nav button.owl-next{
  background:#ff8f0f !important;color:#fff !important;border-color:transparent !important;
}
.fqc-owl.banner-slider.owl-carousel .owl-nav button.owl-prev:hover,
.fqc-owl.banner-slider.owl-carousel .owl-nav button.owl-next:hover{
  background:#205b8c !important;color:#fff !important;border-color:transparent !important;
}

/* Botón circular dentro de la tarjeta (link-btn) */
.fqc-owl .service-item .service-desc .link-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:50%;
  background:#ff8f0f !important; /* base */
  color:#fff !important;font-size:22px;
  text-decoration:none !important;
  transition:background-color .25s ease, transform .2s ease, box-shadow .2s ease;
}
.fqc-owl .service-item .service-desc .link-btn:hover,
.fqc-owl .service-item .service-desc .link-btn:focus{
  background:#205b8c !important; /* hover */
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(32,91,140,.25);
}
.fqc-owl .service-item .service-desc .link-btn i{ color:inherit; line-height:1; }

/* =========================================================
   FQC — Botón de ampliación de imagen (popup-img)
   Base: #ff8f0f | Hover: #205b8c
========================================================= */
.fqc-owl .cases-item .popup-img {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  display: flex; align-items: center; justify-content: center;
  width: 60px; height: 60px;
  border-radius: 50%;
  background: #ff8f0f !important;  /* base naranja */
  color: #205b8c !important;
  font-size: 28px;
  opacity: 0; visibility: hidden;
  transition: all .3s ease;
  text-decoration: none !important;
}
.fqc-owl .cases-item:hover .popup-img {
  opacity: 1; visibility: visible;
}
.fqc-owl .cases-item .popup-img:hover {
  background: #205b8c !important;   /* hover azul */
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 6px 18px rgba(32,91,140,.25);
}
.fqc-owl .cases-item .popup-img i {
  color: #fff !important; 
  line-height: 1;
}


/* Centrar el botón de ampliar imagen (popup-img) */
.fqc-owl .cases-item .popup-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ff8f0f;   /* base naranja */
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  transition: background-color .25s ease, transform .2s ease, box-shadow .2s ease;
}

.fqc-owl .cases-item .popup-img:hover,
.fqc-owl .cases-item .popup-img:focus {
  background: #205b8c;   /* hover azul */
  color: #fff;
  transform: translate(-50%, -50%) scale(1.05);
  box-shadow: 0 6px 18px rgba(32,91,140,.25);
}

.fqc-owl .cases-item .popup-img i {
  color: inherit;
  line-height: 1;
}


/* Magnific Popup: oculta la leyenda debajo de la imagen */
.mfp-title, .mfp-title small { display: none !important; }
/* si también aparece el contador 1/5 y lo quieres ocultar: */
/* .mfp-counter { display:none !important; } */

.mfp-counter{ display:none !important; }