/* Scss Document */
.div_pie_borde {
  padding-top: 0.4vw;
  background: linear-gradient(90deg, #249458, #B3FF72);
  position: relative; }

.div_pie_pagina {
  color: #FFFFFF;
  background-color: #152133;
  width: 100%;
  box-sizing: border-box;
  padding: 5vw 0;
  font-family: 'metropolis';
  font-size: 1vw; }

.tabla_pie {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1.5vw; }
  .tabla_pie a {
    color: white;
    display: block; }
    .tabla_pie a:hover {
      text-decoration: underline !important; }
  .tabla_pie > div {
    box-sizing: border-box;
    vertical-align: top; }
  .tabla_pie span {
    display: block;
    font-style: italic; }
  .tabla_pie input[type="text"] {
    padding: 0.7vw 1vw;
    font-size: 1vw;
    border: 1px solid #CCCCCC;
    border-radius: 0.3vw;
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin-bottom: 1vw;
    color: #4c4c4c; }
    .tabla_pie input[type="text"]::placeholder {
      font-size: 1vw;
      color: #878787;
      text-align: center;
      font-family: 'metropolis'; }
  .tabla_pie input[type="submit"], .tabla_pie [type="button"] {
    padding: 0.7vw 1vw;
    font-size: 1vw;
    border: 0.1vw solid #FFFFFF;
    border-radius: 0.3vw;
    width: 100%;
    color: #FFFFFF;
    background-color: #152133;
    display: block;
    margin-bottom: 1vw;
    box-sizing: border-box; }
    .tabla_pie input[type="submit"]:hover, .tabla_pie [type="button"]:hover {
      border: 0.1vw solid #3DD660;
      background-color: #3DD660; }

.div_derechos {
  width: 85%;
  text-align: center;
  padding: 3vw 0 0vw 0;
  display: block;
  border-top: 0.1vw white solid;
  margin: auto;
  margin-top: 3vw; }

.tit_pie {
  color: #FFFF26;
  font-style: normal !important;
  font-size: 1.2vw;
  display: block;
  padding-bottom: 1vw;
  font-family: 'Metropolis Extra Bold'; }

.logo_pie {
  width: 13vw;
  margin-bottom: 2vw;
  display: block; }

.icono_redes_pie {
  width: 2vw;
  margin-right: 0.5vw;
  display: inline-block !important; }

.logo_market_pie {
  width: 7vw;
  display: inline-block; }

.ver_todos_pie {
  color: #3DD660 !important; }

@media screen and (max-width: 800px) {
  .div_pie_borde {
    padding-top: 5px; }

  .div_pie_pagina {
    width: 100%;
    padding: 20px 0;
    font-size: 14px; }

  .tabla_pie {
    width: 90%;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px; }
    .tabla_pie a {
      font-size: 16px; }
    .tabla_pie > div {
      font-size: 16px; }
      .tabla_pie > div > a {
        line-height: 24px;
        font-style: italic; }
      .tabla_pie > div:first-child {
        grid-column: 1 / span 2;
        text-align: center;
        margin-bottom: 20px; }
      .tabla_pie > div:last-child {
        grid-column: 1 / span 2; }
    .tabla_pie input[type="text"] {
      padding: 14px 16px;
      font-size: 18px;
      border: 1px solid #CCCCCC;
      border-radius: 5px;
      width: 70%;
      margin: auto;
      margin-top: 30px;
      margin-bottom: 16px; }
      .tabla_pie input[type="text"]::placeholder {
        font-size: 16px; }
    .tabla_pie input[type="submit"], .tabla_pie [type="button"] {
      padding: 14px 16px;
      font-size: 18px;
      border: 1px solid #FFFFFF;
      border-radius: 5px;
      width: 70%;
      margin: auto;
      margin-bottom: 16px; }
      .tabla_pie input[type="submit"]:hover, .tabla_pie [type="button"]:hover {
        border: 1px solid #3DD660; }

  .div_derechos {
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
    border-top: 1px white solid;
    margin: auto;
    margin-top: 20px;
    font-size: 16px; }

  .tit_pie {
    font-size: 18px;
    padding-bottom: 16px; }

  .logo_pie {
    width: 160px;
    margin: auto;
    margin-bottom: 20px; }

  .icono_redes_pie {
    width: 30px;
    margin-right: 5px; }

  .logo_market_pie {
    width: 70px; } }