:root {
  --cea-primary: #80b9be;
  --cea-secondary: #458187;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: var(--cea-primary);
}
::-webkit-scrollbar-thumb {
  background: var(--cea-secondary);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--cea-secondary);
}
::selection {
  color: #fff;
  background: var(--cea-secondary);
  text-shadow: 1px 1px 2px var(--cea-primary);
}
::-moz-selection {
  color: #fff;
  background: var(--cea-secondary);
  text-shadow: 1px 1px 2px var(--cea-primary);
}
html {
  scroll-behavior: smooth;
  scrollbar-color: var(--fundacion-primary);
  scrollbar-base-color: var(--fundacion-primary);
}
.gradient {
  background: linear-gradient(
    90deg,
    var(--cea-primary) 0%,
    var(--cea-secondary) 100%
  );
}

.whatsapp-ico {
  fill: white;
  width: 60px;
  height: 60px;
  padding: 6px;
  background-color: #4dc247;
  border-radius: 50%;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  /* box-shadow: 2px 2px 11px rgba(0,0,0,0.7); */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}

.whatsapp-ico:hover {
  box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.7);
}