body {
    font-family: 'Arial Black', Gadget, sans-serif;
}
 /* 
h2 {
  margin-top: 2rem;
}*/
 /* 
footer {
  margin-top: 4rem;
} */


  /* 1. Arial Black: ya está disponible */
  .arial-black {
    font-family: 'Arial Black', Gadget, sans-serif;
  }

  /* 2. Montserrat: importado desde Google Fonts */
  .montserrat {
    font-family: 'Montserrat', sans-serif;
  }
 
  /* 3. Bolster Bold: archivo local (debes tener BolsterBold.ttf en /fonts) */
  @font-face {
    font-family: 'Bolster Bold';
    src: url('fonts/BolsterBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  /* 4. helvetica*/
  .helvetica-world {
    font-family: 'Helvetica World', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }

  .bolster-bold {
    font-family: 'Bolster Bold', sans-serif;
  }

  .navbar-brand img {
    height: 70px;
  }


   /*menu*/
/* Estilo general de los botones del menú */
.navbar-nav .nav-link {
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  padding: 0.5rem 0.8rem; 
  color: #000;              /* Texto blanco */ 
  transition: background-color 0.3s ease;
}
 

/* Activo */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:focus  { 
  color: #0368AA !important;
  font-weight: bold;
}

.input-group .form-control {
  border-radius: 20px;
  padding-left: 0.5rem;
  min-width: 130px;
}

.input-group-text {
  border-radius: 20px 0 0 20px;
  border-right: none;
}

.form-control:focus {
  box-shadow: none;
  border-color: #0d6efd;
}





/* Contenedor flotante a la derecha, centrado verticalmente */
.social-icons-flotantes{
  position: fixed;
  top: 50%;                    /* necesario para centrar con transform */
  right: 0;                    /* pegado al borde derecho */
  transform: translateY(-50%);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 0;                      /* sin separación entre items */
}

/* Cada botón cuadrado */
.social-icons-flotantes a{
  display: block;
  width: 42px;                 /* ajusta al tamaño de tus PNG */
  height: 42px;
  margin: 0;                   /* sin márgenes = quedan pegados */
  padding: 0;
  line-height: 0;              /* evita “espacio” por línea */
}

/* La imagen ocupa todo el botón sin bordes ni espacios */
.social-icons-flotantes a img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;           /* llena el cuadrado */
  border: 0;
}

/* (Opcional) redondear solo el borde izquierdo del grupo */
.social-icons-flotantes a:first-child img{ border-top-left-radius: 6px; }
.social-icons-flotantes a:last-child  img{ border-bottom-left-radius: 6px; }