/* Sitio en general */

html{
  font-size: 14.5px;
}

/* Sección de noticias */
.shadow-dark {
  text-shadow: 0 0 6px #000;
}

.bg-aliceblue {
  background: rgb(224, 240, 255);
}

a div.img {
  background: black;
  max-height: 400px;
}

.btn-menu {
  margin: 4px 0;
}

/* Seccion de Menu */
.card {
  margin: 0 auto;
  float: none;
  margin-bottom: 10px;
}

ul.no-list {
  list-style: none;
}

.fa-whatsapp-square{
  color:white;
}

ul li button{
  margin: 2px 0;
}

/* botones gradiantes */
.btn-grad-reg {background-image: linear-gradient(to right, #314755 0%, #26a0da 51%, #314755 100%)}
.btn-grad-reg:hover { background-position: right center; }

/* Seccion de registros */


.display-3{
  font-weight: bold;
}

.fa-check-square{
  text-shadow: 0 0 2px #FFF, 0 0 1px #000;
  font-size: 1.18rem;
}

ul.ul-separate{
  padding-top: 1rem;
}

ul.ul-separate li{
  margin-bottom: .5rem;
}

ul.ul-separate li a{
  font-weight: bold;
  text-decoration: underline;
  font-style: italic;
}

ul.ul-finanzas li a, .ul-finanzas li .fa-check-square{
  color: #2abf2a;
}

ul.ul-registros li a, .ul-registros li .fa-check-square{
  color: #17A2B8;
}

ul.ul-registros a, .text-registros{
  color: #17A2B8;
}

.text-pink{
  color: rgb(233, 103, 146);
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.ss {
  font-size: .7rem !important;
}

.btn-tools{
  background: #6DD5FA;
  color: white;
  font-weight: bold;
}

.btn-tools:hover{
  background: rgb(57, 155, 190);
  font-weight: bold;
}

/* Estilos del mapa */
iframe.map{
  width: 90%;
  height: 480px;
}

/* Estilos de footer */

ul.lista-footer a{
  color: darkgray;
}

/* Estilos Modales */
.social-icons{
  font-size: 1.5rem;
}

i.fa-map-colors{
  font-size: 1.1rem;
  color: #584023;
  display: inline;
  background: -webkit-linear-gradient(45deg, rgb(119, 88, 30), rgb(55, 167, 241), rgb(115, 230, 49));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

i.mobile-alt{
  color: red;
}

/**********************************/
/* -------Media Queries--------- */
/**********************************/

/* sm 576px */
@media(max-width: 576px){

  iframe.map{
    width: 90%;
    height: 290px;
  }

  #mapa h1{
    font-size: 2.5rem;
  }
}

/* sm 576px */
@media(min-width: 576px){

  html{
    font-size: 15.5px;
  }
  iframe.map{
    width: 90%;
    height: 360px;
  }

  #mapa h1{
      font-size: 3.8rem;
  }

}

/* md 768px */
@media(min-width: 768px){

  html{
    font-size: 16px;
  }

  iframe.map{
    width: 92%;
    height: 512px;
  }
}

/* lg 992px */
@media(min-width: 992px){

  html{
    font-size: 18px;
  }

  iframe.map{
    width: 95%;
    height: 640px;
  }
}