.separadorTitle{
        font-family: 'MongolianBaiti', serif;
        font-weight: 400;
        font-style: normal;
        font-size:60px;
        line-height:54px;
        text-align:center;
        color: white;
      }
      
      .separadorExtrabold{
        font-family: 'CreatoDisplay_ExtraBold', sans-serif;
        font-weight: 900;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      .separadorBold{
        font-family: 'CreatoDisplay_Bold', sans-serif;
        font-weight: 550;
        font-style: normal;
        font-size: 30px;
        line-height:53px;
      }
      
      .separadorMedium{
        font-family: 'CreatoDisplay_Medium', sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:23px;
        line-height:28px;
        text-align:center;
        color: white;
        letter-spacing: 0.05em;
      }
      
      .separadorRegular{
        font-family: 'CreatoDisplay_Regular', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size:23px;
        line-height:28px;
        text-align:center;
        color: white;
      }
      
      .separador{
        display:flex;
        position: relative;
        width:100%;
        height:872px;
        padding:30px;
        background-color:grey;
      }

      .separadorTextos{
        display:flex;
        position: relative;
        z-index: 30;
        flex-direction:column;
        width:100%;
        align-items:center;
        justify-content:center;
        gap:33px;
        /*background-color: purple;*/
      }

      .separadorSlide{
        display:flex;
        width: 100%;
        height: 872px;
        position:absolute;
        opacity:0;
        top:0;
        left:0;
        opacity: 0;
        transition: opacity 0.5s ease;
      }

      .separadorSlideActive{
        opacity: 1;
      }
      
      .separadorPicture{
        width:100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }

      .separadorPicture img{
        width: 100%;
        height: 100%;
        object-fit:cover;
        object-position: top;
      }


       
      .separadorLogo{
        display:flex;
        width:104.4px;
        height:45.6px;
        /*background-color:black;*/
        background-image: url("./imgs/inicio/separador/separadorLogo.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
      }
      
      
      .separadorMaxi1{
        max-width:700px;
      }
      
      .separadorMaxi2{
        max-width:550px;
      }
      
      .separadorBloque{
        display:flex;
        width:231px;
        height:6px;
        background-color:#C29725;
      }

      @media(max-width:1000px){

        .separador, .separadorSlide{
          height: 700px;
        }

        .separadorTitle{
          font-size: 55px;
          line-height: 53px;
        }

        .separadorTextos{
          padding-top: 50px;
          gap:30px;
        }

        .separadorLogo{
          scale: 0.9;
        }


      .separadorPicture.segunda img{
        width: 100%;
        height: 100%;
        object-fit:cover;
        object-position: -100px;
      }

      }


      @media(max-width:600px){

        .separador, .separadorSlide{
          height: 600px;
        }

        .separadorTitle{
          font-size: 35px;
          line-height: 33px;
        }

        .separadorTextos{
          padding-top: 60px;
          gap:20px;
        }

        .separadorMedium{
          font-size: 17.5px;
          line-height: 20px;
        }

        .separadorLogo{
          scale: 0.75;
        }

      .separadorPicture.segunda img{
        width: 100%;
        height: 100%;
        object-fit:cover;
        object-position: -170px;
      }

      }