.footer{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        /*background-color:brown;*/
        position:relative;
      }
      
      .footer .contenedor{
        width:100%;
        display:flex;
        gap:20px;
        justify-content:space-between;
        max-width:1369px;
        /*background-color:green;*/
        z-index:2;
        padding:78px 30px 69px 30px;
      }
      
      .footer .logo{
        width:184.64px;
        height:72px;
        /*background-color:black;*/
        flex-shrink: 0;
      }
      
      .footer .contacto{
        width:100%;
        max-width:400px;
        display:flex;
        flex-direction:column;
        gap:19px;
        /*background-color:olive;*/
      }
      
      .footer .telefonos{
        width:100%;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        column-gap:18px;
        row-gap:8px;
        /*background-color:maroon;*/
      }
      
      .footer .iconTel{
        width:18px;
        height:18px;
        /*background-color:black;*/
      }
      
      .footer  .tel {
        display:flex;
        align-items:center;
        gap:7px;
        width:calc(50% - 9px);
      }

      .footer .redes{
        width:100%;
        max-width:227px;
        display:flex;
        flex-direction:column;
        /*background-color:darkblue;*/
        gap:19px;
      }
      
      .footer .icons{
        display:flex;
        gap:10px;
        /*background-color:blue;*/
      }
      
      .footer a.icon{
        width:38px;
        height:38px;
        /*background-color:black;*/
        cursor:pointer;
      }
      
      .footer .aviso{
        display:flex;
        width:100%;
        background-color:#252525;
        justify-content:center;
        padding:36px 30px;
        z-index:2;
      }
      
      .footer .aviso .content{
        width:100%;
        display:flex;
        /*background-color:purple;*/
        gap:44px;
        justify-content:center;
        align-items:center;
        max-width:1339px;
      }
      
      
      .footer .aviso a{
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        width:fit-content;
        display:flex;
        padding:12px 21px;
        background-color:#EEBE3D;
        border-radius:49px;
        font-size: 17px;
        line-height:17px;
        white-space:nowrap;
      }
      
      
      .footer img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }

      .footer .background{
        top:0;
        left:0;
        width:100%;
        height:100%;
        position:absolute;
        /*background-color:lightgreen;*/
        z-index:1;
      }
      
      .footer .titles{
        font-size:22px;
        line-height:27px;
        color:white;
      }
      
      .footer .texto{
        font-size:18px;
        line-height:23px;
        color:white;
      }
 
      .footer .avisoTexto{
        font-size:17px;
        line-height:23px;
        color:white;
      }


      @media(max-width:803px){

        .footer .telefonos{
          flex-direction: column;
        }
        

      }

       @media(max-width:680px){

        .footer .contenedor{
          flex-direction: column;
          align-items: center;
          text-align: center;
        }

        .footer .telefonos{
          flex-direction: row;
          align-items: center;
          justify-content: center;
        }
        
        .footer .redes{
          justify-content: center;
          align-items: center;
        }

        .footer .aviso .content{
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          gap: 18px;
        }

      }





      @media(max-width:700px){

  .footer .contenedor{
    gap:14px;
    padding:54.6px 21px 48.3px 21px;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .footer .contacto{
    gap:13.3px;
  }

  .footer .telefonos{
    gap:12.6px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }

  .footer .tel{
    gap:4.9px;
    width:auto;
  }

  .footer .redes{
    gap:13.3px;
    justify-content:center;
    align-items:center;
  }

  .footer .icons{
    gap:7px;
  }

  .footer .aviso{
    padding:25.2px 21px;
  }

  .footer .aviso .content{
    gap:30.8px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  .footer .aviso a{
    padding:8px 19px;
    border-radius:34.3px;
    font-size:16px;
    line-height:22px;
  }

  /* Tipografías */

  .footer .titles{
    font-size:16.5px;
    line-height:20.25px;
  }

  .footer .texto{
    font-size:16px;
    line-height:24px;
  }

  .footer .avisoTexto{
    font-size:16px;
    line-height:22px;
  }

}