@font-face {
  font-family: GraphikRegular;
  src: url(../font/Graphik-400-Regular.otf);
}
@font-face {
  font-family: GraphikBold;
  src: url(../font/Graphik-700-Bold.otf);
}
#top_section {
  font-family: "GraphikBold";
  position: relative;
}
#top_section img {
  height: 25vh;
  width: 100%;
  object-fit: cover;
}
#top_section .top-title-breadcrum {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
#top_section .top-title-breadcrum h2 {
  font-size: 30px;
}
#top_section .top-title-breadcrum p {
  font-family: "GraphikRegular";
}
#top_section .top-title-breadcrum p a {
  color: white;
}
#detalle-prod_section .container {
  font-family: "Roboto";
}
#detalle-prod_section .container .col-img {
  display: flex;
  align-self: center;
  justify-content: center;
}
#detalle-prod_section .container .col-img .img-sello {
  text-align: left;
}
#detalle-prod_section .container .col-img .img-sello img {
  max-width: 15%;
  padding-bottom: 2rem;
}
#detalle-prod_section .container .col-img .detalle-img .img-prod {
  max-width: 172px;
  padding-bottom: 1rem;
}
#detalle-prod_section .container .col-img h4 {
  font-size: 0.8rem;
}
#detalle-prod_section .container .col-img .aplicaciones-div .img-aplicacion {
  max-width: 15px;
  margin-right: 1rem;
}
#detalle-prod_section .container .col-img .aplicaciones-div .texto-aplicacion p {
  font-size: 0.8rem;
}
#detalle-prod_section .container .col-carousel {
  display: block;
  text-align: center;
}
#detalle-prod_section .container .col-carousel .carousel-control-next,
#detalle-prod_section .container .col-carousel .carousel-control-prev {
  color: #666666;
  font-size: 2rem;
}
#detalle-prod_section .container .col-detalle {
  display: flex;
  flex-direction: column;
  align-self: center;
}
#detalle-prod_section .container .col-detalle .div-btn,
#detalle-prod_section .container .col-detalle .div-desc,
#detalle-prod_section .container .col-detalle .div-usos {
  margin: 30px 0;
  color: #666666;
}
#detalle-prod_section .container .col-detalle .div-btn {
  display: flex;
  justify-content: space-between;
}
#detalle-prod_section .container .col-detalle .div-btn a {
  text-decoration: none;
}
#detalle-prod_section .container .col-detalle .div-btn a button {
  background-color: #ce202f;
  border-color: #ce202f;
  border-radius: 0;
  width: 200px;
  text-align: left;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
}
#detalle-prod_section .container .col-detalle .div-btn a button:hover {
  background-color: #ec2738;
  -webkit-box-shadow: 2px 28px 57px -21px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 2px 28px 57px -21px rgba(0, 0, 0, 0.8);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.8);
}
#detalle-prod_section .container .col-detalle .div-desc h2 {
  font-weight: bold;
}
#detalle-prod_section .container .col-detalle .div-usos h5 {
  border-bottom: 2px solid #f2f2f2;
}
#detalle-prod_section .container .col-detalle .col-productos .img-prod img {
  max-width: 172px;
}
#visitanos_section {
  background: #2c2c2c;
  background: linear-gradient(0deg, #2c2c2c 0%, #2c2c2c 50%, #ffffff 50%, #ffffff 100%);
}
@media (max-width: 1200px) {
  #top_section h2 {
    font-size: 35px !important;
  }
}
@media (max-width: 992px) {
  #top_section p {
    font-size: 15px !important;
    top: 70% !important;
  }
}
@media (max-width: 768px) {
  #top_section p {
    top: 70% !important;
  }
}
@media (max-width: 576px) {
  #top_section h2 {
    left: 42%;
    top: 30%;
    font-size: 18px !important;
  }
  #top_section p {
    font-size: 12px !important;
    top: 73%;
    left: 42%;
  }
}