@charset "UTF-8";

.parallax-contacto {
	background-image: url(../../imagenes/section-contacto.png);
	padding: 10em 0;
	background-position: center bottom;
}

.tooltip{
	position: relative;
	border-bottom: 1px dotted var(--azul-100);
}

.tooltip .text {
  visibility: hidden;
  width: 75vw;
  background-color: var(--azul-10);
  color: var(--negro-80);
  text-align: left;
  padding: 0.25em 0.5em;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip:hover .text {
  visibility: visible;
}