/* ==============================================================
*   NOSOTROS //rtp-nosotros-estrategia.css
* ============================================================== */
  /* estrategia */
    /* section#g-conoce {
      padding-bottom: 3rem !important;
    } */

    #rtp-animacion {
      width: 100%;
      height: 590px;
    }

    /* .rtp-conoce-nodo {
      width: 16%;
      display: inline-block;
      padding: 1rem;
      transition: all ease .3s;
    } */
    /* .rtp-conoce-nodo img {
      margin-bottom: 1rem;
      width: 45%;
    } */

    @media screen and (max-width: 768px) {
      #rtp-animacion {
        height: 330px;
      }

      /* .rtp-conoce-nodo {
        width: 30%;
      } */
    }

    @media screen and (max-width: 425px) {
      #rtp-animacion {
        height: 180px;
      }

      /* .rtp-conoce-nodo {
        width: 44%;
      }
      .rtp-conoce-nodo a {
        font-size: 14px;
      } */
    }
  
  /* empleos */
    section#g-gente,
    section#g-valores,
    section#g-reclutamiento  {
      padding-bottom: 3rem !important;
    }

    @media screen and (max-width: 425px) {
      section#g-gente,
      section#g-valores,
      section#g-reclutamiento  {
        padding-bottom: 0rem !important;
      }

      section#g-valores img {
        margin-top: 1rem !important;
      }
    }

  /* gobierno */
    .rtp-directivos-nodo {
      display: inline-block;
      padding: 1rem;
      margin: 1rem;
      width: 25%;
      transition: all ease .3s;
    }

    @media screen and (max-width: 425px) {
      .rtp-directivos-nodo {
        margin: 0rem;
        width: 48%;
      }
    }

  /* identidad */
    section#g-identidad-1, 
    section#g-identidad-2,
    section#g-identidad-3,
    section#g-identidad-4 {
      padding-bottom: 2rem !important;
    }

    .rtp-identidad-valores-nodo {
      display: inline-block;
      padding: 1rem;
      width: 25%;
      transition: all ease .3s;
    }
    .rtp-identidad-valores-nodo img {
      width: 70%;
    }

    @media screen and (max-width: 425px) {
      .rtp-identidad-valores-nodo {
        margin: 0rem;
        width: 100%;
        padding: 0 1rem;
      }
      .rtp-identidad-valores-nodo img {
        width: 40%;
      }
    }

  /* presencia */

  /* tips */
    iframe {
      margin-bottom: -5px;
    }
    #g-tips-2 {
      padding-top: 3rem !important;
    }
    .tips-nodo {
      min-height: 305px;
      text-decoration: none !important;
      position: relative;
      vertical-align: top;
      width: 25%;
      display: inline-flex;
      flex-direction: column;
      justify-content: space-between;
      margin: 0 1% 3% 1%;
      background-color: #fff;
      overflow: hidden;
      border-radius: .35rem;
      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
      transition: all ease .3s;
    }
    .tips-nodo img {
      align-self: start;
    }
    .tips-nodo:hover .tips-nodo-desc { top: 0%; }
    .tips-nodo .btn {
      display: inline-block; border: 1px solid #002554; padding: 5px 20px; align-self: center;
        margin-bottom: 20px; color: #002554; text-decoration: none; transition: all ease .6s;
    }
    .tips-nodo .btn:hover { background-color: #002554; color: #fff; }
    .tips-nodo p { line-height: normal; padding: 6%; margin: 0; text-align: left; }
    .tips-nodo-desc { 
      position: absolute; width: 100%; height: 100%; top: 100%;
      background-color: rgba(0, 37, 84, .9); color: #fff;
      display: flex; align-items: center;  transition: all ease 0.6s;
    }

    @media screen and (max-width: 768px) {
      #g-tips-2 {
        padding-top: 2rem !important;
      }
      .tips-nodo {
        min-height: 250px;
        width: 30%;
      }
    }

    @media screen and (max-width: 425px) {
      #g-tips-2 {
        padding-top: 0rem !important;
      }
      .tips-nodo {
        min-height: 260px;
        width: 44%;
        margin: 0 .5rem 1rem .5rem;
      }
    }