/* --- GENERALES --- */
:root {
    --neutral-background-color  : #F1F1F2;
    --main-background-color     : #A6192E;
    --neutral-white             : #FFFFFF;
    --neutral-black             : #000000;
    --neutral-black-low         : #2B2B2B;
    --neutral                   : #9E9E9E;
    --neutral-low               : #E6E6E6;
    --neutral-medium            : #BEBEBE;
    --neutral-high              : #6D6E71;
    --neutral-extrahigh         : #4D4D4F;
    --neutral-extrahigh-73      : #454545;
    --interaction-disabled      : #93C1E0;
    --interaction-low           : #1075BB;
    --interaction-low-medium    : #0A609C;
    --critical-low              : #C8102F;
    --critical-low-background   : #F0E3E6;
    --attention-low             : #F5881F;
    --attention-low-background  : #FEF3E9;
    --positive-medium           : #2A9446;
    --positive-medium-background: #DEFBE6;
}

@font-face {
    src: url('../fonts/Graphik-Semibold-Web.eot');
    src: url('../fonts//Graphik-Semibold-Web.woff2') format('woff2'),
        url('../fonts//Graphik-Semibold-Web.woff') format('woff');
    font-family : 'Graphik';
    font-weight : 600;
    font-style  : normal;
    font-stretch: normal;
}

@font-face {
    src: url('../fonts//Graphik-Medium-Web.eot');
    src: url('../fonts//Graphik-Medium-Web.woff2') format('woff2'),
        url('../fonts//Graphik-Medium-Web.woff') format('woff');
    font-family : 'Graphik';
    font-weight : 500;
    font-style  : normal;
    font-stretch: normal;
}

@font-face {
    src: url('../fonts//Graphik-Regular-Web.eot');
    src: url('../fonts//Graphik-Regular-Web.woff2') format('woff2'),
        url('../fonts//Graphik-Regular-Web.woff') format('woff');
    font-weight : 400;
    font-family : 'Graphik';
    font-style  : normal;
    font-stretch: normal;
}

* {
    box-sizing : border-box !important;
    margin     : 0;
    padding    : 0;
    font-family: 'Graphik', sans-serif !important;
}

*::after,
*::before {
    box-sizing : border-box;
    margin     : 0;
    padding    : 0;
    font-family: 'Graphik', sans-serif;
}

html {
    font-size: 16px;
}

a {
    color      : var(--interaction-low);
    font-weight: 500;
}

a:hover {
    color: var(--interaction-low-medium);
}

a:focus {
    color  : var(--interaction-low);
    outline: transparent;
}

/* --- COMPARTIDOS --- */

.navbar-nav>li.front {
    display: block;
}

li.ibm-apimsupport.soporte,
li.ibm-apimsupport.support {
    display: none;
}

.user-logged-in li.ibm-apimsupport.soporte,
.user-logged-in li.ibm-apimsupport.support {
    display: block;
}

.dialog-off-canvas-main-canvas {
    background-color: var(--neutral-white);
}

/* Header */

.apicStickyHeader .navbar.container {
    width : 70.125rem;
    margin: 0 auto;
}

.section-header {
    background-color: var(--main-background-color);
}

.navbar.container {
    width : 70.125rem;
    margin: 0 auto;
}

.apicStickyHeader {
    position: static;
}

header .logo img {
    width       : 7.77rem;
    margin-right: 1.25rem;
}

.navbar {
    background-color: var(--main-background-color);
    height          : 4.625rem;
    display         : flex;
    align-items     : center;
}

.navbar .region-navigation {
    justify-content: space-between;
}

.navbar .nav.navbar-nav>li>a {
    padding     : 0 0;
    margin-right: 0;
    color       : var(--neutral-white);
    font-weight : 500;
    line-height : 1.5;
    border      : 1px solid transparent;
}

.navbar .nav.navbar-nav>li {
    margin-right: 1.5625rem;
}

.navbar .nav.navbar-nav>li:last-child {
    margin-right: 2.8125rem;
}

.navbar .nav.navbar-nav>li>a.is-active,
.navbar .nav.navbar-nav>li.active>a {
    border-bottom   : 0;
    background-color: transparent;
    border          : 1px solid transparent;
}

.navbar .nav.navbar-nav>li>a:active {
    background-color: transparent;
}

.navbar .nav.navbar-nav>li>a:hover {
    background-color: transparent;
}

.navbar .nav.navbar-nav>li>a:focus {
    background-color: transparent;
    outline         : unset;
    border          : 1px solid transparent;
    border-bottom   : 1px solid transparent !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {
    color           : var(--neutral-white);
    background-color: transparent;
}

.context-user-login .navbar .region-navigation {
    justify-content: flex-start;
}

.context-user-login .navbar-right,
.context-user-register .navbar-right {
    display: none;
}

.region.region-navigation .logo.navbar-btn.pull-left {
    border-right: 1px solid var(--neutral-white);
    margin-right: 1.25rem;
}

.main-menu.block-main {
    display    : flex;
    align-items: center;
    flex       : 1 1 100%;
}

.navbar-default .navbar-collapse {
    flex   : 1 1 100%;
    display: flex !important;
}

ul.menu.nav.navbar-nav {
    display        : flex;
    flex           : 1 1 100%;
    justify-content: flex-end;
}

.navbar-nav>li.front {
    display   : flex;
    flex      : 1;
    align-self: flex-start;
}

.navbar .account-menu.dropitmenu:hover {
    background-color: transparent;
}

.navbar .ibmapimSearch {
    padding       : 0;
    padding-top   : 0;
    padding-bottom: 0;
    border        : none;
}

.navbar .ibmapimSearch:hover,
.navbar .ibmapimSearch:active {
    background-color: transparent;
}

nav#block-bac-custom-theme-login {
    display    : flex;
    align-items: center;
}

nav.block-login .menu.nav {
    padding-top   : 0;
    padding-bottom: 0;
}

.nav>li>a {
    font-weight: 500;
    color      : var(--neutral-white);
    padding    : 0;
}

nav.block-login ul.nav>li:not(.last) {
    margin-right: 1.375rem;
}

nav.block-login ul.nav>li>a,
nav.block-login ul.nav>li>a:visited {
    padding-right : 0;
    padding-left  : 0;
    display       : inline-block;
    padding-bottom: 0;
    line-height   : 1.5;
}

section#block-bac-custom-theme-searchiconblock {
    display: none;
}

nav.block-login ul.nav>li:not(.last) {
    margin-right: 1.375rem;
}

.navbar .region-navigation-right {
    align-items: center;
}

nav.block-login ul.menu li+li::before {
    content     : "";
    color       : transparent;
    margin-left : 0;
    margin-right: 0;
}

/* Footer */
.footer.container:before {
    display              : block;
    content              : " ";
    width                : 14rem;
    height               : 2.25rem;
    background-image     : url(https://developer-test.baccredomatic.com/outer/development/system/files/2023-10/api-center-logo_0.png);
    background-position-x: 50%;
    background-position-y: 100%;
    background-repeat    : no-repeat;
    background-size      : 100%;
    bottom               : 6.3125rem;
    position             : absolute;
}

footer.footer {
    color     : var(--neutral-white);
    border-top: 0;
    padding   : 0;
    margin-top: 0;
}

footer.footer.container {
    background-color: var(--main-background-color);
    height          : 12.0625rem;
    display         : flex;
    justify-content : center;
    align-items     : flex-end;
    padding-left    : 0;
    z-index         : 1;
    position        : relative;
}

footer.footer ul.nav>li>a {
    color       : var(--neutral-white) !important;
    margin-right: 1.5625rem;
    font-size   : 0.875rem;
    font-weight : 500;
    line-height : 0.0938rem;
}

footer.footer ul.nav li+li:before {
    content: "";
    margin : 0;
}

footer .region.region-footer {
    margin-bottom: 3.1875rem;
    margin-top   : 1.5625rem
}

/* Mensajes */
.highlighted {
    width   : 100%;
    height  : auto;
    position: absolute;
    z-index : 3;
}

.alert {
    max-width    : 47rem;
    display      : flex;
    font-size    : 0.875rem;
    align-items  : center;
    margin       : 0 0 0.625rem 0;
    height       : auto;
    padding      : 1.625rem 0.9375rem 1.625rem 1.375rem;
    border-radius: 0.3125rem;
    line-height  : 1.5;
    min-width    : 47rem;
}

.alert a {
    font-style: initial;
    color     : var(--interaction-low);
}

.alert-details {
    display    : flex;
    align-items: center;
}

.alert .icon {
    display     : inline-flex;
    align-items : center;
    width       : 1.25rem;
    height      : 1.25rem;
    text-align  : center;
    margin-right: 0;
    position    : relative;
}

.alert-text-wrapper {
    padding: 0;
    margin : 0 0.9375rem;
    color  : var(--neutral-extrahigh);
}

.alert .item-list--messages {
    margin-bottom: 0;
}

.alert .close {
    top: 0;
}

.bx--inline-notification__close-icon {
    width : 1.25rem;
    height: 1.25rem;
}

.bx--inline-notification__close-icon path {
    stroke      : var(--neutral-extrahigh);
    stroke-width: 3;
}

.alert.alert-danger {
    border-left: 0.375rem solid var(--critical-low);
}

.alert-danger {
    color           : var(--neutral-extrahigh);
    background-color: var(--critical-low-background);
    border-color    : var(--critical-low);
}

.alert.alert-danger .icon:before {
    content         : '';
    display         : flex;
    align-items     : center;
    width           : 1.25rem;
    height          : 1.25rem;
    background-image: url(https://developer-test.baccredomatic.com/outer/development/system/files/2023-11/error-icon.png);
    background-size : 1.25rem;
}

.alert.alert-success {
    border-left: 0.375rem solid var(--positive-medium);
}

.alert-success {
    color           : var(--neutral-extrahigh);
    background-color: var(--positive-medium-background);
    border-color    : var(--positive-medium);
}

.alert.alert-success .icon:before {
    content         : '';
    display         : flex;
    align-items     : center;
    width           : 1.25rem;
    height          : 1.25rem;
    background-image: url(https://developer-test.baccredomatic.com/outer/development/system/files/2023-11/success-icon.png);
    background-size : 1.25rem;
}

.alert.alert-warnign {
    border-left: 0.375rem solid var(--attention-low);
}

.alert-warning {
    color           : var(--neutral-extrahigh);
    background-color: var(--attention-low-background);
    border-color    : var(--attention-low);
}

.alert.alert-warning .icon:before {
    content         : '';
    display         : flex;
    align-items     : center;
    width           : 1.25rem;
    height          : 1.25rem;
    background-image: url(https://developer-test.baccredomatic.com/outer/development/system/files/2023-11/warning-icon.png);
    background-size : 1.25rem;
}

.alert.alert-info {
    border     : transparent;
    border-left: 0.125rem solid var(--interaction-low);
}

.alert.alert-info .icon:before {
    content         : '';
    display         : block;
    width           : 0.4375rem;
    height          : 0.4375rem;
    background-image: url(https://developer-test.baccredomatic.com/outer/development/system/files/2023-11/info-icon.png);
    background-size : 0.4375rem;
}

/* Checkbox */
.bx--global-light-ui .bx--checkbox-appearance {
    border      : 1px solid var(--neutral);
    width       : 1.25rem;
    height      : 1.25rem;
    margin-right: 0.75rem;
}

.bx--global-light-ui .bx--checkbox:checked+.bx--checkbox-appearance {
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    justify-content  : center;
    background-color : var(--interaction-low);
    border-color     : var(--interaction-low);
}

.bx--global-light-ui .bx--checkbox-checkmark {
    position: static;
}

.bx--global-light-ui .bx--checkbox:checked+.bx--checkbox-appearance svg {
    width : 0.875rem;
    height: 0.6875rem;
}

/* Radio button */
.bx--global-light-ui .bx--radio-button__appearance {
    background-color: var(--neutral-white);
    border          : 1px solid var(--neutral);
}

.bx--radio-button:checked+.bx--radio-button__label .bx--radio-button__appearance:before {
    background-color: var(--neutral-white);
}

.bx--radio-button:checked+.bx--radio-button__label .bx--radio-button__appearance {
    border-color    : var(--interaction-low);
    background-color: var(--interaction-low);
}

.bx--radio-button__label {
    color: var(--neutral-high);
}

.bx--global-light-ui .form-actions .button.btn-success,
.bx--global-light-ui .form-actions .btn.btn-success {
    background-color: var(--interaction-low-medium);
}

.bx--global-light-ui .form-actions .button.btn-success:hover,
.bx--global-light-ui .form-actions .btn.btn-success:hover {
    background-color: var(--interaction-low-medium);
}

/* --- INICIO DE SESIÓN --- */

.context-user-login .highlighted {
    position: absolute;
    left    : 0;
    top     : 2.5rem;
}

.context-user-login .region.region-highlighted {
    display       : flex;
    flex-direction: column;
    padding       : 0.625rem 0 0 0;
    align-items   : center;
    position      : relative;
}

.context-user-login .alert {
    left         : 33.5%;
    position     : absolute;
    max-width    : 47rem;
    display      : flex;
    font-size    : 0.875rem;
    align-items  : center;
    margin       : 0 0 0.625rem 0;
    height       : auto;
    padding      : 1.625rem 0.9375rem 1.625rem 1.375rem;
    border-radius: 0.3125rem;
    line-height  : 1.5;
    min-width    : 47rem;
}

.apicMainContent.container .region.region-highlighted {
    display       : flex;
    flex-direction: column;
    padding       : 0.625rem 0 0 0;
    align-items   : center;
    position      : relative;
}

.apicMainContent section[aria-label="Main content"] {
    padding-left : 0;
    padding-right: 0;
}

.context-user-login .apic-user-form {
    margin   : 10rem 0;
    padding  : 0;
    max-width: 45.4375rem;
}

.user-login-form .apic-user-form-wrapper {
    margin-left : 0;
    margin-right: 0;
    display     : flex;
}

.apic-user-form-login .apic-portal-title {
    padding-left: 0;
    margin-left : 0;
}

.apic-user-form {
    margin   : 10rem 0;
    padding  : 0;
    max-width: 45.4375rem;
}

.context-user-login.bx--global-light-ui .form-item {
    width         : 21.5625rem;
    max-width     : 21.5625rem;
    min-width     : 21.5625rem;
    margin        : 1.5625rem 0 0 0;
    padding-top   : 0;
    padding-bottom: 0;
}

.bx--global-light-ui .form-item label {
    font-size    : 0.875rem;
    font-weight  : 500;
    margin-bottom: 0.3125rem;
    color        : var(--neutral-extrahigh);
    padding      : 0;
    line-height  : 1.5;
}

.bx--global-light-ui .form-item input:focus {
    color        : var(--neutral-extrahigh);
    border       : 1px solid var(--neutral-low);
    border-bottom: 1px solid var(--neutral-extrahigh);
}

.bx--global-light-ui .form-item input {
    height: 2.8125rem;
    border: 1px solid var(--neutral-low);
}

.bx--global-light-ui .form-item input:hover {
    border       : 1px solid var(--neutral-low);
    border-bottom: 1px solid var(--neutral-extrahigh);
}

.bx--global-light-ui .form-control:focus {
    outline       : 0;
    outline-offset: 0;
}

.apic-user-form .form-item input,
.apic-user-form .form-item input:hover {
    background-color: var(--neutral-white);
}

.apic-user-form .form-item input,
.apic-user-form .form-item input:hover {
    border       : 1px solid var(--neutral-low);
    border-bottom: 1px solid var(--neutral-extrahigh);
}

.bx--global-light-ui .form-item input,
.bx--global-light-ui .form-item input:hover,
.bx--global-light-ui .form-item input:focus {
    color    : var(--neutral-extrahigh);
    font-size: .875rem;
    height   : 2.8125rem;
}

.bx--form-item #edit-name--description,
.bx--form-item #edit-pass--description,
.bx--form-item #edit-mail--description,
.bx--form-item #edit-consumerorg--description,
.bx--form-item .password-strength {
    display: none;
}

.bx--form-item input {
    max-width: 21.5625rem;
}

.bx--form-item #edit-pass-label,
.bx--form-item #edit-pass-pass2-label {
    display: block;
}

.apic-user-form-header {
    font-size     : 1.25rem;
    font-weight   : 500;
    line-height   : 1.5;
    padding-bottom: 0.9375rem;
    border-bottom : 1px solid var(--neutral-medium);
}

.apic-user-forgot-password {
    padding : 0;
    position: absolute;
    bottom  : 38.5%;
    z-index : 1;
    width   : 100%;
}

.apic-user-forgot-password a {
    color      : var(--interaction-low);
    font-weight: 500;
}

.apic-user-forgot-password a:hover {
    color: var(--interaction-low-medium);
}

.apic-user-form-footer {
    padding-left: 0;
    padding-top : 0;
}

.apic-user-form-footer .apic-user-form-text {
    padding    : 0;
    line-height: 0;
    color      : transparent;
    position   : absolute;
    left       : 0px;
    width      : 100%;
    min-height : 0;
}

.apic-login-wrapper .apic-user-form-footer .apic-user-form-text {
    top: 58%;
}

.apic-register-wrapper .apic-user-form-footer .apic-user-form-text {
    top: 37.5%;
}

.apic-user-form-footer .apic-user-form-text a {
    font-size      : 0.875rem;
    color          : var(--interaction-low);
    font-weight    : 500;
    min-width      : 15.3125rem;
    max-height     : 2.9375rem;
    text-align     : center;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    flex-wrap      : nowrap;
    position       : absolute;
    left           : 8.375rem;
    line-height    : 1.5;
    z-index        : 1;
    padding        : 0.9375rem;
    border         : 1px solid var(--interaction-low);
    border-radius  : 1.5625rem;
}

.apic-user-form-footer .apic-user-form-text a:hover {
    color: var(--interaction-low-medium);
}

.apic-user-form-login .apic-user-form-header {
    padding-left: 0;
    margin-left : 0;
}

.apic-user-form-wrapper {
    margin   : 0;
    width    : 100%;
    max-width: 100%;
}

.apic-login-wrapper {
    margin: 12.5rem 35.3125rem;
}

.apic-login-wrapper .apic-user-form-text {
    display: none;
}

.apic-user-form-footer .apic-user-form-text {
    display: block;
}

.apic-register-wrapper {
    margin: 3.75rem 0 3rem 35.3125rem;
}

.apic-reset-wrapper {
    margin: 3.75rem 0 3rem 35.3125rem;
}

.apic-login-wrapper,
.apic-register-wrapper,
.apic-reset-wrapper {
    height   : auto;
    width    : 47rem;
    min-width: 47rem;
}

.apic-login-wrapper:after,
.apic-register-wrapper:after,
.apic-reset-wrapper:after {
    background-image     : url('../img/login-image.png');
    background-color     : var(--neutral-background-color);
    content              : ' ';
    display              : block;
    position             : absolute;
    background-attachment: unset;
    background-position-x: 50%;
    background-repeat    : no-repeat;
    background-size      : 16.875rem;
    box-shadow           : none;
    width                : 32.1875rem;
    height               : 100%;
    z-index              : 0;
}

.apic-login-wrapper:after {
    background-position-y: 28%;
}

.apic-register-wrapper:after {
    background-position-y: 15%;
}

.apic-reset-wrapper:after {
    background-position-y: 28%;
}

form#user-register-form {
    max-width: 44.625rem;
}

.apic-login-wrapper .apic-portal-title,
.apic-login-wrapper .apic-user-form-subheader {
    display: none;
}

.apic-user-form .form-item input {
    background-color: var(--neutral-white);
    border          : 1px solid var(--neutral-low);
    border-bottom   : 1px solid var(--neutral-low);
}

.apic-user-form.apic-user-form-login,
.apic-user-form.apic-user-form-register,
.apic-user-form.apic-user-form-reset-pwd {
    margin     : 0;
    margin-left: 0;
    padding    : 0;
    width      : 100%;
    position   : relative;
}

.form-control {
    box-shadow: none;
}

.apicMainContent {
    margin-top: 0;
    min-height: 100%;
}

.apicMainContent.main-container.container {
    padding-left    : 0;
    padding-right   : 0;
    position        : relative;
    background-color: var(--neutral-white);
    z-index         : 0;
}

.context-user-login .region.region-content,
.context-user-register .region.region-content {
    width  : 100%;
    height : auto;
    display: flex;
}

.context-user-login button.shwpd {
    width              : 1.25rem;
    height             : 0.875rem;
    border             : none;
    display            : flex;
    margin-left        : 0;
    bottom             : 0.8125rem;
    right              : 0.625rem;
    background-position: center;
    vertical-align     : middle;
    margin-top         : 0;
    cursor             : pointer;
    position           : absolute;
}

.apic-user-form-inner-wrapper .apic-user-form-container.form-wrapper .form-type-password {
    display : block;
    width   : 100%;
    position: relative;
}

.apic-user-form-inner-wrapper #edit-submit {
    margin-top: 4.1875rem;
}

.btn {
    line-height: 1;
}

.btn:focus {
    outline       : 0;
    outline-offset: 0;
}

.context-user-login .form-actions {
    margin        : 0;
    padding-top   : 0;
    padding-bottom: 0;
    width         : 100%;
    max-width     : 35rem;
}

.context-user-login .form-actions#edit-actions {
    width    : 100%;
    padding  : 0;
    max-width: 100%;
    display  : inline-block;
}

.bx--global-light-ui .form-actions .button.btn-primary {
    background-color: var(--interaction-low);
    box-shadow      : 0 0.1875rem 0.625rem 0.0625rem #00000033;
    min-width       : 9.6875rem;
    width           : auto;
    height          : 2.875rem;
    font-weight     : 500;
    color           : var(--neutral-white);
    padding         : 0.8125rem 1.6875rem;
    line-height     : 1;
    margin          : 0;
    border          : none;
    outline         : unset;
}

.bx--global-light-ui .form-actions .button.btn-primary:hover {
    background-color: var(--interaction-low-medium);
}

.bx--global-light-ui .form-actions .button.btn-primary:disabled {
    color           : var(--interaction-disabled);
    background-color: var(--interaction-low);
    box-shadow      : none;
}

.bx--global-light-ui .form-actions .button.btn-primary:focus {
    outline       : 2px solid var(--interaction-disabled);
    outline-offset: initial;
}

.apic-user-form-inner-wrapper {
    margin   : 0;
    width    : 100%;
    max-width: 100%;
    display  : flex;
}

.apic-user-form-or-container.form-group.js-form-wrapper.form-wrapper,
.apic-user-form-inner-wrapper.apic-user-form-registries {
    display: none;
}

/* Contraseña */

.context-user-password .navbar .region-navigation {
    justify-content: flex-start;
}

.context-user-password .apic-user-form-footer {
    display: none;
}

.context-user-password .apic-user-form-reset-pwd.ur-count-1 .apic-portal-title {
    display: none;
}

.context-user-password .apic-user-form-reset-pwd.ur-count-1 .apic-user-form-header {
    padding-left: 0;
    margin      : 0;
}

.context-user-password .apic-user-form.apic-user-form-reset-pwd.ur-count-1 .apic-user-form-wrapper {
    padding-top: 0.6875rem;
    margin-left: 0;
    line-height: 1.5;
}

.context-user-password.bx--global-light-ui .form-item {
    padding: 0;
    margin : 1.5625rem 0;
}

.context-user-password .apic-user-form-inner-wrapper p {
    display: none;
}

.context-user-password .form-actions {
    margin : 0;
    padding: 0;
}

.context-user-password .apic-user-form-inner-wrapper #edit-submit {
    margin-top: 0.625rem;
}

.context-user-password .apic-reset-wrapper {
    margin : 0 0 0 35.3125rem;
    padding: 6.875rem 0;
}

.route-change-pwd-pagechange-password-form .main-container .row .apic-change-pwd-form .form-item input {
    background-color: var(--neutral-white);
    border-bottom   : 1px solid #8d8d8d;
    border          : 1px solid var(--neutral-low);
}

.route-change-pwd-pagechange-password-form .main-container .row .apic-change-pwd-form .form-item input:hover,
.route-change-pwd-pagechange-password-form .main-container .row .apic-change-pwd-form .form-item input:focus {
    border          : 1px solid var(--neutral-low);
    border-bottom   : 1px solid var(--neutral-extrahigh);
    background-color: var(--neutral-white);
}

.path-user.route-change-pwd-pagechange-password-form:not(.pass-reset) .region-content nav.tabs ul.tabs--primary {
    padding: 0;
}

.path-user.route-change-pwd-pagechange-password-form:not(.pass-reset) .region.region-content {
    width : 70.125rem;
    margin: 0 auto;
}

.path-user.route-change-pwd-pagechange-password-form:not(.pass-reset) .nav-tabs>li.active>a {
    background-color: #E7F0F7;
    border-left     : 0.25rem solid #1275BB;
}

.user-logged-in.context-user-password .apic-reset-wrapper {
    margin : 0 0 0 35.3125rem;
    padding: 13.125rem 0;
}

/* --- REGISTRO --- */

.context-user-register .navbar .region-navigation {
    justify-content: flex-start;
}

.apic-user-form.apic-user-form-register.ur-count-1 {
    max-width: 47rem;
}

.user-register-form .apic-user-form-wrapper {
    margin-left : 0;
    margin-right: 0;
}

.apic-user-form-container {
    display: block;
}

.apic-user-form.apic-user-form-register.ur-count-1 {
    max-width: 47rem;
}

.apic-register-wrapper .apic-portal-title,
.apic-register-wrapper .apic-user-form-subheader {
    display: none;
}

.apic-user-form-register.ur-count-1 .apic-user-form-header {
    padding-left: 0 !important;
    margin-left : 0 !important;
}

.user-register-form .apic-user-form-inner-wrapper {
    margin-left   : 0;
    margin-right  : 0;
    flex-direction: row;
    flex-wrap     : wrap;
}

.context-user-register.bx--global-light-ui .form-item,
.context-user-register .form-item {
    max-width     : 20.75rem;
    min-width     : 20.75rem;
    width         : 100%;
    margin        : 0;
    padding-top   : 0;
    padding-bottom: 0;
    margin-top    : 1.5625rem;
    margin-right  : 1.5625rem;
}

.context-user-login.bx--global-light-ui .apic-user-form-wrapper .form-group {
    display : block;
    position: relative;
    padding : 0;
}

.context-user-login.bx--global-light-ui .apic-user-form-wrapper .form-group .apic-user-form-line,
.context-user-login.bx--global-light-ui .apic-user-form-wrapper .form-group .apic-user-form-or {
    display: none;
}

.bx--form-item.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-consumerorg.form-item-consumerorg.form-group {
    max-width: 20.8125rem;
}

.context-user-register #edit-pass {
    display   : flex;
    margin-top: 0;
}

.context-user-register .form-item #edit-pass {
    margin-top: 0;
}

.password-confirm-message {
    display: none;
}

.password-suggestions {
    display: none !important;
}


#ibm-apim-password-policy-status {
    margin-top: 0.3125rem;
}

#ibm-apim-password-policy-status br {
    display: none;
}

.context-user-register .alert {
    border-radius   : 0;
    background-color: var(--white);
    box-shadow      : 0 0 15px 0 #0000001A;
    height          : auto;
    flex-wrap       : wrap;
    padding         : 0.9375rem 0.8125rem;
    margin          : 0;
    width           : 43.0625rem;
    min-width       : 43.0625rem;
    max-width       : 43.0625rem;
}

.context-user-register .alert-info {
    border     : transparent;
    border-left: 0.125rem solid var(--interaction-low);
}

.context-user-register .alert-info div {
    display        : flex;
    flex-flow      : wrap;
    justify-content: space-between;
}

.context-user-register .alert-info span.failed,
.context-user-register .alert-info span.passed {
    width      : 19.6875rem;
    max-width  : 19.6875rem;
    min-width  : 19.6875rem;
    font-size  : 0.875rem;
    font-weight: 400;
    display    : flex;
    align-items: baseline;
}

.context-user-register .alert .icon {
    display     : inline-flex;
    align-items : center;
    width       : 0.625rem;
    height      : 0.625rem;
    text-align  : center;
    margin-right: 0.625rem;
    position    : relative;
    font-size   : 0.875rem;
    font-weight : 400;
}

.context-user-register .failed .icon svg,
.context-user-register .passed .icon svg {
    width : 0.8125rem;
    height: 0.5625rem;
}

.context-user-register .failed .icon svg polygon {
    stroke: var(--critical-low);
}

.context-user-register .passed .icon svg polygon {
    stroke      : var(--positive-medium);
    stroke-width: 2;
}

.bx--global-light-ui .bx--form-item.form-type-checkbox label {
    padding-left: 0;
    color       : var(--interaction-low);
    display     : inline-flex;
    align-items : center;
    cursor      : pointer;
    position    : relative;
}

.bx--global-light-ui .form-actions {
    display        : flex;
    justify-content: flex-end;
    order          : 2;
}

.context-user-register .apic-user-form-inner-wrapper #edit-submit {
    margin-top      : 2.1875rem;
    width           : auto;
    padding         : 0.8125rem;
    background-color: var(--interaction-low);
}

.context-user-register .apic-user-form-inner-wrapper #edit-submit:hover {
    background-color: var(--interaction-low-medium);
}

.context-user-register .form-actions {
    margin        : 0;
    padding-top   : 0;
    padding-bottom: 0;
    width         : 100%;
    max-width     : 35rem;
}

.context-user-register .children {
    font-size: 0.875rem;
}

.context-user-register strong {
    font-weight: 500;
}

.context-user-register .captcha-type-challenge--image {
    margin-top: 3.125rem;
}

.context-user-register legend {
    border-bottom: none;
    font-size    : 0.875rem;
    font-weight  : 500;
    color        : var(--neutral-extrahigh);
}

.context-user-register .alert-danger {
    border     : transparent;
    border-left: 0.125rem solid var(--critical-low);
}

.context-user-register .alert.alert-danger .icon:before {
    display: none;
}

.context-user-register .alert-danger div {
    display        : flex;
    flex-flow      : wrap;
    justify-content: space-between;
    line-height    : 2;
}

.context-user-register .alert-danger span.failed,
.context-user-register .alert-danger span.passed {
    width      : 19.6875rem;
    max-width  : 19.6875rem;
    min-width  : 19.6875rem;
    font-size  : 0.875rem;
    font-weight: 400;
    display    : flex;
    align-items: baseline;
}

.context-user-register .alert-success {
    border     : transparent;
    border-left: 0.125rem solid var(--positive-medium);
}

.context-user-register .alert.alert-success .icon:before {
    display: none;
}

.context-user-register .alert-success div {
    display        : flex;
    flex-flow      : wrap;
    justify-content: space-between;
    line-height    : 2;
}

.context-user-register .alert-success span.failed,
.context-user-register .alert-success span.passed {
    width      : 19.6875rem;
    max-width  : 19.6875rem;
    min-width  : 19.6875rem;
    font-size  : 0.875rem;
    font-weight: 400;
    display    : flex;
    align-items: baseline;
}

.context-user-register .reload-captcha {
    font-size: 0.875rem !important;
}

.context-user-register .reload-captcha:focus {
    color: var(--interaction-low);
}

.context-user-register .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    width     : 37.75rem !important;
    min-width : 37.75rem;
    height    : 43.5rem !important;
    min-height: 43.5rem;
    left      : 50% !important;
    top       : 32% !important;
    transform : translate(-50%, -50%);
    position  : absolute !important;
    overflow  : hidden;
    padding   : 1.875rem 1.875rem 0 1.875rem;
}

.context-user-register .ui-widget.ui-widget-content {
    border: none;
}

.context-user-register .ui-corner-all {
    border-radius: 0;
}

.context-user-register .ui-dialog {
    padding: 0;
}

.context-user-register .ui-dialog .ui-dialog-titlebar {
    padding         : 0;
    position        : relative;
    background-color: transparent;
    border          : none;
}

.context-user-register .ui-dialog .ui-dialog-title {
    float      : initial;
    margin     : 0;
    font-size  : 1.5rem;
    font-weight: 400;
    color      : var(--neutral-black-low);
}

.context-user-register .ui-dialog .ui-dialog-titlebar-close {
    position        : absolute;
    right           : 0;
    top             : 25%;
    width           : 0.8438rem;
    height          : 0.8438rem;
    margin          : 0;
    padding         : 0;
    border          : none;
    background-color: transparent;
    font-size       : 0.8438rem;
    font-weight     : 100;
    color           : var(--neutral);
}

.context-user-register .ui-dialog-titlebar-close::after {
    content         : '';
    display         : flex;
    align-items     : center;
    width           : 0.8438rem;
    height          : 0.8438rem;
    background-image: url(https://developer-test.baccredomatic.com/outer/development/system/files/2023-11/close-icon.png);
    background-size : 0.8438rem;
}

.context-user-register .ui-dialog .ui-dialog-content {
    position   : relative;
    border     : 0;
    padding    : 0;
    background : none;
    overflow   : auto;
    width      : 100% !important;
    min-height : 100% !important;
    max-height : 100% !important;
    margin-top : 0.9375rem;
    color      : var(--neutral-high);
    font-size  : 0.875rem;
    line-height: 1.5;
    font-weight: 400;
}

.context-user-register .ui-widget-overlay {
    background: var(--neutral-black);
    opacity   : .8;
}

.context-user-register .checkbox {
    order: 1;
}

/* --- HOME --- */
.consumerorgSelectBlock:hover,
.consumerorgSelectBlock:active {
    background-color: transparent;
}

.path-frontpage .apicMainContent {
    margin-top: 0;
}

.context-home .welcomebanner {
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : 18.6875rem;
    background-image: url('https://developer-test.baccredomatic.com/outer/development/sites/outer.development.developer-test.baccredomatic.com/files/inline-images/Rectangle%20524.png');
}

.context-home .welcomebannertext {
    z-index       : 2;
    padding       : 0;
    max-width     : 100%;
    color         : var(--neutral-white);
    display       : flex;
    flex-direction: column;
    align-items   : center;
}

.context-home .welcomebannertext h2 {
    padding-bottom: 0;
    max-width     : 100%;
    font-size     : 2rem;
    letter-spacing: 0;
    line-height   : 1;
    margin        : 0 0 0.9375rem 0;
}

.context-home p {
    margin: 0;
}

.context-home .welcomebanner .bannerButtonRow {
    margin-top: 1.5625rem;
}

.context-home.user-logged-in .bannerButtonRow a:first-child {
    display: none;
}

.bannerButtonRow .button.cta-btns--white__btn {
    font-weight     : 500;
    font-size       : 0.875rem;
    height          : 2.8125rem;
    width           : 8.625rem;
    max-width       : 8.625rem;
    padding         : 0.9375rem;
    background-color: transparent;
    color           : var(--neutral-white);
    border          : 1px solid var(--neutral-white);
}

.bannerButtonRow .button.cta-btns--white__btn:hover {
    background-color: transparent;
    color           : var(--neutral-white);
}

.bannerButtonRow .button.cta-btns--white__btn:active {
    background-color: transparent;
}

.bannerButtonRow a:nth-child(2) {
    margin-left: 1.5625rem;
}

.context-home.user-logged-in .bannerButtonRow a:nth-child(2) {
    margin-left: 0;
}

.block-block-content.block-home-info {
    width     : 62.8125rem;
    height    : auto;
    margin    : 0 auto;
    margin-top: 5.375rem;
}

.block-block-content.block-home-info .info-img-container>img {
    margin-right: 2.3125rem;
}

.block-block-content.block-home-info .info-text-container h2 {
    font-size    : 2rem;
    font-weight  : 500;
    line-height  : 1;
    margin-bottom: 0;
    color        : var(--neutral-black);
}

.block-block-content.block-home-info .info-links {
    margin-top   : 1.0625rem;
    margin-bottom: 1.5625rem;
}

.block-block-content.block-home-info .info-links+p {
    color: var(--neutral-black);
}

.block-block-content.block-home-info .info-links a {
    color          : var(--interaction-low);
    font-size      : 1rem;
    font-weight    : 500;
    line-height    : 1;
    padding-left   : 0.625rem;
    background     : url('https://developer-test.baccredomatic.com/outer/development/system/files/2023-10/ellipse.png') no-repeat left center;
    background-size: 0.1875rem 0.1875rem;
}

.block-block-content.block-home-info .info-links a:not(:last-child) {
    margin-right: 0.625rem;
}

.block-block-content.block-home-info .info-links a:hover {
    color: var(--interaction-low-medium);
}

.bx--global-light-ui .button {
    width           : auto;
    min-width       : 9.0625rem;
    height          : 2.8125rem;
    background-color: var(--interaction-low);
    color           : var(--neutral-white);
    padding         : 0.8125rem 1.6875rem;
    box-shadow      : 0 0.1875rem 0.625rem 0.0625rem #00000033;
    font-size       : 1rem;
    font-weight     : 500;
}

.bx--global-light-ui .button:hover {
    background-color: var(--interaction-low-medium);
}

.info-text-container p a.button {
    margin-top: 1.625rem;
}

.block-block-content.block-home-beneficios {
    width           : 62.8125rem;
    height          : auto;
    margin          : 0 auto;
    margin-top      : 6.125rem;
    background-color: var(--neutral-white);
    box-shadow      : 0 0 0.9375rem 0 #0000001A;
}

.block-block-content.block-home-beneficios .beneficios-container {
    padding: 2.5rem 1.875rem;
}

.block-block-content.block-home-beneficios .beneficios-container h2 {
    margin-top   : 0;
    margin-bottom: 0;
    font-size    : 1.5rem;
    font-weight  : 500;
    color        : var(--neutral-black);
}

.block-block-content.block-home-beneficios .beneficios-container .bullets-container {
    display        : flex;
    flex-wrap      : wrap;
    justify-content: space-between;
    margin-top     : 0;
}

.block-block-content.block-home-beneficios .beneficios-container .bullets-container .bullet {
    width     : 26.5625rem;
    margin-top: 2.25rem;
}

.block-block-content.block-home-beneficios .beneficios-container .bullets-container .bullet h3 {
    font-size  : 1.25rem;
    color      : var(--neutral-black);
    font-weight: 500;
    margin     : 0.9375rem 0;
    line-height: 1;
}

.block-block-content.block-home-beneficios .beneficios-container .bullets-container .bullet p {
    font-size  : 0.875rem;
    color      : var(--neutral-black);
    font-weight: 400;
    line-height: 1.5;
}

.block-block-content.block-home-beneficios .beneficios-container .bullets-container .bullet p>em {
    font-style : normal;
    line-height: 1;
    display    : flex;
    align-items: center;
}

.block.block-featured-content {
    width : 70.125rem;
    margin: 0 auto;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper {
    margin: 6.25rem 0 0 0;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentBlockHeader {
    display        : inline-flex;
    align-items    : center;
    justify-content: space-between;
    width          : 100%;
    min-width      : 100%;
    vertical-align : middle;
    flex-wrap      : wrap;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentBlockHeader p {
    display    : block;
    width      : 100%;
    font-size  : 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    color      : var(--neutral-extrahigh-73);
    margin-top : 0.9375rem;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentBlockHeader h3 {
    font-size  : 2.5rem;
    font-weight: 500;
    line-height: 1;
    margin     : 0;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentBlockHeader a {
    font-size   : 0.875rem;
    font-weight : 500;
    line-height : 1;
    color       : var(--interaction-low);
    margin-right: 0.9688rem;
    position    : relative;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentBlockHeader a:hover {
    color: var(--interaction-low-medium);
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentBlockHeader a::before {
    content          : '';
    background-image : url('https://developer-test.baccredomatic.com/outer/development/system/files/2023-10/magnifier.png');
    background-repeat: no-repeat;
    background-size  : 0.875rem;
    position         : absolute;
    left             : -1.1875rem;
    width            : 0.875rem;
    height           : 0.9375rem;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentBlockHeader a::after {
    content          : '';
    background-image : url('https://developer-test.baccredomatic.com/outer/development/system/files/2023-10/right-chevron.png');
    background-repeat: no-repeat;
    background-size  : 0.625rem;
    position         : absolute;
    top              : 0;
    right            : -1.125rem;
    width            : 0.625rem;
    height           : 0.9375rem;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer {
    display: block;
    width  : 100%;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer {
    position  : static !important;
    height    : auto !important;
    display   : flex !important;
    flex-wrap : nowrap !important;
    margin-top: 2.5rem !important;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode {
    position        : relative !important;
    left            : 0 !important;
    top             : 0 !important;
    margin-bottom   : 0;
    min-width       : 21.5rem;
    height          : auto;
    min-height      : 10.1875rem;
    max-height      : 100%;
    padding         : 1.875rem 1.5rem;
    background-color: var(--neutral-white);
    box-shadow      : 0 0.5rem 0.9375rem 0 #0000001A;
    border-bottom   : 0.375rem solid var(--interaction-low);
    transition      : transform .2s ease-in-out;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode:nth-child(-n+2) {
    margin-right: 2.8125rem;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode:nth-child(n+4) {
    display: none !important;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode .featuredcontentNodeImage {
    display: none;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode .featuredcontentNodeTitle>a {
    display       : block;
    font-size     : 1.5rem;
    font-weight   : 500;
    line-height   : 1.5;
    color         : var(--neutral-black);
    text-transform: capitalize;
    width         : 100%;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode .featuredcontentNodeTitle>a::before {
    content    : 'Ver más detalles';
    position   : absolute;
    bottom     : 1.875rem;
    left       : 1.5rem;
    font-size  : 0.875rem;
    font-weight: 500;
    line-height: 1;
    color      : var(--interaction-low);
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode .featuredcontentNodeTitle>a:hover::before {
    color: var(--interaction-low-medium);
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode .featuredcontentNodeTitle span {
    position   : absolute;
    bottom     : 1.875rem;
    right      : 1.5rem;
    font-size  : 0.875rem;
    color      : var(--neutral);
    font-weight: 400;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode .featuredcontentNodeInfo {
    padding-top  : 0.5rem;
    margin-bottom: 0.5rem;
    height       : 2.9rem;
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.block.block-featured-content .featuredcontent.featuredcontentBlockWrapper .featuredcontentContentContainer .featuredcontentNodeContainer .featuredcontentNode .featuredcontentNodeDescription {
    font-size  : 0.8125rem;
    font-weight: 400;
    line-height: 1.2;
    height     : auto;
    color      : var(--neutral-extrahigh);
    cursor     : ns-resize;
}

.block-block-content.block-home-empecemos {
    margin-top: 10.375rem;
}

.get-start-container {
    background-color: #ECF4FA;
    padding         : 5rem 13.5625rem;
    height          : auto;
}

.block-block-content.block-home-empecemos .get-start-container h2 {
    margin-bottom: 3.125rem;
    margin-top   : 0;
    text-align   : center;
    font-size    : 2rem;
    font-weight  : 500;
    line-height  : 1;
    color        : var(--neutral-black);
}

.block-block-content.block-home-empecemos .get-start-container .steps-row-container {
    display        : flex;
    justify-content: space-around;
    align-items    : center;
    margin         : 0 6.25rem;
}

.block-block-content.block-home-empecemos .get-start-container .steps-row-container .step-number {
    min-width       : 5.875rem;
    height          : 5.875rem;
    background-color: var(--neutral-white);
    border          : 1px solid var(--interaction-low);
    border-radius   : 50%;
    display         : flex;
    justify-content : center;
    align-items     : center;
    color           : var(--interaction-low);
    font-size       : 1.9325rem;
    font-weight     : 500;
}

.block-block-content.block-home-empecemos .get-start-container .steps-row-container .step-conector {
    flex  : 1 1 auto;
    height: 1px;
    border: 1px solid var(--interaction-low);
}

.block-block-content.block-home-empecemos .get-start-container .steps-container {
    display        : flex;
    justify-content: space-between;
}

.block-block-content.block-home-empecemos .get-start-container .steps-container .step {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: flex-start;
    width          : 18.4375rem;
    text-align     : center;
}

.block-block-content.block-home-empecemos .get-start-container .steps-container .step .step-title {
    margin-top   : 2.75rem;
    margin-bottom: 3.125rem;
    font-size    : 1.4rem;
    font-weight  : 500;
    color        : var(--neutral-black);
    line-height  : 1;
}

.block-block-content.block-home-empecemos .get-start-container .steps-container .step p {
    font-size  : 1rem;
    font-weight: 400;
    color      : var(--neutral-extrahigh);
    line-height: 1.5;
}

.block-block-content.block-home-empecemos .get-start-container .start-api-btn-container {
    margin-top: 3.125rem;
    text-align: center;
}

.block-block-content.block-home-ayuda,
.block-block-content.block-catálogo-ayuda {
    width : 63.5625rem;
    margin: 0 auto;
    height: auto;
}

.block-block-content.block-home-ayuda .help-container,
.block-block-content.block-catálogo-ayuda .help-container {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.block-block-content.block-home-ayuda .help-container .create-user-container,
.block-block-content.block-catálogo-ayuda .help-container .create-user-container {
    display        : flex;
    flex-direction : column;
    justify-content: center;
    width          : 27.5625rem;
    height         : 11.375rem;
    padding        : 1.5625rem 0;
    border-right   : 1px solid var(--neutral-extrahigh)
}

.block-block-content.block-home-ayuda .help-container .create-user-container h3,
.block-block-content.block-catálogo-ayuda .help-container .create-user-container h3 {
    margin-top   : 0;
    margin-bottom: 0px;
    font-size    : 1.5rem;
    font-weight  : 500;
    color        : var(--neutral-black-low);
    line-height  : 1.5;
}

.block-block-content.block-home-ayuda .help-container .create-user-container p,
.block-block-content.block-catálogo-ayuda .help-container .create-user-container p {
    margin-bottom: 0;
    font-size    : 1.1875rem;
    font-weight  : 400;
    line-height  : 1;
    color        : var(--neutral-black-low);
}

.block-block-content.block-home-ayuda .help-container .create-user-container p>a,
.block-block-content.block-catálogo-ayuda .help-container .create-user-container p>a {
    margin-top : 1.4375rem;
    display    : block;
    font-size  : 1rem;
    font-weight: 500;
    line-height: 1;
    color      : var(--interaction-low);
}

.block-block-content.block-home-ayuda .help-container .create-user-container p>a:hover,
.block-block-content.block-catálogo-ayuda .help-container .create-user-container p>a:hover {
    color: var(--interaction-low-medium);
}

.block-block-content.block-home-ayuda .help-container .questions-container p,
.block-block-content.block-catálogo-ayuda .help-container .questions-container {
    margin-bottom: 0;
    font-size    : 1rem;
    font-weight  : 500;
    line-height  : 1;
    color        : var(--neutral-extrahigh);
}

.block-block-content.block-home-ayuda .help-container .questions-container p:nth-child(3),
.block-block-content.block-catálogo-ayuda .help-container .questions-container p:nth-child(3) {
    margin-top: 2.5rem;
}

.block-block-content.block-home-ayuda .help-container .questions-container p>a,
.block-block-content.block-catálogo-ayuda .help-container .questions-container p>a {
    margin-top : 0.9375rem;
    display    : block;
    font-size  : 1rem;
    font-weight: 500;
    line-height: 1;
    color      : var(--interaction-low);
}

.block-block-content.block-home-ayuda .help-container .questions-container p>a:hover,
.block-block-content.block-catálogo-ayuda .help-container .questions-container p>a:hover {
    color: var(--interaction-low-medium);
}


/* --- 404 --- */
.context--node-6255 .page-header {
    display: none;
}

.error-404-wrapper {
    display       : flex;
    flex-direction: column;
    margin-top    : 5.1875rem;
    margin-bottom : 9.25rem;
    align-items   : center;
}

.error-404-wrapper h1 {
    font-size  : 5rem;
    font-weight: 500;
    color      : var(--neutral-black);
}

.error-404-wrapper h2 {
    font-size    : 1.25rem;
    margin-bottom: 0.9375rem;
    color        : var(--neutral-black-low);
}

.error-404-wrapper p {
    font-size    : 0.875rem;
    margin-bottom: 2.5rem;
    color        : var(--neutral-black-low);
}

/* --- Términos y condiciones --- */
.context-tsandcs .page-header {
    display: none;
}

.terms-conditions-wrapper {
    margin       : 0 auto;
    margin-top   : 5.0625rem;
    margin-bottom: 11.3125rem;
    width        : 100%;
    max-width    : 35.4375rem;
    height       : auto;
    text-align   : center;
}

.terms-conditions-wrapper h1 {
    margin-top   : 1.9625rem;
    margin-bottom: 1.5625rem;
    font-size    : 2.25rem;
    color        : var(--neutral-black);
}

.terms-conditions-content {
    height    : 15.25rem;
    max-height: 15.25rem;
    overflow  : auto;
    text-align: start;
    cursor    : ns-resize;
}

.terms-conditions-content p {
    margin-bottom: 1.5rem;
    font-size    : 0.875rem;
    color        : var(--neutral-black-low);
}

.terms-conditions-content p a {
    color: var(--interaction-low);
}

.terms-conditions-content .MsoNormal strong {
    font-size      : 1rem;
    color          : var(--neutral-black-low);
    text-decoration: none;
    text-transform : capitalize;
}

.terms-conditions-content .MsoNormal strong * {
    text-decoration: none;
    text-transform : capitalize;
}

/* --- Política y privacidad --- */
.context-privacy .page-header {
    display: none;
}

.privacy-policy-wrapper {
    width          : 58.0625rem;
    max-width      : 58.0625rem;
    margin         : 0 auto;
    margin-top     : 7.6875rem;
    margin-bottom  : 7.75rem;
    display        : flex;
    justify-content: space-between;
    align-items    : center;
}

.privacy-policy-content {
    width    : 33.3125rem;
    max-width: 33.3125rem;
}

.privacy-policy-content h1 {
    margin   : 0 0 0.9375rem 0;
    font-size: 2.25rem;
    color    : var(--neutral-black);
}

.privacy-policy-content p {
    margin   : 0 0 0.9375rem 0;
    font-size: 0.875rem;
    color    : var(--neutral-black-low);
}

.privacy-policy-content p>a {
    display      : block;
    margin-bottom: 1.5625rem;
    color        : var(--interaction-low);
    font-weight  : 500;
}

/* --- Contácto --- */
.context-contact .region.region-content {
    margin       : 0 auto;
    margin-top   : 7.5rem;
    margin-bottom: 4.1875rem;
    width        : 70.125rem;
    max-width    : 70.125rem;
}

.context-contact .region.region-content .page-header {
    border-bottom: none;
    background   : transparent;
    margin       : 0 0 2.9375rem 0;
    padding      : 0;
    font-size    : 3.7225rem;
    font-weight  : 500;
    color        : var(--neutral-high);
}

.context-contact .route-contactsite-page form.contact-message-feedback-form {
    padding-top: 0;
}

.context-contact .form-item-name .bx--label .children {
    font-size: 0.875rem;
    color    : var(--neutral-extrahight);
}

.context-contact .bx--form-item.js-form-item.form-item.js-form-type-email.form-type-email.js-form-item-mail.form-item-mail.form-group {
    max-width   : 21.5625rem;
    display     : inline-block;
    margin-right: 15px;
}

.context-contact div#edit-subject-wrapper {
    display: block;
}

.context-contact textarea.form-control {
    min-height: 12.625rem;
    border    : 1px solid var(--neutral-low) !important;
}

.context-contact textarea.form-control:hover,
.context-contact textarea.form-control:focus {
    border-bottom: 1px solid var(--neutral-extrahigh) !important;
}

.context-contact textarea {
    margin: 0;
}

.context-contact .form-group {
    margin-bottom: 1.5625rem;
}

.context-contact legend {
    border-bottom : 0;
    text-transform: capitalize;
    font-size     : 0.875rem;
    color         : var(--neutral-extrahigh);
    font-weight   : 500;
}

.context-contact a.reload-captcha {
    color: var(--interaction-low);
}

.context-contact fieldset.captcha.captcha-type-challenge--image {
    margin-bottom: 1.5625rem;
}

.context-contact .form-type-textfield {
    width: 21.5625rem;
}

.context-contact .form-item-name {
    display     : inline-block;
    margin-right: 1.25rem;
}

/* Soporte */
.context-support .main-container {
    width: 100%;
}

.context-support .region.region-content {
    display       : flex;
    flex-direction: column;
    width         : 1122px;
    margin        : 0 auto;
}

.context-support .page-header {
    margin       : 3.125rem 0 0 0;
    border-bottom: none;
    background   : transparent;
    padding      : 0;
    font-size    : 2.5rem;
    color        : var(--neutral-black);
    font-weight  : 500;
    line-height  : 1;
}

.context-support p.page-description {
    font-size  : 1rem;
    font-weight: 400;
    line-height: 1.5;
    color      : var(--neutral-black);
    margin     : 1.5625rem 0 3.125rem 0;
}

.context-support .ibmapimSupport {
    margin: 0 0 1.875rem 0;
}

.context-support .supportContentWrapper {
    padding-top: 0;
}

.context-support .faqDiv {
    padding-right: 0;
}

.context-support .viewTitle {
    display: none;
}

.context-support .views-element-container.form-group {
    padding: 0;
    margin : 0;
}

.apicMainContent .supportContentWrapper .views-element-container .view {
    padding: 0;
}

.context-support h2 {
    margin-top    : 0;
    margin-bottom : 1.5625rem;
    border-bottom : 1px solid var(--neutral-extrahigh);
    padding-bottom: 0.875rem;
}

.context-support h2 a {
    color      : #454545;
    font-size  : 1.5rem;
    font-weight: 500;
    line-height: 1;
}

.context-support .help-container {
    width           : 100%;
    background-color: var(--neutral-background-color);
    padding         : 3.125rem 0;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
}

.context-support img.help-img {
    width : 3.5rem;
    height: 3.5rem;
}

.context-support p.help-tittle {
    font-size  : 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    text-align : center;
    margin     : 25px 0;
}

.context-support p.help-description {
    font-size  : 1rem;
    font-weight: 400;
    line-height: 1.5;
    color      : var(--neutral-high);
}

.views-element-container .view.view-faqs .ui-state-default {
    color      : #454545;
    font-weight: 500;
    font-size  : 1rem;
    line-height: 1;
    height     : auto;
}

.views-element-container .view.view-faqs .ui-state-active {
    color        : #454545;
    transition   : margin-bottom 0s;
    margin-bottom: 0 !important;
}

.bx--global-light-ui .apicMainContent .ui-accordion .ui-accordion-header {
    display        : flex;
    flex-flow      : row;
    justify-content: flex-start;
    padding        : 0;
    margin         : 0 0 2.5rem 0;
    font-size      : 100%;
    height         : auto;
    border-top     : none;
}

.bx--global-light-ui .apicMainContent .ui-accordion .ui-accordion-header:hover {
    background-color: transparent;
}

.bx--global-light-ui .apicMainContent .ui-accordion .ui-accordion-header:focus {
    line-height: 1.5;
    border     : 1px solid var(--interaction-disabled) !important;
}

.bx--global-light-ui .apicMainContent .ui-accordion .ui-accordion-header:not(.ui-state-active):last-of-type {
    border-bottom: none;
}

.bx--global-light-ui .apicMainContent .ui-accordion .ui-accordion-content:last-of-type {
    border-bottom: none;
}

.bx--global-light-ui .apicMainContent .ui-accordion-header-icon {
    background-image: url(https://developer-test.baccredomatic.com/outer/development/system/files/2023-11/right-chevron.png);
    outline-offset  : 0;
    flex            : 0 0 1rem;
    margin          : 0.3125rem 0.625rem 0 0;
    transform       : rotate(0deg);
}

.bx--global-light-ui .apicMainContent .ui-state-active .ui-accordion-header-icon {
    margin          : 0.3125rem 0.625rem 0 0;
    transform-origin: 38% 36%;
    transform       : rotate(-90deg);
}


.context-support .contactDiv {
    display: none;
}

/* Aplicaciones */
.context-application h1.page-header {
    border-bottom: none;
    background   : var(--neutral-background-color);
    margin       : 0;
    padding      : 3.125rem 24.875rem 1.5625rem 24.875rem;
    font-size    : 2.5rem;
    font-weight  : 500;
}

.context-application .page-description {
    margin          : 0;
    background-color: var(--neutral-background-color);
    padding         : 0 24.875rem 0 24.875rem;
}

.context-application .form-item-title {
    position: relative;
}

.context-application .input-group::after {
    content         : '';
    width           : 1rem;
    height          : 1rem;
    background-image: url(https://developer-test.baccredomatic.com/outer/development/system/files/2024-01/search-grey-icon.png);
    position        : absolute;
    top             : 0.9375rem;
    right           : 0.6875rem;
    z-index         : 3;
}

.context-application .views-element-container {
    padding: 0;
}

.context-application.bx--global-light-ui .views-exposed-form {
    display: block;
}

.context-application.bx--global-light-ui .view-filters.form-group .form-inline {
    display         : block;
    width           : 100%;
    background-color: var(--neutral-background-color);
    padding         : 2.1875rem 24.875rem 3.125rem 24.875rem;
}

.context-application.bx--global-light-ui .views-exposed-form .form-item {
    margin-right: 0;
}

.context-application.bx--global-light-ui .form-item {
    margin: 0;
}

.context-application .form-type-select {
    display: none !important;
}

.context-application.bx--global-light-ui .views-exposed-form .input-group-addon {
    display: none;
}

.context-application.bx--global-light-ui .view-filters.form-group .form-actions {
    display: none;
}

.context-application.bx--global-light-ui .view-filters.form-group input.form-text {
    width        : 19.9375rem;
    height       : 2.8125rem;
    box-shadow   : 0 0.25rem 0.4375rem 0 #BDBDBE40;
    padding-right: 1.875rem;
}

.context-application .apicNewAppWrapper {
    width          : 70.125rem;
    margin         : 0 auto;
    padding-bottom : 1.0625rem;
    border-bottom  : 1px solid var(--neutral-medium);
    margin-top     : 3.3125rem;
    display        : flex;
    justify-content: space-between;
}

.context-application .apicNewAppWrapper h4 {
    margin: 0;
}

.context-application .apicNewAppWrapper .button {
    margin-top : 0;
    margin-left: 0;
    padding    : 0;
    background : var(--neutral-white);
    box-shadow : none;
    color      : var(--interaction-low);
    border     : none;
}

.context-application .apicNewAppWrapper .button:hover {
    color: var(--interaction-low-medium);
}

.context-application .apicNewAppWrapper .button::before {
    content         : '';
    background-image: url(https://developer-test.baccredomatic.com/outer/development/system/files/2024-01/create-app.png);
    width           : 1.25rem;
    height          : 1.125rem;
    margin-right    : 0.9375rem;
}

.context-application .view-content {
    width : 70.125rem;
    margin: 0 auto;
}

.context-application .masonry-layout-applications.form-group.masonry.masonry-layout {
    display      : flex;
    flex-wrap    : wrap;
    position     : static !important;
    height       : auto !important;
    gap          : 3.125rem 2rem;
    margin-top   : 2.875rem;
    margin-bottom: 3.125rem;
}

.context-application .help-container {
    display        : flex;
    justify-content: center;
    align-items    : center;
    position       : relative;
}

.context-application .help-img-container {
    height      : 13.125rem;
    margin-right: 7.25rem;
}

.context-application .help-img-container img {
    height: 14.5rem;
}

.application-view .masonry-layout .masonry-item {
    width        : 16rem;
    height       : 16.5625rem;
    border       : 0;
    background   : none;
    position     : static !important;
    box-shadow   : 0 0 0.625rem 0 #00000026;
    border-bottom: 0.3125rem solid var(--interaction-low);
}

.node--type-application.bx--card {
    min-height: unset;
    min-width : auto;
    height    : 100%;
    max-width : 100%;
    display   : flex;
}

.node--type-application.bx--card a {
    position: relative;
    flex    : 1 0 100%;
}

.bx--card {
    margin          : 0;
    font-size       : 100%;
    display         : block;
    width           : 100%;
    max-height      : 100%;
    background-color: var(--white);
    margin-bottom   : 0;
    padding         : 1.5625rem 0.9375rem;
}

.bx--card .apicAppCard {
    display       : flex;
    flex-direction: column;
    text-align    : center;
    align-items   : center;
    height        : auto;
    width         : auto;
    max-width     : 100%;
    padding       : 0;
}

.node--type-application.bx--card .apicCardIcon img {
    width : 3.125rem;
    height: 3.125rem;
}

.node--type-application.bx--card .apicAppCardMain {
    height: auto;
    width : 100%;
}

.node--type-application.bx--card a .apicAppName {
    color      : var(--neutral-black);
    font-size  : 1.5rem;
    line-height: 1;
    font-weight: 500;
}

.node--type-application.bx--card .apicAppCardMain .bx--about__title--name {
    width      : 100%;
    font-size  : 1.5rem;
    line-height: 1;
    font-weight: 500;
}

.bx--about__title--name {
    padding: 0.9375rem 0 2.75rem 0;
}

.node--type-application.bx--card .apicAppCardMain .apicAppDesc {
    font-size     : 0.75rem;
    letter-spacing: 0.0187rem;
    line-height   : 1.2;
    font-weight   : 400;
    text-align    : center;
    color         : var(--neutral-extrahigh);
}

.bx--card .apicFade.apicAppDesc {
    max-height: 100%;
    max-width : 100%;
}

.bx--card-footer {
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : auto;
    background-color: transparent;
    padding         : 0;
    font-size       : 0.875rem;
    font-weight     : 500;
    color           : var(--neutral);
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -0.25rem);
}

.apicAppStatus {
    align-items: center;
}

.apicAppStatus:before {
    height          : 0.3125rem;
    width           : 0.3125rem;
    margin-right    : 0.3125rem;
    background-color: var(--positive-medium);
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus {
    background-color: var(--interaction-low);
    border-color    : var(--interaction-low);
    padding         : 0.1875rem 0.75rem;
}

.pagination>li:first-child>a,
.pagination>li:last-child>a {
    border-radius: 50%;
}

.pagination>.active>a {
    color           : var(--neutral-white);
    background-color: var(--interaction-low);
    border-color    : var(--interaction-low);
    font-weight     : 500;
    font-size       : 1rem;
    padding         : 0.1875rem 0.75rem;
}

.pagination>li>a {
    padding      : 0.1875rem 0.75rem;
    margin-left  : 0;
    line-height  : 1.5;
    border       : none;
    border-radius: 50%;
    color        : var(--neutral-high);
    font-weight  : 400;
}

.pagination>li>a:hover {
    color           : var(--neutral-high);
    background-color: var(--neutral-background-color);
    border-color    : var(--neutral-background-color);
    padding         : 0.1875rem 0.75rem;
}

span.page-link {
    display: none;
}

li.pager__item.pager__item--last {
    display: none;
}

li.pager__item.pager__item--first {
    display: none;
}

/* Panel de Control */
.consumer_analytics_ui .dialog-off-canvas-main-canvas,
.page-node-type-application .dialog-off-canvas-main-canvas {
    background-color: var(--neutral-background-color);
}

.consumer_analytics_ui .applicationWrapper header.titleSection,
.page-node-type-application .applicationWrapper header.titleSection {
    background-color: var(--neutral-background-color);
}

.applicationWrapper .titleSection .applicationTabs {
    margin-top      : 3.125rem;
    background-color: var(--neutral-background-color);
}

.consumer_analytics_ui .apicMainContent.main-container.container,
.page-node-type-application .apicMainContent.main-container.container {
    background-color: var(--neutral-background-color);
}

.page-node-type-application .apicMainContent {
    margin-top: 3.125rem;
}

.applicationWrapper {
    width   : 70.125rem;
    margin  : 0 auto;
    position: relative;
}

.page-node-type-application .container .titleInnerWrapper {
    margin-left : 0;
    margin-right: 0;
    width       : 100%;
}

.applicationWrapper .titleSection .leftTitle {
    padding         : 1.5625rem 0 3.4375rem 1.5625rem;
    margin-bottom   : 0;
    flex            : 1 0 auto;
    background-color: var(--neutral-white);
    box-shadow      : 0.5rem 0 1.5625rem 0 #00000026;
}

.applicationWrapper .titleInnerWrapper .rightTitle {
    display         : flex;
    align-items     : center;
    background-color: var(--neutral-white);
    padding-right   : 1.5625rem;
    box-shadow      : 0.25rem 0 0.625rem -0.375rem #00000026;
}

/* .consumer_analytics_ui .applicationWrapper header.titleSection .breadcrumb {
    display: none;
} */

.applicationWrapper header.titleSection .breadcrumb {
    display: none;
}

.apicAppIcon {
    margin-right: 1.1875rem;
}

.applicationWrapper .titleSection .applicationTabs ul {
    gap       : 0 0.625rem;
    overflow-x: inherit;
}

.applicationWrapper .titleSection .applicationTabs li.selected {
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : var(--interaction-low);
    background-color: #ECF4FA;
    text-align      : center;
    border          : 1px solid var(--interaction-low);
    border-radius   : 0.3125rem;
    box-shadow      : 0 0.25rem 0.25rem 0 #1075BB40;
    width           : 10.625rem;
    height          : 2.8125rem;
}

.applicationWrapper .titleSection .applicationTabs li.selected:hover {
    background-color: #ECF4FA;
}

.applicationWrapper .titleSection .applicationTabs li.selected a {
    color        : var(--interaction-low);
    border-bottom: none;
    font-size    : 0.875rem;
    font-weight  : 500;
    padding      : 0;
}

.applicationWrapper .titleSection .applicationTabs li:hover a {
    border: none;
    color : var(--interaction-low);
}

.applicationWrapper .titleSection .applicationTabs li {
    color           : var(--neutral-high);
    display         : flex;
    align-items     : center;
    justify-content : center;
    background-color: var(--neutral-white);
    text-align      : center;
    border-radius   : 0.3125rem;
    box-shadow      : 0 0 0.625rem 0 #00000026;
    width           : 10.625rem;
    height          : 2.8125rem;
}

.applicationWrapper .titleSection .applicationTabs li:hover {
    background-color: var(--neutral-white);
    border          : 1px solid var(--interaction-low);
    box-shadow      : 0 0.25rem 0.25rem 0 #1075BB40;
}

.applicationWrapper .titleSection .applicationTabs li a {
    color        : var(--neutral-high);
    border-bottom: none;
    font-size    : 0.875rem;
    font-weight  : 400;
    padding      : 0;
}

.applicationContent .applicationDescription .field--label {
    display: none;
}

.applicationContent .applicationDescription,
.applicationContent .customFields {
    margin-bottom: 0;
}

.applicationDescription .field--item {
    width      : auto;
    color      : var(--neutral-high);
    font-size  : 0.875rem;
    font-weight: 400;
    position   : absolute;
    top        : 5rem;
    left       : 5.375rem;
}

.consumer_analytics_ui button.apicTertiary.bx--btn.bx--btn--tertiary {
    border-color    : var(--interaction-low);
    background-color: var(--neutral-white);
    color           : var(--interaction-low);
    font-weight     : 500;
    padding         : 0 0.9375rem;
    height          : 2.8125rem;
    width           : auto;
    min-width       : 8.4375rem;
}

.consumer_analytics_ui button.apicTertiary.bx--btn.bx--btn--tertiary:hover {
    border-color: var(--interaction-low-medium);
    color       : var(--interaction-low-medium);
}

.consumer_analytics_ui button.bx--btn.bx--btn--primary {
    border-color    : var(--interaction-low);
    background-color: var(--interaction-low);
    color           : var(--neutral-white);
    font-weight     : 600;
    padding         : 0 0.9375rem;
    height          : 2.8125rem;
    width           : auto;
    min-width       : 8.4375rem;
}

.consumer_analytics_ui button.bx--btn.bx--btn--primary {
    border-color    : var(--interaction-low-medium);
    background-color: var(--interaction-low-medium);
}

.consumer_analytics_ui .contentInnerWrapper {
    padding-top: 0;
}

.applicationOAuthRedirect {
    position: absolute;
    right   : 0;
    top     : 10.375rem;
    width   : auto;
}

.applicationOAuthRedirect .field--label {
    color      : var(--neutral-black);
    font-size  : 1rem;
    line-height: 1.5;
}

.applicationOAuthRedirect .field--items {
    line-height: 1.5;
    color      : var(--interaction-low);
}

.analytics-ui>.bx--grid:first-child {
    display: none;
}

.filterSection.bx--grid {
    padding: 0;
}

.App {
    padding      : 0;
    margin-top   : 5.3125rem;
    margin-bottom: 8.0625rem;
}

.bx--grid.flowGrid.metricsSection {
    padding   : 0;
    margin-top: 1.5625rem;
}

.chartsSection.flowGrid.bx--grid {
    padding: 2.5rem 0 0 0;
}

.flowGrid {
    gap: 2.5rem 2.1875rem;
}

h5.metricTitle {
    margin     : 0;
    font-size  : 1rem;
    font-weight: 500;
    color      : var(--neutral-black);
}

h1.metricValue {
    margin-top : 0;
    font-size  : 2rem;
    font-weight: 500;
    color      : var(--neutral-black);
}

.metricUnits {
    font-size  : 1rem;
    font-weight: 400;
    color      : var(--neutral-medium);
}

.bx--cc--title p.title {
    color      : var(--neutral-black);
    font-weight: 500;
}

.bx--data-table thead {
    background: var(--neutral-background-color);
}

.bx--data-table th {
    padding         : 0.9375rem;
    font-size       : 1rem;
    font-weight     : 500;
    color           : var(--neutral-black-low);
    background-color: var(--neutral-background-color);
}

/* Suscripciones */
.page-node-type-application .container .contentInnerWrapper {
    width: 100%;
}

.applicationWrapper .contentInnerWrapper {
    padding-top: 0;
    margin-top : 1.5625rem;
}

.applicationCredentials .credentialsTable,
.applicationSubscriptions .subscriptionsTable {
    background-color: var(--neutral-white);
    border          : none;
    box-shadow      : 0 0 0.9375rem 0 #0000001A;
    padding         : 1.5625rem;
}

.applicationSubscriptions .subscriptionsTable {
    padding: 1.5625rem 1.5625rem 0 1.5625rem;
}

.applicationCredentials .credentialsTable .credentialsHeader {
    border-bottom: 1px solid var(--neutral);
}

.applicationCredentials .credentialsTable .credentialsHeader,
.applicationSubscriptions .subscriptionsTable .subscriptionsHeader {
    padding: 0 0 0.9375rem 0;
}

.applicationCredentials .credentialsTable .credentialsHeader .credentialsTitle,
.applicationSubscriptions .subscriptionsTable .subscriptionsHeader .subscriptionsTitle {
    line-height: 1;
    font-weight: 500;
    font-size  : 1.5rem;
    color      : var(--neutral-extrahigh-73);
}

.applicationCredentials .credentialsTable .credentialsContent {
    padding: 0;
}

.credentialsTabs {
    display: none;
}

.page-node-type-application.bx--global-light-ui .form-item {
    margin: 0;
}

.clientIDContainer,
.clientSecretContainer {
    padding: 0;
}

.clientIDContainer .field__label,
.clientSecretContainer .field__label,
.applicationCredentials .credentialsTable .credentialsContent .credentialsData .field__label {
    font-size    : 0.875rem;
    font-weight  : 500;
    margin-bottom: 0.3125rem;
    color        : var(--neutral-extrahigh);
    display      : block;
    line-height  : 1.5;
}

label#clientIDInputLabel {
    margin-top: 1.5625rem;
}

.bx--global-light-ui .credentialsContent .clientIDContainer.form-item .password-field {
    width: 21.5625rem;
}

.bx--global-light-ui input.clipboardjs {
    background-color: var(--neutral-white);
}

input.clipboardjs {
    box-shadow: none;
}

button.clipboardjs-button {
    display: none;
}

.clientSecretContainer {
    margin-top: 1.5625rem;
}

.applicationCredentials .credentialsTable .credentialsContent .apicAppCheckButton.verifyButton {
    margin-top: 0.625rem;
}

.page-node-type-application.bx--global-light-ui .button.bx--btn--tertiary {
    background-color: var(--interaction-low);
    border          : none;
    font-size       : 0.875rem;
    font-weight     : 500;
    color           : var(--neutral-white);
    padding         : 0.9375rem;
    height          : 2.8125rem;
    box-shadow      : 0 0.25rem 0.25rem 0 #00000040;
}

.page-node-type-application.bx--global-light-ui .button.bx--btn--tertiary:hover {
    background-color: var(--interaction-low-medium);
    border          : none;
    color           : var(--neutral-white);
}

.page-node-type-application.bx--global-light-ui .button.bx--btn--tertiary:focus {
    background-color: var(--interaction-low);
    border          : none;
    outline         : 2px solid var(--interaction-disabled);
    outline-offset  : initial;
}

.page-node-type-application.bx--global-light-ui .button.bx--btn--tertiary:active {
    background-color: var(--interaction-low-medium);
}

.apicAppSubscriptions {
    margin-bottom: 11.3125rem;
}

.applicationSubscriptions {
    margin-top: 2.5rem;
}

.subscriptionsContent {
    margin-top: 0.9375rem;
}

.applicationSubscriptions .subscriptionsTable .subscriptionsHeader {
    border: none;
}

.applicationSubscriptions .subscriptionsTable .subscriptionsContent table thead {
    background   : transparent;
    border-bottom: 1px solid var(--neutral);
}

.applicationSubscriptions .subscriptionsTable .subscriptionsContent tbody td {
    padding   : 0;
    text-align: left;
}

.applicationSubscriptions .subscriptionsTable .subscriptionsContent th:first-child,
.applicationSubscriptions .subscriptionsTable .subscriptionsContent tbody td:first-child {
    padding    : 0 0 0.5625rem 0.3125rem;
    line-height: 1.5;
}

.applicationSubscriptions .subscriptionsTable .subscriptionsContent th:first-child {
    font-size  : 1rem;
    font-weight: 500;
    color      : var(--neutral-extrahigh-73);
}

.applicationSubscriptions .subscriptionsTable .subscriptionsContent th {
    padding    : 0;
    text-align : left;
    font-size  : 1rem;
    font-weight: 500;
    color      : var(--neutral-extrahigh-73);
}

tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--neutral-low);
}

.subscriptionsTable .subscriptionsContent tbody td {
    padding-top   : 1.75rem !important;
    padding-bottom: 1.5625rem !important;
}

td.plan {
    color: var(--neutral-extrahigh-73);
}

/* Notificaciones */
.view-notifications .view-content {
    margin-bottom: 6.25rem;
}

.view-notifications .view-content>h3 {
    font-size       : 1.5rem;
    font-weight     : 500;
    margin-bottom   : 0;
    background-color: var(--neutral-white);
    padding         : 1.5625rem 1.5625rem 0.9375rem 1.5625rem;
}

.eventLog:first-child {
    border-top: 1px solid var(--neutral);
}

.eventLog {
    background-color: var(--neutral-white);
    padding         : 1.5625rem;
    border-top      : 1px solid var(--neutral-low);
}

.eventLog:last-child {
    padding: 1.5625rem 1.5625rem 2rem 1.5625rem;
}

.eventLogAvatar {
    padding: 0 0.9375rem 0 0;
}

.eventLogMessage {
    font-size    : 1rem;
    font-weight  : 400;
    color        : var(--neutral-extrahigh-73);
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
    padding-right: 0.9375rem;
}

.eventLogTimestamp {
    margin-right: 0;
}

/* API Productos */
.context-product h1.page-header {
    border-bottom: none;
    background   : var(--neutral-background-color);
    margin       : 0;
    padding      : 3.125rem 24.875rem 1.5625rem 24.875rem;
    font-size    : 2.5rem;
    font-weight  : 500;
}

.context-product .page-description {
    margin          : 0;
    background-color: var(--neutral-background-color);
    padding         : 0 24.875rem 0 24.875rem;
}

.context-product .views-element-container {
    padding: 0;
}

.product-view .views-exposed-form {
    display: block;
}

.product-view .view-filters.form-group .form-inline {
    display         : block;
    width           : 100%;
    background-color: var(--neutral-background-color);
    padding         : 1.5625rem 24.875rem 3.125rem 24.875rem;
}

.product-view .views-exposed-form .form-item {
    margin-right: 0;
    display     : flex;
    align-items : center;
    gap         : 0 0.8125rem;
}

.product-view .views-exposed-form .form-item label {
    margin-bottom: 0;
}

.product-view .form-item {
    margin: 0;
}

.product-view .view-content {
    width : 70.125rem;
    margin: 0 auto;
}

.product-view .form-type-textfield {
    display: none !important;
}

.product-view .form-item-sort-by {
    display: none !important;
}

.product-view .form-item-sort-order {
    display: none !important;
}

.product-view .bx--label span.children {
    font-size  : 1rem;
    font-weight: 500;
    color      : var(--neutral-black);
}

.product-view select {
    height       : 2.8125rem !important;
    min-width    : 15.3125rem;
    padding      : 0.8125rem 1.875rem 0.8125rem 0.625rem;
    border-bottom: none;
    border       : 1px solid var(--neutral-medium);
    color        : var(--neutral-black);
    font-size    : 0.875rem;
    font-weight  : 400;
}

.product-view .view-filters.form-group .form-actions {
    margin-bottom: 0;
}

.product-view .view-filters.form-group .form-actions button {
    width           : auto;
    min-width       : 9.0625rem;
    height          : 2.8125rem;
    background-color: var(--interaction-low);
    color           : var(--neutral-white);
    padding         : 0.8125rem 1.6875rem;
    box-shadow      : 0 0.1875rem 0.625rem 1px #00000033;
    font-size       : 1rem;
    font-weight     : 500;
    margin          : 0;
    border          : var(--interaction-low);
    margin-left     : 0.75rem;
}

.product-view .view-filters.form-group .form-actions button:hover {
    background-color: var(--interaction-low-medium);
    border          : 1px solid var(--interaction-low-medium);
}

.product-view .view-filters.form-group .form-actions button:focus {
    outline       : 2px solid var(--interaction-disabled);
    outline-offset: initial;
}

.product-view .masonry-layout-products.form-group {
    position : static !important;
    height   : auto !important;
    display  : flex;
    flex-wrap: wrap;
    gap      : 3.125rem 1.5rem;
    margin   : 7.375rem 0 1.625rem 0;
}

.product-view .masonry-layout-products .masonry-item {
    position  : static !important;
    width     : 34.3125rem;
    height    : auto;
    max-height: 9.125rem;
    border    : none;
    background: var(--neutral-white);
    box-shadow: 0 0 0.9375rem 0 #0000001A;
}

.product-view .node--type-product.bx--card {
    border    : none;
    box-shadow: none;
    height    : auto;
    padding   : 0 1.5625rem 0 0;
    margin    : 0;
    min-width : 100%;
    min-height: 100%;
    position  : relative;
}

.product-view .bx--card .apicProductCard {
    padding        : 0;
    display        : flex;
    flex-direction : column;
    flex-wrap      : wrap;
    justify-content: flex-start;
    align-content  : start;
    align-items    : flex-start;
    max-height     : 9.125rem;
    min-height     : 9.125rem
}

.product-view .apicCardIcon {
    background-color: #ECF4FC;
    flex            : 1 1 9.125rem;
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 5.6875rem;
    margin-right    : 1.5625rem;
}

.product-view .bx--card .apicProductCard .bx--about__icon {
    margin          : 0;
    background-color: transparent;
    border          : none;
    width           : auto;
    height          : auto;
    max-width       : 3.8125rem;
}

.product-view .apicProductCardMain {
    flex        : 1 1 50%;
    align-self  : stretch;
    width       : 19.5625rem;
    margin-right: 1.5625rem;
}

.product-view .bx--about__title--name {
    width     : 100% !important;
    padding   : 1.5625rem 0 0 0;
    overflow-y: hidden;
}

.product-view .bx--card .apicProductCardMain .bx--about__title--name a {
    font-size  : 1.5rem;
    font-weight: 500;
    color      : var(--neutral-black);
    display    : initial;
    line-height: 1;
}

.product-view .bx--card .apicProductCardMain .apicProductName {
    padding  : 0;
    max-width: 100%;
}

.product-view .bx--card .apicProductCardVersion {
    color      : var(--neutral);
    font-size  : 0.875rem;
    font-weight: 400;
    line-height: 1;
    padding-top: 0.5rem;
}

.product-view .apicProductRating {
    display: none;
}

.product-view .apicProductCardMain {
    flex        : 1 1 50%;
    align-self  : stretch;
    width       : 19.5625rem;
    height      : auto;
    margin-right: 1.5625rem;
}

.product-view .apicProductCard .apicProductState {
    display: none;
}

.product-view .apicProductAPIs {
    display: none;
}

.product-view .bx--card .apicProductDesc {
    flex          : 1 1 50%;
    width         : 19.5625rem;
    align-self    : flex-start;
    height        : auto;
    font-size     : 0.8125rem;
    font-weight   : 400;
    color         : var(--neutral-extrahigh);
    line-height   : 1.3;
    letter-spacing: 0;
    padding-bottom: 1.5625rem;
    padding-top   : 0.9375rem;
    margin-right  : 1.5625rem;
}

.product-view .apicProductDesc .field--item {
    max-height        : 2.1119rem;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product-view .bx--card .apicProductDesc p {
    font-size  : 0.8125rem;
    font-weight: 400;
    color      : var(--neutral-extrahigh);
    line-height: 1.3;
}

.product-view a.apicProductViewMore {
    align-self     : center;
    justify-content: center;
    display        : flex;
    flex-direction : column;
    flex           : 1 1 100%;
    padding        : 0.9375rem 0;
}

.product-view .region.region-content {
    width        : 70.125rem;
    margin       : 0 auto;
    margin-bottom: 10.0625rem;
}

.product-view .apicProduct .apicProductHeader {
    padding      : 0;
    border-bottom: none;
}

.product-view .apicProduct .apicProductHeader .breadcrumb {
    display: none;
}

.product-view .apicProductTitle {
    height          : 13.3125rem;
    background-color: var(--neutral-white);
    padding         : 1.5625rem 0;
    display         : block;
    box-shadow      : 0 0 0.625rem 0 #00000026;

}

.product-view .dialog-off-canvas-main-canvas {
    background-color: var(--neutral-background-color);
}

.product-view .apicMainContent.main-container.container {
    background-color: var(--neutral-background-color);
}

.product-view .apicProductIcon {
    display: none;
}

.product-view .apicProductTitleText {
    display      : block;
    max-width    : 100%;
    padding      : 0 2.5rem 0.9375rem 2.5rem;
    border-bottom: 1px solid var(--neutral-low);
}

.product-view h1.productName {
    font-size  : 2.5rem;
    font-weight: 500;
    color      : var(--neutral-black);
    line-height: 1;
}

.product-view .apicProductVersion {
    margin     : 0.3125rem 0 0 0;
    line-height: 1;
    font-size  : 0.875rem;
    color      : var(--neutral);
    display    : flex;
}

.product-view .field--name-apic-rating {
    display: none;
}

.product-view .apicProduct .apicProductBody {
    padding: 0;
}

.product-view .views-element-container {
    padding: 0;
    width  : 100%;
}

.product-view .node--type-api.node--view-mode-embedded.bx--card {
    box-shadow      : 0 0 0.9375rem 0 #0000001A;
    background-color: var(--neutral-white);
}

.route-productview .apicApiCardMain {
    position: relative;
}

/* API Details */
.route-productview .region.region-content {
    width   : 70.125rem;
    margin  : 0 auto;
    position: relative;
}

.route-productview .dialog-off-canvas-main-canvas {
    background-color: var(--neutral-background-color);
}

.route-productview .apicMainContent.main-container.container {
    background-color: var(--neutral-background-color);
}

.route-productview .breadcrumb {
    display: none;
}

.route-productview .apicProductIcon {
    display: none;
}

.route-productview .field.field--name-apic-rating {
    display: none;
}

.route-productview .apicProductTitleText {
    flex-direction: column;
    align-items   : flex-start;
}

.route-productview header.node__header--has-meta.node__header.apicProductHeader {
    padding   : 1.5625rem 2.5rem;
    box-shadow: 0 0 0.625rem 0 #00000026;
}

.route-productview .apicProductTitle {
    padding: 0;
}

.route-productview h1.productName {
    font-size  : 2.5rem;
    font-weight: 500;
    line-height: 1.5;
    color      : var(--neutral-black);
}

.route-productview span.apicProductVersion {
    font-size  : 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin     : 0;
    color      : var(--neutral);
}

.route-productview .node__content.apicProductBody.apisandplans {
    padding: 0;
}

.route-productview .apicProductTags {
    display: none;
}

.route-productview .field--label {
    display: none;
}

.route-productview .apicProductDesc,
.route-productview .apicProductSummary {
    background-color: var(--neutral-white);
    padding         : 1.5625rem 2.5rem;
    box-shadow      : 0 0 0.625rem 0 #00000026;
}

.route-productview .field.field--name-apic-description.field--type-text-long.field--label-above {
    margin: 0;
}

.apicProduct .apicProductDesc .field--item p {
    font-size  : 1rem;
    font-weight: 400;
    line-height: 1.5;
    color      : var(--neutral-black);
}

.route-productview .apicProduct .apicProductBody .field.apis {
    margin-top   : 2.5rem;
    margin-bottom: 7.9375rem;
}

.route-productview .apicProduct .apicProductBody .field.apis h3 {
    font-size     : 1.5rem;
    font-weight   : 500;
    line-height   : 1.3;
    color         : var(--neutral-black);
    display       : block;
    margin        : 0;
    padding-bottom: 0.9375rem;
    padding-left  : 2.375rem;
    margin-bottom : 2.5rem;
    border-bottom : 1px solid var(--neutral-extrahigh-73);
}

.route-productview ul.apicProductApiList {
    margin: 0;
}

.route-productview .list-group {
    margin-bottom: 0;
    margin-bottom: 0;
    display      : flex;
    flex-wrap    : wrap;
    gap          : 2.8125rem;
}

.apicProductApiList .views-bootstrap-list-group .list-group-item {
    margin       : 0;
    width        : 21.5rem;
    max-width    : 21.5rem;
    height       : auto;
    box-shadow   : 0 0 0.9375rem 0 #0000001A;
    padding      : 1.875rem 1.5625rem;
    border-bottom: 0.375rem solid var(--interaction-low);
}

.route-productview .node--type-api.node--view-mode-embedded.bx--card {
    padding   : 0;
    height    : auto;
    min-height: 100%;
}

.route-productview .bx--card .apicApiCard {
    padding: 0;
    display: block;
}

.route-productview .bx--card .apicApiCard .apicCardIcon {
    display: none;
}

.route-productview .bx--card .apicApiCard .apicApiCardMain .bx--about__title--name {
    padding: 0;
    margin : 0;
    width  : 100%;
}

.route-productview .bx--card .apicApiCardMain .bx--about__title--name a {
    font-size    : 1.5rem;
    font-weight  : 500;
    line-height  : 1.5;
    margin-bottom: 0.3125rem;
    color        : var(--neutral-black);
    display      : block;
    white-space  : nowrap;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.route-productview .bx--card .apicApiCardMain .bx--about__title--name span {
    font-size    : 1.5rem;
    font-weight  : 500;
    line-height  : 1.5;
    margin-bottom: 0.3125rem;
    color        : var(--neutral-black);
}

.route-productview .bx--card .apicApiCardMain .bx--about__title--name span {
    padding: 0;
}

.route-productview .bx--card .apicApiCardMain .bx--about__title--name span::after {
    content    : 'Ver más detalles';
    position   : absolute;
    left       : 0;
    bottom     : 0;
    line-height: 1;
    color      : var(--interaction-low);
    font-size  : 0.875rem;
}

.route-productview .bx--card .apicApiCardMain .bx--about__title--name span:hover:after {
    color: var(--interaction-low-medium);
}

.route-productview .bx--card .apicApiCardMain .bx--about__title--name .apicApiCardVersion {
    display: none;
}

.route-productview .bx--card .apicApiCard .apicApiCardMain .bx--about__title--name {
    padding: 0;
    margin : 0;
    width  : 100%;
}

.route-productview .bx--card .apicApiCard .apicApiCardMain .apicApiDesc.apicFade {
    max-height   : 2.75rem;
    margin-bottom: 1.5625rem;
}

.route-productview .bx--card .apicApiCard .apicApiCardMain .apicApiDesc.apicFade p {
    height            : auto;
    max-height        : 2.75rem;
    overflow          : hidden;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size         : 0.8125rem;
    font-weight       : 400;
    line-height       : 1.3;
    color             : var(--neutral-extrahigh);
}

.route-productview .bx--card .apicApiCardMain .apicCardFooter {
    position       : static;
    margin         : 0;
    display        : flex;
    justify-content: end;
    width          : 100%;
}

.route-productview .bx--card .apicApiCardMain .apicCardFooter div {
    font-size  : 0.875rem;
    font-weight: 400;
    line-height: 1;
    color      : var(--neutral);
}

.route-productview .apicCardFooter .apicState .field::before {
    content: '-';
    margin : 0 0.3125rem;
}

.route-productview .views-element-container {
    padding: 0;
}

.route-productview .apicProduct .apicProductBody .field.plans {
    margin: 0 0 10rem 0;
}

.route-productview .comments {
    display: none;
}

.route-productview h3.field__label.label {
    font-size     : 1.5rem;
    font-weight   : 500;
    line-height   : 1.3;
    color         : var(--neutral-black);
    display       : block;
    margin        : 0;
    padding-bottom: 0.9375rem;
    padding-left  : 2.375rem;
    margin-bottom : 2.5rem;
    border-bottom : 1px solid var(--neutral-extrahigh-73);
}

.route-productview .subHeading {
    display: none;
}

.route-productview .planComparisonTable .apicPlans {
    gap: 2.5rem 1.5625rem;
}

.route-productview .planComparisonTable .apicPlans .planCard {
    width     : 16.25rem;
    margin    : 0;
    box-shadow: 0 0 0.625rem 0 #00000026;
    padding   : 2.5rem 3.125rem 2.1875rem 3.125rem;
    height    : auto;
    min-height: 28.5625rem;
}

.route-productview .planComparisonTable .apicPlans .planCard:nth-of-type(4n-3) {
    border-bottom: 0.3125rem solid #E2A4D8;
}

.route-productview .planComparisonTable .apicPlans .planCard:nth-of-type(4n-2) {
    border-bottom: 0.3125rem solid #75B1B8;
}

.route-productview .planComparisonTable .apicPlans .planCard:nth-of-type(4n-1) {
    border-bottom: 0.3125rem solid #F5881F;
}

.route-productview .planComparisonTable .apicPlans .planCard:nth-of-type(4n) {
    border-bottom: 0.3125rem solid #CDB168;
}

.route-productview .apicPlans .planCard .planLocked {
    display: none;
}

.route-productview .apicPlans .planCard .planTitle {
    font-size    : 2rem;
    font-weight  : 500;
    line-height  : 1.1;
    text-align   : center;
    margin-right : 0;
    height       : auto;
    margin-bottom: 1.5625rem;
}

.route-productview .planRatesAndBilling.hasRates p {
    font-size      : 0.8125rem;
    font-weight    : 400;
    line-height    : 1.5;
    text-align     : center;
    text-decoration: none;
    color          : var(--neutral-extrahigh);
}

.route-productview span.multiRateLimits {
    text-decoration: none;
    cursor         : context-menu;
    color          : var(--neutral-black);
}

.route-productview .planRatesAndBilling.hasRates {
    margin-bottom: 2.5rem;
}

.route-productview .apicPlans .planCard .btn.btn-sm {
    margin-bottom   : 0;
    text-align      : center;
    background-color: var(--neutral-white);
    width           : auto;
    order           : 1;
    line-height     : 1.2;
    height          : 2.8125rem;
    max-width       : 100%;
    padding         : 0.8125rem 1.75rem;
    color           : var(--interaction-low);
    font-weight     : 500;
    border          : 1px solid var(--interaction-low);
    box-shadow      : 0 0.1875rem 0.625rem 1px #00000026;
}

.route-productview .apicPlans .planCard .btn.btn-sm:hover {
    color : var(--interaction-low-medium);
    border: 1px solid var(--interaction-low-medium);
}

.route-productview .apicPlans .planCard .planDescription {
    display: none;
}

.route-productview .apicPlans .planCard .planApis {
    margin-bottom: 0;
}

.route-productview .apicPlans .planCard .planApis .planApiList {
    margin-bottom: 0;
}

.route-productview .apicPlans .planCard .planApis .planApiList li {
    margin-bottom: 0;
}

.route-productview .planApiList li {
    margin-bottom: 0;
}

.route-productview .apicPlans .planCard .planApis .planApiList li:not(:last-child) {
    margin-bottom: 1.5625rem;
}

.route-productview .planApiCheckMark svg {
    fill: var(--positive-medium);
}

.route-productview .planApiVersion {
    display: none;
}

.route-productview .apicPlans .planCard .planViewDetails {
    text-align: center;
    margin    : auto 0 1.25rem 0;
}

.route-productview .modal-content.ui-dialog {
    position        : relative;
    padding         : 2.5rem;
    background-color: var(--neutral-white);
}


.route-productview .planDetail--header {
    padding : 0;
    position: static;
}

.route-productview .planDetail--content {
    padding      : 0;
    margin-bottom: 6.875rem;
}

.route-productview a.planDetail--modalClose {
    padding: 0;
    top    : 2.125rem;
    right  : 2.125rem;
    width  : 1.6rem;
    height : 1.6rem;
    color  : var(--neutral-high);
}

.route-productview .planDetail--header h2 {
    font-size    : 1.25rem;
    font-weight  : 500;
    line-height  : 1.2;
    margin-top   : 0;
    color        : var(--neutral-extrahigh-73);
    margin-bottom: 1.5625rem;
}

.route-productview .planDetail--subscribe {
    margin: 2.5rem 0 0.625rem 0;
}

.route-productview .planDetail--subscribe a {
    position        : absolute;
    bottom          : 2.125rem;
    right           : 2.125rem;
    padding         : 0.9375rem !important;
    line-height     : 1;
    height          : 2.8125rem !important;
    min-width       : 9.25rem;
    width           : auto;
    background-color: var(--interaction-low);
    font-size       : 0.875rem;
    font-weight     : 500;
    text-align      : center;
}

.route-productview .planDetail--subscribe a:hover {
    background-color: var(--interaction-low-medium);
}

.route-productview p.planDetail--info {
    margin     : 0;
    font-size  : 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    color      : var(--neutral-black);
}

.route-productview .planDetail--content p {
    display: none;
}

.route-productview .plansTable th {
    color           : var(--neutral-black-low);
    background-color: var(--neutral-background-color);
    font-size       : 0.875rem;
    font-weight     : 500;
}

.route-productview .svg-inline--fa {
    color: #6D6E7180;
}

/* DFA */
.context-email-tfa .region.region-content {
    width          : 72rem;
    margin         : 0 auto;
    height         : 73.3vh;
    display        : flex;
    flex-direction : column;
    justify-content: center;
    align-items    : center;
}

.context-email-tfa h1.page-header {
    font-size  : 2.25rem;
    font-weight: 500;
    line-height: 1.5;
    text-align : center;
    color      : var(--neutral-black);
}

.context-email-tfa form#email-tfa-verify-form {
    display       : flex;
    width         : 30.75rem;
    flex-direction: column;
    align-items   : center;
}

.context-email-tfa .email-tfa-verify-form .form-group {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    margin-bottom : 1.5625rem;
}

.context-email-tfa label#edit-email-tfa-verify-label {
    font-size  : 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    color      : var(--neutral-extrahigh);
}

.context-email-tfa div#edit-email-tfa-verify--description {
    font-size  : 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align : center;
    order      : -1;
    margin     : 1rem 0 1.5625rem 0;
    color      : var(--neutral-black-low);
}

.context-email-tfa button#edit-interrupt {
    display: none;
}

/* Api products details */
.route-productapi .dialog-off-canvas-main-canvas {
    background-color: var(--neutral-background-color);
}

.route-productapi .apicMainContent.main-container.container {
    background-color: var(--neutral-background-color);
}

.route-productapi .region.region-content {
    width   : 70.125rem;
    margin  : 0 auto;
    position: relative;
}

.route-productapi .productApiWrapper header.titleSection {
    background-color: var(--neutral-white);
    padding         : 1.5625rem 1.5625rem 1.5625rem 2.5rem;
    margin-bottom   : 2.5rem;
    margin-top      : 3.125rem;
    box-shadow      : 0 0 0.625rem 0 #00000026;
}

.route-productapi .productApiWrapper header.titleSection .breadcrumb {
    font-size  : 1rem;
    font-weight: 400;
    line-height: 1;
    color      : var(--neutral);
    position   : absolute;
    top        : -3.4375rem;
    left       : 0;
}

.route-productapi .productApiWrapper header.titleSection .breadcrumb a {
    font-size  : 1rem;
    font-weight: 400;
    color      : var(--neutral);
}

.route-productapi .productApiWrapper header.titleSection .breadcrumb a:last-child {
    color: var(--interaction-low);
}

.route-productapi .apicProductTitle.apicApiTitle {
    padding       : 0;
    flex-direction: column;
    align-items   : flex-start;
}

.route-productapi .apicProductTitle.apicApiTitle .apicApiIcon {
    display: none;
}

.route-productapi .apicProductTitle.apicApiTitle .apicProductTitleText {
    flex-direction: column;
    align-items   : flex-start;
    max-width     : 100%;
}

.route-productapi .apicProductTitle.apicApiTitle .apicProductTitleText h1 {
    font-size    : 2.5rem;
    font-weight  : 500;
    margin-bottom: 0.3125rem;
    line-height  : 1.5;
}

.route-productapi .apicProductTitle.apicApiTitle .apicProductTitleText span {
    margin     : 0;
    font-size  : 0.875rem;
    color      : var(--neutral);
    line-height: 1;
    font-weight: 400;
}

.route-productapi .apicProductTitle.apicApiTitle .apicProductTitleText .apicApiState {
    display: none;
}

.route-productapi .apicProductTitle.apicApiTitle .apicProductTitleText .field--name-apic-rating {
    display: none;
}

.route-productapi .explorerWrapper {
    min-height: min-content;
}

.route-productapi .productApiWrapper #innerWrapper>article:not(.apiprotocol-graphql) {
    border-top: none;
}

.route-productapi .productApiWrapper .titleInnerWrapper .rightTitle {
    padding-top: 0;
}

.route-productapi .apiconnect-explorer .apiconnect-explorer-menu .explorer-toc .menuViewChooser {
    display: none;
}

.apiconnect-explorer .explorer-toc .tocHeader a {
    padding: 0.9375rem;
}

.bx--global-light-ui .apiconnect-explorer .explorer-toc a.selected {
    background-color: #E7F0F8;
    border-left     : 0.25rem solid var(--interaction-low);
    padding         : 0.9375rem 0.9375rem;
}

.apiconnect-explorer .apiconnect-explorer-menu .explorer-toc {
    max-width: 15.625rem;
}

.apiconnect-explorer .explorer-toc ul .tocItem a.selected {
    background-color: #E7F0F8;
}

.apiconnect-explorer a.bx--side-nav__link>.bx--side-nav__link-text {
    font-size  : 0.875rem;
    font-weight: 500;
    color      : var(--neutral);
    line-height: 1.5;
}

.apiconnect-explorer .searchListItem {
    margin: 0.9375rem 0 0.9375rem 0;
}

.apiconnect-explorer .apiContent .searchListItem .search-input {
    margin: 0;
}

.route-productapi .Pane.vertical.Pane1 {
    width       : 15.625rem !important;
    border-right: none;
    height      : max-content;
    box-shadow  : 0 0 0.9375rem 0 #0000001A;
    position    : static !important;
}

.apiconnect-explorer .bx--search-input {
    background-color: var(--neutral-white) !important;
    border          : 1px solid var(--neutral-low);
}

.apiconnect-explorer .bx--search-input:focus {
    outline       : 1px solid var(--neutral);
    outline-offset: -2px;
}

.apiconnect-explorer-menu .explorer-toc ul ul .tocItem a {
    padding: 0.9375rem;
}

.apiconnect-explorer .apiconnect-explorer-menu .apiMenu {
    margin-bottom : 0;
    padding-bottom: 1.875rem;
}

.bx--global-light-ui .apiconnect-explorer .explorer-toc a.selected span {
    font-size  : 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    color      : var(--neutral-extrahigh);
}

.apiconnect-explorer-menu .explorer-toc ul .tocItem a span {
    font-size  : 0.875rem;
    font-weight: 500;
    color      : var(--neutral);
    line-height: 1.5;
}

.route-productapi .Pane.vertical.Pane2 {
    box-shadow: 0 0 0.9375rem 0 #0000001A;
    height    : max-content;
    position  : static !important;
    flex      : 1 1 auto !important;
    overflow-x: auto;
}

.apiconnect-explorer .overview-section .overviewHeader,
.apiconnect-explorer .definitions-section .definitionsHeader {
    padding: 0;
}

.apiconnect-explorer h2 {
    font-size  : 1.5rem;
    font-weight: 500;
    color      : var(--neutral-black);
    margin     : 0;
    line-height: 1;
}

.apiconnect-explorer .operation-section .operationTitle {
    padding-right: 0;
}

.apiconnect-explorer .operation-section .operationDisplay .op-tabs ul {
    padding-left: 0;
}

.apiconnect-explorer .operation-section .operationDisplay section.tab-content {
    padding: 0;
}

.apiconnect-explorer a.bx--side-nav__link:focus,
.apiconnect-explorer .bx--side-nav a.bx--header__menu-item:focus {
    outline       : none;
    outline-offset: -2px;
}

.apiconnect-explorer .responses .operationInformation:last-child .bx--accordion__item:last-child {
    border-bottom: none;
}

.apiconnect-explorer .operation-section .operationHeader,
.apiconnect-explorer .overview-section .overviewHeader,
.apiconnect-explorer .overview-section .overviewBody,
.apiconnect-explorer .definitions-section .definitionsHeader,
.apiconnect-explorer .definitions-section .definitionsBody .route-productapi .apiconnect-explorer .main {
    padding: 0;
}

.apiconnect-explorer .overview-section .overviewHeader,
.apiconnect-explorer .overview-section .overviewBody,
.apiconnect-explorer .definitions-section .definitionsBody {
    padding: 1.5625rem 0;
}

.route-productapi .apiconnect-explorer .main {
    margin : 0;
    padding: 1.5625rem 1.5625rem 0.625rem 1.5625rem;
}

.apiconnect-explorer .operationInformation,
.apiconnect-explorer .operationDisplay .testToolSection {
    grid-template-columns: 17.3% 82.7%;
    -ms-grid-columns     : 17.3% 82.7%;
    align-items          : center;
}

.operationInformation .labelText,
.apiconnect-explorer .operationDisplay .testToolSection .labelText,
.apiconnect-explorer .apiconnect-explorer.graphql-display .testToolSection .labelText {
    -ms-grid-column: 0;
    padding-right  : 0;
}

.apiconnect-explorer .operationInformation .valueText {
    padding-left: 0;
}

.apiconnect-explorer .overviewBody .valueText {
    font-weight: 400;
    font-size  : 0.875rem;
    color      : var(--neutral-black);
    line-height: 1.5;
    display    : flex;
    align-items: center;
}

.apiconnect-explorer .bx--tag {
    display: none;
}

.apiconnect-explorer .labelText {
    font-weight: 500;
    font-size  : 0.8125rem;
    color      : var(--neutral-black);
    line-height: 1.5;
}

.markdown.apiDescription p {
    font-size  : 1rem;
    font-weight: 400;
    color      : var(--neutral-black);
    padding    : 0.625rem 0 1.5625rem 0;
}

.apiconnect-explorer .apiDownload {
    color: var(--interaction-low);
}

.apiconnect-explorer .bx--link:hover {
    color          : var(--interaction-low-medium);
    text-decoration: none;
}

.apiconnect-explorer .divided__item {
    border-top: 1px solid var(--neutral);
}

.apiconnect-explorer .divided__item+.divided__item {
    border-top: 1px solid var(--neutral-low);
}

.route-productapi .apiconnect-explorer-menu.stretch {
    position: static;
}

.route-productapi .apiconnect-explorer .stretch {
    position: static;
}

.route-productapi .SplitPane.vertical {
    position     : static !important;
    gap          : 0 0.625rem;
    height       : auto !important;
    margin-bottom: 18.6875rem;
}

.route-productapi .apiconnect-explorer .Resizer.vertical {
    width  : 0;
    margin : 0;
    border : none;
    cursor : default;
    display: none;
}

.apiconnect-explorer .operation-section .operationDisplay .op-tabs ul {
    gap: 0 2rem;
}

.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link {
    border-bottom: 1px solid var(--interaction-low);
    color        : #68A7D3;
    font-size    : 14px;
    font-weight  : 400;
    line-height  : 1.3;
    padding      : 0 0.3125rem;
    width        : auto;
}

.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-item--selected .bx--tabs--scrollable__nav-link:hover {
    border-bottom: 1px solid var(--interaction-low);
    color        : #68A7D3;
}

.apiconnect-explorer .bx--tabs--scrollable .bx--tabs--scrollable__nav-link {
    width: auto;
    color: var(--neutral-extrahigh-73);
}


/* --- UTILIDADES --- */
.px-0 {
    padding-left : 0;
    padding-right: 0;
}