body{
  font-family: "Raleway";
}
.cta{
  background-color: #DAB92D;
}
.page-section {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  #logo{
      width: 25%;
  }
  .navbar {
    align-items: center;
    justify-content: space-between;
    padding: 0;
    position: fixed;
    width: 100%;
    top:0;
    z-index: 1;
  }
  .page-section {
    margin-top: 4rem;}
    .cabecera {
        position: relative;
        width: 50%;
        float: left;
        color: #fff;
        font-size: 1.5em;
        margin-bottom: 0;
      
    }
  #logoJS img{
    width: 75%;
  }
.footer{
  background-color: rgb(52,58,64,.9);
}
.mb-3{
  background-color: #FFD83A;
  padding: 0.5%;
}
.mb-3:hover{
  background-color: #DAB92D;
  
}

  @media (max-width:596px){
    #colLogoJS{
      display: none;
    }
    #colIndice{
      width: 100%;
    }
  }

  #colIndice a{
    text-decoration: none;
    color: rgb(52,58,64,.9);
  }

  .btn-flotante {
    text-decoration:none;
    font-size: 16px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    font-weight: bold; /* Fuente en negrita o bold */
    color: #ffffff; /* Color del texto */
    border-radius: 10px; /* Borde del boton */
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #343A40; /* Color de fondo */
    padding: 18px 18px; /* Relleno del boton */
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
    }
    .btn-flotante:hover {
    background-color: #DAB92D; /* Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
    }
    @media only screen and (max-width: 600px) {
    .btn-flotante {
    font-size: 10px;
    padding: 12px 20px;
    bottom: 10px;
    right: 10px;
    }
    }