/*base*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
.header {
  margin-bottom: 3rem;
  padding-top: 1rem; }
  .header .header-auxiliar a:hover {
    color: #000; }
  .header .header-auxiliar .logo-antofagasta-minerals {
    margin-bottom: 1rem; }
  .header .header-logo-innovaminerls {
    margin: 2rem 0;
    text-align: center; }
  .header .header-menu-principal {
    margin: 0 auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: 'Aaux ProBlack OSF'; }
    .header .header-menu-principal .navbar-top {
      list-style: none;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center; }
    .header .header-menu-principal li {
      position: relative;
      list-style: none; }
      .header .header-menu-principal li:not(:last-child):after {
        content: "";
        background-color: #63646A;
        height: 18px;
        width: 2px;
        position: absolute;
        right: 0;
        top: 5px; }
    .header .header-menu-principal .nav-link {
      margin: 0 .7rem;
      color: #63646A;
      padding: 0 10px; }
      .header .header-menu-principal .nav-link:hover {
        color: #7A7B80; }
  .header .header-user-login a {
    color: inherit;
    text-decoration: none; }
  .header .header-user-login .nombre-usuario {
    color: #636363; }
    .header .header-user-login .nombre-usuario:hover {
      color: #000; }
  .header .menu-toggle {
    display: block;
    font-size: 0;
    background: none;
    border: none;
    width: 30px;
    height: 25px;
    position: relative; }
  .header .menu-toggle,
  .header .menu-toggle:before,
  .header .menu-toggle:after {
    border-top: 3px solid #000;
    transition: all .3s; }
  .header .menu-toggle:before,
  .header .menu-toggle:after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0; }
  .header .menu-toggle:before {
    top: 7px; }
  .header .menu-toggle:after {
    top: 17px; }
  .header .menu-toggle.toggled-on {
    border-top-color: transparent; }
  .header .menu-toggle.toggled-on:after {
    transform: rotate(45deg);
    top: 12px; }
  .header .menu-toggle.toggled-on:before {
    transform: rotate(-45deg);
    top: 12px; }
  .header .menu-toggle {
    display: none; }

@media (max-width: 991px) {
  .header .header-menu-principal {
    background: #D9D9D9;
    display: none;
    text-align: left;
    margin-top: 1rem; }
    .header .header-menu-principal.show {
      display: block; }
    .header .header-menu-principal .navbar-top {
      display: block;
      margin: 0;
      padding: 0; }
      .header .header-menu-principal .navbar-top li {
        margin: 0;
        padding: 8px 10px; }
      .header .header-menu-principal .navbar-top li:not(:last-child):after {
        display: none; }
      .header .header-menu-principal .navbar-top .nav-link {
        padding: 0; }
  .header .header-logo-innovaminerls {
    order: 3;
    margin-bottom: 0; }
  .header [data-sf-element="Container-header-menu"] {
    order: 2;
    width: 100%; }
  .header .menu-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block; }
  .header .container {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }

  .form-select {
    margin-left: .5rem;
    margin-bottom: .5rem; } }
@media (max-width: 766px) {
  .form-select {
    margin: .5rem 0; } }
.btn {
  border-radius: 20px;
  border: none;
  font-family: "Aaux ProBlack OSF";
  line-height: 110%; }
  .btn:focus {
    box-shadow: none; }

.btn-h-30 {
  height: 30px;
  padding: 0 10px;
  line-height: 30px; }

.btn-white {
  border: 1px solid #63646A;
  border-radius: 100px;
  min-width: 130px;
  color: #63646A;
  font-family: 'Aaux ProBlack OSF';
  height: 30px;
  padding: 5px 0;
  line-height: 100%; }
  .btn-white:hover {
    border: 3px solid rgba(224, 32, 49, 0.25);
    padding: 3px 0 4px 0; }

.btn-blue {
  border: 1px solid #00BBB8;
  border-radius: 100px;
  min-width: 160px;
  font-size: 12px;
  color: #00BBB8;
  font-family: 'Aaux ProBlack OSF';
  padding: 8px 0;
  line-height: 100%; }
  .btn-blue:hover {
    border: 3px solid rgba(224, 32, 49, 0.25);
    padding: 6px 0 7px 0; }

.btn-green {
  border: 1px solid #2FC2BF;
  border-radius: 20px;
  min-width: 160px;
  font-size: 12px;
  color: #2FC2BF;
  font-family: "Inter", sans-serif;
  padding: 8px 0;
  line-height: 100%; }
  .btn-green:hover {
    background-color: #2FC2BF;
    color: #FFF; }

.btn-size-sm {
  min-width: 200px; }

.btn-size-md {
  width: 100%;
  max-width: 280px; }

.btn-transparent {
  background-color: transparent; }

.btn-big {
  font-size: 40px;
  width: 100%;
  max-width: 600px;
  border-radius: 50px; }

.btn-primary {
  background-color: #00BBB8;
  border: 1px solid #00BBB8;
  padding: 10px;
  border-radius: 100px; }
  .btn-primary:hover {
    background-color: #00BBB8;
    border: 1px solid #e02031; }
  .btn-primary:focus {
    background-color: #00BBB8;
    border: 3px solid rgba(224, 32, 49, 0.25);
    padding: 8px 10px; }
  .btn-primary:active {
    background-color: #02908D !important;
    border: 3px solid #02908D !important; }

.btn-cancel {
  border: 1px solid #63646A;
  border-radius: 4px;
  height: 53px;
  color: #63646A; }
  .btn-cancel:hover {
    border: 1px solid #63646A;
    color: #FFF;
    background-color: #63646A; }

.btn-save {
  background-color: #e02031;
  border: 1px solid #e02031;
  border-radius: 4px;
  height: 53px;
  color: #FFF; }
  .btn-save:hover {
    border: 1px solid #e02031;
    color: #e02031;
    background-color: #FFF; }

a.btn-save {
  line-height: 43px; }

@font-face {
  font-family: 'Aaux ProBold';
  src: url("../fonts/AauxProBoldItalic.woff2") format("woff2"), url("../fonts/AauxProBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Aaux ProBlack OSF';
  src: url("../fonts/AauxProBlackOSF.woff2") format("woff2"), url("../fonts/AauxProBlackOSF.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Gotham';
  src: url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Aaux ProRegular';
  src: url("../fonts/AauxProRegular.woff2") format("woff2"), url("../fonts/AauxProRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Gotham';
  src: url("../fonts/Gotham-Light.woff2") format("woff2"), url("../fonts/Gotham-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Aaux ProBlack';
  src: url("../fonts/AauxProBlackItalic.woff2") format("woff2"), url("../fonts/AauxProBlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }
body {
  margin: 0;
  padding: 0;
  color: #63646A;
  font-family: 'Aaux ProRegular';
  font-size: 16px; }

.link-white {
  color: #FFF; }

.titulo-1 {
  font-family: "Aaux ProBlack OSF"; }

.titulo-2 {
  font-family: "Gotham";
  font-weight: bold; }

.subtitulo-1 {
  font-family: "Aaux ProBlack OSF"; }

.subtitulo-2 {
  font-family: "Aaux ProRegular"; }

.subtitulo-3 {
  font-family: "Aaux ProBlack OSF"; }

.subtitulo-4 {
  font-family: "Aaux ProBlack"; }

.gris-100 {
  color: #3a3a3a; }

.gris-50 {
  color: #63646A; }

.celeste-80 {
  color: #2FC2BF; }

.rojo-50 {
  color: #e02031; }

.link-rojo-50 {
  color: #e02031;
  text-decoration: none; }
  .link-rojo-50:hover {
    text-decoration: underline;
    color: #e02031; }

.font-weight-Aaux-ProBlackOSF {
  font-family: "Aaux ProBlack OSF"; }

.font-family-Gotham {
  font-family: "Gotham"; }

.font-weight-300 {
  font-weight: 300; }

.font-family-Inter {
  font-family: "Inter", sans-serif; }

.font-size-12 {
  font-size: 12px; }

.font-size-14 {
  font-size: 14px; }

.font-size-16 {
  font-size: 16px; }

.font-size-21 {
  font-size: 21px; }

.font-size-22 {
  font-size: 22px; }

.font-size-24 {
  font-size: 24px; }

.font-size-28 {
  font-size: 28px; }

.font-size-30 {
  font-size: 30px; }

.font-size-35 {
  font-size: 35px; }

.font-size-40 {
  font-size: 40px; }

.font-size-100 {
  font-size: 100px !important;
  line-height: 110% !important; }

.font-size-140 {
  font-size: 140px !important;
  line-height: 90% !important; }

.estado {
  border-radius: 5px;
  min-width: 120px;
  font-size: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  padding: 10px 5px;
  line-height: 100%;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  margin-bottom: 1rem; }
  .estado.estado-activo {
    background-color: #00BBB8; }
  .estado.estado-finalizado {
    background-color: #e02031; }

.link-ver-todos {
  text-align: center;
  margin-bottom: 3rem;
  font-family: 'Aaux ProBold';
  font-style: italic; }
  .link-ver-todos a {
    color: #63646A;
    text-decoration: underline; }
    .link-ver-todos a:hover {
      text-decoration: none;
      color: #4F5056; }

.list-inline li {
  display: inline-block; }

.banner-principal {
  position: relative;
  margin-bottom: 3rem;
  height: 500px; }
  .banner-principal .caption-container {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFF;
    font-family: 'Aaux ProRegular';
    line-height: 140%; }
    .banner-principal .caption-container .caption-title {
      max-width: 300px;
      font-size: 50px;
      font-family: 'Aaux ProBlack OSF';
      line-height: 110%; }
    .banner-principal .caption-container .caption-text {
      max-width: 300px;
      font-size: 16px; }
  .banner-principal figure {
    margin: 0; }
    .banner-principal figure img {
      object-fit: cover;
      object-position: left;
      height: 500px; }
  .banner-principal .caption-container-ideas {
    max-width: 400px;
    margin: 0;
    margin-left: auto; }

.home-comparte-tu-idea {
  background: url(../images/html/fondo-ideas-home-left.svg) no-repeat 0 0;
  margin-bottom: 5rem; }
  .home-comparte-tu-idea .home-comparte-tu-idea-detalle {
    background: url(../images/html/fondo-ideas-home-right.svg) no-repeat right top;
    background-size: 100px 110px;
    padding-top: 3rem; }
  .home-comparte-tu-idea .home-comparte-tu-idea-texto {
    margin: 0 auto;
    margin-bottom: 2rem;
    max-width: 460px; }
  .home-comparte-tu-idea h1 {
    letter-spacing: -2px; }

.home-proyectos-realizados {
  background-color: #00BBB8;
  padding: 3rem 0 4rem 0;
  margin-bottom: 3rem; }
  .home-proyectos-realizados .total-ideas {
    text-align: center;
    font-size: 30px;
    font-family: "Aaux ProBlack OSF"; }
  .home-proyectos-realizados .number {
    font-size: 35px;
    line-height: 140%; }

.home-desafios .home-desafios-header {
  background: url(../images/html/fondo-desafios-home-left.svg) no-repeat 0 0;
  margin-bottom: 3rem; }
.home-desafios .home-desafios-texto {
  margin: 0 auto;
  margin-bottom: 2rem;
  max-width: 550px; }
.home-desafios .card-news {
  height: 370px; }
  .home-desafios .card-news .card-news-img {
    height: 100%; }
    .home-desafios .card-news .card-news-img img {
      height: 100%;
      width: 100%; }
.home-desafios .col-12.col-lg-4 {
  margin-bottom: 1rem; }

.home-proyectos-destacados {
  background: url(../images/html/fondo-proyectos-home-right.svg) no-repeat right top;
  background-size: 90px 189px; }
  .home-proyectos-destacados .home-proyectos-header {
    margin-bottom: 3rem;
    padding: 3rem 0 1rem 0; }
  .home-proyectos-destacados .home-proyectos-texto {
    margin: 0 auto;
    margin-bottom: 2rem;
    max-width: 550px; }
  .home-proyectos-destacados .card-news {
    height: 370px; }
    .home-proyectos-destacados .card-news .card-news-img {
      height: 100%; }
      .home-proyectos-destacados .card-news .card-news-img img {
        height: 100%;
        width: 100%; }
  .home-proyectos-destacados .col-12.col-lg-4 {
    margin-bottom: 1rem; }

.home-puntos-de-encuentro .home-iniciativa {
  color: #FFF;
  position: relative; }
  .home-puntos-de-encuentro .home-iniciativa:before {
    content: "";
    background-color: #e02031;
    position: absolute;
    left: -60px;
    top: 100px;
    border-radius: 50%;
    width: 25px;
    height: 25px; }
  .home-puntos-de-encuentro .home-iniciativa:after {
    content: "";
    background-color: #00BBB8;
    width: 70%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  .home-puntos-de-encuentro .home-iniciativa .home-iniciativa-video {
    padding: 5% 0; }
    .home-puntos-de-encuentro .home-iniciativa .home-iniciativa-video iframe {
      margin: 0;
      overflow: hidden; }
.home-puntos-de-encuentro .home-puntos-de-encuentro-header {
  margin-bottom: 3rem; }
.home-puntos-de-encuentro .home-iniciativa-detalle {
  padding: 5rem 1rem 2rem 3rem; }
.home-puntos-de-encuentro .colaborador-iniciativa {
  margin-top: 2rem; }
  .home-puntos-de-encuentro .colaborador-iniciativa .cargo-colaborador .nombre {
    font-family: "Aaux ProBlack OSF"; }

.home-noticias {
  background: url(../images/html/fondo-noticias-home-right.svg) no-repeat right top;
  background-size: 90px 142px; }
  .home-noticias .home-noticias-header {
    margin-bottom: 2rem;
    padding: 1rem 0 1rem 0;
    position: relative; }
    .home-noticias .home-noticias-header:before {
      content: "";
      background-color: #00BBB8;
      width: 45px;
      height: 45px;
      position: absolute;
      left: 0;
      bottom: 0;
      border-radius: 50%; }
  .home-noticias .card-news {
    height: 480px; }
    .home-noticias .card-news .card-news-img {
      height: 100%;
      margin-bottom: 0; }
      .home-noticias .card-news .card-news-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: right bottom; }
  .home-noticias .col-12.col-lg-6 {
    margin-bottom: 1rem; }

.contenidos {
  color: #000;
  padding-bottom: 2rem; }
  .contenidos .titulo-contenidos {
    font-size: 40px;
    font-family: "Aaux ProBlack OSF";
    margin: 0 0 1.5rem 0;
    line-height: 120%; }
  .contenidos strong {
    font-family: "Aaux ProBlack OSF"; }

.card-news {
  position: relative; }
  .card-news .opacity {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6), black);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .card-news .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 80px 10px 15px;
    color: #FFF; }
  .card-news.card-news-lg .opacity {
    background: rgba(0, 0, 0, 0.25);
    height: 100%; }
  .card-news.card-news-lg .caption {
    padding: 10px 80px 20px 50px; }
  .card-news .card-news-title {
    font-family: "Gotham";
    font-size: 35px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 120%; }
  .card-news .card-news-link a {
    color: #FFF;
    text-decoration: none; }
    .card-news .card-news-link a:hover {
      color: #FFF;
      text-decoration: underline; }
  .card-news .circle {
    width: 250px;
    height: 250px;
    display: none;
    position: absolute;
    left: 25%;
    top: 25%;
    border: 4px solid #FFF;
    border-radius: 50%; }

.breadcrumb {
  color: #63646A; }
  .breadcrumb a {
    text-decoration: none;
    color: #63646A; }
    .breadcrumb a:hover {
      color: #202020; }
  .breadcrumb .active {
    color: #e02031;
    text-decoration: underline; }

.filtros-empresas {
  margin: 0 0 2rem 0;
  padding: 0; }
  .filtros-empresas ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .filtros-empresas ul li {
      display: inline-block;
      margin: 0 1rem 1rem 0;
      padding: 0;
      border: 1px solid #202020;
      border-radius: 22px;
      height: 43px;
      vertical-align: middle;
      line-height: 29px; }
      .filtros-empresas ul li a {
        display: block;
        padding: 5px 10px;
        min-width: 120px;
        text-align: center;
        color: #000;
        text-decoration: none; }
      .filtros-empresas ul li:hover, .filtros-empresas ul li.active {
        background-color: #00BBB8;
        border-color: #00BBB8; }

.show-password {
  background: url(../images/icons/eye-slash.svg) no-repeat 0 0 #FFF;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 24px;
  height: 24px;
  opacity: .5; }
  .show-password.on {
    background: url(../images/icons/eye-slash-on.svg) no-repeat 0 0 #FFF;
    background-size: contain; }

.input-form-password {
  position: relative; }

.modal-content-recuperar-password {
  color: #979797;
  padding: 1rem 0 0 0;
  display: none; }
  .modal-content-recuperar-password.show-form {
    display: block; }

.noticias.noticia-destacada {
  line-height: 130%; }
  .noticias.noticia-destacada .titulo {
    font-family: "Aaux ProBlack OSF";
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 1rem; }
  .noticias.noticia-destacada .texto {
    margin-bottom: 1rem;
    font-size: 22px;
    line-height: 140%; }
  .noticias.noticia-destacada .button {
    text-align: right; }
    .noticias.noticia-destacada .button .link-vermas {
      color: inherit;
      text-decoration: none;
      font-family: "Aaux ProRegular"; }
      .noticias.noticia-destacada .button .link-vermas .ico {
        background: url(../images/icons/arrow-right-white.svg) no-repeat center center #e02031;
        background-size: 15px 10px;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle; }
  .noticias.noticia-destacada .foto {
    position: relative; }
    .noticias.noticia-destacada .foto .etiqueta-principal {
      background: #e02031;
      color: #FFF;
      padding: 10px 5px 10px 20px;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      max-width: 420px;
      border-radius: 0 20px 0 0;
      font-family: "Aaux ProBlack OSF"; }
.noticias.noticias-secundarias {
  margin-bottom: 2rem; }
  .noticias.noticias-secundarias .foto {
    width: 100%;
    max-width: 640px;
    height: 320px;
    overflow: hidden;
    border-radius: 10px 10px 10px 0px; }
    .noticias.noticias-secundarias .foto img {
      object-fit: cover;
      object-position: center;
      height: 320px; }
    .noticias.noticias-secundarias .foto.large {
      height: 760px;
      max-width: 100%; }
      .noticias.noticias-secundarias .foto.large img {
        height: 760px; }
  .noticias.noticias-secundarias .contenido-noticia {
    position: relative;
    margin-bottom: 2rem; }
  .noticias.noticias-secundarias .opacity {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0.1) 100%);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .noticias.noticias-secundarias .detalle-noticia {
    position: absolute;
    left: 0;
    line-height: 120%;
    bottom: 0px;
    padding: 20px;
    padding-right: 120px;
    width: 100%;
    color: #FFF;
    z-index: 2; }
  .noticias.noticias-secundarias .titulo {
    font-family: "Gotham";
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: .2rem; }
  .noticias.noticias-secundarias .vermas {
    padding-top: .5rem; }
    .noticias.noticias-secundarias .vermas a {
      color: #FFF;
      text-decoration: none; }
      .noticias.noticias-secundarias .vermas a:hover {
        text-decoration: underline; }
  .noticias.noticias-secundarias .button {
    position: absolute;
    border: 1px solid #FFF;
    border-radius: 100%;
    right: 30px;
    bottom: 20px;
    width: 40px;
    height: 40px; }
    .noticias.noticias-secundarias .button:hover {
      border-color: #d8d8d9;
      background-color: rgba(255, 255, 255, 0.1); }
    .noticias.noticias-secundarias .button .link-ir {
      background: url(../images/icons/arrow-right-white.svg) no-repeat center center;
      background-size: 15px 10px;
      width: 40px;
      height: 40px;
      display: block; }

.contenedor-otras-noticias-detalle {
  background-color: #2FC2BF;
  padding: 3rem 0 1rem 0; }

.punto-de-contacto {
  background: url(../images/fotos/foto-punto-de-contacto.jpg) no-repeat center top;
  background-size: cover;
  width: 100%;
  position: relative;
  color: #FFF;
  padding: 2rem 0; }
  .punto-de-contacto .opacity {
    background-color: rgba(0, 0, 0, 0.35);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1; }
  .punto-de-contacto .container {
    z-index: 2;
    position: relative;
    max-width: 1070px;
    margin: auto; }
  .punto-de-contacto .form-control {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    border: 2px solid #FFF;
    box-shadow: none;
    color: #FFF;
    height: 45px; }
    .punto-de-contacto .form-control:focus {
      border-color: #d8d8d9; }
    .punto-de-contacto .form-control::placeholder {
      color: #d8d8d9; }
  .punto-de-contacto textarea.form-control {
    resize: none;
    height: 140px; }

.accordion-header .accordion-button {
  border-bottom: 1px solid #d8d8d9; }

.accordion-flush .accordion-item:first-child {
  border: none; }

.accordion-flush .accordion-item:nth-child(n+2):last-child .accordion-button {
  border-bottom: none; }

.form-ingreso-usuarios .box-form {
  border: 1px solid #63646A;
  border-radius: 4px;
  padding: 30px 20px;
  text-align: center; }

.page-item .page-link {
  border: none;
  color: #63646A;
  padding: 4px 11px;
  margin: 0; }
.page-item.active a {
  background-color: #00BBB8;
  color: #FFF;
  border-radius: 5px; }

.row-mis-ideas .col-mis-ideas {
  margin-bottom: 2rem; }

.box-mis-ideas {
  background: #FFF;
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  position: relative;
  padding: 1.5rem;
  height: 100%; }
  .box-mis-ideas .boton-completar {
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    text-align: center; }
    .box-mis-ideas .boton-completar a {
      background: url(../images/icons/go.svg) no-repeat center top;
      background-size: 45px 45px;
      padding: 50px 0 0 0;
      color: #3a3a3a;
      text-decoration: none; }
      .box-mis-ideas .boton-completar a:hover {
        color: #63646A; }
  .box-mis-ideas .titulo {
    color: #3a3a3a;
    font-size: 28px;
    margin-bottom: 1rem;
    font-weight: 400;
    font-family: "Aaux ProBlack OSF"; }

.box-vermas {
  background: #FFF;
  padding: 20px 10px;
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem; }
  .box-vermas .radiobutton {
    width: 80%;
    display: flex; }
    .box-vermas .radiobutton label {
      padding: 0px 50px 10px 40px; }
  .box-vermas .link-vermas {
    background: url(../images/icons/go.svg) no-repeat center top;
    display: inline-block;
    padding: 50px 0 0 0;
    text-align: center;
    text-decoration: none;
    color: #3a3a3a; }

.comparte-tu-idea {
  background-color: #e02031;
  color: #FFF;
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
  display: flex;
  text-align: center;
  position: relative;
  margin-top: -90px;
  font-size: 22px;
  margin-bottom: 40px;
  align-items: center;
  min-height: 80px; }
  .comparte-tu-idea .btn-sube-tu-idea {
    background-color: #FFF;
    text-align: center;
    border-radius: 4px;
    font-weight: 700;
    color: #3a3a3a;
    font-family: "Inter", sans-serif;
    padding: 7px 15px;
    min-width: 200px;
    font-size: 12px; }
    .comparte-tu-idea .btn-sube-tu-idea:hover {
      background-color: #63646A;
      color: #FFF; }

.dropdown-options {
  margin-bottom: 1rem; }
  .dropdown-options .dropdown-toggle {
    background: #FFF;
    position: relative;
    height: 56px;
    width: 190px;
    border: 2px solid #3a3a3a;
    border-radius: 5px;
    color: #3a3a3a;
    text-align: left; }
    .dropdown-options .dropdown-toggle:after {
      background: #FFF;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      height: fit-content;
      margin: auto 7px;
      padding: 0; }

.form-mis-ideas {
  margin-bottom: 2rem; }
  .form-mis-ideas .buscar-idea {
    background: #FFF;
    border: 2px solid #3a3a3a;
    border-radius: 5px;
    width: 300px;
    float: right;
    margin: 0;
    padding: 0; }
    .form-mis-ideas .buscar-idea input {
      background-color: transparent;
      border: 0;
      outline: none;
      box-shadow: none;
      height: 56px; }
    .form-mis-ideas .buscar-idea .btn-search {
      border: none;
      background-color: transparent;
      position: relative;
      top: 13px; }

.col-contenido .contenido-con-borde {
  border: 1px solid #63646A;
  border-radius: 10px;
  margin-bottom: 2rem; }
.col-contenido .contenido-con-borde-header {
  border-bottom: 1px solid #63646A;
  padding: 1rem 1.5rem;
  font-size: 28px;
  color: #63646A; }
  .col-contenido .contenido-con-borde-header .titulo {
    font-family: "Aaux ProBlack OSF";
    font-size: 28px;
    color: #63646A; }
.col-contenido .contenido-con-borde-body {
  padding: 1rem 1.5rem .5rem 1.5rem; }

.col-menu .list-menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .col-menu .list-menu li {
    margin-bottom: 1rem; }
    .col-menu .list-menu li a {
      background: url(../images/icons/arrow-right-gray.svg) no-repeat 95% center;
      display: flex;
      height: 110px;
      position: relative;
      padding: 10px 20px 10px 15px;
      border: 1px solid #63646A;
      border-radius: 10px; }
      .col-menu .list-menu li a:hover, .col-menu .list-menu li a.active {
        background: url(../images/icons/arrow-right.svg) no-repeat 95% center #2FC2BF;
        border: 1px solid #2FC2BF;
        filter: drop-shadow(-3px 3px 8px rgba(0, 0, 0, 0.2)); }

.col-card-content {
  margin-bottom: 1rem; }

.card-content {
  border-radius: 5px;
  border: 1px solid #63646A;
  color: #63646A;
  height: 100%; }
  .card-content .card-content-photo {
    margin: 0; }
  .card-content .card-content-body {
    padding: 1rem; }
    .card-content .card-content-body strong {
      font-family: "Aaux ProBlack OSF"; }
  .card-content .titulo {
    font-size: 22px;
    font-family: "Aaux ProBlack OSF";
    line-height: 120%;
    margin-bottom: 1rem; }
  .card-content .link-detalle {
    color: #63646A;
    text-decoration: underline; }
    .card-content .link-detalle:hover {
      color: #e02031;
      text-decoration: none; }
  .card-content .btn-green {
    width: 100%;
    max-width: 160px;
    min-width: 100%; }

.ingresa-tu-idea {
  margin-bottom: 3rem; }
  .ingresa-tu-idea .title {
    font-size: 40px;
    font-family: "Aaux ProBlack OSF";
    margin: 0 0 2rem 0; }
    .ingresa-tu-idea .title strong {
      color: #e02031; }

.form-control-grey, .form-select-grey {
  border: 2px solid #63646A;
  height: 56px;
  border-radius: 5px; }
  .form-control-grey::placeholder, .form-select-grey::placeholder {
    color: #979797;
    opacity: 1; }

textarea.form-control-grey {
  height: 120px;
  resize: none; }

.form-steps {
  color: #3a3a3a; }
  .form-steps .form-label {
    font-size: 22px; }
  .form-steps .botones {
    display: flex;
    justify-content: end;
    margin-top: 1rem; }
    .form-steps .botones .btn {
      min-width: 200px;
      margin: 0 0 1rem 1rem; }
  .form-steps .form-steps-title {
    font-size: 22px;
    margin: 0 0 1.5rem 0; }

.list-3-columns {
  color: #333;
  margin-bottom: 1rem; }
  .list-3-columns ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
    .list-3-columns ul li {
      margin: 0;
      padding: 0 1rem 1rem 0;
      width: 33%; }

.tabs-ideas {
  margin-bottom: 2rem; }
  .tabs-ideas .accordion-item {
    margin: 1rem 0;
    padding: 0 1rem;
    border: none; }
    .tabs-ideas .accordion-item .accordion-button {
      border-bottom: 1px solid #3a3a3a;
      padding-top: 1rem;
      background-color: transparent;
      box-shadow: none !important; }
      .tabs-ideas .accordion-item .accordion-button:after {
        background: url(../images/icons/arrow-tabs-down.svg) no-repeat 0 0;
        position: relative;
        top: 7px; }
    .tabs-ideas .accordion-item.tab-active {
      box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.15);
      border-radius: 15px; }
      .tabs-ideas .accordion-item.tab-active .accordion-button {
        color: #e02031; }
        .tabs-ideas .accordion-item.tab-active .accordion-button:after {
          top: -4px; }
      .tabs-ideas .accordion-item.tab-active .accordion-button:last-child {
        border-bottom: 1px solid #3a3a3a;
        padding-top: 1rem; }
  .tabs-ideas .accordion-body {
    padding-bottom: 2rem; }
  .tabs-ideas .caption {
    margin-bottom: 1rem; }
  .tabs-ideas .summary {
    font-family: "Gotham";
    margin-bottom: 1rem; }
    .tabs-ideas .summary ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .tabs-ideas .summary ul li {
        margin: 0;
        padding: 0 0 .5rem 0; }
  .tabs-ideas .row-document {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
    .tabs-ideas .row-document .document {
      margin-right: 2rem; }
    .tabs-ideas .row-document .ico {
      display: inline-block;
      vertical-align: middle;
      width: 18px;
      height: 17px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0 0;
      margin-bottom: .5rem;
      margin-left: 1rem; }
    .tabs-ideas .row-document .ico-file {
      background-image: url(../images/icons/attachment.svg); }
    .tabs-ideas .row-document .ico-download {
      background-image: url(../images/icons/download.svg);
      width: 20px;
      height: 15px; }
  .tabs-ideas .editar {
    text-align: right;
    color: #e02031;
    font-size: 12px; }
    .tabs-ideas .editar a {
      background: url(../images/icons/edit.svg) no-repeat right top;
      display: inline-block;
      margin: 0;
      padding: 0 28px 5px 0;
      color: #e02031;
      text-decoration: none; }

.mensaje-formularios {
  color: #3a3a3a;
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.15);
  border-radius: 15px; }
  .mensaje-formularios .textos {
    background: url(../images/icons/check-ok.svg) no-repeat 30px 25px;
    padding: 25px 150px 20px 90px; }
  .mensaje-formularios h2 {
    font-weight: 400;
    margin-bottom: 1rem; }

.mis-datos {
  position: relative; }
  .mis-datos label {
    font-size: 22px;
    color: #3a3a3a; }
  .mis-datos .banner-mis-datos {
    background: url(../images/banners/mis-datos.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    min-height: 990px;
    padding: 90px 0 30px 0; }
  .mis-datos .caption-title {
    position: relative;
    font-size: 100px;
    color: #FFF;
    margin-bottom: 5rem;
    font-family: "Aaux ProBlack OSF";
    float: right;
    max-width: 380px;
    line-height: 120%; }
  .mis-datos .formulario {
    position: relative;
    background-color: #FFF;
    max-width: 1024px;
    margin: 0 auto;
    padding: 1rem 2rem;
    clear: both; }

.como-innovar-intro {
  background: url(../images/html/fondo-titulo-como-innovar.svg) no-repeat 0 0;
  padding: 120px 0 0 0;
  margin-bottom: 4rem;
  position: relative; }
  .como-innovar-intro:before {
    content: "";
    background: url(../images/html/fondo-titulo-como-innovar-right.svg) no-repeat right bottom;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 87px;
    height: 150px; }
  .como-innovar-intro .titulo h1 {
    font-size: 100px;
    color: #63646A;
    margin: 0;
    padding: 0;
    font-family: "Aaux ProBlack OSF";
    max-width: 380px;
    line-height: 110%; }
  .como-innovar-intro .texto {
    font-size: 22px; }

.como-innovar-flujo {
  margin: 0rem auto 2rem auto; }
  .como-innovar-flujo .pasos {
    display: flex;
    margin: 0 auto;
    position: relative; }
  .como-innovar-flujo .icono img {
    width: 100%;
    max-width: 100%; }
  .como-innovar-flujo .numero {
    background: #2FC2BF;
    position: relative;
    text-align: center;
    padding: 0;
    line-height: 54px;
    font-family: "Aaux ProBlack OSF";
    font-size: 60px;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    color: #FFF; }
  .como-innovar-flujo .texto {
    flex: 1;
    font-size: 22px;
    line-height: 110%;
    color: #63646A; }
    .como-innovar-flujo .texto .titulo {
      font-size: 24px;
      font-family: "Aaux ProBlack OSF";
      margin-bottom: 1rem; }
    .como-innovar-flujo .texto strong {
      font-family: "Aaux ProBlack OSF"; }
  .como-innovar-flujo .paso-1 {
    background: url(../images/html/como-innovar-linea-paso-1.svg) no-repeat 50px 90px;
    max-width: 930px;
    min-height: 450px; }
    .como-innovar-flujo .paso-1 .texto {
      padding-left: 90px; }
    .como-innovar-flujo .paso-1 .numero {
      left: 50px; }
    .como-innovar-flujo .paso-1 .icono {
      width: 270px; }
  .como-innovar-flujo .paso-2 {
    background: url(../images/html/como-innovar-linea-paso-2.svg) no-repeat 330px 20px;
    max-width: 990px;
    min-height: 450px; }
    .como-innovar-flujo .paso-2:before {
      content: "";
      background: url(../images/html/fondo-titulo-copiloto.svg) no-repeat right top;
      width: 120px;
      height: 84px;
      right: 0;
      top: -80px;
      position: absolute; }
    .como-innovar-flujo .paso-2 .texto {
      text-align: right;
      padding-right: 50px; }
    .como-innovar-flujo .paso-2 .numero {
      left: -26px;
      top: -21px; }
    .como-innovar-flujo .paso-2 .icono {
      width: 200px;
      position: relative;
      top: 160px;
      left: -70px; }
  .como-innovar-flujo .paso-3 {
    background: url(../images/html/como-innovar-linea-paso-3.svg) no-repeat 0px 0px;
    max-width: 990px;
    min-height: 482px;
    position: relative;
    top: -30px; }
    .como-innovar-flujo .paso-3:before {
      content: "";
      background: url(../images/html/fondo-titulo-copiloto.svg) no-repeat left bottom;
      transform: rotate(180deg);
      width: 120px;
      height: 84px;
      left: -80px;
      top: -40px;
      position: absolute; }
    .como-innovar-flujo .paso-3 .texto {
      padding-left: 30px;
      padding-top: 70px; }
    .como-innovar-flujo .paso-3 .numero {
      left: 97px;
      top: -44px; }
    .como-innovar-flujo .paso-3 .icono {
      width: 200px;
      position: relative;
      top: 70px;
      left: 80px; }
  .como-innovar-flujo .paso-4 {
    background: url(../images/html/como-innovar-linea-paso-4.svg) no-repeat 185px 0px;
    max-width: 990px;
    min-height: 735px;
    position: relative;
    margin-top: -205px; }
    .como-innovar-flujo .paso-4:before {
      content: "";
      background: #2FC2BF;
      width: 80px;
      height: 80px;
      border-radius: 100%;
      right: -30px;
      top: -40px;
      position: absolute; }
    .como-innovar-flujo .paso-4:after {
      content: "";
      background: #e02031;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      left: -40px;
      top: 180px;
      position: absolute; }
    .como-innovar-flujo .paso-4 .texto {
      padding-left: 0px;
      padding-top: 250px; }
    .como-innovar-flujo .paso-4 .numero {
      left: 187px;
      top: 125px; }
    .como-innovar-flujo .paso-4 .icono {
      width: 200px;
      position: relative;
      top: 20px;
      left: -85px; }
  .como-innovar-flujo .paso-5 {
    max-width: 990px;
    position: relative;
    margin-top: -185px; }
    .como-innovar-flujo .paso-5:before {
      content: "";
      background: url(../images/html/fondo-titulo-aterrizaje.svg) no-repeat right top;
      width: 106px;
      height: 128px;
      right: -10px;
      top: 20px;
      position: absolute; }
    .como-innovar-flujo .paso-5 .texto {
      padding-left: 0px;
      padding-top: 250px;
      max-width: 780px;
      margin: 0 auto;
      text-align: center;
      position: relative;
      left: -210px; }
    .como-innovar-flujo .paso-5 .numero {
      left: 187px;
      top: 125px; }
    .como-innovar-flujo .paso-5 .icono {
      width: 200px;
      position: relative;
      top: 50px;
      left: -25px; }

.barra-cursos-de-formacion {
  background-color: #2FC2BF;
  color: #FFF;
  padding: 2rem 0;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 28px; }
  .barra-cursos-de-formacion .btn-cursos {
    background-color: #FFF;
    color: #2FC2BF;
    font-family: inherit;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    padding: 18px 10px;
    width: 100%;
    max-width: 600px;
    margin-bottom: 1rem; }

.mapa-como-innovar {
  text-align: center;
  padding-bottom: 85px;
  padding-top: 105px;
  position: relative; }
  .mapa-como-innovar:before {
    content: "";
    width: 120px;
    height: 88px;
    background: url(../images/html/circulo-rojo-mapa-innovar.svg) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0; }
  .mapa-como-innovar:after {
    content: "";
    width: 147px;
    height: 106px;
    background: url(../images/html/circulo-verde-mapa-innovar.svg) no-repeat 0 0;
    position: absolute;
    left: 0;
    bottom: 0; }

.content-overflow .ruta-innovacion-vision {
  white-space: nowrap; }

.imagen-vision-futuro {
  position: relative;
  padding: 90px 0 40px 0; }
  .imagen-vision-futuro:before {
    content: "";
    background-color: #2FC2BF;
    border-radius: 100px;
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 56px;
    height: 56px; }
  .imagen-vision-futuro:after {
    content: "";
    background-color: #e02031;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px; }

.ruta-innovacion-vision {
  margin-bottom: 3rem; }
  .ruta-innovacion-vision .textos {
    border: 2px solid #2FC2BF;
    margin: 0 0 .5rem 0;
    padding: .5rem;
    color: #63646A; }
    .ruta-innovacion-vision .textos ul {
      margin: 0; }
      .ruta-innovacion-vision .textos ul li {
        margin: 0 0 .2rem 0;
        padding: 0; }

.ruta-innovacion-header {
  font-size: 22px;
  color: #63646A;
  padding-bottom: 50px;
  position: relative; }
  .ruta-innovacion-header:after {
    content: "";
    background: url(../images/html/fondo-titulo-ruta-innovacion.svg) no-repeat 0 0;
    position: absolute;
    width: 120px;
    height: 100px;
    right: 10px;
    top: 6%; }
  .ruta-innovacion-header:before {
    content: "";
    position: absolute;
    border-radius: 100px;
    background-color: #e02031;
    width: 106px;
    height: 106px;
    left: -60px;
    top: 40%; }

.ruta-innovacion-pasos {
  margin-bottom: 3rem; }
  .ruta-innovacion-pasos .pasos {
    display: flex;
    flex-wrap: nowrap;
    width: 1100px;
    margin: 0 auto 2rem auto;
    align-items: center;
    justify-content: center; }
  .ruta-innovacion-pasos .numero {
    width: 145px;
    height: 145px;
    border-radius: 100px;
    line-height: 100px;
    color: #FFF;
    text-align: center;
    font-size: 100px;
    font-family: "Aaux ProBlack OSF"; }
    .ruta-innovacion-pasos .numero.verde {
      background-color: #2FC2BF; }
    .ruta-innovacion-pasos .numero.rojo {
      background-color: #e02031; }
    .ruta-innovacion-pasos .numero.gris {
      background-color: #4F5056; }
  .ruta-innovacion-pasos .bg {
    background: url(../images/html/ruta-innovacion-pasos.svg) no-repeat 0 0;
    background-size: contain;
    width: 280px;
    height: 62px;
    margin: 0 20px; }
  .ruta-innovacion-pasos .titulo {
    line-height: 120%;
    min-height: 50px; }

.contenido-bg {
  font-size: 22px;
  color: #FFF;
  padding: 1rem 0;
  position: relative;
  z-index: 1; }
  .contenido-bg .titulo {
    margin: 0 0 .5rem 0;
    font-size: 24px; }

.ruta-innovacion-vision {
  position: relative; }
  .ruta-innovacion-vision .titulo {
    font-family: "Aaux ProBlack OSF";
    font-size: 40px;
    margin: 0 0 1rem 0; }
  .ruta-innovacion-vision .row-titulo {
    color: #2FC2BF;
    margin: 0 0 .5rem 0;
    text-align: center;
    font-size: 24px;
    font-family: "Aaux ProBlack OSF"; }
  .ruta-innovacion-vision:before {
    content: "";
    position: absolute;
    left: -70px;
    top: 40%;
    width: 104px;
    height: 104px;
    background-color: #e02031;
    border-radius: 100px; }
  .ruta-innovacion-vision:after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: -90px;
    width: 80px;
    height: 80px;
    background-color: #2FC2BF;
    border-radius: 100px; }

.bg-gris {
  background-color: #979797; }

.bg-verde {
  background-color: #2FC2BF; }

.bg-rojo {
  background-color: #e02031; }

.modal-md {
  max-width: 660px;
  width: 100%; }

.modal-content .form-label {
  font-size: 22px;
  color: #3a3a3a; }
.modal-content .btn-modal {
  width: 250px;
  border-radius: 4px;
  height: 40px;
  line-height: 25px;
  padding: 5px 10px; }
  .modal-content .btn-modal.btn-white:hover {
    padding: 3px 10px 4px 10px; }

.formularios {
  background: url(../images/html/fondo-formulario-contacto.svg) no-repeat left bottom;
  padding-bottom: 40px; }
  .formularios .col-left {
    background: url(../images/html/isotipo-contacto.svg) no-repeat right top;
    padding-right: 100px;
    color: #63646A;
    height: 100%;
    padding-bottom: 300px;
    position: relative; }
    .formularios .col-left h1 {
      font-size: 59px;
      margin: 0 0 1rem 0;
      padding: 0;
      font-weight: normal;
      font-family: "Aaux ProBlack OSF"; }
  .formularios .form-label {
    font-size: 22px; }
  .formularios .botones {
    position: relative;
    padding-bottom: 50px; }
    .formularios .botones:before {
      content: "";
      width: 30px;
      height: 30px;
      border-radius: 100px;
      background-color: #2FC2BF;
      position: absolute;
      bottom: 10px;
      right: -40px; }
  .formularios .email {
    background: url(../images/icons/email.svg) no-repeat 0 10px;
    vertical-align: middle;
    display: inline-block;
    padding: 0px 0 0px 35px;
    color: inherit;
    text-decoration: none; }
    .formularios .email:hover {
      color: #000; }

.pagina-error {
  background: url(../images/html/fondo-error-left.svg) no-repeat 0 0;
  position: relative; }
  .pagina-error:before {
    background: url(../images/html/fondo-error-right.svg) no-repeat right top;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 258px;
    height: 300px;
    background-size: contain; }

.error-generico {
  max-width: 1110px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 40px; }
  .error-generico .titulo {
    color: #63646A;
    font-size: 60px;
    margin: 0 0 2rem 0;
    font-family: "Aaux ProBlack OSF"; }
  .error-generico .botones {
    padding: 0 0 100px 0;
    position: relative; }
    .error-generico .botones:before {
      width: 30px;
      height: 30px;
      background-color: #2FC2BF;
      content: "";
      border-radius: 100px;
      position: absolute;
      margin: 0 auto;
      left: 0;
      right: 0;
      bottom: 0; }

.circulo-error {
  background: url(../images/html/fondo-circulo-error.svg) no-repeat 0 0;
  background-size: contain;
  font-family: "Aaux ProBlack OSF";
  font-size: 100px;
  line-height: 350px;
  color: #FFF;
  width: 100%;
  max-width: 410px;
  height: 410px;
  margin: 0 auto;
  text-align: center; }

.navigation_tabs {
  counter-reset: step;
  position: relative;
  padding-left: 45px;
  list-style: none; }
  .navigation_tabs .titulo {
    font-size: 22px;
    color: #333;
    margin-bottom: .5rem; }
  .navigation_tabs .bajada {
    font-size: 12px;
    font-family: "Gotham";
    color: #000; }

.terminos-y-condiciones .accordion-item {
  border-radius: 5px;
  border: 1px solid #D8D8D9;
  margin-bottom: 1rem;
  color: #63646A; }
  .terminos-y-condiciones .accordion-item .accordion-header {
    background: #D8D8D9;
    border-radius: 5px 5px 0 0;
    padding: 10px 15px;
    font-family: "Aaux ProBlack OSF"; }
    .terminos-y-condiciones .accordion-item .accordion-header .accordion-button:before {
      background: url(../images/icons/arrow-tabs-down.svg) no-repeat 0 0;
      transform: rotate(180deg);
      content: "";
      position: absolute;
      right: 0;
      top: 10px;
      width: 15px;
      height: 6px; }
    .terminos-y-condiciones .accordion-item .accordion-header .collapsed {
      border-radius: 5px; }
      .terminos-y-condiciones .accordion-item .accordion-header .collapsed:before {
        transform: rotate(0deg); }
  .terminos-y-condiciones .accordion-item .accordion-body {
    border-radius: 0 0 5px 5px;
    padding: 10px 15px; }

.navigation_tabs::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 0;
  left: 22px;
  width: 10px;
  height: 100%;
  border-left: 3px solid #63646A; }

.navigation_menu ul {
  list-style-type: none;
  padding-right: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0px;
  margin-bottom: 0; }
  .navigation_menu ul li {
    position: relative;
    counter-increment: list; }
    .navigation_menu ul li:before {
      display: inline-block;
      content: '';
      position: absolute;
      left: -23px;
      height: 100%;
      width: 10px; }
    .navigation_menu ul li:after {
      content: counter(step);
      counter-increment: step;
      display: inline-block;
      position: absolute;
      top: 0;
      left: -39px;
      width: 35px;
      height: 35px;
      line-height: 30px;
      border-radius: 50%;
      background-color: #63646A;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      font-family: "Aaux ProBlack OSF";
      font-size: 22px;
      color: #FFF; }
    .navigation_menu ul li.tab_active:before {
      border-left: 3px solid #e02031; }
    .navigation_menu ul li:last-child:before {
      border: 3px solid #FFF; }

.navigation_menu li:not(:last-child) {
  padding-bottom: 25px; }

.navigation_menu li.tab_inactive:before {
  border-left: 3px solid green;
  margin-left: 3px; }

.navigation_menu li.tab_active:after {
  background-color: #e02031;
  border: none;
  color: #FFF; }

.navigation_menu li.tab_inactive:after {
  content: "\2713";
  font-size: 20px;
  color: #FFF;
  text-align: center;
  border: 1px solid green;
  background-color: green; }

.navigation_tabs li a,
.navigation_tabs li a {
  display: block;
  padding-top: 8px;
  text-decoration: none;
  color: #000; }

.navigation_tabs li.tab_inactive a {
  color: green; }

.navigation_tabs li.tab_disabled a {
  pointer-events: none;
  cursor: default;
  text-decoration: none; }

.navigation_tabs li.tab_active a:hover,
.navigation_tabs li.tab_inactive a:hover {
  font-weight: bold; }

.ico-help {
  background: transparent;
  border: none;
  width: 20px;
  height: 20px;
  z-index: 4; }
  .ico-help .ico-help-inline {
    display: inline-block;
    vertical-align: middle; }

.boton-volver {
  margin-bottom: 1rem; }
  .boton-volver a {
    color: #e02031;
    text-decoration: none; }
    .boton-volver a:hover {
      color: #8B060E; }

.uploadFile {
  width: 100%;
  background-color: white;
  border: 2px solid #63646A;
  font-size: 16px;
  border-radius: 5px;
  height: 56px;
  line-height: 23px;
  overflow: hidden;
  padding: 15px 10px 4px 10px;
  position: relative;
  resize: none; }
  .uploadFile .ico-help {
    position: absolute;
    right: 16px;
    top: 12px; }
  .uploadFile [type="file"] {
    cursor: pointer !important;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    z-index: 1; }

.form-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer; }
  .form-checkbox input:checked + label:before {
    background-color: #3a3a3a; }
  .form-checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); }
.form-checkbox label {
  position: relative;
  cursor: pointer; }
  .form-checkbox label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #3a3a3a;
    border-radius: 2px;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px; }

.form-radio-button:checked,
.form-radio-button:not(:checked) {
  position: absolute;
  left: -9999px; }

.form-radio-button:checked + label,
.form-radio-button:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block; }

.form-radio-button:checked + label:before,
.form-radio-button:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #3a3a3a;
  border-radius: 100%;
  background: #fff; }

.form-radio-button:checked + label:after,
.form-radio-button:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #e02031;
  position: absolute;
  top: 7px;
  left: 7px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.form-radio-button:checked + label:before {
  border: 1px solid #e02031; }

.form-radio-button:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0); }

.form-radio-button:checked + label:after {
  opacity: 1;
  transform: scale(1); }

.custom-popover {
  background-color: #000;
  color: #FFF; }
  .custom-popover .popover-body {
    color: #FFF; }
  .custom-popover .popover-arrow::before, .custom-popover .popover-arrow::after {
    border-left-color: black !important; }

.formularios-usuarios {
  background: url(../images/fotos/foto-iniciar-sesion.png) no-repeat center center;
  background-size: cover;
  height: 100%;
  min-height: 100vh;
  position: relative; }
  .formularios-usuarios:before {
    content: "";
    background: url(../images/html/ico-amsa.svg) no-repeat left bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 290px;
    height: 302px; }
  .formularios-usuarios .inicio-sesion {
    color: #FFF;
    font-size: 22px;
    padding-top: 80px; }
    .formularios-usuarios .inicio-sesion .col-textos {
      max-width: 400px; }
    .formularios-usuarios .inicio-sesion .titulo {
      font-size: 59px;
      font-family: "Aaux ProBlack OSF"; }
  .formularios-usuarios .form-inicio-sesion {
    background-color: #FFF;
    font-size: 22px;
    color: #3a3a3a;
    max-width: 530px;
    width: 100%;
    float: right;
    padding: 2rem 1.5rem;
    margin-bottom: 2rem;
    position: relative; }
    .formularios-usuarios .form-inicio-sesion .nav-tabs {
      border: none;
      margin-bottom: 2rem; }
      .formularios-usuarios .form-inicio-sesion .nav-tabs .nav-item {
        position: relative; }
        .formularios-usuarios .form-inicio-sesion .nav-tabs .nav-item .nav-link {
          border: none;
          border-bottom: 2px solid #63646A;
          color: #63646A;
          padding-top: 0; }
          .formularios-usuarios .form-inicio-sesion .nav-tabs .nav-item .nav-link.active {
            color: #e02031; }
          .formularios-usuarios .form-inicio-sesion .nav-tabs .nav-item .nav-link.active:before {
            content: "";
            height: 4px;
            background: #e02031;
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%; }
    .formularios-usuarios .form-inicio-sesion .btn {
      font-size: 18px;
      font-weight: 700;
      font-family: "Inter", sans-serif; }
  .formularios-usuarios .content-recuperar-password {
    color: #979797;
    padding: 1rem 0 0 0;
    display: none; }
    .formularios-usuarios .content-recuperar-password.show-form {
      display: block; }
  .formularios-usuarios .textos-registrarse {
    display: none; }

.footer {
  background-color: #3a3a3a;
  color: #FFF;
  font-size: 14px;
  padding: 1rem 0; }
  .footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .footer ul li {
      margin: 0 0 1rem 0;
      padding: 0; }
  .footer .copyright {
    font-size: 12px; }
  .footer .footer-logo {
    margin-bottom: 1rem; }
  .footer a {
    text-decoration: none; }
    .footer a:hover {
      text-decoration: none;
      color: #d8d8d9; }
  .footer .ico {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem; }
  .footer .facebook {
    background-image: url(../images/icons/facebook.svg); }
  .footer .twitter {
    background-image: url(../images/icons/twitter.svg); }
  .footer .instagram {
    background-image: url(../images/icons/instagram.svg); }
  .footer .linkedin {
    background-image: url(../images/icons/linkedin.svg); }

@media (min-width: 1500px) {
  .form-ingreso-usuarios {
    min-height: 320px; } }
@media (max-width: 1100px) {
  .como-innovar-flujo .paso-2 {
    background-position: 280px 20px; }

  .ruta-innovacion-pasos .pasos {
    width: 780px; }
    .ruta-innovacion-pasos .pasos .numero {
      width: 100px;
      height: 100px;
      line-height: 60px;
      font-size: 70px; }
    .ruta-innovacion-pasos .pasos .bg {
      width: 210px;
      height: 62px; } }
@media (max-width: 1023px) {
  .card-news {
    margin: 0 auto;
    max-width: 400px; }

  .noticias.noticias-secundarias .detalle-noticia {
    padding-right: 20px; }

  .font-size-140 {
    font-size: 5rem !important; }

  .banner-principal .caption-container-ideas {
    max-width: 100%;
    margin: 0;
    margin-left: auto; }

  .ruta-innovacion-header:after {
    top: -45px; }

  .ruta-innovacion-vision {
    overflow: auto;
    width: 100%;
    overflow-x: auto; }
    .ruta-innovacion-vision .content-overflow {
      width: 100%;
      min-width: 990px; } }
@media (max-width: 991px) {
  .list-3-columns ul li {
    width: 50%; }

  .como-innovar-flujo {
    max-width: 320px;
    margin: 0 auto; }
    .como-innovar-flujo .numero {
      line-height: 24px;
      font-size: 22px;
      width: 30px;
      height: 30px; }
    .como-innovar-flujo .texto {
      font-size: 8px; }
      .como-innovar-flujo .texto .titulo {
        font-size: 8px;
        margin-bottom: 0; }
      .como-innovar-flujo .texto p {
        margin: 0;
        padding: 0; }
    .como-innovar-flujo .paso-1 {
      background-position: 0px 14px;
      background-size: 230px 180px;
      min-height: 170px; }
      .como-innovar-flujo .paso-1 .texto {
        padding-left: 20px; }
      .como-innovar-flujo .paso-1 .numero {
        left: 10px; }
      .como-innovar-flujo .paso-1 .icono {
        width: 90px; }
    .como-innovar-flujo .paso-2 {
      background-position: right -50px;
      background-size: 200px 240px;
      min-height: 150px; }
      .como-innovar-flujo .paso-2:before {
        display: none; }
      .como-innovar-flujo .paso-2 .texto {
        padding-right: 0px; }
      .como-innovar-flujo .paso-2 .numero {
        left: 0px;
        top: -21px; }
      .como-innovar-flujo .paso-2 .icono {
        width: 60px;
        top: 50px;
        left: -20px; }
    .como-innovar-flujo .paso-3 {
      background-position: 0px -24px;
      background-size: 106px 200px;
      min-height: 200px;
      top: -30px; }
      .como-innovar-flujo .paso-3 .texto {
        padding-left: 30px;
        padding-top: 30px; }
      .como-innovar-flujo .paso-3 .numero {
        left: 10px;
        top: -10px; }
      .como-innovar-flujo .paso-3 .icono {
        width: 70px;
        top: 30px;
        left: 30px; }
    .como-innovar-flujo .paso-4 {
      background-position: 100px 0;
      background-size: 195px 180px;
      min-height: 200px;
      margin-top: -100px; }
      .como-innovar-flujo .paso-4:before {
        width: 40px;
        height: 40px;
        top: 80px; }
      .como-innovar-flujo .paso-4 .texto {
        padding-left: 0px;
        padding-top: 58px;
        position: relative;
        left: -16px;
        min-width: 195px; }
      .como-innovar-flujo .paso-4 .numero {
        left: 71px;
        top: 19px; }
      .como-innovar-flujo .paso-4 .icono {
        width: 76px;
        position: relative;
        top: 20px;
        left: -10px; }
      .como-innovar-flujo .paso-4 p {
        margin: 0; }
    .como-innovar-flujo .paso-5 {
      position: relative;
      margin-top: 0px;
      margin-bottom: 20px; }
      .como-innovar-flujo .paso-5:before {
        display: none; }
      .como-innovar-flujo .paso-5 .texto {
        left: -25px;
        padding-top: 8px; }
      .como-innovar-flujo .paso-5 .numero {
        left: 80px;
        top: -30px; }
      .como-innovar-flujo .paso-5 .icono {
        width: 90px;
        position: relative;
        top: 10px;
        left: -5px; }

  .mapa-como-innovar {
    padding-bottom: 145px; }

  .como-innovar-intro {
    padding-right: 50px; }
    .como-innovar-intro:before {
      background-size: 80%; }
    .como-innovar-intro .titulo h1 {
      font-size: 80px;
      max-width: 100%;
      margin-bottom: 1rem; }

  .como-innovar-flujo .paso-2 {
    background-position: 280px 20px; }

  .ruta-innovacion-pasos .pasos {
    width: 720px; }
    .ruta-innovacion-pasos .pasos .numero {
      width: 70px;
      height: 70px;
      line-height: 60px;
      font-size: 40px; }
    .ruta-innovacion-pasos .pasos .bg {
      width: 150px;
      height: 62px; } }
@media (max-width: 766px) {
  html, body {
    overflow-x: hidden; }

  .comparte-tu-idea {
    margin-top: -3rem;
    margin-bottom: 20px;
    padding: 10px 0; }

  .font-size-140 {
    font-size: 2rem !important; }

  .font-size-100 {
    font-size: 2rem !important; }

  .form-mis-ideas .buscar-idea {
    width: 100%;
    float: none; }

  .w-mobile-100 {
    width: 100%; }

  .form-steps .botones {
    display: block; }
    .form-steps .botones .btn {
      min-width: 100%;
      margin: 0 0 1rem 0; }

  .list-3-columns ul li {
    width: 100%; }

  .mensaje-formularios .textos {
    padding: 25px 20px 20px 90px; }

  .barra-cursos-de-formacion .btn-cursos {
    font-size: 20px;
    line-height: 120%;
    padding: 10px; }

  .como-innovar-intro {
    padding-right: 0; }
    .como-innovar-intro:before {
      display: none; }

  .como-innovar-flujo .paso-3:before {
    display: none; }
  .como-innovar-flujo .paso-4:before {
    display: none; }

  .mapa-como-innovar {
    padding-bottom: 45px;
    padding-top: 35px;
    position: relative; }
    .mapa-como-innovar:before {
      background: url(../images/html/circulo-rojo-mapa-innovar.svg) no-repeat right top;
      background-size: 30%;
      position: absolute;
      right: 0;
      top: 0; }
    .mapa-como-innovar:after {
      background: url(../images/html/circulo-verde-mapa-innovar.svg) no-repeat left bottom;
      background-size: 30%;
      position: absolute;
      left: 0;
      bottom: 0; }

  .form-inicio-sesion .nav-tabs {
    display: block;
    width: 100%;
    text-align: center; }
    .form-inicio-sesion .nav-tabs .nav-item {
      margin-bottom: 1rem; }

  .ruta-innovacion-pasos .pasos {
    display: none; }

  .ruta-innovacion-vision .textos {
    font-size: 12px; }

  .formularios {
    background: none;
    padding-bottom: 20px; }
    .formularios .col-left {
      background: none;
      padding-right: 0px;
      padding-bottom: 30px; }

  .pagina-error:before {
    background: none; }

  .ruta-innovacion-header:before, .ruta-innovacion-header:after {
    display: none; }

  .modal-md {
    max-width: 92%;
    margin: auto; }

  .home-puntos-de-encuentro .home-iniciativa:after {
    width: 100%; }

  .home-noticias .card-news .card-news-img img {
    height: 100vh; }

  .home-comparte-tu-idea,
  .home-comparte-tu-idea .home-comparte-tu-idea-detalle,
  .home-desafios .home-desafios-header,
  .home-proyectos-destacados,
  .home-noticias {
    background-image: none; }

  .btn-primary {
    font-size: 32px; }

  .home-puntos-de-encuentro .home-iniciativa-detalle {
    padding-top: 1rem; }

  .home-noticias .home-noticias-header {
    padding-top: 2rem; }

  .footer-logo img {
    width: 90px; }

  .footer .footer-logo {
    margin-bottom: 0; }

  .footer .row:last-child .col-md-8 {
    order: 2; }
  .footer .row:last-child .copyright {
    text-align: center; }

  .nav-footer {
    text-align: right !important; }

  .ruta-innovacion-header {
    padding-bottom: 20px; }

  .ruta-innovacion-pasos .numero {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    line-height: 45px;
    color: #FFF;
    text-align: center;
    font-size: 50px;
    margin-bottom: 1rem; }
  .ruta-innovacion-pasos .texto {
    margin-bottom: 1rem; }

  .home-noticias .card-news-lg .card-news-title {
    font-size: 23px; }

  .home-noticias .card-news-lg {
    height: 370px; }

  .home-noticias .card-news-lg .card-news-img img {
    height: 100%; }

  .home-noticias .card-news-lg .card-news-title {
    font-size: 26px; }

  .card-news.card-news-lg .caption {
    padding: 10px 25px 20px 25px; }

  .home-noticias .home-noticias-header:before {
    width: 25px;
    height: 25px;
    top: 40px; } }
@media (max-width: 360px) {
  .pagination {
    flex-wrap: wrap; } }

/*# sourceMappingURL=base.css.map */