.serviciosTitle{
        font-family: 'MongolianBaiti', serif;
        font-weight: 400;
        font-style: normal;
        font-size:52px;
        line-height:53px;
        text-align:center;
      }
      
      .serviciosExtrabold{
        font-family: 'CreatoDisplay_ExtraBold', sans-serif;
        font-weight: 900;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      .serviciosBold{
        font-family: 'CreatoDisplay_Bold', sans-serif;
        font-weight: 550;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      .serviciosMedium{
        font-family: 'CreatoDisplay_Medium', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:23.7px;
        line-height:30px;
        letter-spacing:0.05em;
        text-align:center;
      }
      
      .serviciosMedium2{
         font-family: 'CreatoDisplay_Medium', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:17px;
        line-height:25px;
        letter-spacing:0.03em;
      }
      
      .serviciosRegular{
        font-family: 'CreatoDisplay_Regular', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size:17px;
        line-height:25px;
        letter-spacing:0.02em;
      }
      
      .servicios{
        display:flex;
        flex-direction:column;
        width:100%;
        padding:134px 153px 173px 153px;
        /*background-color:green;*/
        align-items:center;
        gap:100px; 
      }
      
      .serviciosArriba{
        display:flex;
        flex-direction:column;
        /*background-color:grey;*/
        gap:27px;
        max-width:650px;
        align-items:center;
        text-align:center;
      }
      
      
      .serviciosBloque{
        display:flex;
        width:214px;
        height:6px;
        background-color:#C29725;
      }
      
      .serviciosMarBot{
        margin-top:20px;
      }
      
      .serviciosAbajo{
        display:flex;
        flex-direction:column;
        max-width:1027px;
        gap:24px;
        /*background-color:red;*/
      }
      
      .serviciosCaja{
        display:flex;
        width:100%;
        flex-direction:column;
        border-radius:17px;
        position: relative;
        /*background-color:beige;*/
      }
      
      .cajaActivo{
        border:1px solid #ADA132;
      }
      
      .serviciosCaja:hover{
        border:1px solid #ADA132;
      }
      
      .serviciosTitular{
        display:flex;
        width:100%;
        justify-content:space-between;
        align-items:center;
        background-color:#F6F5F5;
        padding:37px 52px;
        gap:40px;
        z-index: 20;
        position: relative;
        border-radius:17px 17px 0 0 ;}
      
      .titularInactivo{
        border-radius:17px;
      }
      
      
      .serviciosTitular button{
        all: unset;
        display:flex;
        width:21px;
        height:20px;
        /*background-color:black;*/
        cursor:pointer;
        background-image: url(./imgs/inicio/servicios/masVineta.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        flex-shrink: 0;
      }
      
      .serviciosDesarrollo{
        display:flex;
        width:100%;
        position: relative;
        z-index: 1;
        /*background-color: aqua;*/
        border-radius: 17px;
      }
      
      .serviciosDadorTamaño{
        display:flex;
        padding:37px 52px;
        width:100%;
        transition: all 0.4s ease;
        /*border: 1px solid orange;*/
        /*background-color: aqua;*/
        color: transparent;
        background-color: transparent;
      }

      .achicar{
        height: 0px;
        padding: 0;
      }

      .serviciosMovible{
        display:flex;
        position: absolute;
        width: 100%;
        padding:37px 52px;
        top:0;
        left:0;
        /*border: 1px solid lightblue;*/
        transition: all 0.4s ease;
        z-index: 1;
        opacity: 1 ;
      }

      .moveUp{
        transform: translateY(-100%);
        opacity: 0;
      }


      @media(max-width:1000px){

        .servicios{
          padding: 90px 40px 120px 40px;
          gap: 70px;
        }

        .serviciosTitle{
          font-size: 50px;
        }

        .serviciosMedium{
          font-size: 21.5px;
        }

        .serviciosArriba{
          gap:14px;
        }

      }


      @media(max-width:600px){

        .servicios{
          padding: 65px 20px;
          gap: 40px;
        }

        .serviciosTitle{
          font-size: 33px;
          line-height: 30px;
          max-width: 200px;
        }

        .serviciosMedium{
          font-size: 16px;
          line-height: 23px;
          max-width: 250px;
        }

        .serviciosBloque{
          margin-top: 5px;
        }

        .serviciosArriba{
          gap:20px;
        }

        .serviciosTitular{
          padding: 18px 22px;
          gap:14.5px;
        }

        .serviciosMedium2{
          font-size: 15.5px;
          line-height: 22px;
        }


        .serviciosRegular{
          font-size: 14.5px;
          line-height: 18px;
        }

        .serviciosDadorTamaño, .serviciosMovible{
          padding: 18px 22px;
        }

      .achicar{
        height: 0px;
        padding: 0;
      }

      .serviciosTitular button{
        scale: 0.85;
      }


      }