/* Add here all your CSS customizations */
/*ubicacion*/
#ubicacion iframe
{
      width: 100%;
    margin-top: -50px;
    margin-bottom: -50px;
     display:inline-block; 

}

.header-nav-bar
{
    background-color: rgb(82, 84, 90) !important;
}

#footer {
    border-top: 3px solid transparent;
    -moz-border-image: url(../img/linecolor.svg) 30 30 stretch;
    -webkit-border-image: url(../img/linecolor.svg) 30 30 stretch;
    -o-border-image: url(../img/linecolor.svg) 30 30 stretch;
    border-image: url(../img/linecolor.svg) 30 30 stretch;
}
.gris
{
      filter: grayscale(1);
}
.header-nav-bar
{
    background-color: rgb(82, 84, 90) !important;
}


@supports(filter: invert(100%)){
  
    .svgTwitter:hover{   
    filter: invert(100%);
      /*filter: invert(20%) sepia(100%) saturate(4000%);*/
    }
  }
  @supports(filter: invert(100%)){
    
    .svgTwitterFooter{   
    filter: invert(100%);
      /*filter: invert(20%) sepia(100%) saturate(4000%);*/
    }
  }
  .social-icons li:hover.social-icons-twitter-x a {
      background: #232323 !important;
  }
  


  
      .no-footer-css {
          display: inline-block; /* Para que el enlace se comporte como un bloque en línea */
          border-radius: 50%; /* Esto hace que el fondo sea un círculo */
          background-color: #52545a; /* Color de fondo (puedes cambiarlo si lo deseas) */
          padding: 10px; /* Espaciado alrededor del icono */
          width: 30px; /* Ancho del círculo */
          height: 30px; /* Alto del círculo */
          text-align: center; /* Centra el contenido (icono) dentro del círculo */
        }
      
        .svgTwitterFooter {
          fill: white; /* Color del icono (puedes cambiarlo si lo deseas) */
          width: 100%; /* Ajusta el tamaño del icono dentro del círculo */
          height: 100%; /* Ajusta el tamaño del icono dentro del círculo */
          display: block; /* Para evitar espacio extra debajo del SVG */
          margin: 0 auto; /* Centra el icono dentro del contenedor */
        }