@font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 400;
   src: local('Lato Regular'), local('Lato-Regular'), url('../font/Lato/Lato-Regular.ttf');
  }
  * {
   font-family: 'Lato';
  }
  /* https://cssgradient.io/ */
  .btn-01, .btn-02{
    max-width: 300px;
    border: 0px;
    background-color: #633c97;
    color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-01:hover{
    color: #fff;
    background-color: #633c97ee;
  }
  .btn-01:active{
    background-color: #fff;
    color: #633c97;
    border: 1px solid #633c97;
  }

  .btn-02{
    color: #fff;
    background-color: #ea8c3c;
  }
  .btn-02:hover{
    color: #fff;
    background-color: #ea8c3cee;
  }
  .btn-02:active{
    background-color: #fff;
    color: #ea8c3c;
    border: 1px solid #ea8c3c;
  }
  .txt_som{
    text-shadow: 0.1em 0.1em #333
  }
  .form-select{
    border-radius: 30px;
  }
  .form-all{
    padding: 100px 5% 20px 5%;
  }
  .titulo1{
    color: #633c97;
  }
/* socio_interesado.php */
  .info{
    text-align: center;
  }
  .imgest{
    padding-top: 80px;
  }
  .txtest{
    width: 250px;
    color: #623b96;
    margin: 0 auto;
  }

  .card{
    border-radius: 30px;
    margin: 0 auto;
    cursor: pointer;
    max-width: 18rem;
  }
  .card-img-top{
    border-radius: 30px 30px 0 0;
  }
  .col{
    margin-top: 10px;
  }
  .card img{
    max-height: 190px;
    min-height: 82px;
  }
  .card-body{
    padding: 2px 10px 2px 10px;
  }
  .card-text{
    text-align: center;
    color: #623b96;
  }
  .card:hover {
    background-color: #633c97;
  }
  .card:hover .card-text{
    color: #fff;
  }
  @media (max-width: 480px) {
        #cards>* {
          padding-left: 0;
          padding-right: 0;
        }
        .card{
          min-height: 155px;
        }
  }

/* Usado: leer1.php - leer2.php - leer3.php - forja.php */ 
#global {
  height: 480px;
  /*width: 90%;*/
  border: 1px solid #ddd;
  border-radius: px;
  background: #faf5fc;
  overflow-y: scroll;
  margin: 0 0px 45px 0px;
  direction: rtl;
  overflow: -moz-scrollbars-vertical;
  /*scrollbar-color: #633c97 #ffffff;*/
  scrollbar-color: #ea8c3c rgba(0, 0, 0, 0.2);
}
#global::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

#global::-webkit-scrollbar-thumb {
  /*background-color: rgba(0, 0, 0, 0.2);*/
  background: rgb(234,139,59);
  background: -moz-linear-gradient(180deg, rgba(234,139,59,1) 0%, rgba(98,59,150,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(234,139,59,1) 0%, rgba(98,59,150,1) 100%);
  background: linear-gradient(180deg, rgba(234,139,59,1) 0%, rgba(98,59,150,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea8b3b",endColorstr="#623b96",GradientType=1);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
}
@media (min-width: 480px) and (orientation: landscape) {
  #global {
    height: 200px;
  }
}
@media (min-width: 481px) and (orientation: landscape){
  #global {
    height: 480px;
  }
}
#mensajes {
  height: auto;
}
.texto {
  direction: ltr;
  height: auto;
  padding:20px;
  background: #faf5fc;
  text-align: justify;
}
/* leer1.php - leer2.php - leer3.php - footer.php */
  .boton img{
    cursor: pointer;
    height: 18px;
  }
  .boton img:hover{
    filter: drop-shadow(0px 0px 1px #ea8b3b);
  }
  .boton img:active{
    filter: drop-shadow(0px 0px 1px #623b96);
  }
/* menu.php */
.offcanvas-header, .offcanvas-body{
  background-color: #633c97;
}
.btn-offcanvas{
  background-color: #fff;
}
.offcanvas-body .nav-item .nav-link{
  color: #fff;
  margin-left: 5px;
}
.offcanvas-body .nav-item .nav-link:hover,
.offcanvas-body .nav-item .nav-link:active,
.offcanvas-body .nav-item .nav-link:visited{
  color: #fff;
}
.offcanvas-body .nav-item:active,
.offcanvas-body .nav-item:hover{
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
}
.container{
  margin-top: 76px;
}
.text-justify{
  text-align: justify;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
.proytitle{
  padding: 5px;
  background-color: #633c9733;
  color: #000;
  border-radius: 10px;
}
.proyecto{
  border: 2px solid #eee;
  border-radius: 30px
}
.proyecto:hover{
  background-color: #eee;
}
.proyecto:active{
  border: 2px solid #ea8c3c;
  background-color: #fff;
}
.proyecto b, .proyectover b{
  color: #2e5a9f;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  margin-right: 10px;
}

  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
  }

  input[type=number] { -moz-appearance:textfield; }