body {
  padding: 0px;
  margin: 0px;
  background-color: #fafffa;
  background-image: url("https://www.transparenttextures.com/patterns/concrete-wall-2.png");
  font-family: Verdana , sans-serif;
  font-size: 14px;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
    width: 100%; /* Para que los campos ocupen todo el ancho del contenedor */
    padding: 5px;
    margin-bottom: 3px;
    box-sizing: border-box; /* Para que el padding no aumente el ancho total */
    border: 1px solid #ccc;
    border-radius: 7px;
}


/*cabeza y pie con color*/
.masiso{
  background-color: #fafffa;
  opacity: .4;
}

/*contine a contenedor de cuadros y tiene que expandirce al alto de la pagina para separar el pie de la cabeza*/
.cuerpo{
  min-height: 100vh;
}

.contiene{
/*  margin-top: 17px;*/
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}

/*renglones conternedores de herramintas */
.distribulle{
  padding:  4px 7px 4px 7px;
  margin:0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/*para  hacer a las anchores "a" botones pero que sean un link*/
.boton_link {
    display: inline-block;
    padding: 6px 9px;
    text-decoration: none;
    background-color: #e9e9ed;
    border: 2px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.boton_link:hover {
    background-color: #9ba3ad; /* Ejemplo de color de fondo */
/*    background-color: #45a049; /* Ejemplo de color de fondo al pasar el mouse */*/
}

.titulo{
  text-align:center;
  color: #192747;
/*  background-color: red;*/
  font-size: 47px;
  font-weight: normal;
}

.sub_titulo{
  text-align:center;
  color: #192747;
/*  background-color: red;*/
  font-size: 17px;
  font-weight: normal;
}

.puchea {
  filter: brightness(0.7); /* Oscurecimiento */
   transform: translateY(2px); /* Desplazamiento hacia abajo */
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Sombra más pequeña */
/*   color: rgba(37, 99, 72, 0.8);*/
   border-color: rgba(150, 0, 150, 0.8);
   border-style: double;
/*   border-style: dotted;*/
}

.esconde {
  display: none;
}

.solo_u{
  display: none;
}

.solo_e{
  display: none;
}

.solo_a{
  display: none;
}