@font-face {
    font-family: "Butler";
    src: url("../tipografia/Butler/Butler_Regular.otf");
}


@font-face {
    font-family: "Butler-light";
    src: url("../tipografia/Butler/Butler_Light.otf");
}

.tipo{
    font-family: "Butler";
}

.tipo2{
    font-family: "Butler-light";
}

.negro{
    color:black;
}

.min{
    font-size: 10px;
}

.cuadrito{
    width: 60px;
    height: auto;    
}

.mini{
    font-size:12px;
}

.regu{
    font-size: 14px;
}

a{
    text-decoration: none;
    color:black;
}

.click{
    cursor:pointer;
}

.bordeado{
    border-top:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    border-left:1px solid black;
    border-radius:0px;
}

.justi{
    text-align: justify;
}

.pegado{
    line-height:10px;
}

.efecto:hover{
    background-color: #b78b1e;
    color:#ffffff;
    font-weight: bold;
}


/*Pintar lineas HR*/
.solid-hr {
    background-color: #b78b1e; /* Color de fondo */
    height: 2px; /* Grosor de la línea */
  }


/* Estilos en Menu de Radiobuttons */
.form-check-input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px; /* Ajusta el ancho y el alto para hacerlo cuadrado */
    height: 15px;
    border-radius: 0;
    border: 1px solid #adb5bd; /* Añade un borde para la apariencia */
  }

  .form-check-input[type="radio"]:checked {
    background-color: #b78b1e; /* Color de fondo cuando está seleccionado */
    border-color: #b78b1e; /* Color del borde cuando está seleccionado */
  }


/***BOTON FLOTANTE ESCRITORIO *****/
.btn-flotante {
    font-size: 14px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    color: #ffffff; /* Color del texto */
    border-radius: 30px; /* Borde del boton */
    border-color: 1px solid black;
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #25D366; /* Color de fondo */
    padding: 0px; /* Relleno del boton */
    position: fixed;
    bottom: 35px;
    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: #6E3F81; /* Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
    color:#FFFFFF;
}

/***BOTON FLOTANTE MOVIL *****/
.btn-flotante {
    font-size: 14px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    color: #ffffff; /* Color del texto */
    border-radius: 30px; /* Borde del boton */
    border-color: 1px solid black;
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #25D366; /* Color de fondo */
    padding: 0px; /* Relleno del boton */
    position: fixed;
    bottom: 35px;
    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: #6E3F81; /* Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
    color:#FFFFFF;
}