.extrabold{
        font-family: 'CreatoDisplay_ExtraBold', sans-serif;
        font-weight: 900;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      
      .footerMedium{
        font-family: 'CreatoDisplay_Medium', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:15px;
        line-height:21px;
        letter-spacing:0.03em;
      }
      
      .footerRegular{
        font-family: 'CreatoDisplay_Regular', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size:14px;
        line-height:20.4px;
        letter-spacing:0.03em;
      }
      
      .footerRegular2{
        font-size:11px;
        line-height:11px;
        letter-spacing:0.03em;
      }
      
      
      .footer{
        display:flex;
        width:100%;
        flex-direction:column;
        background-color:#232324;
        padding:113px 70px  88px 70px ;
        color:white;
        align-items: center;
        justify-content: center;
      }
     
      .footerPrimer{
        display:flex;
        padding-left:44px;
        padding-right:44px;
        width:100%;
        /*background-color:grey;*/
        justify-content: center;
      }
      
      .footerLogo{
        display:flex;
        margin-left:13px;
        width:246px;
        height:84px;
        /*background-color:black;*/
        flex-shrink:0;
        background-image: url(./imgs/inicio/footer/footerLogo.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
      }
      
      .footerOficina{
        display:flex;
        flex-direction:column;
        padding-left:137px;
        /*background-color:pink;*/
      }
      
      .footerTitlePad{
        display:flex;
        padding-bottom:31px;
      }
      
      .footerDesarrollo{
        display:flex;
        flex-direction:column;
        gap:23px;
      }
      
      .footerTelefonos{
        display:flex;
        gap:18px;
      }
      
      .footerTel{
        display:flex;
        gap:12px;
      }
      
      .footerIcon{
        display:flex;
        width:18px;
        height:18px;
        /*background-color:purple;*/
        flex-shrink:0;
        background-image: url(./imgs/inicio/footer/whats.svg);
      }
      
       a{
        text-decoration: none;
        color: white;
        cursor: pointer;
        outline: none;
      }
      
      .footerRedes{
        display:flex;
        flex-direction:column;
        padding-left:118px;
        /*background-color:lightgreen;*/
      }
      
      .footerMenu{
        display:flex;
        flex-direction:column;
        padding-left:109px;
        padding-right:41px;
        /*background-color:lightblue;*/
      }
      
      .footerMenuDesarrollo{
        display:flex;
        gap:46px;
        /*background-color:red;*/
      }
      
      .footerColumna{
        display:flex;
        flex-direction:column;
        gap:23px;
        /*background-color: orange;*/
      }
      
      .footerLine{
        display:flex;
        margin-top:53px;
        margin-bottom:35px;
        width:100%;
        height:2px;
        background-color: rgba(255, 255, 255, 0.3);
      }
      
      .footerCreditos{
        display:flex;
        justify-content:space-between;
        /*background-color:grey;*/
        width:100%;
      }

      .ray{
        display: flex;
      }

      .ray1{
        display: flex;
      }

      .footer button{
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        color: inherit;
        cursor: pointer;
      }

      @media(max-width:1380px){


          .footer{
            /*background-color: green;*/
          }

          .footerPrimer{
            padding: 0;
          }

        .footerRedes, .footerOficina, .footerMenu{
          padding-left: 6%;
        }


        .footerOficina{
          max-width: 400px;
          margin-left: 30px;
          min-width: 380px;
        }
        


      }


      @media(max-width:1183px){

        .footer{
          /*background-color: grey;*/
        }

        .footerRedes, .footerOficina, .footerMenu{
          padding-left: 5%;
          padding-right: 0;
          /*background-color: black;*/
        }

        .footerMenuDesarrollo{
          gap: 16px;
          flex-direction: column;
        }

        .footerColumna{
          gap: 16px;
        }

        .footerTelefonos{
          flex-direction: column;
          gap: 15px;
        }

        .footerDesarrollo{
          gap: 15px;
        }

        .footerOficina{
          /*background-color: blueviolet;*/
          max-width: 310px;
          min-width: 10px;
        }

        .footerLogo{
          width:calc(246px * 0.85);
          height: calc(84px * 0.85);
          margin-left: 0;
        }

        .footer{
          padding: 80px 40px;
        }

      }

      @media(max-width:800px){
       
        .footerRedes, .footerOficina, .footerMenu{
          padding-left: 25px;
        }


      }

      @media(max-width:690px){

        .footer{
          padding: 50px 20px 30px 20px;
        }

        .footerPrimer{
          /*background-color: darkred;*/
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          gap: 20px;
          text-align: center;

        }

        .footerOficina{
          justify-content: center;
          align-items: center;
          margin-left: 0;
          padding: 0;
          /*background-color: blue;*/
          gap: 15px;
          max-width: 300px;
        }
        
        .footerTelefonos{
          justify-content: center;
          flex-direction: row;
        }

        .footerTitlePad{
          padding: 0;
        }

       .footerLogo{
          width:calc(246px * 0.70);
          height: calc(84px * 0.70);
          margin-left: 0;
          margin-bottom: 8px;
        }

        .footerRedes, .footerMenu{
            padding: 0;
            justify-content: center;
            align-items: center;
            gap: 8px;
        }
        

        .footerMenuDesarrollo{
          flex-direction: row;
          gap: 15px;
        }

        .footerColumna{
          flex-direction: row;
        }

        .ray{
          display: block;
          text-align: right;
          /*background-color: pink;*/
          max-width: 100px;
        }

        .ray1{
          max-width: 150px;
          /*background-color: blueviolet;*/
        }

        .footerLine{
          margin: 25px 0px 25px 0;
        }

        .footerRegular2{
          font-size: 11px;
          line-height:16px;
        }

        .footerRedes{
          flex-direction: row;
        }


      }