@charset "UTF-8";
/**
 * $variable
 *
 * Variable de fuente primaria de sitio
 *
 */
/**
 * $variable
 *
 * Variables de colores base de sitio
 *
 */
/**
 * $variable
 *
 * Variables de colores principales del sitio y sus oscurecimientos en hover
 *
 */
/**
 * $variable
 *
 * Variables de colores de semáforo
 *
 */
/**
 * $variable
 *
 * Variables de asignación de tamaño de texto por tamaño de dispositivo
 *
 */
/**
 * $variable
 *
 * Numero báse de proporciones
 *
 */
/**
 * $variable
 *
 * Variables de estilos de bordes
 *
 */
/**
 * $variable
 *
 * Variables de sombras
 *
 */
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
body {
  margin: 0;
  padding: 0;
  background-color: white !important; }

img {
  max-width: 100%; }

.button {
  padding: 8px 16px;
  font-weight: 500;
  border: none;
  font-size: 14.4px;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 6.4px; }
  .button i {
    vertical-align: middle;
    font-size: 20px; }

a.button {
  display: inline-block;
  text-align: center; }
  a.button:hover {
    color: white;
    text-decoration: none; }

.button-primary {
  background-color: #174a80;
  color: white !important; }
  .button-primary:hover {
    background-color: #237ef9;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.button-success {
  background-color: #00b140;
  color: white; }
  .button-success:hover {
    background-color: #003212;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.button-md {
  padding: 20px 24px !important; }

.button-lg {
  padding: 20px; }

.button-justified {
  width: 100%; }

main {
  background-color: white;
  background: none; 
}

.HeaderMenu {
  background-color: white; }

.Panel-elements {
  border: none; }

.Panel-elements > div {
  border: none; }

.Accordion-elements .Accordion-heading .Accordion-heading-action a::after {
  color: #174a80 !important; }

.Title h2 {
  font-size: 32px !important;
  font-weight: 700 !important;
  margin-bottom: 0;}

.wrapper {
  width: 100%;
  overflow: hidden; }

.Text {
  /*
    .background-container {
        background: url('../img/main-background.png'), url('../img/main-background-inverso.png');
        background-repeat: no-repeat;
        background-position: 0% 20%, 100% 70%;
    }
    */ }
  .Text .main-section {
    min-height: 100vh;
    background-color: #efefef; }
  .Text .first-section {
    padding-bottom: 80px;
    padding-top: 112px;
    background-color: #fafafa; }
  .Text .section {
    margin-bottom: 80px; }
  .Text h1 {
    font-size: 64px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333333; }
  .Text h2 {
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 32px !important;
    color: #333 !important;
     }
  .Text h3 {
    font-size: 20.8px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px;
    color: #333333  !important; 
     }
  .Text h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px; }
  .Text p {
    font-size: 18.4px !important;
    line-height: 20.8px !important;
    margin-bottom: 16px !important;
    font-weight: 500 !important;
    color: gray; }
  .Text a {
    color: #235b4e;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    .Text a:hover {
      text-decoration: none;
      color: #163830; }
  .Text .pt-10 {
    padding-top: 80px; }
  .Text .notice {
    font-size: 14.4px;
    font-weight: 700;
    margin-bottom: 14.4px;
    color: #00b140; }
  .Text .button-white {
    display: inline-block;
    padding: 20px 40px;
    border: 2px solid white;
    color: white;
    font-weight: 600;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .Text .button-white:hover {
      background-color: white;
      color: #235b4e;
      text-decoration: none; }
  .Text header {
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    z-index: 100;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05); }
    .Text header .header-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 5px 0; }
      .Text header .header-content .header-logo {
        width: 360px; }
      .Text header .header-content .header-menu {
        width: 100%; }
        .Text header .header-content .header-menu ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 0;
          list-style: none;
          margin: 0; }
          .Text header .header-content .header-menu ul li {
            margin-right: 32px;
            padding: 16px 0; }
            .Text header .header-content .header-menu ul li a {
              color: gray;
              font-weight: 600;
              font-size: 14.4px;
              -webkit-transition: all 0.2s ease-in-out;
              -o-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out; }
              .Text header .header-content .header-menu ul li a:hover {
                color: #235b4e;
                text-decoration: none; }
          .Text header .header-content .header-menu ul li:last-child {
            margin-right: 0; }
    .Text header .responsive-header-menu {
      display: none;
      width: 100%; }
      .Text header .responsive-header-menu ul {
        height: 100vh;
        display: block;
        padding: 0;
        list-style: none;
        margin: 0; }
        .Text header .responsive-header-menu ul li {
          text-align: center;
          border-top: 1px solid #e6e6e6; }
          .Text header .responsive-header-menu ul li a {
            display: block;
            padding: 16px 0;
            color: black;
            font-weight: 500;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
            .Text header .responsive-header-menu ul li a:hover {
              color: #235b4e;
              text-decoration: none; }
        .Text header .responsive-header-menu ul li:last-child {
          margin-right: 0; }
  .Text .section-carrousel {
    margin-bottom: 40px;
    padding-top: 96px;
    position: relative; }
    .Text .section-carrousel::before {
      content: "";
      position: absolute;
      top: 0px;
      background: #235b4e none repeat scroll 0% 0%;
      width: 100%;
      height: 450px; }
  .Text .link-ciber {
    display: block;
    width: 100%;
    height: 100%; }
  .Text .item-ciber {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden; }
    .Text .item-ciber .prueba-imagen {
      width: 100%;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .Text .item-ciber .ciber-title {
      padding: 26px 30px;
      position: absolute;
      bottom: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .Text .item-ciber .ciber-title .date {
        color: rgba(255, 255, 255, 0.712);
        margin-bottom: 5px;
        font-size: 12.8px; }
      .Text .item-ciber .ciber-title .secondary-link {
        color: rgba(255, 255, 255, 0.582);
        font-size: 12.8px;
        font-weight: 700;
        margin-bottom: 5px; }
        .Text .item-ciber .ciber-title .secondary-link:hover {
          color: rgba(255, 255, 255, 0.808); }
      .Text .item-ciber .ciber-title .link-title {
        display: block;
        color: rgba(255, 255, 255, 0.712);
        font-size: 19.2px;
        font-weight: 700;
        min-height: 57.6px;
        -webkit-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out; }
        .Text .item-ciber .ciber-title .link-title:hover {
          color: white; }
    .Text .item-ciber:hover .prueba-imagen {
      scale: 1.1; }
    .Text .item-ciber:hover .ciber-title {
      padding-bottom: 50px; }
  .Text .container-items .item-card {
    border: 1px solid #E4E4E4;
    border-radius: 8px;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    width: 100%;
    height: 279px; }
    .Text .container-items .item-card .item-card-body {
      padding: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%; }
      .Text .container-items .item-card .item-card-body img {
        width: 100px; }
      .Text .container-items .item-card .item-card-body .item-card-text .title {
        font-weight: 600 !important;
        font-size: 14.4px !important;
        color: #141414;
        margin-bottom: 10px !important;
        height: 41px; }
      .Text .container-items .item-card .item-card-body .item-card-text p {
        margin-bottom: 20px; }
      .Text .container-items .item-card .item-card-body .item-card-text a {
        font-size: 12.8px;
        font-weight: 600;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background-color: #ffa600;
        color: rgba(255, 255, 255, 0.884);
        padding: 12px 20px;
        border-radius: 5px;
        display: inline-block;
        margin-bottom: 12px; }
        .Text .container-items .item-card .item-card-body .item-card-text a:hover {
          background-color: #f59f00;
          color: white; }
        .Text .container-items .item-card .item-card-body .item-card-text a span {
          vertical-align: middle;
          font-size: 20px; }
      .Text .container-items .item-card .item-card-body .item-card-text .text-link {
        font-size: 11.2px !important;
        margin-top: 10px;
        margin-bottom: 0 !important;
        line-height: 14.4px !important;
        font-weight: bolder !important; }
    .Text .container-items .item-card:hover {
      border-color: #235b4e; }
  .Text .simple-card {
    border: 1px solid #E4E4E4;
    height: 100%;
    padding: 30px; }
    .Text .simple-card .title-simple-card .box-card {
      display: inline-block;
      width: 16px;
      height: 16px;
      background-color: #174a80; }
  .Text .title-instructions h2 {
    margin-bottom: 8px; }
  .Text .title-instructions p {
    font-size: 17.6px;
    color: #174a80;
    font-weight: 600;
    margin-bottom: 32px; }
  .Text .notes {
    background-color: #174a80;
    padding: 20px 10px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: white; }
    .Text .notes span {
      color: white; }
  .Text .mb-10 {
    margin-bottom: 40px; }
  .Text .item-number-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .Text .item-number-image p {
      color: #174a80;
      font-weight: 600; }
  .Text .requisitos-container ol li {
    font-size: 19.2px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 8px; }
  .Text .documents-container ol {
    margin-bottom: 32px; }
    .Text .documents-container ol li {
      font-size: 16px;
      font-weight: 500;
      color: #333333;
      margin-bottom: 8px; }
  .Text .icons-container {
    padding: 40px 0; }
    .Text .icons-container .icon-item {
      margin-bottom: 32px; }
      .Text .icons-container .icon-item p {
        font-size: 16px; }
      .Text .icons-container .icon-item .img-icon {
        height: 67px !important;
        margin-bottom: 16px !important; }
  .Text .benefits-container {
    padding: 40px 0; }
    .Text .benefits-container .benefit-item {
      margin-bottom: 48px; }
      .Text .benefits-container .benefit-item .benefit-item-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .Text .benefits-container .benefit-item .benefit-item-container img {
          width: 70px;
          margin-right: 16px; }
        .Text .benefits-container .benefit-item .benefit-item-container p {
          margin-bottom: 0;
          padding-left: 16px; }
      .Text .benefits-container .benefit-item p {
        font-size: 19.2px;
        font-weight: 600;
        color: #333333; }
  .Text .background-image {
    background: url("../img/baja-voluntaria.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 50%;
    position: relative; }
    .Text .background-image .scroll-link {
      display: block; }
      .Text .background-image .scroll-link .scroll-container {
        position: absolute;
        left: 50%;
        bottom: 3%;
        -webkit-transform: translate(-50%, -3%);
        -ms-transform: translate(-50%, -3%);
        transform: translate(-50%, -3%); }
        .Text .background-image .scroll-link .scroll-container .mouse {
          cursor: pointer;
          width: 34px;
          height: 50px;
          border: 3px solid #141414;
          border-radius: 20px;
          position: relative; }
          .Text .background-image .scroll-link .scroll-container .mouse .scroll {
            width: 9px;
            height: 9px;
            background-color: #141414;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 20%;
            -webkit-transform: translate(-50%, -20%);
            -ms-transform: translate(-50%, -20%);
            transform: translate(-50%, -20%);
            -webkit-animation-name: scroll;
            animation-name: scroll;
            -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out; }
  .Text .img-numbers {
    height: 100px; }
  .Text .img-efects {
    height: 200px;
    margin-bottom: 24px; }
  .Text .card {
    border: 1px solid #174a80;
    margin-bottom: 12px; }
    .Text .card .card-body {
      padding: 11.2px; }
  .Text .mb-4, .Text .my-4 {
    margin-bottom: 30px; }
  .Text strong {
    font-weight: bolder !important; }

  /* Icons CDMX */
  .icon-list-cdmx {
    display: flex;
  }
  .icon-list-cdmx i {
    margin-right: 8px;
    font-size: 20px;
    color: #9F2241;
  }
  .icon-list-cdmx div {
    min-width: 20px;
    margin-right: 8px;
  }
  .icon-list-cdmx div .icon-img {
    width: 20px !important;
    color: #9F2241;
    vertical-align: baseline !important;
  }

  /* */
  .text-justify {
    text-align: left;
  }

  .color-text-green {
    color: #2A5D50 !important;
    font-weight: bold !important;
  }
  .color-text-black {
    color: #333 !important;
    font-weight: bold !important;
  }

  hr {
    margin-top: 10px;
    margin-bottom: 10px;
  }

@-webkit-keyframes scroll {
  from {
    top: 20%; }
  to {
    top: 50%;
    opacity: 0; } }

@keyframes scroll {
  from {
    top: 20%; }
  to {
    top: 50%;
    opacity: 0; } }
  .Text .img-show-responsive {
    display: none; }
  .Text .img-show-responsive-principal {
    display: none; }
  .Text .header-icon {
    display: none; }
  .Text .input-group label {
    display: block;
    color: #174a80;
    font-weight: 600; }
  .Text .input-group textarea {
    width: 100%;
    padding: 8px;
    border: none;
    border-bottom: 2px solid #999999; }
    .Text .input-group textarea:focus {
      border-bottom: 2px solid #174a80;
      color: gray; }
  .Text .video-height {
    height: 410.633px;
    width: 100%; }
  .Text .card-box {
    background-color: white;
    padding: 30px;
    border: 1px solid #E4E4E4;
    border-radius: 5px;
    color: white;
    color: #86b8fc;
    min-height: 506.9px; }
    .Text .card-box .item-contact {
      margin-bottom: 26px; }
      .Text .card-box .item-contact .item-icon {
        width: 40px;
        height: 40px;
        border-radius: 5px;
        background-color: #174a80;
        position: relative;
        margin-bottom: 6px; }
        .Text .card-box .item-contact .item-icon i {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          color: white; }
      .Text .card-box .item-contact span {
        font-size: 14.4px;
        font-weight: 600;
        color: #174a80; }
        .Text .img-link-nav {
            height: 80px !important;
            margin: 0 auto;
            margin-bottom: 10px;
          }
          .Text .img-responsive {
            width: 100%; }
          .Text .items-navigation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            border: none;
            margin-bottom: 20px; }
            .Text .items-navigation li {
              border: none; }
              .Text .items-navigation li a {
                display: grid;
                text-align: center;
                font-weight: 600; }
            .Text .items-navigation .active {
              border-color: #dee2e6 !important; }
          .Text .display-flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; }
          .Text .mb-5 {
            margin-bottom: 30px; }
          .Text .text-center {
            text-align: center; }
          .Text .img-logo-cib {
            width: 300px; }
          .Text .justify-text {
            text-align: justify; }
          .Text .nav-tabs > li.active > a {
            color: #2A5D50;
            background-color: #efefef;
            border-bottom: 1px solid #ddd !important; }
        
        .nav-items {
          width: 20%;
        }
        .nav-item {
          width: 20%;
        }

@media (max-width: 738px) {
  .Text .section {
    margin-bottom: 32px; }
  .Text h1 {
    font-size: 64px; }
  .Text .background-image .scroll-link {
    display: none; }
  .Text .section-right {
    text-align: center; }
  .Text .img-hide-responsive {
    display: none; }
  .Text .img-show-responsive {
    display: block; }
  .Text .section-margin-top {
    margin-top: 16px; }
  .Text footer {
    text-align: center; }
    .Text footer .section-footer {
      margin-bottom: 40px; }
    .Text footer .section-footer:last-child {
      margin-bottom: 0; }
    .Text footer .register-section {
      padding: 80px 0; }
  .Text .card-box .item-contact {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .Text .card-box .item-contact:first-child {
      margin-bottom: 20px; } }

@media (max-width: 400px) {
  .Text .video-height {
    height: 193px;
    width: 100%; }
  .Text h2 {
    font-size: 24px;
    margin-bottom: 24px; }
  .Text h3 {
    font-size: 16px; }
  .Text h4 {
    font-size: 14.4px; }
  .Text p {
    font-size: 12.8px; }
  .Text .card-box span {
    font-size: 12.8px; }
  .Text .item-ciber .ciber-title {
    bottom: 6%; } }

@media (min-width: 400px) and (max-width: 700px) {
  .video-height {
    height: 228px;
    width: 100%; } }

@media (max-width: 766px) {
  .img-show-responsive-principal {
    display: block; }
  .background-image {
    background: none;
    text-align: center; }
  .item-ciber .ciber-title {
    bottom: 20%; }
    .Text .items-navigation {
        flex-wrap: wrap !important;  
      }
      .nav-items {
        width: 50%;
      }
      .nav-item {
        width: 50%;
      } }

@media (max-width: 1180px) {
  header {
    background-color: #ffffff; }
    header .header-content .header-logo {
      width: 200px; }
    header .header-content .header-menu {
      display: none; }
    header .header-content .header-icon {
      display: block;
      cursor: pointer;
      font-size: 24px; }
  .item-ciber .ciber-title {
    bottom: 6%; } }


    .Text .list-container-func {
        border: 0;
        transition: all 0.15s ease-in;
        margin-bottom: 30px;
    }
    .Text .list-container-func p {
        display: flex;
        margin-bottom: 10px !important;
    }
    .Text .list-container-func p i {
        color: #FFA328;
        margin-right: 10px;
    }
   
    .Text .item-card-row {
        display: flex;
        align-items: center;
        border: 1px solid #E4E4E4;
        border-radius: 8px;
        padding: 20px;
        transition: all 0.1s ease-in-out;
        margin-bottom: 20px;
        min-height: 171.6px;
    }

    .Text .item-card-row:hover {
        border-color: #174a80;
    }

    .Text .item-card-row img {
        width: 80px;
        margin-right: 20px;
    }

    .Text .item-card-row .text-link p {
        font-size: 11.2px !important;
        margin: 0 !important;
        line-height: 14.4px !important;
        font-weight: bolder !important;
    }