.top3-footer{
    background:#102c25;
    color:#ffffff;
    padding:70px 0 26px;
    font-family:Arial, Helvetica, sans-serif;
  }

  .top3-footer-container{
    width:min(92%,1200px);
    margin:0 auto;
  }

  .top3-footer-grid{
    display:grid;
    grid-template-columns:1.5fr repeat(3,1fr);
    gap:55px;
  }

  /* =========================
     MARCA
  ========================== */

  .top3-footer-brand{
    max-width:380px;
  }

  .top3-footer-logo{
    display:flex;
    align-items:center;
    text-decoration:none;
    white-space:nowrap;
  }

  .top3-footer-logo-text{
    color:#ffffff;
    font-size:25px;
    font-weight:800;
    letter-spacing:-0.8px;
    line-height:1;
  }

  .top3-footer-description{
    margin-top:20px;
    color:rgba(255,255,255,.65);
    font-size:14px;
    line-height:1.7;
    max-width:350px;
  }

  /* =========================
     COLUMNAS
  ========================== */

  .top3-footer-column h4{
    margin:0 0 18px;
    color:#ffffff;
    font-size:14px;
    font-weight:700;
  }

  .top3-footer-links{
    display:grid;
    gap:11px;
  }

  .top3-footer-links a{
    color:rgba(255,255,255,.63);
    text-decoration:none;
    font-size:14px;
    transition:color .2s ease;
  }

  .top3-footer-links a:hover{
    color:#ffffff;
  }

  /* =========================
     PARTE INFERIOR
  ========================== */

  .top3-footer-bottom{
    margin-top:58px;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.10);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:rgba(255,255,255,.46);
    font-size:12px;
  }

  .top3-footer-bottom p{
    margin:0;
  }

  /* =========================
     TABLET
  ========================== */

  @media(max-width:900px){

    .top3-footer-grid{
      grid-template-columns:1fr 1fr 1fr;
    }

    .top3-footer-brand{
      grid-column:1 / -1;
      max-width:100%;
    }

  }

  /* =========================
     MÓVIL
  ========================== */

  @media(max-width:600px){

    .top3-footer{
      padding:55px 0 24px;
    }

    .top3-footer-grid{
      grid-template-columns:1fr 1fr;
      gap:38px 25px;
    }

    .top3-footer-brand{
      grid-column:1 / -1;
    }

    .top3-footer-logo-text{
      font-size:21px;
    }

    .top3-footer-description{
      max-width:100%;
    }

    .top3-footer-bottom{
      display:block;
      margin-top:45px;
    }

    .top3-footer-bottom span{
      display:block;
      margin-top:8px;
    }

  }

  @media(max-width:420px){

    .top3-footer-grid{
      grid-template-columns:1fr;
    }

    .top3-footer-brand{
      grid-column:auto;
    }

  }