@charset "UTF-8";

/**
 * Gov.co (https://www.gov.co) - Gobierno de Colombia
 *  - Componente: volver arriba
 *  - Version: 4.0.0
*/

/* Volver arriba */

/* Fuente iconografica */

/* Descargar fuente iconografica y ajustar la ruta de las url del font-face */

@font-face {
  font-family: 'govco-fontv2';
  src: url('../assets/fonts/govco/govco-fontv2.eot?35076025');
  src: url('../assets/fonts/govco/govco-fontv2.eot?35076025#iefix') format('embedded-opentype'),
    url('../assets/fonts/govco/govco-fontv2.woff2?35076025') format('woff2'),
    url('../assets/fonts/govco/govco-fontv2.woff?35076025') format('woff'),
    url('../assets/icons/fonts/govco-font-icons.ttf') format('truetype'),
    url('../assets/icons/govco/govco-fontv2.svg?35076025#govco-fontv2') format('svg');
  font-weight: normal;
  font-style: normal;
}

.volver-arriba-govco {
  color: #FFFFFF;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #3366CC 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px #00000029;
  transform: translateX(0);
  transition: all 300ms;
  text-align: center;
  border-width: 0px;
}

.volver-arriba-govco::before {
  font-family: "govco-fontv2";
  content: "\e8b4";
  display: inline-block;
  font-weight: 900;
  line-height: 1;
  font-size: 36px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.volver-arriba-govco:hover {
  color: white;
  width: 118px;
  height: 54px;
  background: #004884 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px #00000029;
  border-radius: 27px 10px 10px 27px;
  text-align: center;
  border-width: 0px;
  text-align: left;
  transform: translateX(-50%);
  transition: all 300ms;
}

.volver-arriba-govco:hover::before {
  font-family: "govco-fontv2";
  content: "\e8b4";
  display: inline-block;
  font-weight: 900;
  line-height: 1;
  font-size: 36px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 6px;
}

.volver-arriba-govco:hover::after {
  content: "Volver arriba";
  color: white;
  position: absolute;
  text-align: center;
  font: normal normal medium 16px/19px Work Sans;
  letter-spacing: 0px;
  margin-top: 8px;
  margin-left: 8px;
  line-height: 1.2;
  width: 52px;
  height: 42px;
  transform: none;
}


.volver-arriba-govco:focus, .volver-arriba-govco:active {
  color: white;
  width: 118px;
  height: 54px;
  background: #004884 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px #00000029;
  border-radius: 27px 10px 10px 27px;
  border-width: 0px;
  text-align: left;
  outline: 7px double black !important;
  transform: translateX(-50%);
  transition: all 300ms;
}

.volver-arriba-govco:focus::before, .volver-arriba-govco:active::before {
  font-family: "govco-fontv2";
  content: "\e8b4";
  display: inline-block;
  font-weight: 900;
  line-height: 1;
  font-size: 36px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 6px;
}

.volver-arriba-govco:focus::after, .volver-arriba-govco:active::after {
  content: "Volver arriba";
  color: white;
  position: absolute;
  text-align: center;
  font: normal normal medium 16px/19px Work Sans;
  letter-spacing: 0px;
  margin-top: 8px;
  margin-left: 8px;
  line-height: 1.2;
  width: 52px;
  height: 42px;
}