body {
  background: #FCFBF7;
      font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
    font-family: Roboto, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    color: #3b3d42;
}

/*HEADER*/
.hdftp{
  background: #B30103;
}
.head-topp{
  font-size: 10pt;
  padding: 5px;
}
.header-contacto, .header-nosotros, .header-servicio{
 background: #B30103;
}
.header-contacto h1.titulo, .header-nosotros h1.titulo, .header-servicio h1.titulo{
      font-family: var(--e-global-typography-48c1619-font-family), Sans-serif;
    font-size: 65px;
     text-align: left;
  color:#fff;
}
.column-contacto{
  margin-top:-50px !important;
  font-size: 15px;
}
.column-contacto h2{
  font-size:35px;
  font-weight: bold;
}

  .brand-card {
    text-align: center;
    transition: transform 0.3s ease;
  }

  .brand-card:hover {
    transform: translateY(-10px);
  }

  .brand-card img {
    max-width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: contain;
  }
    .hover-lift {
    transition: transform 0.3s ease;
  }

  .hover-lift:hover {
    transform: translateY(-20px);
  }

  .divider-line {
        display: inline-block;
    text-align: center;
    width: 100px;
    height: 3px;
    background-color: #B30103;
    margin: 1rem 1rem;
  }
    .divider-line2 {
        display: inline-block;
    text-align: left;
    width: 100px;
    height: 3px;
    background-color: #B30103;
    margin: 10px 0;
  }
    .line-divider2 {
    width: 100px;
    height: 3px;
    background-color: #E5C64A;
    margin: 0.5rem 0;
  }

  .column-marca a{
    color:#000;
  }
  .column-marca .texto{
    font-size: 12pt;
  }
  .column-marca .texto strong{
    font-weight: 500;
  }


/*OTROS*/
.btn-rojo{
  background: #b30103;
  padding: 20px 30px;
  color:#fff;
  border-radius: 0;
  font-size: 11pt;
  font-weight: bold;
}
.btn-rojo:hover{
  background: #d12224;
  color:#fff;
}
.btn-azul{
  background: #276CD9;
  padding: 20px 30px;
  color:#fff;
  border-radius: 0;
  font-size: 11pt;
  font-weight: bold;
  color:#fff;
}
.btn-azul:hover{
  background: #4A85E0;
  color:#fff;
}

@media (max-width: 767px) {
 .head-topp .direccion{
  display: none !important;
 }
 .navbar .texto{
  font-size: 12pt;
 }
 .header-servicio h1.titulo, .header-nosotros h1.titulo, .header-contacto h1.titulo{
  font-size: 25pt;
 }
}

/*FOOTER*/
footer{
  background: #2C2C2C;
  color:#fff;
}
footer a{
  color:#fff;
}
footer a:hover{
  color:#CE0004;
}

footer li.bordertop{
border-top: 1px dashed #727272;
padding-top: 5px;
}

footer .footer-bottom{
  border-top: 1px solid #CE0004;
}

footer .footer-bottom .copyright{
  font-size: 10pt;
}

footer h4{
  text-transform: uppercase;
  font-size: 11pt;  
}

#back_to_top {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease;
}

#back_to_top:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}