html {
  scroll-behavior: smooth;
}



*,body {
  font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
}


/* para quitar la barra de traduccion de google  */
/* #ais_87_wrapper,#ais_87{width:943px;height:280px;} */
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
 body {top:0 !important;} 
#google_translate_element2 {display:none!important;}

/* a.flag {text-decoration:none;}
a.flag img {vertical-align:middle;padding:0;margin:0;border:0;display:inline;height:16px;opacity:0.8;}
a.flag:hover img {opacity:1;}
a.flag span {margin-right:5px;font-size:15px;vertical-align:middle;} */
          

/* colores propios */
.text-amarillo {
    color: #fded01!important;
}

.bg-amarillo {
    background-color: #fded01!important;
}

.bg-negro {
    background-color: #000!important;
}

.bg-rojo {
    background-color: #c12d23!important;
}

.text-justify {
  text-align: justify;
}




/* colores modificados  */
.text-danger {
    color: #f93822!important;
}

.bg-danger {
    background-color: #f93822!important;
}


.bg-primary {
  background-color:  #22266f !important;
}


.btn-primary {
    color: #fff;
    background-color: #22266f !important;
    border-color: #22266f !important;
}

.btn-outline-primary {
    background-color: #fff;
    color: #22266f !important;
    border-color: #22266f !important;
}


.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #22266f;
    border-color: #22266f;
}




.text-primary, .page-link {
  color:  #22266f !important;
}

.page-item.active .page-link {
    color: #22266f;
    background-color: #ffffff;
    border-color: #22266f;
}

a:hover {
  text-decoration: none;
}


a.text-primary:focus, a.text-primary:hover {
    color: #22266f !important;
    text-decoration: none;
}

#distribuidores a.text-primary:focus, #distribuidores a.text-primary:hover {
    color: #fff !important;
    text-decoration: none;
    /* 
    border: 1px solid white;
    padding: 5px; */
}


.btn-secondary {
    color: #000;
    background-color: #fdf200 !important;
    border-color: #22266f !important;
}

a.btn-secondary:focus, a.btn-secondary:hover {
    color: #22266f !important;
    background-color: #fdf200 !important;
    border-color: #fff !important;
}


/* texto blink */
.blink{
  color: red;
  /* font-size:30px; */
  animation:blink_animation 0.5s infinite;
}
@keyframes blink_animation {
    50%   {color: red; }      
    100% {color: blue;}
}


/* boton blink */
@keyframes glowing {
0% {
    background-color: #a80505;
    box-shadow: 0 0 5px #a80505;
}
50% {
    background-color: #e81919;
    box-shadow: 0 0 20px #e81919;
}
100% {
    background-color: #a80505;
    box-shadow: 0 0 5px #a80505;
}
}
.btn-blink {
animation: glowing 1300ms infinite;
}


/*
blink verde
 @keyframes glowing {
        0% {
          background-color: #2ba805;
          box-shadow: 0 0 5px #2ba805;
        }
        50% {
          background-color: #49e819;
          box-shadow: 0 0 20px #49e819;
        }
        100% {
          background-color: #2ba805;
          box-shadow: 0 0 5px #2ba805;
        }
      }
      .button {
        animation: glowing 1300ms infinite;
      }
*/


/* blink parpadeo */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}




.list-group-item.active {
  z-index: 2;
  color: #fff !important;
  background-color: #22266f !important;
  border-color: #22266f !important;
}



.borde-texto {
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: black;
}



.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: #22266f !important;
}

.nav-pills .nav-link {
  border-radius: 0;
}