.bg-custom-dark {
  background-color: black;
  position: relative;
}

.bg-custom-red {
  background-color: #2a0708;
}
section {
  overflow: hidden;
}

ul {
  list-style-type: none;
}

.img-responsive-1{
  width: 75%;
  height: auto;
  object-fit: contain;

}

.point{
  width: 22px;
}


/*estilos propios de textos*/
.text-custom-opaque {
  color: rgb(151, 151, 151);
}
.text-justify {
  text-align: justify;
}
.bold-light {
  font-weight: 400;
}
.phrase {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  font-style: italic;
  margin: 0;
}

.img-custom-container {
  height: 80px;
}


.img_274_80 {
  height: 80px;
  width: auto;
}

/* aquí van los id del tipo custom */
.hrCustom {
  width: 3px;
  height: 80%;
  background: rgb(100, 100, 100);
}

.hrCustomX {
  width: 100px;
  height: 3px;
  background: rgb(100, 100, 100);
}
.hrCustomXG {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 3px;
  background-image: radial-gradient(red, transparent, transparent)
}

.bg-custom-img {
  background: url(../img/brujo-poderoso.webp) top no-repeat;
  width: 100%;
  height: 50px;
}

@media (min-width: 500px) {
  .bg-custom-img {
    background-repeat: repeat;
  }
}


/* swiper slide pc */



/* swiper slide mb */

/* en caso de ser un celular las flechas deben de desaparecer*/

/* Botones de whatsapp y llamanos */

.contact-us {
  position: fixed;
  background-color: black;
  bottom: 0px;
  z-index: 11;
  width: 100%;
  display: flex;
  padding: 15px 0px;
  justify-content: space-around;
}

.contact-us a {
  width: 180px;
}

.contact-us a img {
  width: 100%;
  height: auto;
}

/* footer */

.bottom-100 {
  padding-bottom: 100px;
}

/* -----------muestra u oculta el contenido----------- */


/* en caso de que la pantalla tenga un minimo de 769pixeles esta clase de abajo se mantendra*/
@media (min-width: 769px) {
  .point{
    width: 30px;
    height: auto;
  }
}


/* en caso de que la pantalla no supere los 768pixeles esta clase de abajo se mantendra*/
@media (max-width: 768px)  {
  .invisible-pc{
    display: none;
  }
}