.circle{
    width:500px;
    height:500px;
    line-height:500px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    text-align:center;
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
    margin:0 auto 40px;
    background-color:#e6e6e6
   }
   .circle-lista{
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    text-align:center;
    font-size:36px;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    margin:0 auto 40px;
    background-color:#c9217b
   }
   .border-card{
    border-left:1px solid #9b9b9b!important
   }
   .border-line-visible{
    border-top:1px solid #9b9b9b;
    width:16.666667%;
    float:left
   }
   .border-line-invisible{
    border-top:1px solid #fff;
    width:16.666667%;
    float:left
   }
   .border-line-visible-4{
    border-top:1px solid #9b9b9b;
    width:25%;
    float:left
   }
   .border-line-invisible-4{
    border-top:1px solid #fff;
    width:25%;
    float:left
   }
   .line-vertical-espacio{
    padding-bottom:86.8px
   }
   .line-vertical-espacio-normal{
    padding-bottom:150px
   }
   .line-vertical-espacio-scircle{
    padding-bottom:76.9px
   }
   .line-vertical-espacio-scircle-bottom{
    padding-bottom:140px
   }
   .dropdown-divider.line-vertical{
    height:70px;
    overflow:hidden;
    background:#9b9b9b;
    width:.9px;
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    right:49.98%;
    min-height:70px
   }
   .dropdown-divider.line-vertical-normal{
    height:150px;
    overflow:hidden;
    background:#9b9b9b;
    width:.9px;
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    right:49.98%;
    min-height:70px
   }
   .dropdown-divider.line-vertical-bottom{
    height:140px;
    overflow:hidden;
    background:#9b9b9b;
    width:.8px;
    content:"";
    display:block;
    position:absolute;
    bottom:-8px;
    right:49.98%;
    min-height:70px
   }
   .card-img-top.validar{
    width:450px!important
   }
   .card-img-top.titulo{
    padding-top:0!important
   }
   .bg-gris{
    background-color:#f1eff0;
    padding:30px
   }
   @media only screen and (min-width:320px) and (max-width:359px) {
    .circle{
     width:250px;
     height:250px;
     line-height:250px
    }
    .circle-lista{
     width:35px;
     height:35px;
     line-height:37px;
     font-size:23px;
     margin:0 0 10px
    }
    .card-img-top.validez{
     width:95px!important;
     margin:0 auto
    }
    .card.validez{
     min-height:115px;
     display:table
    }
    .card.validez> div> div> div.card-body{
     padding-top:8%
    }
    .card-img-top.validar{
     width:250px!important
    }
    .referencia-contenido{
     text-align:left!important
    }
    .card-img-top{
     padding-top:10%!important
    }
   }
   @media only screen and (min-width:360px) and (max-width:413px) {
    .circle-lista{
     width:35px;
     height:35px;
     line-height:37px;
     font-size:23px;
     margin:0 0 8px
    }
    .card-img-top.validez{
     width:105px!important;
     margin:0 auto
    }
    .card-body{
     padding-top:1rem
    }
    .card-img-top.validar{
     width:250px!important
    }
    .referencia-contenido{
     text-align:left!important
    }
    .card-img-top{
     padding-top:10%!important
    }
   }
   @media only screen and (min-width:414px) and (max-width:479px) {
    .circle-lista{
     width:35px;
     height:35px;
     line-height:37px;
     font-size:23px;
     margin:0 0 8px
    }
    .card-img-top.validez{
     width:105px!important;
     margin:0 auto
    }
    .card-body{
     padding-top:1rem
    }
    .card-img-top.validar{
     width:250px!important
    }
    .referencia-contenido{
     text-align:left!important
    }
    .card-img-top{
     padding-top:10%!important
    }
   }
   @media only screen and (min-width:480px) and (max-width:767.99px) {
    .py-5{
     padding-bottom:5px!important;
     padding-top:5px!important
    }
    .px-5{
     padding-left:5px!important;
     padding-right:5px!important
    }
    .mb-5,
    .my-5{
     margin-bottom:5px!important;
     margin-top:5px!important
    }
    .p-5,
    .pt-5{
     padding:5px!important
    }
    .card-img-top.card-one{
     width:70%;
     margin:0 auto
    }
    .card-img-top.card-trio{
     width:40%;
     margin:0 auto
    }
    .texto-infografia{
     font-size:18px
    }
    .texto-infografia-max{
     font-size:20px;
     font-weight:300
    }
    .texto-infografia-max-bold{
     font-size:22px;
     font-weight:700
    }
    .circle{
     width:250px;
     height:250px;
     line-height:250px
    }
    .circle-lista{
     width:50px;
     height:50px;
     line-height:50px;
     font-size:29px;
     margin:15px 0
    }
    .text-pie{
     position:initial!important;
     margin-top:4em
    }
    .card-img-top.titulo{
     width:70%!important
    }
    .card-img-top.validar{
     width:250px!important
    }
   }
   @media only screen and (min-width:768px) and (max-width:991.99px) {
    .circle-lista{
     width:35px;
     height:35px;
     line-height:35px;
     font-size:29px
    }
    .font-weight-bold{
     line-height:normal
    }
    .card-img-top.validar{
     width:330px!important
    }
   }
   @media only screen and (min-width:992px) and (max-width:1024px) {
    .text-pie{
     position:absolute!important;
     margin-top:4em
    }
    .card-img-top.validar{
     width:350px!important
    }
    .card-img-top.titulo{
     width:450px!important
    }
   }
   @media only screen and (min-width:1200px) and (max-width:1366px) {
    .antetitulo-contenido{
     margin-bottom:0!important
    }
   }