footer{
  display:block;
	border-top: 1px solid var(--fr_strong);
  float:left;width:100%; height:auto; margin-top:1rem!important;
  background:var(--bk_degrade);
  padding:20px;
  .pep{}
  .f_row{
    display:flex; align-items: flex-start; justify-content: space-around;
    .h_img{
      display: flex; align-items: center;
      width:25%; height: 3.5rem;
      & img{max-height: 100%; width:70%;}
    }
    .f_news{
      width:65%;
      & article{
        width:100%; display:block; float:left;
        font-size:0.9rem; color:var(--fr_middle); font-weight:600;
      }
      .news{
        float:left; width:100%;
        display:flex; align-items: center; justify-content: space-between; 
        .leye{width:40%; padding-right:8px; font-size:0.9rem; color:var(--fr_middle);}
        .suscribe{
          display:flex;  align-items: center;  justify-content: space-between; 
          width:60%; min-height:40px;
          float:left;
          font-size:0.9rem; color:var(--btn_fr); font-weight:600;
          & input{
            width:75%; height: 2rem; border: 0;
            font-size: 0.8rem; padding-left: 19px;
            border-radius: 20px 0px 0px 20px;
            color: #000; background: #fff;
            border: 1px solid var(--btn_bk);
          }
          & button{
            width:25%;height: 2rem; cursor:pointer;
            font-size: 0.7rem;
            border-radius: 0px 20px 20px 0px; border:0;
            background:var(--btn_bk); color:var(--btn_fr);
            font-weight:500;
          }
        }
      }
    }
  }

}
.f_rowb{
  display:flex; align-items: flex-start; justify-content: space-around;
  .f_postal{
    width:25%; padding-left: 2%; padding-top: 1rem;
    & label{
      width:100%; display:block; float:left; min-height:18px; padding:0;
      padding-left:5px;
      font-size:1rem; color:var(--fr_middle); font-weight:500;
      margin-top:8px;
    }
  }
  .f_more{
    display:block; float:left;width:70%; height:auto; border:0px solid #fff; 
    /* background:inherit; */

    .f_cols{
      display:flex; float:left;width:100%; height:auto; 
      border-top:1px solid #000;
      /* background:var(--bk_middle); */
      align-items: flex-start;
      justify-content: space-between;
      margin-top:20px; padding-top:20px;
      & article{
        width:100%; display:block; float:left;
        font-size:0.8rem; color:var(--fr_middle); font-weight:500;
        padding-bottom: 10px;  
      }
      .f_col label{
        width:100%; display:block; float:left; min-height:18px; padding:0;
        padding-left:5px;
        font-size:0.8rem; color:var(--fr_middle); font-weight:400;
        margin-top:8px; cursor:pointer;
      }
    }
  }

}






._footer{
  display:grid; 
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin-top:15px; padding-bottom:15px;
  
}

.copyr{width:100%; height:1.8rem; float:left; display:block; padding-left:1%; padding-right:1%; padding-top:0.2rem; color:#fff;	background-color:#333;}
.copyr div{width:50%; float:left; display:inline-block;}
.copyr label{width:30%; float:right; display:inline-block; text-align:right;}

@media only screen and (min-width : 300px) and (max-width : 580px){

}