.header {
  background-color: #000;
  width: 100%;
  clear: both; }
  .header-nav {
    max-width: 1350px;
    margin: 0 0 0 auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center; }
  .header .header-logo-idioma {
    background-color: #2D287E;
    text-align: center;
    padding-right: .3rem;
    height: 70px; }
    .header .header-logo-idioma .header-idioma {
      background-color: #000;
      border-radius: 10px;
      position: absolute;
      right: 10px; }
      .header .header-logo-idioma .header-idioma .btn, .header .header-logo-idioma .header-idioma .dropdown-menu {
        background-color: #000;
        font-size: 10px;
        font-weight: 400;
        color: #FFF;
        width: 73px; }
      .header .header-logo-idioma .header-idioma .btn {
        border-radius: 10px;
        padding: 3px; }
        .header .header-logo-idioma .header-idioma .btn.show {
          border-radius: 10px 10px 0 0; }
      .header .header-logo-idioma .header-idioma .dropdown-menu {
        top: -4px !important;
        border-radius: 0 0px 10px 10px;
        min-width: inherit;
        max-width: 73px; }
      .header .header-logo-idioma .header-idioma .dropdown-item {
        color: #FFF;
        padding: 2px 4px 2px 10px; }
        .header .header-logo-idioma .header-idioma .dropdown-item:hover {
          background-color: #3D85C6; }
  .header .ico-salir {
    position: relative;
    left: -15px; }
  .header .link-inicio-mobile {
    color: #E69138;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: 22px;
    left: 15px; }
  .header .nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    .header .nav ul {
      display: flex;
      list-style: none;
      flex-direction: row;
      margin: 0;
      padding: 0;
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      line-height: 100%; }
    .header .nav li {
      margin: 0;
      padding: 0;
      font-weight: 600;
      font-size: 12px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 64px;
      flex-grow: 1; }
      .header .nav li.active {
        color: #E69138; }
        .header .nav li.active a {
          color: #E69138; }
        .header .nav li.active:before {
          content: "";
          position: absolute;
          bottom: -43px;
          margin: auto;
          left: 0;
          right: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-right: 34px solid transparent;
          border-left: 34px solid transparent;
          border-top: 43px solid #000000;
          border-bottom: 0; }
      .header .nav li a {
        color: #FFF;
        text-decoration: none;
        display: block;
        padding: .5rem; }
        .header .nav li a:hover {
          color: #E69138; }
      .header .nav li.link-articulos {
        background-color: #1866AC;
        max-width: 92px;
        font-size: 11px; }
        .header .nav li.link-articulos a {
          background: url(../images/iconos/ico-articulos.svg) no-repeat center 4px;
          padding: 34px 0 0 0; }
        .header .nav li.link-articulos.active a {
          color: #FFF; }
        .header .nav li.link-articulos.active:before {
          content: "";
          position: absolute;
          bottom: -43px;
          margin: auto;
          left: 0;
          right: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-right: 34px solid transparent;
          border-left: 34px solid transparent;
          border-top: 43px solid #1866AC;
          border-bottom: 0; }
      .header .nav li.link-artefactos {
        background-color: #662D89;
        max-width: 92px;
        font-size: 11px; }
        .header .nav li.link-artefactos a {
          background: url(../images/iconos/ico-artefactos.svg) no-repeat center top;
          padding: 34px 0 0 0; }
        .header .nav li.link-artefactos.active a {
          color: #FFF; }
        .header .nav li.link-artefactos.active:before {
          content: "";
          position: absolute;
          bottom: -43px;
          margin: auto;
          left: 0;
          right: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-right: 34px solid transparent;
          border-left: 34px solid transparent;
          border-top: 43px solid #662D89;
          border-bottom: 0; }

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px; }

h1 {
  font-size: 70px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0; }

h2 {
  font-size: 54px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0; }

h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0; }

h4 {
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0; }

b, strong {
  font-weight: 600; }

.color-negro {
  color: #000; }

.color-azul-90 {
  color: #062440; }

.color-naranjo-100 {
  color: #E69138; }

.bg-orange {
  background-color: #E69138; }

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

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

.text-size-xmd {
  font-size: 19px; }

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

.text-size-xxl {
  font-size: 70px; }

.font-weight-normal {
  font-weight: 400; }

.font-weight-semibold {
  font-weight: 600; }

a.link-no-underline {
  text-decoration: none; }
  a.link-no-underline:hover {
    text-decoration: underline; }

.color-white {
  color: #FFF; }

.block-highlights {
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem; }
  .block-highlights p {
    margin: 0; }
  .block-highlights .cards {
    color: #FFF;
    padding: 0 .4rem; }
    .block-highlights .cards-header {
      margin-bottom: .5rem; }
    .block-highlights .cards-image {
      margin-bottom: .5rem;
      height: 125px;
      overflow: hidden; }
      .block-highlights .cards-image img {
        width: 100%;
        max-width: 100%; }

.breadcrumb {
  font-size: 14px;
  color: #062440; }
  .breadcrumb a {
    font-weight: 600;
    text-decoration: underline;
    color: inherit; }
    .breadcrumb a:hover {
      text-decoration: none; }
  .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    font-weight: 600; }

.main {
  margin: 0;
  padding: 0; }

.content {
  margin: 0 auto;
  padding: 3rem 0;
  width: 100%;
  max-width: 1150px; }
  .content h1 {
    color: #000; }

.home {
  background-color: #E69138;
  padding-bottom: 3rem; }

.home-articulos {
  background-color: #181929; }

.content-two-columns {
  background-color: #FFF;
  border-radius: 0 44px 44px 0;
  display: flex;
  flex-wrap: nowrap;
  width: 100%; }

.content-menu {
  background-color: #D9D9D9;
  min-width: 292px;
  flex: 0 0 292px; }
  .content-menu .proceso-ux {
    font-weight: 500;
    padding: 2rem 1.75rem; }
    .content-menu .proceso-ux h2 {
      font-size: 34px;
      margin-bottom: 1rem; }
    .content-menu .proceso-ux h3 {
      font-size: 19px;
      margin-bottom: 1rem; }

.content-details {
  flex: 1;
  color: #2D287E; }

.content-details-header {
  position: relative;
  backgroundmin-height: 150px; }
  .content-details-header .caption {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    padding: 0 0 0 4rem;
    line-height: 60px; }
    .content-details-header .caption-lg {
      max-width: 600px; }
    .content-details-header .caption-xl {
      max-width: 490px; }
    .content-details-header .caption-md {
      max-width: 380px; }
    .content-details-header .caption-sm {
      max-width: 350px; }
    .content-details-header .caption-top {
      top: 80px;
      bottom: inherit; }
  .content-details-header figure img {
    height: 465px; }

.content-details-text {
  padding: 2rem 3.4rem 3.5rem 3.4rem;
  color: #000; }
  .content-details-text h3 {
    color: #E69138; }
  .content-details-text-download {
    margin-bottom: 1.5rem; }
    .content-details-text-download figure {
      margin: 0;
      border-radius: 30px 30px 0 0;
      background-color: #DAE9F2;
      min-height: 100px; }
    .content-details-text-download .bottom {
      background-color: #662D89;
      text-align: center;
      color: #FFF;
      padding: .5rem 0;
      font-weight: 600; }
      .content-details-text-download .bottom:empty {
        height: 42px; }
      .content-details-text-download .bottom a {
        text-decoration: none;
        color: #FFF; }
    .content-details-text-download .link-download {
      background: url(../images/iconos/ico-download.svg) no-repeat right center;
      background-size: 25px 25px;
      display: inline-block;
      padding: 5px 32px 5px 0; }
      .content-details-text-download .link-download:hover {
        text-decoration: underline;
        color: #FFF; }
  .content-details-text a {
    color: #9C69BB;
    text-decoration: underline; }
    .content-details-text a:hover {
      color: #591882;
      text-decoration: none; }
  .content-details-text a.link-naranjo-100 {
    color: #E69138; }

.imagen-proceso-ux {
  text-align: center;
  padding: 2rem 3rem; }

.content-col {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .content-col-header {
    color: #FFF;
    padding: 1.7rem 1.6rem;
    flex-shrink: 0; }
    .content-col-header.header-naranjo {
      background-color: #E69138; }
    .content-col-header.header-morado {
      background-color: #662D89; }
  .content-col-body {
    color: #2D287E;
    flex-grow: 1;
    padding: 1.6rem; }
    .content-col-body.body-naranjo-alpha {
      background-color: rgba(230, 145, 56, 0.37); }
    .content-col-body.body-morado-70 {
      background-color: #DDB5F6; }

.niveles-de-fidelidad {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .niveles-de-fidelidad-imagen {
    color: #FFF;
    padding: 0 .5rem;
    flex-shrink: 0; }
    .niveles-de-fidelidad-imagen.header-naranjo {
      background-color: #E69138; }
    .niveles-de-fidelidad-imagen.header-morado {
      background-color: #662D89; }
    .niveles-de-fidelidad-imagen.header-azul {
      background-color: #1866AC; }
  .niveles-de-fidelidad-body {
    color: #2D287E;
    flex-grow: 1;
    padding: 1rem 1.5rem; }
    .niveles-de-fidelidad-body.body-naranjo-alpha {
      background-color: rgba(230, 145, 56, 0.37); }
    .niveles-de-fidelidad-body.body-morado-70 {
      background-color: #DDB5F6; }
    .niveles-de-fidelidad-body.body-azul-50 {
      background-color: #B5C7F6; }

.ejemplo-interpretacion-heatmap {
  background-color: #DAE9F2;
  padding: 1rem;
  margin-bottom: 1.5rem; }
  .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor {
    margin: 0;
    padding: 0;
    list-style: none; }
    .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li {
      margin: 0 0 1.5rem 0;
      padding: 0 0 0 60px;
      position: relative; }
      .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li.rojo:before {
        background-color: #E06666; }
      .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li.verde:before {
        background-color: #6AA84F; }
      .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li.azul:before {
        background-color: #1866AC; }
      .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li.naranja:before {
        background-color: #E69138; }
      .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li.naranja:after {
        background-color: #F1C232;
        left: 26px;
        width: 25px; }
      .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li:before, .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 50px;
        height: 45px; }
      .ejemplo-interpretacion-heatmap .lista-ejemplo-mapa-calor li:last-child {
        margin: 0; }

.que-es-metrica {
  margin-bottom: 2rem; }
  .que-es-metrica-header {
    background-color: #E69138;
    border-radius: 9px;
    color: #062440;
    min-height: 74px;
    padding: 1.5rem 1rem;
    line-height: 120%;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem; }

.anatomia-metrica-ideal {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem; }
  .anatomia-metrica-ideal-col {
    width: 160px;
    padding: 1rem;
    color: #000; }
    .anatomia-metrica-ideal-col-1 {
      background-color: #E69138; }
    .anatomia-metrica-ideal-col-2 {
      background-color: #F1C232; }
    .anatomia-metrica-ideal-col-3 {
      background-color: #6094CC; }
    .anatomia-metrica-ideal-col-4 {
      background-color: #CD5F9C; }
  .anatomia-metrica-ideal-plus {
    padding: 0 .5rem;
    display: flex;
    align-items: center; }

.nivel-cumplimiento {
  margin-bottom: 1.5rem; }
  .nivel-cumplimiento-header {
    background-color: #E69138;
    color: #FFF;
    font-weight: 600;
    padding: 0 1.5rem;
    margin-bottom: .5rem;
    min-height: 45px;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center; }

.content-no-menu {
  background-color: #DAE9F2;
  border-radius: 0 20px 20px 0;
  padding: 4rem 5rem;
  color: #000; }
  .content-no-menu-artefactos {
    background-color: #D9D9D9; }

.content-list-border-box {
  background-color: #FFF;
  border-radius: 19px;
  padding: 1rem 2rem;
  margin-bottom: 2.5rem; }
  .content-list-border-box:last-child {
    margin-bottom: 0; }
  .content-list-border-box .img-artefactos {
    text-align: center; }

.content-articulos {
  color: #000; }
  .content-articulos .content-articulos-header {
    color: #FFF; }
    .content-articulos .content-articulos-header figure {
      margin: 0;
      padding: 0;
      position: relative;
      text-align: center;
      line-height: 120%; }
      .content-articulos .content-articulos-header figure img {
        border-radius: 0 45px 0 0; }
    .content-articulos .content-articulos-header figcaption {
      text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      margin: 0;
      padding: 0;
      font-size: 54px;
      font-weight: 600;
      position: absolute;
      bottom: 2.5rem;
      left: 0;
      right: 0;
      margin: auto;
      width: 100%; }
  .content-articulos .content-articulos-body {
    background-color: #FFF;
    border-bottom-right-radius: 40px;
    padding: 2rem; }
    .content-articulos .content-articulos-body.content-articulos-interna {
      border-bottom-left-radius: 40px; }
  .content-articulos .content-articulos-detalle {
    padding: 1rem; }

.content-articulos-search {
  border: 2px solid #2D287E;
  border-radius: 10px;
  color: #2D287E;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 6px 15px 6px 0;
  max-width: 645px;
  width: 100%;
  margin: 0 auto 2rem auto; }
  .content-articulos-search input {
    flex: 1;
    border: none;
    color: #2D287E;
    font-weight: 600;
    padding: 10px;
    outline: none; }
  .content-articulos-search .btn-search {
    background-color: #2D287E;
    border-radius: 10px;
    border: 2px solid #3D85C6;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    width: 90px;
    height: 37px;
    text-align: center; }

.articulos-cards .articulos-cards-home {
  position: relative;
  margin-bottom: 1rem; }
  .articulos-cards .articulos-cards-home figure img {
    border-radius: 20px; }
  .articulos-cards .articulos-cards-home figcaption {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 0 20px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #FFF;
    font-weight: 600;
    padding: .8rem 1rem;
    width: 100%; }

.list-download {
  list-style: none; }
  .list-download ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .list-download ul li {
      margin: 0; }
    .list-download ul .link-descarga {
      background: url(../images/iconos/ico-download.svg) no-repeat 0 0;
      background-size: 30px 30px;
      padding: 0px 0 12px 42px;
      display: inline-block;
      color: #9C69BB; }
      .list-download ul .link-descarga:hover {
        color: #591882;
        text-decoration: none; }

.page-navigation {
  justify-content: center;
  display: flex;
  margin-top: 1rem; }
  .page-navigation .pagination {
    background-color: #662D89;
    border-radius: 6px;
    padding: .2rem 2rem;
    margin-bottom: 0; }
    .page-navigation .pagination .page-item a.page-link, .page-navigation .pagination .page-item a.page-link.active {
      width: 27px;
      height: 31px;
      font-weight: 600;
      background-color: transparent;
      border: 0;
      color: #FFF;
      display: flex;
      justify-content: center; }
    .page-navigation .pagination .page-item.active a.page-link {
      background-color: #E69138;
      border-radius: 6px; }
    .page-navigation .pagination .page-item.disabled a.page-link {
      opacity: .5; }

.analisis-del-negocio {
  background-color: #9C69BB; }

.investigacion {
  background-color: #F1C232; }

.arquitectura {
  background-color: #6AA84F; }

.testeos {
  background-color: #E06666; }

.medicion {
  background-color: #CD5F9C; }

.articulos {
  background-color: #6094CC; }

.artefactos {
  background-color: #AE79CE; }

.content-menu .nav-content {
  font-size: 18px;
  font-weight: 600;
  padding: 2rem 0; }
  .content-menu .nav-content ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .content-menu .nav-content li {
    margin: 0;
    padding: 0; }
    .content-menu .nav-content li.menu-line-border {
      border-bottom-width: 2px;
      border-bottom-style: dashed; }
      .content-menu .nav-content li.menu-line-border.line-analisis {
        border-bottom-color: #9C69BB; }
      .content-menu .nav-content li.menu-line-border.line-investigacion {
        border-bottom-color: #E69138; }
      .content-menu .nav-content li.menu-line-border.line-arquitectura {
        border-bottom-color: #6AA84F; }
      .content-menu .nav-content li.menu-line-border.line-testeos {
        border-bottom-color: #E06666; }
  .content-menu .nav-content a {
    color: rgba(30, 30, 30, 0.93);
    position: relative;
    text-decoration: none;
    display: block;
    padding: 1.3125rem .5rem 1.3125rem 1.5rem; }
    .content-menu .nav-content a:hover {
      background-color: #E69138; }
    .content-menu .nav-content a.active {
      background-color: #E69138; }
      .content-menu .nav-content a.active:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 26px solid transparent;
        border-bottom: 26px solid transparent;
        border-left: 33px solid #e69138;
        border-right: 0;
        content: "";
        position: absolute;
        right: -33px;
        top: 0;
        bottom: 0;
        margin: auto; }

.footer {
  background-color: #181929;
  width: 100%;
  clear: both;
  text-align: left;
  margin: 0;
  padding: 0;
  position: relative;
  padding-top: 23px;
  font-size: 14px;
  color: #FFF; }
  .footer:before {
    content: "";
    background: linear-gradient(90deg, #e69138 0%, #662d89 100%);
    width: 100%;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0; }
  .footer a {
    color: #FFF; }
  .footer img {
    margin: 0;
    max-width: 280px; }
  .footer .content-footer {
    margin: 0 auto;
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
    max-width: 1150px; }
  .footer .ellipse {
    background: url(../images/iconos/ico-ellipse.svg) no-repeat 0 0;
    background-size: 19px 19px;
    padding: 0 0 0 30px; }

.link-desktop-xxl {
  display: block !important; }

.link-mobile-xxl {
  display: none !important; }

.navbar-toggler {
  display: none; }

.link-idioma-mobile {
  display: none; }

.link-idioma-desktop {
  display: none; }

@media (min-width: 1550px) {
  .header-nav {
    max-width: 1500px; } }
@media (max-width: 1280px) {
  .header-nav {
    max-width: 1250px; } }
@media (max-width: 1024px) {
  .home-articulos, .content {
    padding-left: 1rem;
    padding-right: 1rem; } }
@media (min-width: 1024px) {
  .header .nav > .navbar-collapse {
    display: flex; }
  .header .submenu {
    display: none !important; }
  .header .link-inicio-mobile {
    display: none; }

  .link-idioma-desktop {
    display: inline-block; } }
@media (max-width: 1023px) {
  .link-idioma-mobile {
    display: inline-block; }

  .link-inicio-mobile {
    display: inline-block; }

  .header-nav {
    flex-wrap: wrap; }
  .header .navbar-toggler {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    margin-top: 0;
    z-index: 2; }
    .header .navbar-toggler.collapsed {
      top: 10px; }
    .header .navbar-toggler span {
      width: 27px;
      height: 3px;
      background-color: #000;
      display: block;
      margin: 0 auto 3px auto;
      line-height: 3px; }
      .header .navbar-toggler span:last-child {
        margin-bottom: 0; }
  .header .boton-mobile {
    position: relative;
    width: 100%;
    min-height: 67px; }
  .header .header-logo-idioma {
    position: relative;
    height: 40px; }
    .header .header-logo-idioma .header-idioma {
      position: absolute;
      right: 110px;
      top: 59px;
      z-index: 4; }
      .header .header-logo-idioma .header-idioma .dropdown-item {
        color: #E69138;
        font-weight: 600; }
        .header .header-logo-idioma .header-idioma .dropdown-item:hover {
          background-color: #3D85C6; }
      .header .header-logo-idioma .header-idioma .btn, .header .header-logo-idioma .header-idioma .dropdown-menu {
        color: #E69138;
        border: 0;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        text-align: right; }
      .header .header-logo-idioma .header-idioma .dropdown-menu {
        padding-right: 20px; }
    .header .header-logo-idioma .header-logo img {
      max-width: 150px; }
  .header .nav > .navbar-collapse:not(.show) {
    height: 0;
    overflow: hidden;
    transition: height .35s ease; }
  .header .nav ul {
    display: block; }
  .header .nav li {
    display: block;
    height: auto; }
    .header .nav li a {
      padding: 1rem 1rem; }
  .header .nav .active .collapsed {
    color: #FFF; }
  .header .nav .link-submenu-open {
    position: relative; }
    .header .nav .link-submenu-open:before {
      color: #FFF;
      content: "+";
      position: absolute;
      right: 20px;
      top: 18px;
      font-size: 1.2rem; }
  .header .nav .link-submenu-open:not(.collapsed) {
    background: url(../images/iconos/ico-menu-collapase.svg) no-repeat 20px 10px;
    padding: 16px 0 18px 56px; }
    .header .nav .link-submenu-open:not(.collapsed):before {
      background-color: #E69138;
      content: "";
      position: absolute;
      right: 20px;
      top: 20px;
      height: 3px;
      width: 16px;
      border-radius: 2px; }
  .header .nav .submenu {
    background-color: #662D89;
    color: #FFF; }
    .header .nav .submenu ul {
      padding: .8rem 1.4rem .8rem 36px; }
    .header .nav .submenu li a {
      background: url(../images/iconos/ico-submenu-header.svg) no-repeat right 15px;
      color: #FFF !important;
      text-decoration: none;
      font-weight: 400;
      padding: .9rem 0 .9rem 20px; }
  .header .nav li.link-inicio {
    display: none; }
  .header .nav .link-desktop-xxl {
    display: none !important; }
  .header .nav .link-mobile-xxl {
    display: block !important; }
  .header .nav li.link-articulos {
    max-width: 100%; }
    .header .nav li.link-articulos a {
      background-position: 30px 10px;
      padding: 15px 0 15px 66px; }
  .header .nav li.link-artefactos {
    max-width: 100%; }
    .header .nav li.link-artefactos a {
      background-position: 20px 10px;
      padding: 15px 0 15px 66px; }

  .content {
    padding: 3rem 1rem; }

  .content-details-header .caption-xl {
    max-width: 430px; }

  h2 {
    font-size: 45px; }

  .content-details-header figure img {
    height: auto; }

  .content-menu:not(.content-menu-home) {
    display: none; }

  .content-details-header .caption {
    padding-left: 1rem; }

  .content-details-text {
    padding: 2rem 1rem 3.5rem 1rem; }

  .content-two-columns {
    display: block; }

  .content-menu-home {
    min-width: 100%; }

  .content-articulos .content-articulos-body {
    padding: 1rem; } }
@media (max-width: 767px) {
  body {
    font-size: 12px; }

  h1 {
    font-size: 32px; }

  h2 {
    font-size: 28px; }

  h3 {
    font-size: 18px; }

  h4 {
    font-size: 15px; }

  .content-details-header .caption-xl {
    max-width: 160px; }

  .content-articulos .content-articulos-header figcaption {
    font-size: 20px;
    line-height: 120%;
    bottom: .5rem; }

  .content-no-menu {
    padding: 2rem 1rem; }

  .content-details-text-download .link-download {
    background: none; }

  .breadcrumb {
    font-size: 12px; }

  .footer {
    font-size: 12px; }
    .footer .logo-footer {
      margin-bottom: 1rem; }
    .footer .siguenos {
      margin-bottom: 1rem; }

  .content-menu .proceso-ux h2 {
    font-size: 32px; }

  .imagen-proceso-ux {
    padding: 0; }

  .content-proceso-ux {
    display: flex;
    flex-wrap: wrap; }
    .content-proceso-ux .content-menu-home {
      order: 2;
      flex: inherit; }

  .home-articulos h2 {
    font-size: 32px; }

  .header .logo img {
    min-width: 214px; } }
@media (max-width: 480px) {
  .content-details-header .caption-md {
    max-width: 200px; }
  .content-details-header .caption-sm {
    max-width: 180px; } }
@media (max-width: 330px) {
  .header .header-logo-idioma .header-logo img {
    max-width: 130px;
    left: 10px;
    position: relative; } }
.navbar-toggler {
  background-color: #E69138;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: -65px;
  text-transform: uppercase;
  border-radius: 32px;
  color: #000;
  width: 93px;
  height: 45px; }

@media print {
  .header {
    display: none; }

  .content {
    padding: 0; }

  .content-two-columns {
    display: block;
    border-radius: 0; }

  .content-details-text {
    padding: 1rem 0; }

  .content-menu {
    display: none; }

  .footer {
    padding-top: 1rem; }
    .footer .content-footer {
      display: none;
      padding: 1rem 0 0 0; }
    .footer .powered {
      display: none; }
    .footer .siguenos {
      display: none; }
    .footer .logo-footer {
      max-width: 200px; }
    .footer .content-footer-print {
      display: flex !important;
      color: #000;
      align-items: start; }
      .footer .content-footer-print a {
        color: inherit; } }

/*# sourceMappingURL=total-experience.css.map */