.foc-background {
  background-image: url('../../images/luminares-negocio.webp');
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: scale(1.1);
  filter: blur(0.1px);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.titlSli5CoT,
.contSli5Co {
  display: none;
}

.show-text {
  animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.imgFocNe {
  position: absolute;
  z-index: 1;
  width: 21%;
  top: 50%;
  left: 15%;
  transform: translate(-50%, -50%);
  animation: brillo 2s ease-in-out infinite;
}

@keyframes brillo {
  0% {
    filter: drop-shadow(0px 5px 2px rgba(255, 255, 0, 0.3));
  }

  25% {
    filter: drop-shadow(0px 5px 5px rgba(255, 255, 0, 0.5));
  }

  50% {
    filter: drop-shadow(0px 0px 15px rgb(255, 255, 0));
  }

  75% {
    filter: drop-shadow(0px 5px 5px rgba(255, 255, 0, 0.5));
  }

  100% {
    filter: drop-shadow(0px 5px 2px rgba(255, 255, 0, 0.3));
  }
}


/* 1440px */
@media screen and (max-width:1440px) {
  .imgFocNe {
    width: 25rem;
    top: 57%;
    left: 20%;
  }
}

/* 1366px */
@media screen and (max-width:1366px) {
  .imgFocNe {
    top: 50%;
    left: 18%;
  }
}

@media screen and (max-width:1280px) {
  .imgFocNe {
    top: 60%;
    width: 16rem;
    left: 15%;
}
}

/* 1024px (pantallas altas como 768px de alto) */
@media screen and (max-width:1024px) {
  .imgFocNe {
    top: 70%;
    left: 50%;
  }
}

/* 1024x600 (pantallas bajas específicas) */
@media screen and (max-width:1024px) and (max-height:700px) {
  .imgFocNe {
    top: 60%;
  }
}

/* 998px */
@media screen and (max-width:998px) {
  .imgFocNe {
    width: 20rem;
  }
}

/* 768px */
@media screen and (max-width:1024px) and (max-height:768px) {
  .imgFocNe {
    top: 57%;
    left: 18%;
    width: 13rem;
  }
}

@media screen and (max-width:768px) and (min-height:1024px) {
  .imgFocNe {
    top: 68%;
    left: 50%;
  }
}

/* 540 * 720 */


/* Ocultar en pantallas horizontales como 700x540 */
@media screen and (max-width:720px) and (max-height:540px) {
  .imgFocNe {
    display: none;
  }
}

/* Mostrar en pantallas verticales como 540x700 */
@media screen and (max-width:540px) and (min-height:700px) {
  .imgFocNe {
    display: block;
    top: 65%;
    width: 12rem;
    left: 50%;
  }
}

/* 468px */
@media screen and (max-width:896px) and (max-height:468px) {

  .imgFocNe {
    display: none;
  }
}

@media screen and (max-width:468px) and (min-height:896px) {

  .imgFocNe {
    top: 73%;
    width: 10rem;
    left: 50%;
    display: block;
  }

}

/* 430*932 */
@media screen and (max-width:932px) and (max-height:430px) {
  .imgFocNe {
    display: none;
  }
}

@media screen and (max-width:430px) and (min-height:932px) {
  .imgFocNe {
    display: block;
  }
}

/* 390px */
@media screen and (max-width:390px) {

  /* .imgFocNe {
    top: 67%;
    width: 12rem;
  } */
  .imgFocNe {
    top: 73%;
    width: 5rem;
    left: 50%;
  }
}

/* 360px */
@media screen and (max-width:375px) {
  .imgFocNe {
    top: 68%;
    width: 9rem;
    left: 49%;
  }
}

/* 320px */
@media screen and (max-width:320px) {
  .imgFocNe {
    top: 66%;
    width: 8rem;
  }
}

/* 280 *653 */
@media screen and (max-width:280px) and (min-height:653px) {

  .imgFocNe {
    top: 66%;
    width: 6rem;
    left: 50%;
  }
}