.footerTexto{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:12.58px;
  line-height:14px;
  color:white;
  letter-spacing:0.025em;
}      
      
      .footer{
        display:flex;
        width:100%;
        flex-direction:column;
        background-color:#4F1E1E;
      }
       
      .footerFirst{
        display:flex;
        width:100%;
        padding:64px 20px;
        /*background-color:grey;*/
        justify-content:center;
      }
      
      .footerContainer{
        display:flex;
        width:100%;
        max-width:1108px;
        /*background-color:green;*/
        gap:18pxpx;
        justify-content:space-between;
      }
      
      .footerLogo{
        display:flex;
        width:222.25px;
        height:60px;
        /*background-color:black;*/
        flex-shrink:0;
        background-image:url("./imgs/inicio/footer_logo.png");
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
      }
      
      .footerContacto{
        display:flex;
        width:100%;
        max-width:445px;
        gap:17px;
        flex-direction:column;
        /*background-color:brown;*/
      }
      
      .footerTels{
        display:flex;
        width:100%;
        justify-content:space-between;
        gap:12px;
      }
      
      .footerNumber{
        display:flex;
        gap:13px;
      }
      
      .footerWhats{
        display:flex;
        width:17.56px;
        height:17.56px;
        /*background-color:black;*/
        background-image:url("./imgs/inicio/footer_whats.png");
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
      }
      
      .footerRedes{
        display:flex;
        width:100%;
        max-width:248px;
        gap:10px;
        /*background-color:blue;*/
        align-items:center;
        justify-content:space-between;
        padding-bottom:12px;
      }
      
      .footerRedes a{
        all:unset;
        cursor:pointer;
        display:flex;
        width:22.77px;
        height:22.77px;
        /*background-color:black;*/
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }
      
      .footerRedes a.face{
        /*background-color:lightgrey;*/
        background-image:url("./imgs/inicio/footer_face.png");
      }
      
      .footerRedes a.insta{
        /*background-color:darkgrey;*/
        background-image:url("./imgs/inicio/footer_insta.png");
      }
      
      .extraPad{
        padding-right:14px;
      }
      
      
      a.map{
        all:unset;
        cursor:pointer;
        display:flex;
        width:100%;
        height:200px;
        background-color:grey;
        position:relative;
      }
      
      
      a.map .mainImg{
        display:flex;
        width:100%;
        height:100%;
        background-color:green;
        opacity:1;
        position:relative;
        z-index:2;
        transition:all 0.25s ease;
      }
      
      
      a.map .secondImg{
        display:flex;
        width:100%;
        height:100%;
        background-color:pink;
        position:absolute;
        top:0;
        left:0;
        z-index:1;
      }
      
      a.map .mainImg img,  a.map .secondImg img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }
      
      a.map:hover .mainImg{
        opacity:0;
      } 
      
      .footerCetia{
        display:flex;
        flex-direction:column;
        gap: 5px;
        width:100%;
        padding:27px 20px;
        font-size:11px;
        letter-spacing:0.05em;
        color:#C1C1C1;
        text-align:center;
        justify-content:center;
      }

      .footerCetia span{
        font-size:11px;
        letter-spacing:0.05em;
        color:#C1C1C1;
        text-underline-offset:5px;
      }
            .footerCetia a{
              text-decoration: none;
              color: inherit;
            }

            .footerCetia a:hover{
              text-decoration: underline;
              text-underline-offset: 5px;
            }




      @media(max-width:1030px){

        .footerContainer{
          flex-direction: column;
          align-items:center;
          text-align: center;
          gap:25px;
        }

        .footerRedes{
          padding: 0;
        }

        .footerFirst{
          padding-top: 40px;
          padding-bottom: 40px;
        }

        a.map .mainImg{
          display: none;
        }
      }


      @media(max-width:600px){

        .footerTels{
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
        }

        .extraPad{
          padding-right: 0;
        }

        .footerRedes{
          justify-content: center;
          gap: 10px;
        }

      }