:root {
    --bs-primary-rgb: 82, 8, 0;
    /*--bs-orange: rgb(82, 8, 0);*/
}

a {
    color: #520800;
    text-decoration: underline;
}

a:hover {
    color: #520800;
    text-decoration: underline;
}

.social-icons .social-icon:hover {
    background-color: #520800;
}

.galeria--bg {
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*Grabado*/
.grabado {
    background-image: url("../assets/img/grabado_01.jpg");
}

/*Diseño Gráfico*/
.portada-kdy {
    background-image: url("../assets/img/img_dis_graf.jpg");
}

/*Ilustraciones*/
.portada-cofradia {
    background-image: url("../assets/img/img_ilustracion.jpg");
}

/*Pintura*/
.pintura {
    background-image: url("../assets/img/pintura_02.jpg");
}

/*Diseño Logo*/
.sanacion {
    background-image: url("../assets/img/sanaciom.jpg");
}

/*websites*/
.web {
    background-image: url("../assets/img/img_websites.jpg");
}

.shadow-drop-center:hover {
	-webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes shadow-drop-center {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
              box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
              box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
  }
@keyframes shadow-drop-center {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
              box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
      -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
              box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}

.galeria--card--overlay {
    height: 100%;
}

.galeria--card--overlay:hover {
	-webkit-animation: galeria--card--overlay 0.5s linear alternate both;
	        animation: galeria--card--overlay 0.5s linear alternate both;
}

.galeria--card--overlay p {
    color: rgba(0, 0, 0, 0);
}

.galeria--card--overlay p a {
    color: rgba(0, 0, 0, 0);
}

.galeria--card--overlay:hover p {
    -webkit-animation: card--text--animation 0.5s linear alternate both;
	        animation: card--text--animation 0.5s linear alternate both;
}

.galeria--card--overlay:hover p a {
    -webkit-animation: card--text--animation 0.5s linear alternate both;
	        animation: card--text--animation 0.5s linear alternate both;
}

@-webkit-keyframes galeria--card--overlay {
    0% {
      background: rgba(237, 237, 237, 0);
    }
    100% {
        background: rgba(237, 237, 237, 0.85);
    }
}
@keyframes galeria--card--overlay {
    0% {
        background: rgba(237, 237, 237, 0);
    }
    100% {
      background: rgba(237, 237, 237, 0.85);
    }
}

.card--text--animation:hover {
    -webkit-animation: card--text--animation 0.5s linear alternate both;
	        animation: card--text--animation 0.5s linear alternate both;
}

@-webkit-keyframes card--text--animation {
    0% {
      color: rgba(0, 0, 0, 0);
    }
    100% {
        color: rgba(0, 0, 0, 1);
    }
}
@keyframes card--text--animation {
    0% {
        color: rgba(0, 0, 0, 0);
    }
    100% {
      color: rgba(0, 0, 0, 1);
    }
}
  
.btn--custom--bg {
    color: white;
    background-color: #520800;
}