/* Inicio */
.index-cover {
  background-image: url(../../img/covers/coverInicio2.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;
  background-attachment: fixed;
}

/* Nosotros */
.we-cover {
  background-image: url(../../img/covers/coverNosotros.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  background-attachment: fixed;
}

/* Limpieza */
.cleaning-cover {
  background-image: url(../../img/covers/coverLimpieza.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  background-attachment: fixed;
}

/* Mantenimiento */
.maintenance-cover {
  background-image: url(../../img/covers/coverMantenimiento.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  background-attachment: fixed;
}

/* Control de plagas */
.pestControl-cover {
  background-image: url(../../img/covers/coverControlPlagas.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  background-attachment: fixed;
}

/* Contacto */
.contact-cover {
  background-image: url(../../img/covers/coverContacto.jpg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  background-attachment: fixed;
}

/* ========================================
  Clip-path
======================================== */
.circle-opacity {
  background: rgba(255, 255, 255, 0.5);
  clip-path: circle(55% at 65% 50%);
  -webkit-clip-path: circle(55% at 65% 50%);
  z-index: 1;
}

.circle-index {
  clip-path: circle(49% at 65% 50%);
  -webkit-clip-path: circle(49% at 65% 50%);
  z-index: 2;
}

/* ========================================
  Gradients
======================================== */
.gradient-index {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.568) 54.81%, rgba(0, 0, 0, 0) 100%);
  height: 645px;
  width: 100%;
}

.gradient-covers {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.568) 54.81%, rgba(0, 0, 0, 0) 100%);
  height: 480px;
  width: 100%;
}

/* ========================================
  Text position
======================================== */
.index-txt {
  position: absolute;
  top: 0px;
}

.txt-index-cover {
  position: relative;
  left: 70px;
  top: 180px;
}

.txt-we-cover {
  position: relative;
  left: 70px;
  top: 190px;
}

.txt-contact-cover {
  position: relative;
  left: 70px;
  top: 210px;
}

.txt-cover {
  position: relative;
  left: 70px;
  top: 270px;
}

@media (max-width: 1199.98px) {

  /* Inicio */
  .index-cover { background-position: 15% 50%; }
  /* Limpieza */
  .cleaning-cover { background-position: 55% 50%; }
  /* Mantenimiento */
  .maintenance-cover { background-position: 60% 50%; }
  /* Contacto */
  .contact-cover { background-position: 50% 50%; }

  /* ========================================
    Text position
  ======================================== */
  .txt-index-cover { left: 60px; }

  

}

@media (max-width: 1024px) {

  /* Inicio */
  .index-cover {
    background-attachment: unset;
  }

  /* Nosotros */
  .we-cover {
    background-attachment: unset;
  }

  /* Limpieza */
  .cleaning-cover {
    background-attachment: unset;
  }

  /* Mantenimiento */
  .maintenance-cover {
    background-attachment: unset;
  }

  /* Control de plagas */
  .pestControl-cover {
    background-attachment: unset;
  }

  /* Contacto */
  .contact-cover {
    background-attachment: unset;
  }

}

@media (max-width: 991.98px) {

  /* Inicio */
  .index-cover { background-position: 30% 50%; }
  /* Limpieza */
  .cleaning-cover { background-position: 60% 50%; }
  /* Mantenimiento */
  .maintenance-cover { background-position: 70% 50%; }
  /* Control de plagas */
  .pestControl-cover { background-position: 55% 50%; }

  /* ========================================
    Text position
  ======================================== */
  .txt-index-cover {
    left: 45px;
    top: 120px;
  }

}

@media (max-width: 799px) {

  /* ========================================
    Text position
  ======================================== */
  .txt-index-cover { top: 70px; }

}

@media (max-width: 767.98px) {

  /* Inicio */
  .index-cover { background-position: 35% 50%; }
  /* Limpieza */
  .cleaning-cover { background-position: 65% 50%; }
  /* Mantenimiento */
  .maintenance-cover { background-position: 80% 50%; }
  /* Contacto */
  .contact-cover { background-position: 55% 50%; }

  /* ========================================
    Text position
  ======================================== */
  .txt-index-cover { 
    left: 25px;
    top: 150px;
  }

}

@media (max-width: 650px) {

  /* ========================================
    Text position
  ======================================== */
  .txt-index-cover { top: 80px; }

}

@media (max-width: 575.98px) {

  /* Inicio */
  .index-cover { background-position: 45% 50%; }
  /* Limpieza */
  .cleaning-cover { background-position: 70% 50%; }
  /* Mantenimiento */
  .maintenance-cover { background-position: 85% 50%; }
  /* Control de plagas */
  .pestControl-cover { background-position: 65% 50%; }
  /* Contacto */
  .contact-cover { background-position: 60% 50%; }

  /* ========================================
    Text position
  ======================================== */
  .txt-index-cover { 
    left: 10px;
    top: 100px;
  }

  .txt-we-cover {
    left: 10px;
    top: 190px;
  }

  .txt-contact-cover { left: 10px; }

  .txt-cover {
    left: 10px;
    top: 250px;
  }

}

@media (max-width: 400px) {

  /* Inicio */
  .index-cover { background-position: 50% 50%; }
  /* Limpieza */
  .cleaning-cover { background-position: 75% 50%; }
  /* Mantenimiento */
  .maintenance-cover { background-position: 90% 50%; }
  /* Contacto */
  .contact-cover { background-position: 65% 50%; }

  /* ========================================
    Text position
  ======================================== */
  .txt-index-cover {
    left: 0px;
  }

  .txt-contact-cover { left: 0px; }


}