@font-face {
    font-family: 'Pluto Sans Medium';
    src: url('fonts/PlutoSansHeavy.woff2') format('woff2'),
        url('fonts/PlutoSansHeavy.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pluto Sans Light';
    src: url('fonts/PlutoSansCondBold.woff2') format('woff2'),
        url('fonts/PlutoSansCondBold.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
$bold:"Pluto Sans Medium";

$light:"Pluto Sans Light";
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-thumb {
    background: #2F96F1;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
$azul: #3354A3;
$azulclarito:#2F96F1;
$amarillo:#FAC525;
$blanco:#fff;
.blanco{
  color: $blanco!important;
}
h6{
  font-family: $light;
}
h2{
  font-weight: 800;
  font-size: 36px!important;
  line-height: 44px;
  text-align: center;
  font-family: $bold;
}
body{
  font-family: 'Arial';
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  text-align: center;

  /* blanco */

  color: $blanco;
}
.footer{
  background: $azul;
  padding: 28px 0 22px 0;
  &__right{
    ul{
      list-style: none;
      padding: 0;
      display: flex;
      justify-content: flex-end;
      margin:0;
      li{
        margin-left: 52px;
        a{
          font-family: 'Arial';
          font-style: normal;
          font-weight: 400;
          font-size: 16px;
          line-height: 18px;
          /* blancoB */
          text-decoration: none;
          color: #FFFFFF;
        }
      }
    }
  }
  &__left{
    p{
      font-family: 'Arial';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 18px;
      margin: 0;
      /* blancoB */

      color: #FFFFFF;


    }
  }
}
.mapa{
  position: relative;
  &__left{
      position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 496px;
        padding: 91px 48px;
        margin: auto;
        height: max-content;
        &__card{
          position: relative;
          z-index: 5;
        }
    &:after{
      background-color: #FFFFFF;
      position: absolute;
      width: 100%;
      height: 100%;
      content: "";
      right: 0;
      top: 0;
      z-index: 2;
    }
    &:before{
        background-image: url(../images/detalleform.png);
        position: absolute;
        width: 167px;
        height: 167px;
        content: "";
        right: -35px;
        top: -20px;
        z-index: 1;
      }

    a{
      display: block;
      background: #2F96F1;
      font-weight: 700;
      font-size: 15px;
      line-height: 19px;
      /* identical to box height */
      width: 277px;
      margin: auto;
      text-transform: uppercase;
      text-align: center;
      /* blanco */
      padding: 20px 0;
      color: #FFFFFF;
      text-decoration: none;
      transition: all .5s;
      &:hover{
        background: $azul;

      }
      svg{
        position: relative;
        left: -5px;
        top: 0;
      }
    }
    p{
      font-family: 'Arial';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 18px;
      text-align: center;
      margin-bottom: 52px;
      /* Azuloscuro */

      color: #3C424F;
    }
    h4{
      margin-bottom: 18px;
      font-weight: 800;
      font-size: 20px;
      line-height: 25px;
      /* identical to box height */

      text-align: center;

      /* celeste */

      color: #2F96F1;
      font-family: $bold;
    }
    h3{
      font-weight: 800;
      font-size: 36px;
      line-height: 44px;
      text-align: center;
      font-family: $bold;
      /* AzulAceros */

      color: #3354A3;
    }
  }
  &__contenedor{
    iframe{
      height: 94vh;
    }
  }
}
.certificacion{
  background: $azulclarito;
  padding: 64px 15px 65px 15px;

  &__titulo{
    margin-bottom: 30px;
    h2{
      color: $blanco;
    }
  }

  &__card{
    text-align: center;
    &__contenido{
      h5{
        font-weight: 800;
        font-size: 28px;
        line-height: 35px;
        /* identical to box height */

        text-align: center;

        /* blanco */
        font-family: $light;
        color: $blanco;
      }
      p{
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height */
        margin-bottom: 0;
        text-align: center;
        margin-top: 10px;
        /* blanco */
        margin-bottom: 4px;
        color: $blanco;
      }
    }
  }
}
.intro{
  &__right{
    background: $blanco;
    padding: 0 85px;
    h3{
      margin-bottom: 32px;
    }
    &__formulario{
      &__submit{
        margin-top: 14px;
        input{
          width: 100%;
          background: #2F96F1;
          border: 0;
          font-weight: 700;
          font-size: 15px;
          line-height: 19px;
          text-transform: uppercase;
          color: $blanco;
          padding: 18px 0;
          font-family: $light;
          transition: all .5s;
          &:hover{
            background: $azul;
          }
        }
      }
      &__card{
        margin-bottom: 5px;
        position: relative;
        &__aceptar{
          font-weight: 400;
          font-size: 16px;
          line-height: 18px;
          letter-spacing: -0.0225em;
          margin-top: 25px;
          /* Azuloscuro */
          font-family: "Arial";
          color: #3C424F;
          a{
            color: #2F96F1;
          }
        }
        label{
          font-weight: 500;
          font-size: 14px;
          line-height: 17px;
          font-family: $light;
          color: #000000;
          margin-bottom: 12px;
        }
        select{
          background: $blanco;
          border: 1px solid #C4C4C4;
          border-radius: 5px;
          height: 42px;
          background-image: url(../images/arrow.png);
          background-repeat: no-repeat;
          background-position-y:center;
          background-position-x:95%;
          cursor: pointer;
        }
        input{
          background: $blanco;
          border: 1px solid #C4C4C4;
          border-radius: 5px;
          height: 42px;
        }
      }
    }
    h3{
      font-weight: 700;
      font-size: 30px;
      line-height: 37px;
      text-align: center;
      color: $azulclarito;
      font-family: $bold;
      text-align: center;
    }
  }
  &__left{
    background: $azul;
    padding-bottom: 64px;
    position: relative;
    &__hombre{
      position: absolute;
      top: 0;
      right: 0;
      img{
        padding-left: 25px;
      }
    }
    &__icono{
      margin-top: 33px;

      padding-left: 50px;
    }
    &__lugar{
      padding-left: 48px;
      padding-top: 30px;
      display: flex;
      svg{
            margin-right: 20px;
      }
      .blanco{
        font-weight: 800;
        font-size: 20px;
        line-height: 25px;
        /* identical to box height */
        font-family: $bold;

      }
      p{
        color: $blanco;
      }
      h6{
        font-weight: 500;
        font-size: 20px;
        line-height: 25px;
        color: #FAC525;
      }
    }
    &__intro{
      padding: 68px 0 28px 70px;
    }
    &__franja{
      background: $amarillo;
      padding: 0 68px;
      &__icono{
        margin-right: 15px;
      }
      ul{
        list-style: none;
        padding: 0;
        display: flex;
        align-items: center;
        li{
          display: flex;

          margin-right: 82px;
          border-right: 2px solid #3354A3;
          margin: 32px 40px 40px 0;
          padding-top: 25px;
          padding-right: 30px;
          &:nth-child(2){
            border:0;
          }
          h6{
            font-weight: 500;
            font-size: 20px;
            line-height: 25px;
            /* identical to box height */


            /* AzulAceros */

            color: #3354A3;
            span{
              font-weight: bold;
              font-family: $bold;
            }
          }
        }
      }
    }
    h1{
      font-weight: 800;
      font-size: 80px;
      line-height: 106%;
      /* or 85px */
      font-family: $bold;
      text-transform: uppercase;

      /* blanco */

      color: $blanco;
      span{
        color:$amarillo;
      }
    }
    h4{
      color: $blanco;
      font-weight: 800;
      font-size: 24px;
      line-height: 30px;
      /* identical to box height */
      font-family: $bold;
      text-transform: uppercase;
      margin: 48px 0 20px 0;
      /* blanco */

      color: $blanco;
    }
  }
}
.close{
  border-radius: 100%;
    background: transparent;
    border: 0;
    font-size: 25px;
}
@media (min-width: 1800px){
  .container-xxl {
      max-width: 1785px!important;
  }
}
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
  h2{
        font-size: 24px !important;
  }
  .footer{
    padding: 15px 0 17px 0;
    a{
          font-size: 11px!important;
    }
    &__left{
      text-align: center;
    }
    &__right{
      p{
        text-align: center;
      }
      ul{
        display: block;
        li{
          margin: 0;
          text-align: center;
        }
      }
    }
    &__left{
      p{
            font-size: 11px;
      }

    }
  }
  .mapa{
    &__left{
          width: 358px;
          padding: 57px 45px;
          p{
            font-size: 11px;
            line-height: 13px;
                margin-bottom: 30px;
          }
          a{
            svg{
                  width: 13px;
            }
            font-size: 11px;
            line-height: 13px;
            width: 205px;
            padding: 9px 0;
          }
          h4{
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
          }
          h3{
            font-size: 26px;
            line-height: 31px;
          }
    }
    &__contenedor{
      iframe{
            height: 60vh;
      }
    }
  }
  .certificacion{
        padding: 44px 15px 40px 15px;
        &__titulo{
              margin-bottom: 15px;
        }
        &__card{
          margin-bottom: 25px;
          &__contenido{
            h5{
              font-size: 20px;
              line-height: 25px;
              margin-bottom: -10px;
            }
            p{

              font-size: 11px;
            }
          }
          &__imagen{
            img{
              width: 69px;
            }
          }
        }
  }
  .intro{
    &__right{
      padding: 25px;
      h3{
        font-size: 21px;
        line-height: 37px;
            margin-bottom: 10px;
      }
      &__formulario{
        &__submit{
          input{
            font-size: 11px;
            padding: 11px 0;
          }
        }
        &__card{
          margin-bottom: 2px;
          &__aceptar{
            font-size: 10px;
                line-height: 13px;
            margin-top: 16px;
          }
          label{
            margin-bottom: 7px;
            font-size: 11px;
          }
          input, select{
            height: 30px;
            font-size: 11px;

          }
        }
      }
    }
    &__left{
      padding-bottom: 0;
      &__icono{
            display: none;
      }
      &__lugar{
          padding: 25px;
        .blanco{
          font-size: 14px;
        }
        h6{
              font-size: 14px;
              margin-bottom: -3px;
        }
        svg{
              width: 30px;
        }
      }
      &__hombre{
        text-align: right;
            bottom: 0;
            position: relative;
            top: inherit;
        img{
              width: 100%;
        }
      }
      &__franja{
        padding: 0 15px;
        ul{
          li{
            margin: 10px 25px 15px 0;
            padding-top: 15px;
                padding-right: 20px;
            h6{
              font-size: 14px;
              line-height: 19px;
            }
            svg{
                  width: 30px;
            }
          }
        }
      }
      h1{
        font-size: 30px;
        line-height: 106%;
      }
      h4{
        font-size: 16px;
        margin: 30px 0 10px 0;
      }
      &__intro{
        padding: 25px;
        img{
          width: 178px;
        }
      }
    }
  }
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) {
  h2{
        font-size: 24px !important;
  }
  .footer{
    padding: 15px 0 17px 0;
    a{
          font-size: 11px!important;
    }
    &__left{
      text-align: center;
    }
    &__right{
      p{
        text-align: center;
      }
      ul{
        display: block;
        li{
          margin: 0;
          text-align: center;
        }
      }
    }
    &__left{
      p{
            font-size: 11px;
      }

    }
  }
  .mapa{
    &__left{
          width: 358px;
          padding: 57px 45px;
          p{
            font-size: 11px;
            line-height: 13px;
                margin-bottom: 30px;
          }
          a{
            svg{
                  width: 13px;
            }
            font-size: 11px;
            line-height: 13px;
            width: 205px;
            padding: 9px 0;
          }
          h4{
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
          }
          h3{
            font-size: 26px;
            line-height: 31px;
          }
    }
    &__contenedor{
      iframe{
            height: 60vh;
      }
    }
  }
  .certificacion{
        padding: 44px 15px 40px 15px;
        &__titulo{
              margin-bottom: 15px;
        }
        &__card{
          margin-bottom: 25px;
          &__contenido{
            h5{
              font-size: 20px;
              line-height: 25px;
              margin-bottom: -10px;
            }
            p{

              font-size: 11px;
            }
          }
          &__imagen{
            img{
              width: 69px;
            }
          }
        }
  }
  .intro{
    &__right{
      padding: 25px;
      h3{
        font-size: 21px;
        line-height: 37px;
            margin-bottom: 10px;
      }
      &__formulario{
        &__submit{
          input{
            font-size: 11px;
            padding: 11px 0;
          }
        }
        &__card{
          margin-bottom: 2px;
          &__aceptar{
            font-size: 10px;
                line-height: 13px;
            margin-top: 16px;
          }
          label{
            margin-bottom: 7px;
            font-size: 11px;
          }
          input, select{
            height: 30px;
            font-size: 11px;

          }
        }
      }
    }
    &__left{
      padding-bottom: 0;
      &__icono{
            display: none;
      }
      &__lugar{
          padding: 25px;
        .blanco{
          font-size: 14px;
        }
        h6{
              font-size: 14px;
              margin-bottom: -3px;
        }
        svg{
              width: 30px;
        }
      }
      &__hombre{
        text-align: right;
            bottom: 0;
            position: relative;
            top: inherit;
        img{
              width: 100%;
        }
      }
      &__franja{
        padding: 0 15px;
        ul{
          li{
            margin: 10px 25px 15px 0;
            padding-top: 15px;
                padding-right: 20px;
            h6{
              font-size: 14px;
              line-height: 19px;
            }
            svg{
                  width: 30px;
            }
          }
        }
      }
      h1{
        font-size: 30px;
        line-height: 106%;
      }
      h4{
        font-size: 16px;
        margin: 30px 0 10px 0;
      }
      &__intro{
        padding: 25px;
        img{
          width: 178px;
        }
      }
    }
  }

}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) {
  h2{
        font-size: 24px !important;
  }
  .footer{
    padding: 15px 0 17px 0;
    a{
          font-size: 11px!important;
    }
    &__left{
      text-align: center;
    }
    &__right{
      p{
        text-align: center;
      }
      ul{
        display: block;
        li{
          margin: 0;
          text-align: center;
        }
      }
    }
    &__left{
      p{
            font-size: 11px;
      }

    }
  }
  .mapa{
    &__left{
          width: 358px;
          padding: 57px 45px;
          p{
            font-size: 11px;
            line-height: 13px;
                margin-bottom: 30px;
          }
          a{
            svg{
                  width: 13px;
            }
            font-size: 11px;
            line-height: 13px;
            width: 205px;
            padding: 9px 0;
          }
          h4{
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
          }
          h3{
            font-size: 26px;
            line-height: 31px;
          }
    }
    &__contenedor{
      iframe{
            height: 60vh;
      }
    }
  }
  .certificacion{
        padding: 44px 15px 40px 15px;
        &__titulo{
              margin-bottom: 15px;
        }
        &__card{
          margin-bottom: 25px;
          &__contenido{
            h5{
              font-size: 20px;
              line-height: 25px;
              margin-bottom: -10px;
            }
            p{

              font-size: 11px;
            }
          }
          &__imagen{
            img{
              width: 69px;
            }
          }
        }
  }
  .intro{
    &__right{
      padding: 25px;
      h3{
        font-size: 21px;
        line-height: 37px;
            margin-bottom: 10px;
      }
      &__formulario{
        &__submit{
          input{
            font-size: 11px;
            padding: 11px 0;
          }
        }
        &__card{
          margin-bottom: 2px;
          &__aceptar{
            font-size: 10px;
                line-height: 13px;
            margin-top: 16px;
          }
          label{
            margin-bottom: 7px;
            font-size: 11px;
          }
          input, select{
            height: 30px;
            font-size: 11px;

          }
        }
      }
    }
    &__left{
      padding-bottom: 0;
      &__icono{
            display: none;
      }
      &__lugar{
          padding: 25px;
        .blanco{
          font-size: 14px;
        }
        h6{
              font-size: 14px;
              margin-bottom: -3px;
        }
        svg{
              width: 30px;
        }
      }
      &__hombre{
        text-align: right;
            bottom: 0;
            position: relative;
            top: inherit;
        img{
              width: 100%;
        }
      }
      &__franja{
        padding: 0 15px;
        ul{
          li{
            margin: 10px 25px 15px 0;
            padding-top: 15px;
                padding-right: 20px;
            h6{
              font-size: 14px;
              line-height: 19px;
            }
            svg{
                  width: 30px;
            }
          }
        }
      }
      h1{
        font-size: 30px;
        line-height: 106%;
      }
      h4{
        font-size: 16px;
        margin: 30px 0 10px 0;
      }
      &__intro{
        padding: 25px;
        img{
          width: 178px;
        }
      }
    }
  }

}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) {
  h2{
        font-size: 24px !important;
  }
  .footer{
    padding: 15px 0 17px 0;
    a{
          font-size: 11px!important;
    }
    &__left{
      text-align: center;
    }
    &__right{
      p{
        text-align: center;
      }
      ul{
        display: block;
        li{
          margin: 0;
          text-align: center;
        }
      }
    }
    &__left{
      p{
            font-size: 11px;
      }

    }
  }
  .mapa{
    &__left{
          width: 358px;
          padding: 57px 45px;
          p{
            font-size: 11px;
            line-height: 13px;
                margin-bottom: 30px;
          }
          a{
            svg{
                  width: 13px;
            }
            font-size: 11px;
            line-height: 13px;
            width: 205px;
            padding: 9px 0;
          }
          h4{
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
          }
          h3{
            font-size: 26px;
            line-height: 31px;
          }
    }
    &__contenedor{
      iframe{
            height: 60vh;
      }
    }
  }
  .certificacion{
        padding: 44px 15px 40px 15px;
        &__titulo{
              margin-bottom: 15px;
        }
        &__card{
          margin-bottom: 25px;
          &__contenido{
            h5{
              font-size: 20px;
              line-height: 25px;
              margin-bottom: -10px;
            }
            p{

              font-size: 11px;
            }
          }
          &__imagen{
            img{
              width: 69px;
            }
          }
        }
  }
  .intro{
    &__right{
      padding: 25px;
      h3{
        font-size: 21px;
        line-height: 37px;
            margin-bottom: 10px;
      }
      &__formulario{
        &__submit{
          input{
            font-size: 11px;
            padding: 11px 0;
          }
        }
        &__card{
          margin-bottom: 2px;
          &__aceptar{
            font-size: 10px;
                line-height: 13px;
            margin-top: 16px;
          }
          label{
            margin-bottom: 7px;
            font-size: 11px;
          }
          input, select{
            height: 30px;
            font-size: 11px;

          }
        }
      }
    }
    &__left{
      padding-bottom: 0;
      &__icono{
            display: none;
      }
      &__lugar{
          padding: 25px;
        .blanco{
          font-size: 14px;
        }
        h6{
              font-size: 14px;
              margin-bottom: -3px;
        }
        svg{
              width: 30px;
        }
      }
      &__hombre{
        text-align: right;
            bottom: 0;
            position: relative;
            top: inherit;
        img{
              width: 100%;
        }
      }
      &__franja{
        padding: 0 15px;
        ul{
          li{
            margin: 10px 25px 15px 0;
            padding-top: 15px;
                padding-right: 20px;
            h6{
              font-size: 14px;
              line-height: 19px;
            }
            svg{
                  width: 30px;
            }
          }
        }
      }
      h1{
        font-size: 30px;
        line-height: 106%;
      }
      h4{
        font-size: 16px;
        margin: 30px 0 10px 0;
      }
      &__intro{
        padding: 25px;
        img{
          width: 178px;
        }
      }
    }
  }
}

@media (min-width: 1200px) and (max-width: 1400px){
  .container{
        max-width: 1300px;
  }
  h2{
    font-size: 26px !important;
  }
  body{
        font-size: 11px!important;
  }
  .footer{
    padding: 15px 0 17px 0;
    a{
          font-size: 11px!important;
    }
    &__right{

    }
    &__left{
      p{
            font-size: 11px;
      }

    }
  }
  .mapa{
    &__left{
          width: 358px;
          padding: 57px 45px;
          p{
            font-size: 11px;
            line-height: 13px;
                margin-bottom: 30px;
          }
          a{
            svg{
                  width: 13px;
            }
            font-size: 11px;
            line-height: 13px;
            width: 205px;
            padding: 9px 0;
          }
          h4{
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
          }
          h3{
            font-size: 26px;
            line-height: 31px;
          }
    }
    &__contenedor{
      iframe{
            height: 90vh
      }
    }
  }
  .certificacion{
        padding: 44px 15px 40px 15px;
        &__titulo{
              margin-bottom: 15px;
        }
        &__card{
          &__contenido{
            h5{
              font-size: 20px;
              line-height: 25px;
              margin-bottom: -10px;
            }
            p{

              font-size: 11px;
            }
          }
          &__imagen{
            img{
              width: 69px;
            }
          }
        }
  }
  .intro{
    &__right{
      padding: 0 60px;
      h3{
        font-size: 21px;
        line-height: 37px;
            margin-bottom: 10px;
      }
      &__formulario{
        &__submit{
          input{
            font-size: 11px;
            padding: 11px 0;
          }
        }
        &__card{
          margin-bottom: 2px;
          &__aceptar{
            font-size: 10px;
                line-height: 13px;
            margin-top: 16px;
          }
          label{
            margin-bottom: 7px;
            font-size: 11px;
          }
          input, select{
            height: 30px;
            font-size: 11px;

          }
        }
      }
    }
    &__left{
      &__icono{
            width: 106px;
      }
      &__lugar{
        padding-left: 43px;
        padding-top: 12px;
        .blanco{
          font-size: 14px;
        }
        h6{
              font-size: 14px;
              margin-bottom: -3px;
        }
        svg{
              width: 30px;
        }
      }
      &__hombre{
        text-align: right;
            bottom: 0;
            top: inherit;
        img{
              width: 380px;
        }
      }
      &__franja{
        padding: 0 45px;
        ul{
          li{
            margin: 18px 29px 33px 0;
            padding-top: 15px;
            h6{
              font-size: 14px;
              line-height: 19px;
            }
            svg{
                  width: 30px;
            }
          }
        }
      }
      h1{
        font-size: 54px;
        line-height: 106%;
      }
      h4{
        font-size: 16px;
        margin: 30px 0 10px 0;
      }
      &__intro{
        padding: 48px 0 28px 50px;
        img{
          width: 178px;
        }
      }
    }
  }
}
@media (min-width: 1401px) and (max-width: 1700px){
  .container{
        max-width: 1485px!important;
  }
  h2{
    font-size: 30px !important;
  }
  body{
        font-size: 14px!important;
  }
  .footer{
    padding: 24px 0 27px 0;
    a{
          font-size: 14px!important;
    }
    &__right{

    }
    &__left{
      p{
            font-size: 14px;
      }

    }
  }
  .mapa{
    &__left{
          width: 411px;
          padding: 75px 45px;
          p{
            font-size: 14px;
            line-height: 19px;
            margin-bottom: 30px;
          }
          a{
            svg{
                  width: 13px;
            }
            font-size: 12px;
            line-height: 13px;
            width: 225px;
            padding: 14px 0;
          }
          h4{
            font-size: 17px;
            line-height: 24px;
            margin-bottom: 11px;
          }
          h3{
            font-size: 29px;
            line-height: 35px;
          }
    }
    &__contenedor{
      iframe{
            height: 90vh
      }
    }
  }
  .certificacion{
        padding: 44px 15px 58px 15px;
        &__titulo{
              margin-bottom: 15px;
        }
        &__card{
          &__contenido{
            h5{
              font-size: 24px;
              line-height: 25px;
              margin-bottom: -2px;
            }
            p{

              font-size: 14px;
            }
          }
          &__imagen{
            img{
              width: 80px;
            }
          }
        }
  }
  .intro{
    &__right{
      padding: 0 76px;
      h3{
        font-size: 27px;
            line-height: 37px;
            margin-bottom: 24px;
      }
      &__formulario{
        &__submit{
          input{
            font-size: 14px;
            padding: 16px 0;
          }
        }
        &__card{
          margin-bottom: 2px;
          &__aceptar{
            font-size: 13px;
            line-height: 20px;
            margin-top: 21px;
          }
          label{
            margin-bottom: 9px;
                font-size: 14px;
          }
          input, select{
            height: 37px;
            font-size: 14px;

          }
        }
      }
    }
    &__left{
      &__icono{
            img{
              width: 97px;
            }
      }
      &__lugar{
        padding-left: 56px;
        padding-top: 40px;
        .blanco{
          font-size: 17px;
        }
        h6{
              font-size: 16px;
              margin-bottom: -3px;
        }
        svg{
              width: 38px;
        }
      }
      &__hombre{
        text-align: right;
            bottom: 0;
            top: inherit;
        img{
              width: 82%;
        }
      }
      &__franja{
        padding: 0 60px;
        ul{
          margin: 0;
          li{
            margin: 30px 32px 41px 0;
            padding-top: 15px;
            padding-right: 40px;
            h6{
              font-size: 17px;
              line-height: 22px;
            }
            svg{
                  width: 36px;
            }
          }
        }
      }
      h1{
        font-size: 69px;
        line-height: 106%;
      }
      h4{
        font-size: 21px;
        margin: 38px 0 15px 0;
      }
      &__intro{
        padding: 65px 0 28px 60px;
        img{
          width: 218px;
        }
      }
    }
  }
}
label.error {
    position: absolute !important;
    right: 22px;
    top: 33px;
    font-size: 10px !important;
    z-index: 100;
}