.manteTitles{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: normal;
        font-size:49px;
        line-height:53px;
        color:white;
        position: relative;
        z-index: 10;
      }

      .manteSubtitles{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-style: normal;
        font-size:19px;
        line-height:26px;
        padding:8px 19px;
        background-color:#FFCB00;
        border-radius:10px;
        width:fit-content;
        position: relative;
      }
      
      .manteTexto{
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-size:17px;
        line-height:24px;
        color:white;
        text-align:justify;
        position: relative;
      }
      
      
      .mante{
        display:flex;
        width:100%;
        padding:48px 128px 0 128px;
        background-color:black;
        gap:128px;
        position:relative;
        border:1px solid black;
      }
      
      .mantePleca{
        display:flex;
        width:100%;
        position:absolute;
        top:-218px;
        left:0;
        height:218px;
        /*background-color:pink;*/
        z-index:1;
        background-image:url("./imgs/mante/mantePleca.svg");
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
      }
      
      .space{
        height:800px;
      }
      
      .mantePrimer{
        display:flex;
        width:40%;
        flex-direction:column;
        /*background-color:brown;*/
        gap:48px;
      }
      
      .manteSegundo{
        display:flex;
        width:60%;
        flex-direction:column;
        /*background-color:blue;*/
        gap:30px;
      }
      
    .especialA{
      display: flex;
      position: relative;
    }

    @media(max-width:1000px){

        .mante{
          /*border: 4px solid orange;*/
          flex-direction: column;
          padding-left: 40px;
          padding-right: 40px;
          gap: 40px;
          align-items: center;
        }

        .manteTitles{
          max-width: 700px;
        }

        .mantePrimer{
          /*background-color: pink;*/
          width: 100%;
          gap:30px;
        }

        .manteSegundo{
          width: 100%;
          max-width: 650px;
          /*background-color: blueviolet;*/
        }

    }


    @media(max-width:600px) {

      .mante{
        padding-top: 10px;
      }

      .manteTitles{
        font-size: 36px;
        line-height: 36px;
      }

      .manteTexto{
        font-size: 15px;
        line-height: 21px;
      }

      .manteSubtitles{
        font-size: 17px;
        line-height: 17px;
      }
      
    }