/* ==== Variables globales ==== */

/* Variables */
:root {
    --white: #FFFFFF;
    --gray-10: #F2F2F2;
    --gray-20: #DEDEDE;
    --gray-30: #C9C9C9;
    --gray-40: #ADADAD;
    --gray-50: #919191;
    --gray-60: #767676;
    --gray-70: #595959;
    --gray-80: #424242;
    --gray-90: #313030;
    --gray-100: #141414;
    --black: #000000;
    --turquoise-10: #EBF6F7;
    --turquoise-20: #BDE0E5;
    --turquoise-30: #99D0D6;
    --turquoise-40: #6DBCC5;
    --turquoise-50: #29BACB;
    --turquoise-60: #00A8BD;
    --turquoise-70: #067988;
    --turquoise-80: #005B66;
    --turquoise-90: #004047;
    --turquoise-100: #001B1F;
    --orange-10: #FEEDDD;
    --orange-20: #F9D09F;
    --orange-30: #F6B365;
    --orange-40: #F29426;
    --orange-50: #E2800D;
    --orange-60: #C76B00;
    --orange-70: #8F4D00;
    --orange-80: #6B3A00;
    --orange-90: #4D2900;
    --orange-100: #2E1900;
    --green-10: #E9F7EA;
    --green-20: #BBE6BD;
    --green-30: #9ADA9D;
    --green-40: #6CC970;
    --green-50: #50BE55;
    --green-60: #25B12B;
    --green-70: #138618;
    --green-80: #146117;
    --green-90: #0F4811;
    --green-100: #072208;
    --blue-10: #E6F5FF;
    --blue-20: #B0E0FD;
    --blue-30: #8AD1FD;
    --blue-40: #54BBFC;
    --blue-50: #33AEFB;
    --blue-60: #0093F0;
    --blue-70: #0070B8;
    --blue-80: #005285;
    --blue-90: #00395C;
    --blue-100: #002033;
    --yellow-10: #FCEECA;
    --yellow-20: #F5DB9B;
    --yellow-30: #F7CC5F;
    --yellow-40: #F2B20D;
    --yellow-50: #D0990B;
    --yellow-60: #A57909;
    --yellow-70: #745506;
    --yellow-80: #574005;
    --yellow-90: #412F02;
    --yellow-100: #281D01;
    --red-10: #FAE9E8;
    --red-20: #FFCAC4;
    --red-30: #F6A9A1;
    --red-40: #F28276;
    --red-50: #F0695B;
    --red-60: #ED4C3B;
    --red-70: #B83123;
    --red-80: #8B281E;
    --red-90: #651D16;
    --red-100: #651D16;
    --aqua-blue: #009FAC;
    --pastel-blue: #81C2CA;
    --light-aqua: #B9DBDF;
    --light-gray: #D9D9D9;
    --light-gray-2: #F5F5F5;
    --light-gray-3: #F8F8F8;
    --light-gray-4: #F7F7F7;
    --transparent: transparent;
    --cajamar-font-family: 'Work Sans', sans-serif;
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-font-weight-medium: 500;
    --body-font-weight-semibold: 600;
    --body-font-weight-bold: 700;
    --border-width: 1px;
    --radius-full: 50%;
    --radius-s: .125rem;
    --radius-default: .25rem;
    --radius-lg: .625rem;
    --typography-low-xs: var(--body-font-weight) .75rem/1rem;
    --typography-low-s: var(--body-font-weight) .9rem/1.1rem;
    --typography-low-m: var(--body-font-weight) 1rem/1.375rem;
    --typography-low-l: var(--body-font-weight) 1.1rem/1.5rem;
    --typography-mid-xs: var(--body-font-weight) .75rem/1rem;
    --typography-mid-xs-emphasis: var(--body-font-weight-medium) .75rem/1rem;
    --typography-mid-s: var(--body-font-weight) .9rem/1.1rem;
    --typography-mid-s-emphasis: var(--body-font-weight-medium) .9rem/1.1rem;
    --typography-mid-m: var(--body-font-weight) 1rem/1.375rem;
    --typography-mid-m-emphasis: var(--body-font-weight-medium) 1rem/1.375rem;
    --typography-mid-l: var(--body-font-weight) 1.1rem/1.5rem;
    --typography-mid-l-emphasis: var(--body-font-weight-medium) 1.1rem/1.5rem;
    --typography-high-xs: var(--body-font-weight-medium) 1.3rem/1.875rem;
    --typography-high-xs-emphasis: var(--body-font-weight-semibold) 1.3rem/1.875rem;
    --typography-high-s: var(--body-font-weight-medium) 1.5rem/2rem;
    --typography-high-s-emphasis: var(--body-font-weight-semibold) 1.5rem/2rem;
    --typography-high-m: var(--body-font-weight-medium) 1.8rem/2.25rem;
    --typography-high-m-emphasis: var(--body-font-weight-semibold) 1.8rem/2.25rem;
    --typography-high-l: var(--body-font-weight-medium) 2rem/2.5rem;
    --typography-high-l-emphasis: var(--body-font-weight-semibold) 2rem/2.5rem;
    --content-high: var(--gray-100);
    --content-mid: var(--gray-80);
    --content-low: var(--gray-60);
    --content-accent: var(--turquoise-70);
    --content-contrast: var(--yellow-70);
    --content-inverse: var(--white);
    --content-always-light: var(--white);
    --content-always-dark: var(--gray-100);
    --content-state-disabled: var(--gray-40);
    --background-base: var(--white);
    --background-secondary: var(--gray-10);
    --background-tertiary: var(--gray-20);
    --background-accent: var(--turquoise-70);
    --background-accent-low: var(--turquoise-10);
    --background-contrast: var(--yellow-70);
    --background-contrast-low: var(--yellow-10);
    --background-inverse: var(--gray-100);
    --background-always-light: var(--white);
    --background-always-dark: var(--gray-100);
    --background-state-disabled: var(--gray-10);
    --border-high: var(--gray-100);
    --border-mid: var(--gray-40);
    --border-low: var(--gray-20);
    --border-accent: var(--turquoise-70);
    --border-inverse: var(--white);
    --border-always-light: var(--white);
    --border-always-dark: var(--gray-100);
    --border-state-disabled: var(--gray-30);
    --btn-primary-hover: #1E8694;
    --btn-primary-pressed: #3894A0;
    --btn-secondary-hover: #F2F8F9;
    --btn-secondary-pressed: #E7F2F4;
    --btn-tertiary-hover: #F2F8F9;
    --btn-tertiary-pressed: #E7F2F4;
    --semantic-content-success: var(--green-80);
    --semantic-content-danger: var(--red-70);
    --semantic-content-info: var(--blue-70);
    --semantic-content-warning: var(--yellow-70);
    --semantic-background-success: var(--green-70);
    --semantic-background-success-low: var(--green-10);
    --semantic-background-danger: var(--red-70);
    --semantic-background-danger-low: var(--red-10);
    --semantic-background-info: var(--blue-70);
    --semantic-background-info-low: var(--blue-10);
    --semantic-background-warning: var(--yellow-70);
    --semantic-background-warning-low: var(--yellow-10);
    --semantic-border-success: var(--green-10);
    --semantic-border-danger: var(--red-70);
    --semantic-border-info: var(--blue-70);
    --semantic-border-warning: var(--yellow-60);
    --font-awesome-family: 'Font Awesome 7 Pro';
    --spacing-01: 0 .25rem;
    --spacing-02: 0 .5rem;
    --spacing-03: 0 .75rem;
    --spacing-04: 0 1rem;
    --spacing-05: 0 1.25rem;
    --spacing-06: 0 1.5rem;
    --spacing-07: 0 2rem;
    --spacing-08: 0 2.5rem;
    --spacing-09: 0 3rem;
    --spacing-10: 0 3.5rem;
    --spacing-11: 0 4rem;
    --spacing-12: 0 5rem;
    --spacing-13: 0 6rem;
    --spacing-14: 0 8rem;
}

:focus-visible {
    outline: 2.5px solid var(--border-always-dark) !important;
    box-shadow: none !important;
}

.fw-medium{
    font-weight: var(--body-font-weight-semibold) !important;
}

.no-focus-mouse:focus,
.no-focus-mouse:focus-visible {
    outline: none !important;
}

body {
    background-color: var(--background-base);
    font-family: var(--cajamar-font-family);
    font-weight: var(--body-font-weight);
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}

hr {
    margin: 1rem 0;
    color: var(--light-gray);
    border: 0;
    border-top: var(--border-width) solid;
    opacity: unset;
}

h1 {
    color: var(--content-always-dark);
    font-size: 3.5rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 3.75rem;
}

h2 {
    color: var(--content-always-dark);
    font-size: 2.5rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 2.75rem;
}

h3 {
    color: var(--content-always-dark);
    font-size: 1.5rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 2rem;
}

h4 {
    color: var(--content-always-dark);
    font-size: 1.375rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 1.875rem;
}

h5 {
    color: var(--content-always-dark);
    font-size: 1.25rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 1.75rem;
}

h6 {
    color: var(--content-always-dark);
    font-size: 1.125rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 1.5rem;
}

strong,
b {
    font-weight: var(--body-font-weight-semibold);
}

em {
    color: var(--content-always-dark);
    font-style: normal;
    transform: skewX(-15deg);
}

u {
    text-underline-offset: 3px;
    text-decoration-thickness: 1.5px;
}

a {
    color: var(--content-accent);
}

p a,
.section-description p a {
    text-decoration: none;
}

p a:hover,
.section-description p a:hover {
    text-decoration: underline;
}

a.not-underline {
    font-weight: var(--body-font-weight);
    color: var(--content-accent);
    text-decoration: none;
    transition: font-weight 0.3s ease;
}

a.not-underline:hover,
a.with-arrow:hover span {
    font-weight: var(--body-font-weight-medium);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

a.with-arrow:hover {
    text-decoration: none;
}

a.with-arrow i {
    color: var(--content-accent);
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

table {
    border-collapse: separate;
    border-spacing: 18.5px 0;
}

table {
    border-collapse: separate;
    border-spacing: 18.5px 0;
}

ul li {
    line-height: normal;
}

.container {
    max-width: 1440px;
    padding: var(--spacing-08);
}

.row-limited {
    max-width: 1440px;
    margin: 0 auto;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.flex-1 {
    flex: 1;
}

@media (min-width: 992px) {
    .w-lg-58 {
       width: 58.33333333%;
    }
}

/* Evitar scroll */
body.menu-open {
    overflow: hidden;
}

/* Scrollbars */
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--border-high) var(--background-base);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: var(--background-base);
}

*::-webkit-scrollbar-thumb {
    background-color: var(--background-base);
    border-radius: 0;
    border: 10px solid var(--border-high);
}

/* Collapses */
.accordion-complex {
    --bs-accordion-border-color: var(--turquoise-20);
    --bs-accordion-border-radius: var(--radius-default);
}

.accordion-complex .accordion-item:first-of-type>.accordion-header .accordion-button {
    background-color: unset;
    box-shadow: none;
    padding-right: 1.25rem;
}

.accordion-complex .accordion-button::after {
    content: '\f078';
    font-family: var(--font-awesome-family);
    color: var(--content-accent);
    background: unset;
    transition: transform 0.3s ease;
    flex-shrink: unset;
    width: auto;
    height: auto;
}

/* Margen global en módulos y versión reducida */
main section > .container {
    margin-top: 0 !important;
    margin-bottom: 6.25rem !important;
}

main section.mb-reduced .container {
    margin-bottom: 2.5rem !important;
}

main section.not-mb .container {
    margin-bottom: 0 !important;
}

@media(max-width:992px) {
    main section > .container {
        margin-top: 0 !important;
        margin-bottom: 3.75rem !important;
    }

    main section.mb-reduced .container {
        margin-bottom: 2.188rem !important;
    }
}

.text-accent {
    color: var(--content-accent) !important;
}

/* Backgrounds */
.bg-base-color {
    background-color: var(--background-base);
}

.bg-tertiary-color {
    background-color: var(--background-tertiary);
}

.bg-light-gray-color {
    background-color: var(--light-gray-4);
}

.bg-accent-low {
    background-color: var(--background-accent-low);
}

/* Bordes radius*/
.full-radius {
    border-radius: var(--radius-full)
}

.radius-s {
    border-radius: var(--radius-s);
}

.radius-s-top {
    border-radius: var(--radius-s) var(--radius-s) 0 0;
}

.radius-default {
    border-radius: var(--radius-default);
}

.radius-default-top {
    border-radius: var(--radius-default) var(--radius-default) 0 0;
}

.radius-start {
    border-radius: var(--radius-default) 0 0 var(--radius-default);
}

.radius-lg {
    border-radius: var(--radius-lg);
}

/* Espaciado */
.spacing-01 {
    padding: 0 .25rem;
}

.spacing-02 {
    padding: 0 .5rem;
}

.spacing-03 {
    padding: 0 .75rem;
}

.spacing-04 {
    padding: 0 1rem;
}

.spacing-05 {
    padding: 0 1.25rem;
}

.spacing-06 {
    padding: 0 1.5rem;
}

.spacing-07 {
    padding: 0 2rem;
}

.spacing-08 {
    padding: 0 2.5rem;
}

.spacing-09 {
    padding: 0 3rem;
}

.spacing-10 {
    padding: 0 3.5rem;
}

.spacing-11 {
    padding: 0 4rem;
}

.spacing-12 {
    padding: 0 5rem;
}

.spacing-13 {
    padding: 0 6rem;
}

.spacing-14 {
    padding: 0 8rem;
}

/* ==== Swiper ==== */
.swiper.swiper-mobile .swiper-pagination {
    font-size: .813rem;
    line-height: 1rem;
    position: unset;
    text-align: start;
    width: fit-content;
}

.swiper.swiper-mobile .pagination-arrow__container {
    gap: 1.85rem;
    padding-right: 1.775rem;
}

.swiper.swiper-mobile .swiper-button-next,
.swiper.swiper-mobile .swiper-button-prev {
    color: var(--content-accent);
    position: unset;
    height: 20px;
    width: 20px;
    margin-top: 0;
}

.swiper.swiper-mobile .swiper-button-next::after,
.swiper.swiper-mobile .swiper-button-prev::after {
    font-family: var(--font-awesome-family);
    font-size: 13.3px;
    font-weight: 600;
}

.swiper.swiper-mobile .swiper-button-next::after {
    content: '\f054';
}

.swiper.swiper-mobile .swiper-button-prev::after {
    content: '\f053';
}


@media(max-width:992px) {
    .swiper .swiper-wrapper {
        gap: 0 !important;
    }
}

@media(min-width:992px) {
    .swiper .swiper-wrapper {
        padding-bottom: 0 !important;
    }

    .swiper .swiper-pagination {
        display: none;
        visibility: hidden;
    }
}

/*==== Collapse only Mobile ====*/
@media(min-width:992px) {
    .collapse.only-mobile {
        display: block;
    }
}

/* ==== Badges ==== */
.badge.badge-bcc {
    background: var(--badge-background, var(--background-accent-low));
    border-radius: var(--badge-border-radius, var(--radius-default));
    color: var(--badge-color-text, var(--content-accent));
    font-size: var(--badge-font-size, .75rem);
    font-weight: var(--badge-font-weight, var(--body-font-weight));
    line-height: var(--badge-line-height, 1);
    padding: var(--badge-padding, .4rem 1.3rem .35rem 1.3rem);
    max-width: var(--badge-max-width, 100px);
    text-align: var(--badge-text-align, center);
    width: var(--badge-width, fit-content);
    overflow-wrap: break-word;
    white-space: normal
}

/* ==== Estilos generales TIN y TAE ==== */
.tin20,
.tae20 {
    font-size: 1.25rem !important;
    font-weight: var(--body-font-weight-bold) !important;
}

.tae24 {
    font-size: 1.5rem !important;
    font-weight: var(--body-font-weight-bold) !important;
}

/* ==== Estilos de botones texto ==== */
.btn {
    transition: all 0.3s ease-out;
}

.btn,
.btn-primary {
    color: var(--white);
    background-color: var(--turquoise-70);
    border-radius: 3px;
    font-size: var(--btn-font-size, 1rem);
    font-weight: var(--body-font-weight-semibold);
    line-height: 1.375;
    padding: var(--btn-padding, 10px 20px 9px 20px);
}

.btn,
.btn-primary:hover {
    background-color: var(--sea-green);
}

.btn-outline-bcc,
.btn-light-yellow {
    border-radius: var(--radius-default);
    font-weight: var(--body-font-weight-semibold);
    line-height: 1.375;
    height: 100%;
}

.btn-outline-bcc {
    border-radius: .125rem;
    background: var(--transparent);
    color: var(--content-high);
    outline: 3px solid var(--border-high);
    padding: var(--btn-padding, 7px 20px 7px 20px);
    transition: all 0.1s ease-out;
    width: var(--btn-width);
}

.btn-outline-bcc:hover,
.btn-outline-bcc:focus-visible,
.btn-outline-bcc:active {
    outline: 5px solid var(--border-high) !important;
    outline-offset: -2px;

}

.btn-light-yellow {
    background: var(--yellow-30);
    border: 3px solid var(--yellow-30);
    color: var(--content-high);
    padding: var(--btn-padding, 7px 20px 7px 20px);
    width: var(--btn-width);
}

.btn-light-yellow:hover,
.btn-light-yellow:focus-visible,
.btn-light-yellow:active {
    background: var(--yellow-40) !important;
    border-color: var(--yellow-40) !important;
}

.btn-light-yellow:focus-visible {
    border-color: var(--border-always-dark) !important;
}

/* Botón Primario */
.btn-primary-bcc {
    background-color: var(--background-accent);
    border-radius: var(--radius-default);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--btn-font-size, 1rem);
    font-weight: var(--body-font-weight-semibold);
    padding: var(--btn-padding, 11px 1rem 10px 1rem);
}

.btn-primary-bcc:hover {
    background-color: var(--btn-primary-hover) !important;
    border-color: var(--btn-primary-hover) !important;
    color: var(--white);
}

.btn-primary-bcc:active {
    background-color: var(--btn-primary-pressed) !important;
    border-color: var(--btn-primary-pressed) !important;
    color: var(--white) !important;
}

.btn.btn-primary-bcc:focus-visible {
    background-color: var(--btn-primary-hover) !important;
    outline: 3px solid var(--border-always-dark) !important;
    border: none !important;
    color: var(--white) !important;
    transition: none !important;
}

/* Botón Secundario */
.btn-secondary-bcc {
    background-color: var(--background-base);
    border: var(--border-width) solid var(--border-accent);
    color: var(--content-accent) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--btn-font-size, 1rem);
    font-weight: var(--body-font-weight-semibold);
    padding: var(--btn-padding, 11px 1rem 10px 1rem);
}

.btn-secondary-bcc:hover {
    background-color: var(--btn-secondary-hover);
    border: var(--border-width) solid var(--border-accent) !important;
    color: var(--content-accent) !important;
}

.btn-secondary-bcc:focus-visible {
    outline: 3px solid var(--border-always-dark) !important;
    transition: none !important;
}

.btn-secondary-bcc:active {
    background-color: var(--btn-secondary-pressed);
    border: var(--border-width) solid var(--border-accent) !important;
    color: var(--content-accent) !important;
}

/* Botón Terciario */
.btn-tertiary-bcc {
    background-color: var(--white);
    color: var(--content-accent);
    font-size: var(--btn-font-size, 1rem);
    font-weight: var(--body-font-weight-semibold);
    padding: var(--btn-padding, 11px 1rem 10px 1rem);
}

.btn-tertiary-bcc:hover {
    background-color: var(--btn-secondary-hover);
    border-color: var(--btn-secondary-hover) !important;
    color: var(--content-accent) !important;
}

.btn-tertiary-bcc:focus-visible {
    background-color: var(--btn-secondary-pressed);
    outline: 3 solid var(--border-always-dark) !important;
    color: var(--content-accent) !important;
    transition: none;
}

.btn-tertiary-bcc:active {
    background-color: var(--btn-secondary-pressed);
    border-color: var(--btn-secondary-hover) !important;
    color: var(--content-accent) !important;
}

/* Contenedor de botones */
.btn-container .btn {
    width: auto
}

.btn-container:has(.btn:nth-child(2)) .btn {
    flex-grow: 1;
    width: 50%;
}

.btn-container {
    display: flex;
    gap: 1rem;
}

@media(max-width: 575.98px) {
    .btn-container {
        display: grid;
        grid-auto-rows: 1fr;
    }

    .btn-container .btn {
        width: 100% !important;
    }
}

/* ==== Estilos de titulos y texto ==== */
h1.h1-title,
.title-xl,
.content-xl {
    color: var(--h1-color, var(--content-always-dark));
    font-size: var(--h1-font-size, 3.5rem);
    font-weight: var(--h1-font-weight, var(--body-font-weight-semibold));
    line-height: var(--h1-line-height, 3.75rem);
}

h2.h2-title,
.title-l,
.content-l {
    color: var(--h2-color, var(--content-always-dark));
    font-size: var(--h2-font-size, 2.5rem);
    font-weight: var(--h2-font-weight, var(--body-font-weight-semibold));
    line-height: var(--h2-line-height, 2.75rem);
}

h3.h3-title,
.title-md,
.content-md {
    color: var(--h3-color, var(--content-always-dark));
    font-size: var(--h3-font-size, 1.5rem);
    font-weight: var(--h3-font-weight, var(--body-font-weight-semibold));
    line-height: var(--h3-line-height, 2rem);
}

p,
.text-content,
p.text-content,
span.text-content {
    color: var(--text-color, var(--content-always-dark));
    font-size: var(--text-size, 1.125rem);
    line-height: var(--text-line-height, 1.5rem);
}

.text-underline,
p.text-underline,
span.text-underline {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.text-accent {
    color: var(--content-accent);
}

/* Listados */
main ul,
main ol {
    list-style: none;
    padding-left: 2rem;
}

main ol {
    counter-reset: number;
}

main ul li,
main ol li {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 1.125rem;
}

main ul li:first-child,
main ol li:first-child {
    margin-top: 0;
}

main ul li::before,
main ol li::before {
    color: var(--content-accent);
    display: flex;
    font-size: 1rem;
    justify-content: center;
    left: -30px;
    line-height: normal;
    padding: 4px 2px;
    position: absolute;
    width: 24px;
    height: 24px;
}

main ul li::before {
    content: '\f00c';
    font-family: var(--font-awesome-family);
}

main ol>li::before {
    color: var(--content-accent);
    counter-increment: number;
    content: counter(number) var(--after-number, '.');
    font-family: var(--cajamar-font-family);
    padding-top: 3.25px;
}

main ul li p,
main ol li p {
    margin-bottom: 0;
}

main ul li>ul>li::before {
    font-family: var(--font-awesome-family);
    content: '\e122';
    font-weight: 600;
    padding-top: 3px;
}

main ul li>ul>li>ul>li::before {
    font-weight: 100;
    padding-top: 4px;
}

/* ==== Formularios ==== */

/* Mostrar error en formulario */
.has-error label,
.has-error .radios-title,
.has-error .checkboxs-title {
    color: var(--semantic-content-danger) !important;
}

.has-error input,
.has-error select,
.has-error textarea {
    border-color: var(--semantic-border-danger) !important;
}

.error-message,
.info-message {
    display: block;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: 1rem;
}

.error-message {
    color: var(--semantic-content-danger);
}

.info-message {
    color: var(--content-low);
}

/* Radios formulario */
.radio-option .form-radio:focus+.radio-label,
.checkbox-option .form-checkbox:focus+.checkbox-label {
    outline: auto;
}

.radio-option .form-radio.no-focus-mouse+.radio-label,
.checkbox-option .form-checkbox.no-focus-mouse+.checkbox-label {
    outline: none;
}

/* ==== Estilos de hover en texto ==== */

/* Efecto de hover en texto */
p a,
.hover-standard,
.hover-standard a,
.hover-standard li a,
.hover-turquoise-100,
.hover-turquoise-100 a,
.hover-turquoise-100 li a,
.hover-aqua-blue,
.hover-aqua-blue a,
.hover-aqua-blue li a,
.hover-turquoise-70,
.hover-turquoise-70 a,
.hover-turquoise-70 li a {
    transition: all 0.3s ease !important;
}

p a:hover,
.hover-standard:hover,
.hover-standard a:hover,
.hover-standard li a:hover {
    text-shadow: .5px 0px 0px !important;
}

.hover-turquoise-100:hover,
.hover-turquoise-100 a:hover,
.hover-turquoise-100 li a:hover {
    color: var(--turquoise-100) !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

.hover-aqua-blue:hover,
.hover-aqua-blue a:hover,
.hover-aqua-blue li a:hover {
    color: var(--aqua-blue) !important;
    text-shadow: .8px 0px 0px !important;
}

.hover-turquoise-70:hover,
.hover-turquoise-70 a:hover,
.hover-turquoise-70 li a:hover {
    color: var(--turquoise-70) !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

.hover-underline:hover,
.hover-underline a:hover,
.hover-underline li a:hover {
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* ==== Capa grisacea ==== */
.layerGray {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 35%);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* ==== Icono mostrar contraseña ==== */
i.see-password {
    cursor: pointer;
}

/* ==== Estilos de enlaces ==== */

/* Link con flecha */
.link-arrow-accent {
    color: var(--content-accent);
    display: block ruby;
    font-size: var(--link-font-size, 1rem);
    font-weight: var(--link-font-weight, 600);
    line-height: var(--link-line-height, 1.375rem);
    text-decoration: none;
    position: relative;
    width: fit-content;
}

.link-arrow-accent .fa-arrow-right {
    font-size: var(--icon-font-size, 1rem);
    font-weight: var(--icon-font-weight, 600);
    margin-left: var(--icon-margin-left, 0.675rem);
    position: absolute;
    bottom: 3px;
}

.link-arrow-accent:hover,
.link-accent-underline:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 2px !important;
}

.link-hover-accent {
    transition: color 0.3s ease-in;
    text-decoration: none;
}

.link-hover-accent.link-with-underline {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.link-hover-accent:hover {
    color: var(--content-accent) !important;
    text-decoration: none !important;
}

/* ==== Dynamic Aspect-ratio ==== */
.dynamic-aspect {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    border-radius: var(--radius-default);
    display: block;
    position: relative;
}

.dynamic-aspect.img-more-little {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.dynamic-aspect img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.dynamic-aspect.img-more-little img {
    width: auto !important;
    height: auto !important;
}

@media(max-width:992px) {
    .dynamic-aspect {
        width: auto;
        height: 100%;
        max-width: none !important;
        aspect-ratio: unset !important;
        display: block;
    }

    .dynamic-aspect>img {
        width: 100%;
    }

    .dynamic-aspect.img-more-little img {
        width: 100% !important;
        height: 100% !important;
    }
}

/* ==== Cabecera ==== */

/* ---- Alertas ---- */
.alert-container .alert-content {
    max-width: 1450px;
    margin: 0 auto;
}

.alert-container.alert-info {
    background-color: var(--turquoise-10);
}

.alert-container.alert-success {
    background-color: var(--green-10);
}

.alert-container.alert-warning {
    background-color: var(--yellow-10);
}

.alert-container.alert-danger {
    background-color: var(--red-10);
}

.alert-container .row-alert-text .alert-text {
    color: var(--gray-100);
    line-height: 1.5;
}

.alert-container .row-alert-text .alert-text b,
.alert-container .row-alert-text .alert-text strong {
    font-weight: var(--body-font-weight-medium);
}

.alert-container.alert-info .icon-info,
.alert-container.alert-info .alert-link,
.alert-container.alert-info .close-alert .icon-close {
    color: var(--turquoise-70);
}

.alert-container.alert-warning .icon-alert,
.alert-container.alert-warning .alert-link,
.alert-container.alert-warning .close-alert .icon-close {
    color: var(--yellow-70);
}

.alert-container.alert-success .icon-success,
.alert-container.alert-success .alert-link,
.alert-container.alert-success .close-alert .icon-close {
    color: var(--green-80);
}

.alert-container.alert-danger .icon-danger,
.alert-container.alert-danger .alert-link,
.alert-container.alert-danger .close-alert .icon-close {
    color: var(--red-70);
}

.alert-container .row-alert-text .alert-link {
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 1.5px;
}

/* ---- Navbar ---- */
.header-main {
    background-color: var(--background-always-light);
}

.header-main:not(.header-lite) .header-content {
    padding-top: 38px;
    padding-bottom: 19px;
}

header.header-lite .header-content {
    padding-top: 2.375rem;
    padding-bottom: 2.375rem;
}

.header-main:not(.header-lite) .header-content .nav-menu {
    margin-left: 1.8rem;
    margin-right: 2.15rem;
}

.header-main .header-content .nav-menu .search-container a {
    line-height: 0;
}

header.header-lite .nav-menu .nav-item h1 {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 0;
}

header.header-lite .menu-help {
    min-width: 200px;
}

/* Logo */
header:not(.header-lite) .logo-container {
    max-width: 180px;
    width: 100%;
}

header .logo {
    width: 100%;
    max-height: 47px;
}

/* Enlaces menu de navegación */
header:not(.header-lite) .nav-item,
header.header-lite .nav-link {
    margin-right: 20px;
}

header:not(.header-lite) .nav-item:first-child {
    margin-left: 0;
    margin-right: 30px;
}

.nav-item.active {
    color: var(--content-accent);
    position: relative;
}

header.header-lite .help-item .help-link {
    color: var(--content-accent);
    text-decoration: none;
}

.nav-item.active::after {
    content: '';
    background-color: var(--background-accent);
    border-radius: var(--radius-default) var(--radius-default) 0 0;
    position: absolute;
    height: 7px;
    width: 100%;
    left: 0;
    bottom: -19px;
}

/* ---- Collapse Search ----*/

/* Icon search para abrir collapse */
.header-main .nav-menu .search-container .open-search-icon {
    color: var(--content-high);
    font-size: 1.125rem;
    padding: 14px;
    transition: background 0.3s ease-in-out;
}

.open-search-icon:hover span {
    font-weight: var(--body-font-weight-semibold);
}

/* Contenido collapse del buscador */
.header-main .nav-menu .search-container .open-search-icon[aria-expanded='true'] {
    background: var(--turquoise-20);
}

.header-main .collapseSearch {
    background: var(--turquoise-20);
    z-index: 1000;
    top: 0;
    transform: translate(-50%, 105px);
}

@media(max-width: 1550px) {
    .header-main .collapseSearch {
        transform: translate(-50%, 104.3px);
    }
}

/* Se ajusta el contenido del buscador */
.header-main .collapseSearch .container-search {
    margin: 0 auto;
    max-width: 951px;
    padding: 43px 0 21px 0;
}

/* Input para buscar */
.header-main .collapseSearch .search-collapse-container .input-search-collapse {
    border: 1px solid var(--turquoise-70);
    border-radius: var(--radius-default);
    padding: 15px 30px 15px 52px;
    width: 100%;
}

/* Icono incluido en el interior del input de busqueda */
.header-main .collapseSearch .search-collapse-container .input-search-collapse-container i {
    color: var(--turquoise-70);
    margin-left: 21px;
}

.header-main .collapseSearch .search-collapse-container .input-search-collapse::placeholder {
    color: var(--turquoise-70);
}

/* Fila de links en el collapse del buscador */
.header-main .collapseSearch .links-search-collapse {
    margin-top: 20px;
    padding: 0 90px;
}

.header-main .collapseSearch .links-search-collapse a {
    color: var(--turquoise-100);
}

/* ---- Botones del menú ---- */

/* Botón 'Hazte Cliente' */
.header-main .header-actions .btn-signup {
    --btn-width: 225px;
    --btn-padding: 10px 20px 9px 20px;
}

/* Botón 'Accede' */
.header-main .header-actions .btn-login {
    --btn-width: 122px;
    --btn-padding: 10px 20px 9px 20px;
}

/* Texto del botón del menú */
.header-actions .menu-toggle {
    color: var(--content-high);
}

/* Diseño del botón del menú */
.header-actions .menu-toggle .icon-menu {
    width: 34px;
    height: 26px;
    position: relative;
}

.header-actions .menu-toggle .icon-menu span {
    background: var(--turquoise-100);
    position: absolute;
    left: 0;
    transition: all 0.15s linear;
    width: 100%;
    height: 3.5px;
}

.header-actions .menu-toggle .icon-menu span:nth-child(1) {
    top: 0;
}

.header-actions .menu-toggle .icon-menu span:nth-child(2) {
    top: 11px;
}

.header-actions .menu-toggle .icon-menu span:nth-child(3) {
    top: 22px;
}

.header-actions .menu-toggle:not(.collapsed) .icon-menu span:nth-child(1) {
    border-radius: 5px;
    transform: rotate(45deg);
    top: 10px;
}

.header-actions .menu-toggle:not(.collapsed) .icon-menu span:nth-child(2) {
    opacity: 0;
}

.header-actions .menu-toggle:not(.collapsed) .icon-menu span:nth-child(3) {
    border-radius: 5px;
    transform: rotate(-45deg);
    top: 10px;
}

/* ---- Menú ---- */
.collapse-mainMenu {
    background-color: var(--background-always-light);
    z-index: 1000;
    overflow: hidden;
}

/* Columna que contiene las direntes categorias de productos */
.collapse-mainMenu .menu-list-container {
    width: calc(22% + 8px);
}

/* Menú lateral con la diferentes categorias */
.menu-list .menu-list-item {
    color: var(--turquoise-100);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3333;
}

.menu-list .menu-list-item .menu-link {
    background: none;
    border: none;
    padding: 0;
    color: var(--turquoise-100);
    cursor: default;
    font-weight: var(--body-font-weight-semibold);
    text-decoration: none;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.menu-list .menu-list-item .menu-link.only-link {
    cursor: pointer;
    width: fit-content;
}

.menu-list .menu-list-item .menu-link.only-link:hover {
    color: var(--turquoise-70);
}

.collapse-mainMenu .principal-menu {
    border-bottom: 1px solid var(--light-gray);
}

.secondary-menu {
    margin-top: 13px;
}

/* Menú secundario en el de información */
.secondary-menu .secondary-menu-list-item a {
    color: var(--turquoise-100);
    font-size: 1.125rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 1.3333;
    text-decoration: none;
}

/* Bloque de contenido donde se muestra la información del menú */
.menu-content .title-menu {
    margin-bottom: 1.1rem;
}

.menu-content .list-menu-content .list-menu-content-item {
    margin-bottom: .15rem;
}

.menu-content .list-menu-content .list-menu-content-item a,
.menu-list-item .container-menu .menu-content .title-menu {
    color: var(--turquoise-100);
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.3333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.menu-content .list-menu-content .list-menu-content-item a:hover {
    text-shadow: 0.5px 0px 0px;
}

.menu-content .list-menu-content .list-menu-content-item.new {
    display: flex;
    align-items: center;
}

.menu-content .list-menu-content .list-menu-content-item.new a {
    color: var(--turquoise-70);
    font-weight: var(--body-font-weight-medium);
}

/* Alerta de novedad en enlaces */
.menu-content .list-menu-content .list-menu-content-item .badge.badge-bcc {
    --badge-padding: 6px 9px 6px 8px;
    margin-left: .85rem;
}

/* Bloque de noticias en el menú */
.menu-content .news-vertical-menu .title-news-destacados,
.menu-content .news-horizontal-menu .title-news-destacados {
    color: var(--turquoise-100);
    display: block;
    font-size: 1.438rem;
    line-height: 1.3043;
    margin-bottom: .5rem;
}

.collapse-menu .news-vertical-menu .news-section .news-item {
    border-bottom: 1px solid var(--light-gray);
}

.collapse-menu .news-vertical-menu .news-section .news-item .news-link,
.collapse-menu .news-horizontal-menu .news-section .news-item .news-link {
    transition: color 0.3s ease
}

.collapse-menu .news-vertical-menu .news-section .news-item:hover .news-link,
.collapse-menu .news-horizontal-menu .news-section .news-item:hover .news-link {
    color: var(--content-accent);
}

.collapse-menu .news-vertical-menu .news-section .news-item .img-lg-notice-menu,
.collapse-menu .news-horizontal-menu .news-section .news-item .img-lg-notice-menu {
    width: 100%;
    max-height: 110px;
}

.collapse-menu .news-vertical-menu .news-section .news-item .img-notice-menu,
.collapse-menu .news-horizontal-menu .news-section .news-item .img-notice-menu {
    max-width: 124px;
    max-height: 110px;
}

.collapse-menu .news-vertical-menu .news-section .news-item p,
.collapse-menu .news-horizontal-menu .news-section .news-item p,
.collapse-menu .news-vertical-menu .news-section .news-item .news-link,
.collapse-menu .news-horizontal-menu .news-section .news-item .news-link {
    color: var(--turquoise-100);
    font-size: 1rem;
    line-height: 1.3125;
}

.collapse-menu .news-horizontal-menu .news-section .news-item-row:nth-child(2) .news-item {
    margin-left: 1.1rem;
}

.principal-menu .menu-list .menu-list-item .container-menu {
    width: -webkit-fill-available;
    right: 0;
    left: 328px;
    top: 0;
    visibility: visible;
}

@media(min-width:991px) {
    .principal-menu .menu-list .menu-list-item.active .container-menu {
        display: block;
        visibility: visible;
    }

    .principal-menu .menu-list .menu-list-item .container-menu {
        display: none;
        visibility: hidden;
    }

    .collapse-mainMenu .principal-menu .menu-list .menu-list-item.active>.menu-link {
        color: var(--turquoise-70);
    }
}

/* ==== Footer ==== */

/* Fondo Footer Lite */
footer.footer-lite .footer-main {
    background-color: var(--background-accent);
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

/* ---- Fila de enlaces de interés ---- */

/* Columna de noticas y contacto */
footer:not(.footer-lite) .footer-main {
    background-color: var(--light-gray-3);
}

footer .footer-top .footer-collapse .footer-collapse-btn {
    pointer-events: none;
}

@media(min-width:991px) {
    footer .footer-top .footer-collapse .footer-collapse-content {
        display: block;
    }
}

footer .footer-top .footer-collapse .footer-collapse-btn span {
    color: var(--turquoise-100);
    font-size: 1.125rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 1.33;
    margin-bottom: 0;
}

.help-section .help-links .help-link,
.help-section .online-banking a,
.help-section .online-banking span {
    color: var(--turquoise-100);
    font-size: 1.125rem;
    font-weight: var(--body-font-weight-semibold);
    line-height: 1.33;
    transition: all 0.3s ease;
}

/* ---- Columnas de enlaces de interés ---- */
footer .footer-collapse .footer-collapse-btn {
    background-color: var(--transparent);
    border: none;
    padding: 0;
    font-size: 1.125rem;
}

footer .footer-collapse .footer-collapse-btn i {
    color: var(--content-accent);
    transition: transform 0.3s ease;
}

footer .footer-collapse .footer-collapse-btn[aria-expanded="true"] i {
    transform: rotate(180deg);
}

footer .footer-collapse-content ul {
    list-style: none;
    padding: 0;
    gap: 13px;
}

footer .footer-collapse .footer-collapse-content ul {
    list-style: none;
}

footer .footer-collapse .footer-collapse-content ul li a {
    color: var(--turquoise-100);
    font-weight: 400;
    line-height: 1.375;
    text-decoration: none;
}

/* ---- Fila de idiomas y imágenes ---- */
footer .language-list .list-inline-item a {
    color: var(--white);
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}

footer .language-list .list-inline-item a.active,
footer .language-list .list-inline-item a:hover {
    text-decoration: underline;
    text-underline-offset: 12px;
}

footer .language-list .list-inline-item a.active::before,
footer .language-list .list-inline-item a:hover::before {
    width: 100%;
}

/* ---- Fila de enlaces legales y redes sociales ---- */
footer .footer-legal {
    background-color: var(--light-aqua);
}

footer .footer-legal .container .row {
    padding: 2.875rem 0 1.875rem 0;
}

footer.footer-lite .footer-legal .container .row {
    padding: 2.438rem 0 1.438rem 0;
}

/* Enlaces legales */
footer .legal-links {
    column-gap: 51px;
    row-gap: 6px;
}

footer .legal-links .list-inline-item:not(:last-child) {
    margin-right: 0;
}

footer .legal-links a {
    color: var(--turquoise-100);
    font-weight: var(--body-font-weight-semibold);
    line-height: 24px;
}

/* Iconos de redes sociales */
footer:not(.footer-lite) .footer-main {
    padding-top: 7.5rem;
    padding-bottom: 3.8rem;
}

footer .social-links {
    gap: 2.5rem;
}

footer .social-links .list-inline-item {
    height: fit-content;
    margin: 0;
}

footer .social-links .list-inline-item i {
    color: var(--content-high);
    font-size: 1.785rem;
    transition: all 0.3s ease;
    width: auto;
}

footer .social-links .list-inline-item i:hover {
    color: var(--turquoise-70);
}

/* -- Fila de copyright -- */
footer:not(.footer-lite) .footer-copyright {
    background-color: var(--turquoise-80);
}

footer:not(.footer-coop):not(.footer-lite) .footer-copyright {
    padding: 55px 0 51px 0;
}

footer.footer-coop .footer-copyright {
    padding: 2rem 0 1.5rem 0;
}

/* Texto de copyright */
footer:not(.footer-coop) .copyright-text {
    margin-top: 2rem;
}

footer .copyright-notice,
footer .copyright-text {
    color: var(--white);
    line-height: 1.375;
}

/* Logotipo Grupo Cooperativo Cajamar */
footer.footer-lite .footer-content .footer-logo .logo {
    max-width: 151px;
}

footer .row-footer-grupo-coop {
    border-bottom: 1px solid var(--pastel-blue);
}

footer .footer-grupo-coop .text-copy-coop {
    color: var(--turquoise-100);
    font-weight: 400;
    line-height: 1.375;
}

/* ==== 1.1. Cabecera Portada, 1.2. Cabera Reducida , 1.3. Cabecera Textual ==== */

.cabecera.bg-accent {
    background-color: var(--turquoise-20);
}

.cabecera.bg-accent .container {
    padding-top: 5.5rem;
    padding-bottom: 5.7rem;
}

/* ---- Columna izquierda ---- */

/* Contenido */
.cabecera.cab-textual.bg-accent {
    background: var(--background-accent-low);
}

.cabecera.cab-textual:not(.bg-accent) .container {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

.cabecera.cab-textual.bg-accent .container {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

/* Columna */
.cabecera.cab-textual .container .cabecera-item {
    padding-right: 6rem;
}

/* Subtítulo */
.cabecera .container .cabecera-title .subtitle {
    font-size: 1.75rem;
    line-height: 2.25rem;
}

/* Estilo general para los botones */

.cabecera .container .cabecera-links-buttons .btn {
    padding-top: 11px;
    padding-bottom: 10px;
}

/* ---- Columna derecha ---- */

/* Imagen */
.cabecera .container .cabecera-image {
    max-width: 790px;
    max-height: 565px;
}

.cabecera.cab-reducidad .container .cabecera-image {
    max-height: 500px;
}

/* Columna de cabecera textual */
.cabecera .container .content-info {
    padding-left: .9rem;
    padding-right: min(7rem, 6.6667vw);
}

/* ==== 1.4. Cabecera CTAs ==== */
.cabecera-cta {
    position: fixed;
    background: var(--background-accent-low);
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    z-index: 999;
}

.cabecera-cta .container {
    padding-top: 2.05rem;
    padding-bottom: 2.05rem;
    margin-bottom: 0 !important;
}

/* === Estilos comunes === */
.cabecera-cta.visible-cta {
    opacity: 1;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    z-index: 1025;
}

.cabecera-cta.no-visible-cta {
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    z-index: 1025;
}

/* === Escritorio (arriba) === */
@media (min-width: 992px) {
    .cabecera-cta {
        top: 0;
        transform: translateY(-100px);
    }

    .cabecera-cta.visible-cta {
        animation-name: aparecer-arriba;
    }

    .cabecera-cta.no-visible-cta {
        animation-name: desaparecer-arriba;
    }

    @keyframes aparecer-arriba {
        from {
            opacity: 0;
            transform: translateY(-100px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes desaparecer-arriba {
        from {
            opacity: 1;
            transform: translateY(0);
        }

        to {
            opacity: 0;
            transform: translateY(-100px);
        }
    }
}

/* === Móvil (abajo) === */
@media (max-width: 991px) {

    .cabecera.bg-accent .container {
        padding-top: 0;
        padding-bottom: 2.15rem;
    }

    .cabecera-cta {
        bottom: 76px;
        transform: translateY(100px);
    }

    .cabecera-cta.visible-cta {
        animation-name: aparecer-desde-abajo;
    }

    .cabecera-cta.no-visible-cta {
        animation-name: desaparecer-hacia-abajo;
    }

    @keyframes aparecer-desde-abajo {
        from {
            opacity: 0;
            transform: translateY(100px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes desaparecer-hacia-abajo {
        from {
            opacity: 1;
            transform: translateY(0);
        }

        to {
            opacity: 0;
            transform: translateY(100px);
        }
    }
}

/* Icono */
.cabecera-cta .cabecera-title i {
    font-size: 2.438rem;
}

/* Enlaces de botones */
.cabecera-cta .links-content {
    padding-left: 5.083rem
}

.cabecera-cta .links-content .btn-primary-bcc,
.cabecera-cta .links-content .btn-secondary-bcc {
    --btn-padding: 8px 15px 7px 15px;
    font-size: .875rem;
}

/* ==== 1.5. H1 Secciones ==== */
.section-h1 .container {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.section-h1 .container h1 {
    font-size: 1rem;
    line-height: 1.375rem;
    color: var(--content-low);
}

/* ==== 2.1 Distribuidor de contenido ==== */

/* -- Columna del título de contenido -- */
.distribuidores.dist-content .container .content-item {
    position: relative;
}

.distribuidores.dist-content .container .content-item .image-caption {
    padding-bottom: 2.15rem;
}

/* Título */
.distribuidores.dist-content.two-columns .container .feature-item.content-header {
    padding-right: 7.15rem;
}

/* Botón de enlace de interés */
.distribuidores.dist-content .container .feature-item.content-header .section-button {
    margin-top: 1.25rem;
}

.distribuidores.dist-content .container .feature-item.content-header .section-button a {
    --btn-padding: 11px 1rem 10px 1rem;
    width: 207px;
}

/* -- Columna de contenido del distribuidor -- */
.distribuidores.dist-content .container .feature-item .content-grid .content-grid-items {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
}

@media(min-width:992px) {
    .distribuidores .container .feature-item .content-grid {
        overflow: visible;
    }
}

.distribuidores.dist-content.two-columns .container .feature-item .content-grid .content-grid-items {
    grid-template-columns: repeat(2, 1fr);
}

.distribuidores.dist-content.all-columns .container .feature-item .content-grid .content-grid-items,
.distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-grid-items {
    grid-template-columns: repeat(4, 1fr);
}

.distribuidores.dist-content.three-columns-icons .container .feature-item .content-grid .content-grid-items {
    grid-template-columns: repeat(3, 1fr);
}

.distribuidores.dist-content.two-columns .container .feature-item .content-grid {
    padding-left: 10px;
}

.distribuidores.dist-content.all-columns .container .feature-item .content-grid,
.distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid,
.distribuidores.dist-content.three-columns-icons .container .feature-item .content-grid {
    padding-left: 0;
}

/* Imagen */
.distribuidores.dist-content .container .feature-item .content-grid .content-item .image-box {
    max-height: 260px;
    max-width: 324px;
}

/*  Se desativa la barra de scroll en Chrome */
.distribuidores.dist-content .container .feature-item .content-grid::-webkit-scrollbar {
    display: none;
    -webkit-scrollbar-width: none;
}

/* -- Versión con iconos -- */
.distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-item a,
.distribuidores.dist-content.three-columns-icons .container .feature-item .content-grid .content-item a {
    border: 2px solid var(--turquoise-20);
    border-radius: var(--radius-default);
    padding: 3rem 2.5rem 4.5rem;
    transition: background 0.3s ease-in-out;
}

.distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-item a .link-caption,
.distribuidores.dist-content.three-columns-icons .container .feature-item .content-grid .content-item a .link-caption {
    bottom: 2.25rem
}

.distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-item a:hover,
.distribuidores.dist-content.three-columns-icons .container .feature-item .content-grid .content-item a:hover {
    background: var(--background-accent-low);
}

/* Icono del caption */
.distribuidores.dist-content .container .feature-item .content-grid .icon-box i {
    color: var(--content-accent);
}

/* Link del caption */
.distribuidores.dist-content .container .feature-item .content-grid .image-caption .link-caption,
.distribuidores.dist-content .container .feature-item .content-grid .icon-caption .link-caption {
    color: var(--content-accent);
    display: block ruby;
    font-size: var(--link-font-size, 1rem);
    font-weight: var(--link-font-weight, 500);
    line-height: var(--link-line-height, 1.375rem);
    width: fit-content;
}

@media (max-width: 991px) and (min-width: 575.98px) {
    .distribuidores.dist-content .container .feature-item .content-grid .image-caption .link-caption {
        bottom: -1.1rem !important;
    }
}

.distribuidores.dist-content .container .feature-item .content-grid .content-item a:hover .image-caption .link-text,
.distribuidores.dist-content .container .feature-item .content-grid .content-item a:hover .icon-caption .link-caption .link-text {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 2px !important;
}

/* ==== 2.2 Distribuidor de productos & 2.3 Products Distributor Image Promo==== */

/* -- Columna de producto --*/

.distribuidores.dist-productos .products-container .product-item .product-content,
.distribuidores.dist-productos-img-promo .products-container .product-item .product-content {
    transition: background 0.3s ease-in-out;
    border: var(--border-width) solid var(--turquoise-20);
    border-radius: var(--radius-default);
}

.distribuidores.dist-productos .products-container .product-item .product-content:hover,
.distribuidores.dist-productos-img-promo .products-container .product-item .product-content:hover {
    background: var(--background-accent-low);
}

/* Bloque de información del producto */
.distribuidores.dist-productos .products-container .product-item .product-content .product-information {
    padding: 1.3rem 2rem 4.4rem 2rem;
}

.distribuidores.dist-productos-img-promo .products-container .product-item .product-content .product-information {
    padding-left: 2rem;
    padding-right: 2rem;
}

.distribuidores.dist-productos-img-promo .products-container .product-item .product-content .product-image {
    max-width: 438px;
    max-height: 314px;
    border-radius: 2px 2px 0 0;
}

/* Descripción del producto */
.distribuidores.dist-productos .products-container .product-item .product-content .product-description p.cabecera-description {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}

/* Listado destacado de producto */
.distribuidores.dist-productos .products-container .product-item .product-content .product-list-remarkable .list-remarkable {
    --list-gap: .5rem;
}

.distribuidores.dist-productos .products-container .product-item .product-content .product-list-remarkable .list-remarkable .list-item {
    --list-item-line-height: 1.5rem;
}

/* Enlaces al producto */
.distribuidores.dist-productos .products-container .product-item .product-content .product-links-buttons {
    gap: .75rem;
    margin-bottom: 1.25rem;
    padding-right: 2.15rem;
    padding-left: 2.15rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.distribuidores.dist-productos .products-container .product-item .product-content .product-links-buttons .btn.btn-primary-bcc,
.distribuidores.dist-productos .products-container .product-item .product-content .product-links-buttons .btn.btn-secondary-bcc {
    --btn-padding: 9px 1rem 8px 1rem;
    --btn-font-size: 0.875rem;
    width: 100%;
}

/* ==== 2.2.1 Product Distributor Compact ==== */

/* -- Distribuidores -- */
.distribuidores.distribuidores-compact .distribuidores-list .distribuidor-list-principal,
.distribuidores.distribuidores-compact .distribuidores-list .see-more-distribuidores .card-body {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    row-gap: 1.75rem;
    column-gap: 1rem;
}

.distribuidores.distribuidores-compact .distribuidores-list .see-more-distribuidores {
    margin-top: 1.75rem;
}

.distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-info {
    height: 100%;
}

/* Borde */
.distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item {
    border: 2px solid var(--turquoise-20);
    border-radius: var(--radius-default);
}

/* Imagen */
.distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-image div {
    max-width: 325px;
    min-height: 212px;
    max-height: 240px;
}

.distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-image div,
.distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-image div img {
    border-radius: 2px 0px 0 2px;
}

/* Botón */
.distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-link .btn.btn-primary-bcc {
    --btn-font-size: 0.875rem;
    --btn-padding: .563rem .75rem .5rem .75rem;
}

/* ==== 2.2.2 Mini Product Distributor ==== */

/* -- Distribuidores -- */

.distribuidores.distribuidores-mini .distribuidores-list {
    margin-top: 2rem;
}

/* Imagen */
.distribuidores.distribuidores-mini .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-link {
    max-width: 210px;
}

.distribuidores.distribuidores-mini .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-link .distribuidor-image {
    max-height: 130px;
}

.distribuidores.distribuidores-mini .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-link:hover .distribuidor-image {
    outline: 2px solid var(--turquoise-20);
}

/* Título */
.distribuidores.distribuidores-mini .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-title .content-md {
    --h3-font-size: 1.125rem;
    --h3-line-height: 1.5rem;
    margin-top: .75rem;
    transition: color 0.3s ease-in;
}

.distribuidores.distribuidores-mini .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-link:hover .distribuidor-image {
    outline: 2px solid var(--turquoise-20);
}

.distribuidores.distribuidores-mini .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-link:hover .distribuidor-title .content-md {
    color: var(--content-accent);
}

/* ==== 2.3 Distribuidor de productos con icono ==== */
/* -- Distribuidores de producto -- */

/* Border, padding y hover*/
.distribuidores.dist-productos-icon .distribuidores-container .distribuidor .distribuidor-item .distribuidor-container {
    border: 2px solid var(--turquoise-20);
    border-radius: var(--radius-default);
    padding: 2.25rem 2.4rem 8.5rem 2.4rem;
    transition: background 0.3s ease-in-out;
}

.distribuidores.dist-productos-icon .distribuidores-container .distribuidor .distribuidor-item .distribuidor-container:hover {
    background: var(--background-accent-low);
}

/* Icono */
.distribuidores.dist-productos-icon .distribuidores-container .distribuidor .distribuidor-item .distribuidor-container .distribuidor-icon {
    font-size: 1.6rem;
}

/* Título */
.distribuidores.dist-productos-icon .distribuidores-container .distribuidor .distribuidor-item .distribuidor-title {
    margin-top: .8rem;
}

/* Descripción */
.distribuidores.dist-productos-icon .distribuidores-container .distribuidor .distribuidor-item .distribuidor-description .text-content {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}

/* Links */
.distribuidores.dist-productos-icon .distribuidores-container .distribuidor .distribuidor-item .distribuidor-links {
    margin-bottom: 1.5rem;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    gap: .75rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.distribuidores.dist-productos-icon .distribuidores-container .distribuidor .distribuidor-item .distribuidor-links .btn.btn-primary-bcc,
.distribuidores.dist-productos-icon .distribuidores-container .distribuidor .distribuidor-item .distribuidor-links .btn.btn-secondary-bcc {
    --btn-font-size: .875rem;
    --btn-padding: .6rem .75rem .5rem .75rem;
}

/* ==== 2.4 Distribuidor de producto único ==== */
.distribuidores.producto-unico .dist-container {
    border: 2px solid var(--turquoise-20);
    gap: 7rem;
}

.distribuidores.producto-unico .dist-container .dist-item .dist-image {
    max-width: 668px;
    max-height: 416px;
    border-radius: 2px 0 0 2px;
}

@media (min-width: 992px) and (max-width: 1400px) {
    .distribuidores.producto-unico .dist-container {
        gap: 2.5rem;
    }

    /* -- Columna de imagen -- */
    .distribuidores.producto-unico .dist-container .dist-item .dist-image {
        padding-left: 2rem;
        padding-right: 0;
        border-radius: 2px 2px 0 0;
    }
}

/* -- Columna de contenido -- */

/* Lista */
.distribuidores.producto-unico .dist-container .dist-item .dist-content .list-remarkable {
    --list-gap: 0;
    margin-top: 0.8rem;
}

.distribuidores.producto-unico .dist-container .dist-item .dist-content .list-remarkable .list-item {
    --list-item-line-height: 2rem;
}

/* ==== 2.5 Simulators Overview ==== */

/* -- Distribuidores -- */
.distribuidores.simulators .distribuidores-list {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    row-gap: 1.188rem;
    column-gap: 1.188rem;
    margin-top: 2.1rem;
}

.distribuidores.simulators.two-columns .distribuidores-list {
    grid-template-columns: repeat(2, 1fr);
}

/* Icono */
.distribuidores.simulators .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-icon i {
    color: var(--content-accent);
    font-size: 2.915rem;
    width: fit-content;
}

/* Borde */
.distribuidores.simulators .distribuidores-list .distribuidores-item .distribuidor-content {
    border: 2px solid var(--turquoise-20);
    padding: 2.39rem 1.6rem 2.5rem 1.6rem;
}

.distribuidores.simulators.two-columns .distribuidores-list .distribuidores-item .distribuidor-content {
    padding: 2.39rem 5rem 2.5rem 1.4rem;
}

/* Hover */
.distribuidores.simulators .distribuidores-list .distribuidores-item .distribuidor-content:hover {
    background: var(--background-accent-low);
    transition: background 0.3s ease-in-out;
}

/* Enlace */
.distribuidores.simulators .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-info .distribuidor-link {
    bottom: 2.438rem;
}

/* ==== 2.6 Distribuidor de noticias ==== */

/* -- Bloque de noticias -- */

.distribuidores.dist-noticias .news-container .new-items {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
}

/* -- Columna de noticia -- */
.distribuidores.dist-noticias .news-container .news-item {
    max-width: 325px;
}

.distribuidores.dist-noticias .news-container .news-item .news-content .news-image {
    max-width: 325px;
    max-height: 260px;
}

/* Título de noticia */
.distribuidores.dist-noticias .news-container .news-item .news-content .news-title h3.h3-title {
    --h3-font-size: 1.25rem;
    --h3-line-height: 1.875rem;
    --h3-font-weight: var(--body-font-weight-semibold);
    transition: text-shadow 0.3s ease;
}

.distribuidores.dist-noticias .news-container .news-item a:hover .news-content .news-title h3.h3-title {
    text-shadow: 0.5px 0 0;
}

/* Fecha de noticia */
.distribuidores.dist-noticias .news-container .news-item .news-content .news-date span.date {
    --text-color: var(--content-accent)
}

/* ==== 2.6.2 News List ==== */
.distribuidores.news-list-text .dist-container .dist-content .dist-item {
    margin-top: 1.75rem;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid var(--border-low);
}

/* Título y Link */
.distribuidores.news-list-text .dist-container .dist-content .dist-item .h3-title {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
    transition: color 0.3s ease-in;
}

.distribuidores.news-list-text .dist-container .dist-content .dist-item .dist-item-link:hover .h3-title {
    color: var(--content-accent);
}

/* Fecha */
.distribuidores.news-list-text .dist-container .dist-content .dist-item .dist-item-date {
    color: var(--content-accent);
    font-weight: var(--body-font-weight-semibold);
}

/* Paginación */
.distribuidores.news-list-text .dist-container .dist-item-pagination i {
    color: var(--content-accent);
}

.distribuidores.news-list-text .dist-container .dist-item-pagination .pages {
    line-height: 1.375rem;
}

/* ==== 2.6.2 News List ==== */

/* Gap */
.extras.news-list .extra-container .extra-content {
    row-gap: 2.7rem;
}

/* --- Fila de noticia --- */
.extras.news-list .extra-container .extra-content .news-item {
    border-bottom: 1px solid var(--border-low);
    padding-bottom: 2.2rem;
}

/* Título */
.extras.news-list .extra-container .extra-content .news-item .h3-title {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
}

/* Link */
.extras.news-list .extra-container .extra-content .news-item .h3-title .news-item-link {
    color: var(--content-always-dark)
}

/* Fecha */
.extras.news-list .extra-container .extra-content .news-item .news-item-date.text-content {
    --text-color: var(--content-accent)
}

/* --- Paginación --- */
.extras.news-list .extra-container .news-pagination a i {
    color: var(--content-accent);
}

.extras.news-list .extra-container .news-pagination a {
    vertical-align: middle;
}

/* ==== 2.8 Distribuidor de destacados Home ==== */
.distribuidores.dist-destacados-home .destacados-container {
    background: var(--background-secondary);
    border-radius: var(--radius-default);
    padding: 1.7rem 4.25rem 1.7rem 2.5rem;
}

/* -- Columna del título -- */

/* Linea que separa las columnas */
.distribuidores.dist-destacados-home .destacados-container .destacados-item:last-child::after {
    content: '';
    background-color: var(--background-always-dark);
    display: block;
    position: absolute;
    height: 100%;
    left: -6.5rem;
    top: 0;
    width: 1.5px;
}

/* Título */
.distribuidores.dist-destacados-home .destacados-container .destacados-item:first-child .descatacados-content {
    padding-right: 7.25rem;
}

/* -- Fila de iconos -- */
.distribuidores.dist-destacados-home .destacados-container .destacados-item .destacado-icon-content .destacado-icon i {
    font-size: 1.95rem;
    color: var(--content-always-dark);
    transition: color 0.3s ease-in-out;
}

/* Hover de iconos */
.distribuidores.dist-destacados-home .destacados-container .destacados-item .destacado-icon-content:hover .destacado-icon i,
.distribuidores.dist-destacados-home .destacados-container .destacados-item .destacado-icon-content:hover .destacado-icon-text .text-content {
    color: var(--content-accent) !important;
    transition: color 0.3s ease;
}

/* ==== 2.9 Distribuidor de datos numéricos ==== */
/* Bloque de contenido */
.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content {
    border: 2px solid var(--turquoise-20);
    border-radius: var(--radius-default);
    padding: 3.15rem 1.95rem 2.25rem 1.95rem;
}

.distribuidores.dist-datos-numerico.all-columns .datos-number-container .datos-number-item .datos-number-content {
    padding: 2.45rem .75rem 5.6rem .75rem;
    width: 100%;
}

/* Título del bloque */

.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-title h2 {
    --h2-font-size: 1.75rem;
    --h2-line-height: 2.25rem;
    width: fit-content;
}

.distribuidores.dist-datos-numerico.all-columns .datos-number-container .datos-number-item .datos-number-content .datos-number-title {
    min-height: 72px;
}

.distribuidores.dist-datos-numerico.all-columns .datos-number-container .datos-number-item .datos-number-content .datos-number-title .badge,
.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-title .badge {
    --badge-padding: .4rem .5rem .35rem .5rem;
    height: fit-content;
}

.distribuidores .dist-title .subtitle {
    font-size: 1.75rem;
    line-height: 2.2rem;
}

/* -- Contenido numerico destacable -- */
/* Lineas que separan el contenido */
.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-description .datos-number-description-item {
    border-bottom: 1.5px solid var(--turquoise-20);
    min-height: 82px;
}

.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-description .datos-number-description-item:last-child {
    min-height: unset;
}

/* Texto */
.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-description .datos-number-description-item .title-description .subtitle .text-content {
    --text-size: 1rem;
    --text-line-height: 1.375rem;
}

/* Números */
.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-description .datos-number-description-item .number-description .secondary-number {
    color: var(--content-mid);
    font-size: .875rem;
    line-height: 1.125rem;
}

.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-description .datos-number-description-item .number-description .principal-number .title-md {
    --h3-font-size: 1.25rem;
    --h3-line-height: 1.875rem;
}

.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-description .datos-number-description-item .number-description .principal-number .number-superindice {
    font-size: 0.75rem;
    line-height: 1rem;
    top: -7px;
}

/* Texto de condiciones */
.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-conditions p.text-content {
    --text-size: 1rem;
    --text-line-height: 1.375rem;
}

/* -- Fila de botones -- */
.distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-links {
    gap: .75rem;
    bottom: 1.35rem;
}

/* ==== 3.1 Destacado visual simple ==== */
.destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container,
.destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container {
    border-radius: var(--radius-default);
}

.destacado-visual.dest-visual-simple.img-large-right.with-background.bg-gray .visual-simple-container,
.destacado-visual.dest-visual-simple.img-large-left.with-background.bg-gray .visual-simple-container {
    background: var(--background-secondary);
}

.destacado-visual.dest-visual-simple.img-large-right.with-background.bg-accent-low,
.destacado-visual.dest-visual-simple.img-large-left.with-background.bg-accent-low{
    background-color: transparent !important;
}

.destacado-visual.dest-visual-simple.img-large-right.with-background.bg-accent-low .visual-simple-container,
.destacado-visual.dest-visual-simple.img-large-left.with-background.bg-accent-low .visual-simple-container {
    background: var(--background-accent-low) !important;
}

/* -- Columna de texto -- */

.destacado-visual.dest-visual-simple.img-left .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-right .visual-simple-container .visual-simple-item .visual-simple-image {
    padding-right: 3.646rem;
}

.destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container .visual-simple-item .visual-simple-image {
    max-height: 360px;
    max-width: 500px;
    height: 100vh;
}

.destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container .visual-simple-item .visual-simple-image {
    max-height: 334px;
    max-width: 464px;
}


/* -- Columna textual -- */

/* Texto */
.destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-description p.text-content {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
    margin-top: 0.7rem;
}

/* Fila de botones */
.destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-links {
    margin-top: 1.95rem;
}

@media(min-width: 991px) {

    /* -- Columna de imagen -- */
    .destacado-visual.dest-visual-simple.img-large-right:not(.reduced-version) .visual-simple-container .visual-simple-item:first-child {
        margin-left: -1.25rem;
    }

    .destacado-visual.dest-visual-simple.img-large-left:not(.reduced-version) .visual-simple-container .visual-simple-item:first-child {
        margin-left: -2.5rem;
    }

    .destacado-visual.dest-visual-simple.reduced-version.img-large-right .visual-simple-container .visual-simple-item:first-child {
        padding-right: 4rem;
    }

    .destacado-visual.dest-visual-simple.reduced-version.img-large-left .visual-simple-container .visual-simple-item:last-child {
        padding-left: 4rem;
    }

    .destacado-visual.dest-visual-simple.reduced-version.img-large-right .visual-simple-container .visual-simple-item:last-child,
    .destacado-visual.dest-visual-simple.reduced-version.img-large-left .visual-simple-container .visual-simple-item:first-child {
        width: 34.118%;
    }
}

/* ==== 3.2 Destacado visual con características ==== */

/* -- Columna izquierda -- */

/* Texto -- Se incluye texto de la fila central */
.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-caracteristicas-content .visual-caracteristicas-description p.text-content,
.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-icon-content .visual-icon-description p.text-content {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}

/* Lista */
.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-caracteristicas-content .visual-caracteristicas-list ul.list-remarkable {
    --list-gap: 0;
}

.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-caracteristicas-content .visual-caracteristicas-list ul.list-remarkable .list-item {
    --list-item-line-height: 1.938rem
}

/* -- Columna central -- */

/* Icono */
.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-icon-content {
    max-width: 208px;
}

.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-icon-content .visual-icon i {
    color: var(--content-accent);
}

/* Texto */
.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-icon-content .visual-icon-description p.text-content {
    margin-top: .9rem;
}

/* Título */
.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-icon-content .visual-icon-title h3.h3-title {
    --h3-font-size: 1.25rem;
    --h3-line-height: 1.875rem;
}

/* Link */
.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-content:not(:has(.visual-caracteristicas-list))>.visual-caracteristicas-link {
    margin-top: 3rem !important;
}

/* -- Columna derecha -- */

/* Imagen */
.destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-caracteristicas-image {
    max-height: 355px;
    max-width: 445px;
}

/* ==== 3.3 Destacado visual con datos numéricos ==== */
/* Descripción */
.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-description {
    margin-top: .75rem;
}

/* -- Fila del TIN -- */
.destacado-visual.dest-visual-datos-num:not(.no-desde) .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-title,
.destacado-visual.dest-visual-datos-num:not(.no-desde) .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-columns .tin-info-column,
.destacado-visual.dest-visual-datos-num:not(.no-desde) .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-title,
.destacado-visual.dest-visual-datos-num:not(.no-desde) .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-columns .tae-info-column,
.destacado-visual.dest-visual-datos-num.no-desde .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info,
.destacado-visual.dest-visual-datos-num.no-desde .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info {
    border-bottom: 1px solid var(--turquoise-20);
}

.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-columns .tin-info-column {
    padding: .7rem 1rem .5rem 1rem;
}

.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-columns,
.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-columns {
    gap: 1.25rem;
}

.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-columns .tin-info-column .tin-info-label .tin-label {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-columns .tin-info-column .tin-info-number .tin-percentage,
.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-number .tin-percentage {
    font-size: 1.75rem;
    line-height: 2.25rem;
}

/* -- Fila de TAE -- */
.destacado-visual.dest-visual-datos-num:not(.no-desde) .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-title {
    margin-top: 1.75rem;
}

.destacado-visual.dest-visual-datos-num.no-desde .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info {
    margin-top: 2rem;
}

.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-title .content-md {
    --h3-font-size: 2rem;
    --h3-line-height: 2.5rem;
}

.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-columns .tae-info-column {
    padding: 1.25rem 1rem 1.05rem 1rem;
}

.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-columns .tae-info-column .tae-info-label .tae-label {
    font-size: 1.5rem;
    line-height: 2rem;
}

.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-columns .tae-info-column .tae-info-number .tae-percentage,
.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-number .tae-percentage {
    font-size: 2.5rem;
    line-height: 2.5rem;
}

/* -- Columna Imagen -- */
.destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item .dest-visual-image {
    max-width: 675px;
    max-height: 427px;
}

/* ==== 3.4 Visual Highlight Process Steps ==== */

/* -- Listado -- */
.destacado-visual.highlight-process-steps .destacado-content .destacado-list {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
}

.destacado-visual.highlight-process-steps.no-image .destacado-content .destacado-list {
    grid-template-columns: repeat(4, 1fr);
}

.destacado-visual.highlight-process-steps .destacado-content .destacado-list .list-item {
    padding-right: 1.7rem;
}

.destacado-visual.highlight-process-steps.no-image .destacado-content .destacado-list .list-item {
    padding-right: 4rem;
}

.destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-list .list-item:nth-child(2n) {
    padding-right: 2rem;
}

.destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-list-content {
    --swiper-pagination-bottom: 0;
}

/* Número */
.destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-list,
.destacado-visual.highlight-process-steps.no-image .destacado-content .destacado-list {
    counter-reset: number;
}

/* -- Imagen -- */
.destacado-visual.highlight-process-steps .destacado-content .destacado-image {
    max-width: 740px;
    max-height: 468px;
}

@media (min-width: 992px) {

    /* Columnas */
    .destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-list-content {
        width: 45.55%;
    }

    .destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-image {
        width: 54.45%;
    }
}

/* ==== 3.4.2 Highlight Process Numeric Steps ==== */

/* -- Listado --*/
.destacado-visual.highlight-process-numeric-steps .destacado-content .destacado-list {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    row-gap: 4.5rem;
    column-gap: 1.5rem;
    counter-reset: number;
}

.destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-list .list-item::before,
.destacado-visual.highlight-process-steps.no-image .destacado-content .destacado-list .list-item::before,
.destacado-visual.highlight-process-numeric-steps .destacado-content .destacado-list .list-item::before {
    content: none;
}

.destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-list .list-item,
.destacado-visual.highlight-process-steps.no-image .destacado-content .destacado-list .list-item,
.destacado-visual.highlight-process-numeric-steps .destacado-content .destacado-list .list-item {
    counter-increment: number;
    margin-top: 0;
}

.destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-list .list-item .number-list::before,
.destacado-visual.highlight-process-steps.no-image .destacado-content .destacado-list .list-item .number-list::before,
.destacado-visual.highlight-process-numeric-steps .destacado-content .destacado-list .number-list::before {
    color: var(--content-accent);
    content: counter(number) '';
    font-size: 5rem;
    line-height: 5rem;
    margin-top: 0;
    display: block;
    padding-right: 1rem;
}

.destacado-visual.highlight-process-numeric-steps .destacado-content .destacado-list .destacado-list-item-title {
    margin-top: .65rem !important;
}

/* ==== 3.5 Destacado visual múltiple ==== */

@media(min-width:991px) {
    .destacado-visual.dest-visual-multiple .visual-container .visual-item:first-child {
        width: 48%;
    }

    .destacado-visual.dest-visual-multiple .visual-container .visual-item:last-child {
        width: 52%;
    }
}

/* -- Columna izquierda -- */

/* Image */
.destacado-visual.dest-visual-multiple .visual-container .visual-item .visual-image {
    max-width: 585px;
    max-height: 420px;
}

.destacado-visual.dest-visual-multiple .visual-container .visual-item .visual-image {
    margin-top: 2rem;
}

/* -- Columna derecha - Contenido -- */


/* Icono */
.destacado-visual.dest-visual-multiple .visual-container .visual-item .content-container .content-item .content-icon i {
    color: var(--content-accent);
}

/* Texto */
.destacado-visual.dest-visual-multiple .visual-container .visual-item .content-container .content-item .content-description p.text-content {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}

@media (min-width: 992px) {
    .collapse-mainMenu .menu-container>.container {
        /* min-height: calc(100vh - 192px); */
        max-height: calc(100vh - 192px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    /* .principal-menu .menu-list .menu-list-item .container-menu{left: 270px;} */
}

@media (min-width: 992px) and (max-width: 1250px) {
    .destacado-visual.dest-visual-multiple .visual-container .visual-item .content-container .content-item:nth-child(even) {
        padding-left: 25px !important;
    }
}

/* ==== 4.1 Características ==== */
.contenido-especifico.caracteristicas.bg-accent-low .contenido-container,
.contenido-especifico.caracteristicas.bg-secondary-color .contenido-container {
    padding: 3rem 6.275rem;
}

.contenido-especifico.caracteristicas.two-columns:not(.bg-secondary-color):not(.bg-accent-low) .contenido-container {
    padding: 0 6.275rem;
}

/* Versión Bg-Secondary */
.contenido-especifico.caracteristicas.bg-secondary-color .contenido-container {
    background-color: var(--background-secondary);
}

/* Versión Bg-AccentLow */
.contenido-especifico.caracteristicas.bg-accent-low .contenido-container {
    background-color: var(--background-accent-low);
}

.contenido-especifico.caracteristicas.with-links .contenido-container {
    margin-top: 2rem;
}

.contenido-especifico.caracteristicas .contenido-container .swiper-wrapper {
    row-gap: 3rem;
    column-gap: 5rem;
    grid-auto-rows: 1fr;
}

/* Dos columnas */
.contenido-especifico.caracteristicas.two-columns .contenido-container .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
}

.contenido-especifico.caracteristicas.two-columns.more-padding .contenido-container .swiper-wrapper {
    column-gap: 4rem;
}

.contenido-especifico.caracteristicas.two-columns.more-padding .contenido-container .contenido-item {
    width: 68.95%;
}

.contenido-especifico.caracteristicas.two-columns.more-padding .contenido-container .contenido-item:nth-child(odd) {
    margin-left: auto;
}

/* Tres columnas */
.contenido-especifico.caracteristicas.three-columns .contenido-container .swiper-wrapper,
.contenido-especifico.caracteristicas.four-columns .contenido-container .swiper-wrapper {
    column-gap: 3rem;
}

.contenido-especifico.caracteristicas.three-columns .contenido-container .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
}

/* Cuatro columnas */
.contenido-especifico.caracteristicas .contenido-container .swiper-wrapper,
.contenido-especifico.caracteristicas.four-columns .contenido-container .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
}

/* Icono */
.contenido-especifico.caracteristicas .contenido-container .contenido-item .contenido-icon i {
    color: var(--content-always-dark);
    font-size: 3.25rem;
    width: fit-content;
}

/* Icono accent */
.contenido-especifico.caracteristicas.accent-version .contenido-container .contenido-item .contenido-icon i {
    color: var(--content-accent);
}

/* Icono accent60 */
.contenido-especifico.caracteristicas.accent60-version .contenido-container .contenido-item .contenido-icon i {
    color: var(--turquoise-60);
}

/* Texto */
.contenido-especifico.caracteristicas .contenido-container .contenido-item .contenido-description p.text-content {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}

.contenido-especifico.caracteristicas .contenido-container .contenido-item .contenido-description a {
    text-decoration: none;
    font-weight: var(--body-font-weight-medium);
}

.contenido-especifico.caracteristicas .contenido-container .contenido-item .contenido-description a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ==== 4.2 CTAs ==== */
.contenido-especifico.cta .contenido-container {
    background-color: var(--background-accent-low);
    border-radius: var(--radius-default);
}

.contenido-especifico.cta .contenido-container.bg-accent-gray {
    background-color: var(--background-secondary);
}

.contenido-especifico.cta .contenido-container {
    padding: 5.3rem 3.3rem 5.5rem 7.4rem;
}

/* -- Columna izquierda -- */
.contenido-especifico.cta .contenido-container .contenido-content {
    margin-right: 7.4rem;
}

/* Texto */
.contenido-especifico.cta .contenido-container .contenido-content p.text-content.contenido-description {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}

/* Botón - CTA */
.contenido-especifico.cta .contenido-container .contenido-item .contenido-cta {
    --btn-padding: 0.688rem 1rem 0.625rem 1rem;
    max-width: 323px;
}

/* ==== 4.3 Promoción ==== */

/* -- Columna de imagen -- */
.contenido-especifico.promocion.with-image .contenido-container .contenido-item:nth-child(1) {
    width: 51.5%;
}

.contenido-especifico.promocion.with-image .contenido-container .contenido-item .contenido-image {
    max-width: 700px;
    max-height: 443px;
}

/* -- Columna de contenido -- */
.contenido-especifico.promocion.with-image .contenido-container .contenido-item:nth-child(2) {
    width: 48.5%;
}

/* Subtitulo */
.contenido-especifico.promocion .contenido-container .contenido-content .contenido-title .subtitle,
.contenido-especifico.promocion .contenido-container .contenido-content .contenido-subtitle .subtitle {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
}

/* Texto */
.contenido-especifico.promocion .contenido-container .contenido-content .contenido-description {
    border-top: 1px solid var(--border-low);
    padding: .75rem 0;
}

.contenido-especifico.promocion .contenido-container .contenido-content .contenido-description p.text-content,
.contenido-especifico.promocion .contenido-container .contenido-item .contenido-description p.text-content {
    --text-size: 1rem;
    --text-line-height: 1.375rem;
}

/* Lista */
.contenido-especifico.promocion .contenido-container .contenido-content .contenido-list-remarkable .list-remarkable .list-item {
    --list-item-line-height: 1.5rem;
}

/* ==== 4.4 Summary Table ==== */

.contenido-especifico.summary-table .contenido-content {
    --bs-gutter-x: 1.25rem;
}

/* Fondo cabecera de la tabla */
.contenido-especifico.summary-table .contenido-content .contenido-item .table .table-header .table-header-item {
    background-color: var(--background-accent-low);
}

.contenido-especifico.summary-table .contenido-content .contenido-item .table-responsive {
    margin-left: -17px;
    margin-right: -17px;
}

.contenido-especifico.summary-table .contenido-content .contenido-item .table {
    border-collapse: separate;
    border-spacing: 18.5px 0;
}

/* Borde */
.contenido-especifico.summary-table .contenido-content .contenido-item .table .table-body .table-body-item {
    border-color: var(--border-low);
}

/* Énfasis de tabla */
.contenido-especifico.summary-table .contenido-content .contenido-item .table .table-body .table-body-item.emphasise {
    background-color: var(--background-secondary);
    font-weight: var(--body-font-weight-medium);
}

/* ==== 4.5 Rich Text + Texto enriquecido en acordeón ==== */
/* Fondo */
.contenido-especifico.rich-text .bg-accent-low,
.contenido-especifico.rich-text .bg-accent-gray {
    padding: 5rem 6rem;
}

.contenido-especifico.rich-text .bg-accent-low {
    background: var(--background-accent-low);
}

.contenido-especifico.rich-text .bg-accent-gray {
    background: var(--background-secondary);
}

/* Encabezados */
.contenido-especifico.rich-text h2,
.contenido-especifico.rich-text h3,
.contenido-especifico.rich-text h4,
.contenido-especifico.rich-text h5,
.contenido-especifico.rich-text h6 {
    color: var(--content-always-dark);
    font-weight: var(--body-font-weight-semibold);
    margin-bottom: 2rem;
}

.contenido-especifico.rich-text h2 {
    font-size: 2.5rem;
    line-height: 2.75rem;
}

.contenido-especifico.rich-text h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.contenido-especifico.rich-text h4 {
    font-size: 1.375rem;
    line-height: 1.625rem;
}

.contenido-especifico.rich-text h5 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.contenido-especifico.rich-text h6 {
    font-size: 1.125rem;
    line-height: 1.375rem;
}

.contenido-especifico .contenido-title p a {
    text-decoration: none;
}

.contenido-especifico .contenido-title p a:hover {
    text-decoration: underline;
}

@media (max-width: 991px) {
    .contenido-especifico.rich-text h2 {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}

/* Listado */
.contenido-especifico.rich-text ul li>ul,
.contenido-especifico.rich-text ol li>ul,
.contenido-especifico.rich-text ul li>ol,
.contenido-especifico.rich-text ol li>ol {
    margin-top: 2.5rem;
}

/* Línea */
.contenido-especifico.rich-text hr,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body hr {
    margin: 2rem 0;
    color: var(--light-gray);
    border: 0;
    border-top: var(--border-width) solid;
    opacity: unset;
}

/* Texto */
.contenido-especifico.rich-text p,
.contenido-especifico.rich-text span,
.contenido-especifico.rich-text u,
.contenido-especifico.rich-text b,
.contenido-especifico.rich-text strong,
.contenido-especifico.rich-text a,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body p,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body span,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body u,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body b,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body strong,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body a {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.contenido-especifico.rich-text u,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body u {
    text-underline-offset: 3px;
    text-decoration-thickness: 1px
}

/* Enlaces */
.contenido-especifico.rich-text a:not(.btn),
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body a,
.contenido-especifico.tabs .tab-content a:not(.btn) {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: var(--body-font-weight);
    color: var(--content-accent);
    text-decoration: none;
    transition: font-weight 0.3s ease;
}

.contenido-especifico.rich-text a:not(.btn):hover,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body a:hover,
.contenido-especifico.tabs .tab-content a:not(.btn):hover {
    font-weight: var(--body-font-weight-medium);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

/* Imagen */
.contenido-especifico.rich-text img,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body img {
    max-width: 100%;
    height: auto;
}

/* CTAs */
.contenido-especifico.rich-text .btn.btn-primary-bcc,
.contenido-especifico.rich-text .btn.btn-secondary-bcc {
    font-size: 1rem;
    min-width: 343px;
    width: max-content;
}

/* ==== 4.6 Acordeón ==== */

/* Bordes */
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item {
    border: 0;
    border-radius: 0;
}

.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item {
    border-bottom: 1px solid var(--border-low);
}

.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item:first-child {
    border-top: 1px solid var(--border-low);
}

/* Icono de collapse */
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-button::after {
    background-image: var(--transparent);
    content: '\f078';
    color: var(--content-accent);
    font-family: var(--font-awesome-family);
    font-size: 1.25rem;
    font-weight: 600;
    margin-right: 0.813rem;
    width: fit-content;
    line-height: 1;
    transition: transform 0.3s ease;
}

.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-button:not(.collapsed) {
    color: var(--content-always-dark);
    background-color: transparent;
}

/* Texto interno */
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-header .accordion-button.text-content,
.contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-body {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}



/* ==== 4.6.2 FAQ Accordion Filters ==== */

/* -- Fila del buscador -- */

/* Icono de Input */
.contenido-especifico.faq-accordion-filters .contenido-content .faq-search .form-faq-search .search-icon {
    color: var(--content-accent);
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
}

/* Input */
.contenido-especifico.faq-accordion-filters .contenido-content .faq-search .form-faq-search .input-faq-search {
    color: var(--content-always-dark);
    border: 1px solid var(--border-mid);
    padding: .9rem 1rem .8rem 3.1rem;
}

.contenido-especifico.faq-accordion-filters .contenido-content .faq-search .form-faq-search .input-faq-search::placeholder {
    color: var(--content-low);
}

/* Botón*/
.contenido-especifico.faq-accordion-filters .contenido-content .faq-search .form-faq-search .btn-faq-search {
    --btn-padding: .938rem 1rem .875rem 1rem;
    width: 140px;
}

/* -- Acordeones -- */
.contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .faq-accordion-item .accordion-collapse .accordion-body {
    padding-bottom: 2.15rem;
}

/* Bordes */
.contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .faq-accordion-item {
    border: 0;
    border-radius: 0;
    ;
}

.contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .faq-accordion-item {
    border-bottom: 1px solid var(--border-low);
}

/* Icono de collapse */
.contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .faq-accordion-item .accordion-button::after {
    display: none;
    visibility: hidden;
}

.contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .faq-accordion-item .accordion-button .icon {
    color: var(--content-accent);
    transition: transform 0.3s ease;
}

.contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .faq-accordion-item .accordion-button:not(.collapsed) .icon {
    transform: rotate(180deg);
}

/* Botones de collapse */
.contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .faq-accordion-item .accordion-button:not(.collapsed) {
    color: var(--content-always-dark);
    background-color: transparent;
}

/* -- Links ver más -- */
.contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .btn-see-more-content .btn-see-more {
    color: var(--content-accent);
}

/* ==== 4.7 Pestañas ==== */
.contenido-especifico.tabs.background-accent-low {
    background-color: var(--background-accent-low);
}

.contenido-especifico.tabs .contenido-container .tabs-component {
    list-style-type: none;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    margin-bottom: 2.5rem;
}

.contenido-especifico.tabs .contenido-container .tabs-component::after {
    content: '';
    background-color: var(--border-low);
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
}

/* Iconos Pestañas */
/* .contenido-especifico.tabs .contenido-container .tabs-component{width: max-content !important;} */

.contenido-especifico.tabs .contenido-container .tabs-component .tab-item {
    display: flex;
    align-items: end;
    justify-content: center;
    width: auto !important;
    flex-shrink: 0 !important;
    margin-top: 0;
}

.contenido-especifico.tabs .contenido-container .tabs-component .tab-item::before {
    content: none;
}

.contenido-especifico.tabs .contenido-container .tabs-component .tab-item .tab-link {
    --h3-font-size: 1.25rem;
    --h3-line-height: 1.875rem;
    background-color: var(--transparent) !important;
    display: flex;
    align-items: center;
    gap: 5px;
}

.contenido-especifico.tabs.with-icons .contenido-container .tabs-component .tab-item .tab-link {
    text-align: start;
}

.contenido-especifico.tabs .contenido-container .tabs-component .tab-item .tab-link i {
    font-size: 1.25rem;
    vertical-align: middle;
}

/* Bordes */
.contenido-especifico.tabs .contenido-container .tabs-component .tab-item .tab-link.active {
    color: var(--content-accent);
}

.contenido-especifico.tabs .contenido-container .tabs-component .tab-item .tab-link.active::after {
    content: '';
    background: var(--border-accent);
    border-radius: 2px 2px 0 0;
    display: block;
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 2px;
}

/* Contenido */
.contenido-especifico.tabs .tab-content a i {
    margin-left: 5px;
}

/* ==== 4.9 External Redirections ==== */

.contenido-especifico.external-redirections .contenido-container {
    background: var(--background-accent-low);
}

/* Columna de imagen */

.contenido-especifico.external-redirections .contenido-container .contenido-item .contenido-image {
    max-width: 510px;
    max-height: 360px;
}

/* Verión con botones - Color de iconos */
.contenido-especifico.external-redirections .contenido-container .contenido-item .contenido-item-content .contenido-item-links .icon {
    color: var(--content-always-dark);
}

/* ==== 4.10 Modal Dialog Box ==== */
.modal .modal-dialog {
    max-width: 640px;
}

/* -- Componentes del modal */

.modal .modal-dialog .modal-content {
    padding: 4.938rem 2.625rem 2.063rem 2.625rem;
}

/* Botón de cerrar*/
.modal .modal-dialog .modal-content .modal-header .btn-close {
    background-image: none;
    color: var(--content-accent);
    font-size: 24px;
    opacity: initial;
    position: absolute;
    top: 42px;
    right: 25px;
    z-index: 9999999;
    width: 24px;
    height: 24px;
}

/* Títulos */
.modal .modal-dialog .modal-content .modal-body h3 {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
}

/* Lista */
.modal-body .modal-item .arrow-list {
    list-style: none;
}

.modal-body .modal-item .arrow-list .list-item {
    border-bottom: 1px solid var(--border-low);
    padding: .625rem 0;
    margin-top: 0;
}

.modal-body .modal-item .arrow-list .list-item::before {
    content: none;
}

/* Icono */
.modal-body .modal-item .arrow-list .list-item .list-icon i {
    vertical-align: middle;
}

/* ==== 4.11 Feature List ==== */

.contenido-especifico.feature-list .contenido-content {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    row-gap: 2rem;
    column-gap: 1rem;
}

/* Borde */
.contenido-especifico.feature-list .contenido-content .contenido-item .contenido-item-container {
    border: 2px solid var(--turquoise-20);
}

/* Padding */
.contenido-especifico.feature-list .contenido-content .contenido-item .contenido-item-container {
    padding: 1.85rem 2.4rem;
}

/* Título */
.contenido-especifico.feature-list .contenido-content .contenido-item .contenido-item-container .h3-title {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
}

/* Lista */
.contenido-especifico.feature-list .contenido-content .contenido-item .contenido-item-container .list-remarkable .list-item {
    --list-item-line-height: 1.5rem;
    border-bottom: 1px solid var(--border-low);
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: 2.75rem;
}

.contenido-especifico.feature-list .contenido-content .contenido-item .contenido-item-container .list-remarkable .list-item::before {
    content: '\f058';
    left: 5px;
}

/* ==== 4.12 Accordion Feature List ==== */
.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature {
    row-gap: 2rem;
}

/* Borde */
.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item {
    border: 2px solid var(--turquoise-20);
}

/* Botón Collapse */
.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-header .accordion-button {
    background-color: var(--background-base);
    padding: 1.85rem 3.9rem;
}

/* Icono */

.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-header .accordion-button .icon {
    color: var(--content-accent);
    transition: transform 0.3s ease;
}

.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-header .accordion-button[aria-expanded='true'] .icon {
    transform: rotate(180deg);
}

.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-header .accordion-button::after {
    content: none;
}

/* Título */
.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-header .accordion-button .content-md {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
}

/* Lista */
.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-collapse .accordion-body .list-remarkable .list-item {
    --list-item-line-height: 1.5rem;
    border-bottom: 1px solid var(--border-low);
    padding-top: .7rem;
    padding-bottom: .7rem;
    padding-left: 2.75rem;
}

.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-collapse .accordion-body .list-remarkable .list-item::before {
    content: '\f058';
    left: 5px;
}

/* Botón */
.contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-collapse .accordion-body .accordion-item-link .btn.btn-secondary-bcc {
    --btn-padding: .65rem 1rem .65rem 1rem;
    max-width: 283px;
}

/* ==== 5.1 Texto Legal ==== */

/* Título */
.legal.legal-text .legal-title h2.h2-title {
    --h2-font-size: 1.25rem;
    --h2-line-height: 1.875rem;
    --h2-font-weight: 600;
}

/* Texto */
.legal.legal-text .legal-content p.text-content {
    --text-size: 1rem;
    --text-line-height: 1.375rem;
}

.legal.legal-text .legal-content p.text-content a {
    color: var(--content-accent);
    display: inline-block;
}

/* Texto destacado */
.legal.legal-text .legal-content p.text-content .remarkable-text-md {
    font-size: 1.125rem;
    font-weight: var(--body-font-weight-bold) !important;
    line-height: 1;
}

.legal.legal-text .legal-content p.text-content .remarkable-text-lg {
    font-size: 1.25rem;
    font-weight: var(--body-font-weight-bold) !important;
    line-height: 1;
}

/* Botones */
.modal-footer .btn {
    --btn-padding: .688rem 1rem .625rem 1rem
}

/* ==== 5.2 Indicador de riesgo ==== */

/* Margenes */
.legal.indicador-de-riesgo-om .container,
.legal.indicador-de-riesgo-alerta-liquidez .container {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

/* Título Bloque legal */
.legal.indicador-de-riesgo-om .legal-title,
.legal.indicador-de-riesgo-alerta-liquidez .legal-title {
    --text-size: 0.75rem;
    --text-line-height: 1rem;
}

/* -- Primera columna de alerta de liquidez -- */
.legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:first-child {
    width: 28%;
}

/* Numero indicativo de alerta de liquidez */
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-number span.text-content {
    --text-size: 1.5rem;
    --text-line-height: 1.5rem;
    letter-spacing: 0.5rem;
}

.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-number span.text-content .num-danger {
    color: var(--content-low);
}

.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-container {
    padding: .2rem 0 0.65rem 2.063rem;
}

/* -- Segunda columna de alerta de liquidez -- */
.legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:nth-child(2) {
    width: 38.3%;
}

.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-description {
    padding: 0.875rem 5rem 0.65rem 1.25rem;
}


/* -- Tercera columna de alerta de liquidez -- */
.legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:last-child {
    width: 33.7%;
}

.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description {
    padding: 0.875rem 0.625rem 0.65rem 1.2rem;
}

/* -- Fila de indicador con números de riesgo -- */

/* Bordes, incluido alerta de liquidez */
.legal.indicador-de-riesgo-om .legal-container,
.legal.indicador-de-riesgo-alerta-liquidez .legal-container {
    border: 1.5px solid var(--border-low);
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content {
    border-bottom: 1.5px solid var(--border-low);
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item,
.legal.indicador-de-riesgo-alerta-liquidez .legal-item:first-child,
.legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:nth-child(2) {
    border-right: 1.5px solid var(--border-low);
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item:first-child {
    border-left: 1.5px solid var(--border-low);
}

/* Textos laterales de riesgo y texto descriptivo de siguiente fila / Incluidos texto de alerta de liquidez */
.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text p.text-content,
.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text p.text-content,
.legal.indicador-de-riesgo-om .legal-container .description-item .text-content,
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-number-text p.text-content,
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-description p.text-content,
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description p.text-content {
    --text-size: 0.625rem;
    --text-line-height: 0.75rem;
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
    padding: 0 0 0 1.15rem;
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text {
    padding: 0 0.85rem 0 0;
}

/* Numeros de riesgo */
.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item {
    padding-top: 0.125rem;
    padding-bottom: 0.063rem;
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item.selected {
    background-color: var(--background-always-dark);
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -1px;
}

.legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .num-riesgo .riesgo-indicator .indicator-item.selected .number {
    color: var(--gray-10);
}

/* -- Fila descripción -- */
.legal.indicador-de-riesgo-om .legal-container .legal-description {
    padding: 0.65rem 2.85rem 0.55rem 3.6rem;
}

/* Texto - Incluido alerta liquidez */
.legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description p.text-content {
    gap: 0.7rem
}

/* ==== 5.3 Documentación ==== */
/* -- Cabecera de collapse -- */

/* Espacio entre collapses */
.legal.documentacion .legal-container:not(:first-child) {
    margin-top: 1rem;
}

/* Fondo y espacidado */
.legal.documentacion .legal-container .collapse-header {
    background: var(--background-secondary);
}

/* Botón */
.legal.documentacion .legal-container .collapse-header .collapse-button {
    padding: 1.7rem 2.6rem 1.75rem 1rem;
}

/* Icono y Link*/
.legal.documentacion .legal-container .collapse-header .collapse-button .icon {
    display: block;
    font-size: 1rem;
    transition: transform 0.25s ease-in;
}

.legal.documentacion .legal-container .collapse-header .collapse-button:not(.collapsed) .icon {
    transform: rotate(180deg);
}

/* -- Contenido de collapse -- */

/* Bordes */
.legal.documentacion .legal-container .collapse-content .collapse-item a {
    --text-size: 1rem;
    --text-line-height: 1.375rem;
    color: var(--content-accent);
    padding: .8rem 2.7rem .75rem 2.4rem;
    border-bottom: 1px solid var(--border-low);
}

.legal.documentacion .legal-container .collapse-content .collapse-item a:hover .link-text {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ==== 6.2 Vídeos, Vídeo único, Vídeo único vertical y Vídeo doble ==== */

/* -- Columna de vídeos -- */

/* Espaciado entre columnas */
.extras.videos .extra-content,
.extras.videos .extra-content .see-more-videos .collapse .card-body {
    --bs-gutter-y: 2.3rem;
}

.extras.videos .extra-content .see-more-videos {
    margin-top: 2.3rem;
}

/* Texto de Categoría */
.extras.videos .extra-content .extra-item .extra-category .category,
.extras.video .extra-container .extra-item-content .extra-category .category,
.extras.double-video .extra-content .extra-item-category .category {
    color: var(--content-accent);
    --text-size: 1rem;
    --text-line-height: 1.375rem;
    background: var(--background-accent-low);
    border-radius: var(--radius-default);
    padding: .25rem .625rem .3rem .625rem;
    z-index: 998;
    transition: text-shadow 0.3s ease;
}

.extras.videos .extra-content .extra-item .extra-category .category:hover,
.extras.video .extra-container .extra-item-content .extra-category .category:hover,
.extras.double-video .extra-content .extra-item-category .category:hover {
    text-shadow: 0.5px 0px 0px;
}

/* Imagen provisional al video */
.extras.videos .extra-content .extra-item .extra-video {
    max-height: 255px;
}

/* Título */
.extras.videos .extra-content .extra-item .extra-title .h3-title,
.extras.double-video .extra-content .extra-item .extra-item-title .h3-title {
    --h3-font-size: 1.25rem;
    --h3-line-height: 1.875rem;
}

/* Texto */
.extras.videos .extra-content .extra-item .extra-description {
    margin-top: .8rem;
}

.extras.videos .extra-content .extra-item .extra-description .text-content,
.extras.video .extra-container .extra-item-content .extra-description .text-content {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
}

.extras.video .extra-container .extra-item-content .extra-summary .summary {
    --text-size: 1.25rem;
    --text-line-height: 1.875rem;
}

/* ==== 6.3 Formulario WTC/WTL ==== */

/* Background */
.formulario-wtc-wtl.bg-secondary-color .extra-container .form-container {
    background-color: var(--background-secondary);
    border-radius: 10px;
}

/* Labels */
.form-wtc-wtl .form-item .input-label,
.form-wtc-wtl .form-item .radios-title,
.form-wtc-wtl .form-item .checkboxs-title {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

/* -- Inputs -- */
.form-wtc-wtl .form-item .form-input,
.form-wtc-wtl .form-item .form-textarea,
.form-wtc-wtl .form-item .form-select {
    border: 1px solid var(--border-low);
    border-radius: 4px;
    padding: .75rem 3.2rem .75rem 1rem;
}

.form-wtc-wtl .form-item .form-input.number {
    padding: .75rem 4.95rem .75rem 1rem;
}

.form-wtc-wtl .form-item .form-input[type="date"] {
    background-color: var(--content-always-light);
    padding-right: 11px;
}

.form-wtc-wtl .form-item .form-input[type="date"]+i {
    font-size: 19px;
    pointer-events: none;
    background-color: var(--background-base);
}

.form-wtc-wtl .form-item .form-input .form-wtc-wtl .form-item .form-input::placeholder,
.form-wtc-wtl .form-item .form-textarea::placeholder {
    color: var(--content-always-dark);
}

.form-wtc-wtl .form-item .wtc-search-container .form-input.form-search {
    padding-left: 2.85rem;
}

.form-wtc-wtl .form-item .wtc-search-container .form-input.form-search::placeholder {
    color: var(--content-low);
}

/* Iconos de inputs */
.form-wtc-wtl .form-item i {
    color: var(--content-accent);
}

/* Textarea */
.form-wtc-wtl .form-item .form-textarea {
    resize: none;
}

/* Select */
.form-wtc-wtl .form-item.wtc-id-row {
    padding-top: 2.125rem;
}

.form-wtc-wtl .form-item .form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--background-always-light);
    background-image: none;
    width: 216px;
    padding-right: 2.5rem;
}

/* -- Input de rango -- */
.form-wtc-wtl .form-item .form-range {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}

/* Estilo de la pista (WebKit) */
.form-wtc-wtl .form-item .form-range::-webkit-slider-runnable-track {
    height: 7px;
    background: #8E8E8E;
    border-radius: 2rem;
}

/* Thumb (WebKit) */
.form-wtc-wtl .form-item .form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: url('../../img/circle-waveform-lines.svg') no-repeat center center;
    background-color: #1CA9BF;
    height: 32px;
    width: 32px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background-size: 37px;
    margin-top: -12.5px;
    box-shadow: none;
}

/* Estilo de la pista (Firefox) */
.form-wtc-wtl .form-item .form-range::-moz-range-track {
    height: 7px;
    background: #8E8E8E;
    border-radius: 2rem;
}

/* Thumb (Firefox) */
.form-wtc-wtl .form-item .form-range::-moz-range-thumb {
    background: url('../../img/circle-waveform-lines.svg') no-repeat center center, #1CA9BF;
    height: 32px;
    width: 32px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background-size: 100%;
    box-shadow: none;
}

/* Estilo de la pista (IE/Edge antiguos) */
.form-wtc-wtl .form-item .form-range::-ms-track {
    height: 7px;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

/* Thumb (IE/Edge antiguos) */
.form-wtc-wtl .form-item .form-range::-ms-thumb {
    background: url('../../img/circle-waveform-lines.svg') no-repeat center center, #1CA9BF;
    height: 32px;
    width: 32px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background-size: 100%;
    box-shadow: none;
}

/* Elimina flecha del select en IE/Edge */
.form-wtc-wtl .form-item .form-select::-ms-expand {
    display: none;
}

.form-wtc-wtl .form-item .select-container i {
    position: absolute;
    color: var(--content-accent);
    right: 12px;
    pointer-events: none;
    z-index: 2;
    transition: transform 0.3s ease;
}

.form-wtc-wtl .form-item .select-container .form-select:focus+i {
    transform: rotate(180deg);
}

/* Texto Legal */
.form-wtc-wtl .form-item-legal .text-content.legal-title,
.form-wtc-wtl .form-item .input-label[for="wtc-newsletter"] .text-content {
    --text-size: 1rem;
    --text-line-height: 1.375rem;
}

.form-wtc-wtl .form-item-legal .text-content {
    --text-size: .875rem;
    --text-line-height: 1.125rem;
}

.form-wtc-wtl .form-item-legal .text-content a {
    color: var(--content-accent);
    font-weight: var(--body-font-weight-medium);
    text-decoration: none;
    transition: color 0.3s ease-in;
}

.form-wtc-wtl .form-item-legal .text-content a:hover {
    text-decoration: underline;
}

/* Radio y Checkbox */
.form-item .radio-option .radio-label .border-icon,
.form-item .radio-option .radio-label .circle-icon,
.form-wtc-wtl .form-item .checkbox-option .checkbox-label .border-icon,
.form-wtc-wtl .form-item .checkbox-option .checkbox-label .check-icon {
    color: var(--border-always-dark);
    cursor: pointer;
}

.form-item .radio-option .radio-label .circle-icon,
.form-wtc-wtl .form-item .checkbox-option .checkbox-label .check-icon {
    display: none;
}

.form-item .radio-option .radio-label i.border-icon,
.form-wtc-wtl .form-item .checkbox-option .checkbox-label i.border-icon {
    line-height: normal;
    width: auto;
}

.form-item .radio-option .form-radio:checked+.radio-label i.border-icon,
.form-wtc-wtl .form-item .checkbox-option .form-checkbox:checked+.checkbox-label i.border-icon {
    color: var(--content-accent);
    font-size: 20px !important;
}

.form-item .radio-option .radio-label .icons-container,
.form-wtc-wtl .form-item .checkbox-option .checkbox-label .icons-container,
.form-wtc-wtl .form-item .checkbox-option .checkbox-label[for="wtc-newsletter"] .icons-container {
    line-height: normal;
    width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.form-item .radio-option .form-radio:checked+.radio-label i.circle-icon,
.form-wtc-wtl .form-item .checkbox-option .form-checkbox:checked+.checkbox-label i.check-icon,
.form-wtc-wtl .form-item .checkbox-option .form-checkbox:checked+.checkbox-label[for="wtc-newsletter"] i.check-icon {
    color: var(--content-accent);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    height: 100%;
}

.form-wtc-wtl .form-item .checkbox-option .checkbox-label[for="wtc-newsletter"] .text-content {
    --text-size: 1rem;
    --text-line-height: 1.375rem;
}

/* Radio - Versión ocupando todo el ancho */
.form-wtc-wtl .form-item .radios-list.all-width .radio-option {
    background-color: var(--background-always-light);
    border-radius: var(--radius-default);
    width: 100%;
}

.form-wtc-wtl .form-item .radios-list.all-width .radio-option .radio-label {
    padding: 1rem;
}

.form-wtc-wtl .form-item .radios-list.all-width .radio-option .label-text a {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: var(--body-font-weight-medium);
}

/* ==== 6.4 Related Interest Tabs ==== */
.extras.related-interest-tabs .extra-content {
    margin-top: 2.3rem;
}

.extras.related-interest-tabs .extra-content .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-row-gap: 18.5px;
    grid-column-gap: 18px;
}

/* Contenedor de enlace */
.extras.related-interest-tabs .extra-content .extra-item .extra-item-link {
    border: 2px solid var(--turquoise-20);
    padding: .8rem 1.45rem .75rem .9rem;
    transition: background 0.3s ease-in-out;
}

.extras.related-interest-tabs .extra-content .extra-item .extra-item-link:hover {
    background: var(--background-accent-low)
}

/* Iconos */
.extras.related-interest-tabs .extra-content .extra-item .extra-item-link .icon {
    color: var(--content-accent);
}

/* ==== 6.5 Breadcrumbs ==== */

/* Texto */

.extras.breadcrumbs .breadcrumbs-list .breadcrumbs-item {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.125rem;
}

.extras.breadcrumbs .breadcrumbs-list .breadcrumbs-item::before {
    content: none;
}

.extras.breadcrumbs .breadcrumbs-list .breadcrumbs-item:not(.active) {
    --text-color: var(--content-accent);
    color: var(--content-accent);
}

.extras.breadcrumbs .breadcrumbs-list .breadcrumbs-item.active {
    --text-color: var(--content-low);
}

.extras.breadcrumbs .breadcrumbs-list .breadcrumbs-item.active i {
    display: none;
    visibility: hidden;
}

/* ==== 6.6 Menu Labels ==== */
.extras.menu-labels .extras-list .extra-item {
    background: var(--background-accent-low);
    border-radius: var(--radius-default);
    padding: .25rem .5rem .2rem .5rem;
}

.extras.menu-labels .extras-content {
    margin-top: 1.86rem;
}

/* Link */
.extras.menu-labels .extras-list .extra-item .extra-item-link {
    color: var(--content-always-dark);
    text-decoration: none;
}

.extras.menu-labels .extras-list .extra-item .extra-item-link:hover {
    color: var(--content-accent);
}

/* ==== Media queries ==== */

/* Para dispositivos más pequeños que 1200px */
@media (max-width: 1199.98px) {
    .header-main {
        border-bottom: none;
    }

    .header-main .action-buttons {
        background-color: var(--white);
        bottom: 0;
        padding: 15px 1rem;
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 9999999;
        transition: transform 0.5s, opacity 0.5s;
    }

    .header-main .collapseSearch {
        transform: translate(-50%, 103.8px);
    }

    .header-main:not(.header-home) .action-buttons {
        left: 50%;
        transform: translate(-50%, 100px);
    }

    .header-main:not(.header-home) .action-buttons {
        visibility: hidden;
    }

    .header-main .header-actions .menu-toggle[aria-expanded='false']+.action-buttons {
        animation: disappearBtnInMenu 0.5s forwards;
    }

    .header-main .header-actions .menu-toggle[aria-expanded='true']+.action-buttons {
        animation: showBtnInMenu 0.5s forwards;
    }

    @keyframes showBtnInMenu {
        from {
            opacity: 0;
            transform: translate(-50%, 100px);
        }

        to {
            opacity: 1;
            visibility: visible;
            transform: translate(-50%, 0);
        }
    }

    @keyframes disappearBtnInMenu {
        from {
            opacity: 1;
            transform: translate(-50%, 0);
        }

        to {
            opacity: 0;
            transform: translate(-50%, 100px);
        }
    }

    .action-buttons .btn {
        width: 50%;
    }

    /* --- Footer --- */
    footer .footer-main {
        padding-top: 4.25rem;
        padding-bottom: 3.25rem;
    }

    header.header-home+footer.footer-coop {
        padding-bottom: 7rem;
    }

    footer .footer-bottom .certifications-container {
        margin-top: 2.25rem;
    }

    footer .footer-copyright.coop .container .row {
        padding-bottom: 20px;
    }

    footer:not(.footer-coop) .copyright-text {
        margin-top: 3.15rem;
    }

    header.header-home~footer:not(.footer-coop) .footer-copyright {
        padding-bottom: 8rem;
    }

    header.header-home~footer.footer-coop .row-footer-grupo-coop {
        padding-bottom: 7rem !important;
    }

    footer:not(.footer-coop):not(.footer-lite) .footer-copyright {
        padding-top: 4rem;
        padding-bottom: 5rem;
    }

    footer.footer-coop .footer-copyright {
        padding-top: 3.5rem;
        padding-bottom: 3.4rem;
    }

    footer .footer-copyright.footer-copyright-cop {
        padding-bottom: 4rem;
    }

    footer.footer-coop .language-nav {
        margin-top: 2.65rem;
    }

    /* ==== 5.2 Indicador de riesgo ==== */

    /* Textos laterales de riesgo */
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text,
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
        padding: 0;
    }
}

/* Para dispositivos más pequeños que 992px */
@media (max-width: 991px) {

    /* ==== Variables globales ==== */
    .container {
        padding: var(--spacing-06);
    }

    .full-mobile-width {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    /* Estilos de titulos y texto */
    h1.h1-title,
    .title-xl,
    .content-xl {
        font-size: var(--h1-font-size, 2.5rem);
        line-height: var(--h1-line-height, 2.75rem);
    }

    h2.h2-title,
    .title-l,
    .content-l {
        font-size: var(--h2-font-size, 1.75rem);
        line-height: var(--h2-line-height, 2.25rem);
    }

    /* Ancho al completo */
    .w-sm-100 {
        width: 100% !important;
    }

    /* Bordes */
    .radius-sm-default {
        border-radius: var(--radius-default);
    }

    .radius-sm-default-top {
        border-radius: var(--radius-default) var(--radius-default) 0 0;
    }

    .radius-sm-start {
        border-radius: var(--radius-default) 0 0 var(--radius-default);
    }

    /* --- Navbar --- */
    header:not(.header-lite) .logo-container {
        max-width: none;
        width: auto;
    }

    header.header-lite .header-content {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem;
    }

    .header-main .header-content{
        max-height: 78px;
        height: 78px;
    }

    .header-main:not(.header-lite) .header-content {
        padding-top: 22px;
        padding-bottom: 23px;
    }

    header .header-content .nav-menu .collapse-content .nav-item {
        border-bottom: 1px solid var(--light-gray);
    }

    header .header-content .nav-menu .collapse-content .nav-item:last-child {
        border-bottom: none;
    }

    /* Alertas */
    header.header-main .alert-container {
        padding: 0;
    }

    header.header-main .alert-container .row {
        padding: var(--spacing-04)
    }

    /* Links de Navbar en menú mobile */
    .collapse-mainMenu .navbar-links::after {
        content: '';
        display: block;
        background-color: var(--border-low);
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    header.header-lite .menu-help {
        min-width: unset;
    }

    .collapse-mainMenu .navbar-links::-webkit-scrollbar {
        display: none;
    }

    .collapse-mainMenu .navbar-links .navbar-link:last-child {
        padding-right: 15px;
    }

    .collapse-mainMenu .navbar-links .navbar-link.active:last-child a::before {
        width: calc(100% - 15px);
    }

    .collapse-mainMenu .navbar-links .navbar-link {
        width: fit-content;
        height: 34px;
    }

    .collapse-mainMenu .navbar-links .navbar-link a {
        color: var(--gray-100);
    }

    .collapse-mainMenu .navbar-links .navbar-link.active a {
        color: var(--turquoise-70);
        font-weight: 500;
    }

    .collapse-mainMenu .navbar-links .navbar-link.active a::before {
        content: '';
        background-color: var(--turquoise-70);
        border-radius: 2px 2px 0 0;
        bottom: 2px;
        display: block;
        height: 2px;
        position: absolute;
        width: 100%;
    }

    /* Collapse Navbar */
    .collapse-mainMenu .menu-list-container {
        width: 100%;
    }

    .collapse-mainMenu .principal-menu .menu-list {
        gap: 15px;
    }

    .menu-list .menu-list-item {
        align-items: start;
    }

    .menu-list .menu-list-item .menu-link {
        color: var(--content-always-dark);
        display: flex;
        align-items: center;
        font-size: 1.25rem;
        font-weight: 500;
        justify-content: space-between;
    }

    .menu-list .menu-list-item.active .menu-link {
        color: var(--content-accent);
    }

    .menu-list .menu-list-item .menu-link .icon-collapse {
        transition: transform 0.3s ease;
    }

    .menu-list .menu-list-item.active .menu-link .icon-collapse {
        color: var(--content-accent);
        transform: rotate(180deg);
    }

    .menu-list .menu-list-item .container-menu .list-menu-content {
        margin-top: 11px;
        gap: 15px;
    }


    /* --- Menu Collapse --- */
    .collapse-mainMenu .menu-list-container .menu-list .menu-list-item {
        display: flex;
        flex-direction: column;
    }

    .collapse-mainMenu .menu-list-container .menu-list .menu-list-item .container-menu {
        position: static !important;
        width: 100% !important;
    }

    .header-main:has(.alert.alert-container) .collapse-mainMenu .menu-container {
        height: calc(100dvh - 290px);
        max-height: calc(100dvh - 290px);
    }

    .header-main .collapse-mainMenu .menu-container {
        height: calc(100dvh - 155px);
        max-height: calc(100dvh - 155px);
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .header-main.header-home .collapse-mainMenu .menu-container{
        height: calc(100dvh - 155px);
        max-height: calc(100dvh - 155px);
    }

    .collapse-mainMenu .menu-container>.container {
        overflow-y: auto;
        overflow-x: hidden;
        flex-grow: 1;
    }

    .header-main .collapse-mainMenu .action-buttons-collapse {
        background-color: var(--background-base);
        padding: 1rem;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 10;
        margin-top: auto;
    }

    .header-main .collapse-mainMenu .action-buttons-collapse .btn {
        width: 100%;
    }

    .collapse-mainMenu .menu-container .menu-list-item .container-menu .collapse-menu {
        height: auto;
    }

    .collapse-mainMenu .search-container-mobile .row-input-search .search-icon {
        color: var(--content-accent);
        padding-left: 1.25rem;
    }

    .collapse-mainMenu .search-container-mobile .row-input-search form {
        width: 100%;
    }

    .collapse-mainMenu .search-container-mobile .search-input-mobile {
        background-color: var(--white);
        border: 1px solid var(--turquoise-20);
        border-radius: 4px;
        height: 40px;
        padding-left: 3.25rem;
    }

    .collapse-mainMenu .search-container-mobile .search-input-mobile::placeholder {
        color: var(--gray-60);
    }

    /* --- Footer --- */

    footer .footer-top .footer-collapse {
        border-bottom: 1px solid var(--border-low);
    }

    footer .footer-top .footer-collapse .footer-collapse-btn {
        padding-top: .85rem;
        padding-bottom: .85rem;
        pointer-events: all;
    }

    footer .footer-collapse .footer-collapse-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 5px 0;
        cursor: pointer;
    }

    footer .footer-collapse-row .footer-collapse-col .footer-collapse.active .footer-collapse-btn h2 {
        color: var(--content-accent);
    }

    footer .footer-collapse-row .footer-collapse-col:last-child .footer-collapse.active .footer-collapse-btn {
        border-bottom: none;
    }

    /* ==== 1.1. Cabecera Portada, 1.2. Cabera Reducida , 1.3. Cabecera Textual ==== */

    /* ---- Columna izquierda ---- */

    /* Título */
    .cabecera .container .cabecera-title .title {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }

    /* Botones */
    .cabecera .container .cabecera-links-buttons {
        gap: 14px;
    }

    /* ---- Columna derecha ---- */

    /* Imagen */
    .cabecera .container .cabecera-image,
    .cabecera .container .cabecera-image img {
        border-radius: 0;
    }

    /* Columna de cabecera textual */
    .cabecera .container .content-info {
        padding: 0;
    }

    /* ==== 1.4. Cabecera CTAs ==== */
    /* Sticky mobile */
    .cabecera-cta {
        top: auto;
        bottom: 76px;
    }

    .cabecera-cta.visible-cta {
        z-index: 999;
    }

    .cabecera-cta.visible-cta .container {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .cabecera-cta .container {
        padding: 1rem;
    }

    /* Enlaces de botones */
    .cabecera-cta .links-content {
        padding-left: 0;
    }

    /* ==== 2.1 Distribuidores de contenido ==== */
    .distribuidores.dist-content .container .feature-item .content-grid .content-item {
        height: auto;
    }

    /* Título */
    .distribuidores.dist-content .container .feature-item.content-header .section-title {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }



    .distribuidores.dist-content.two-columns .container .feature-item.content-header {
        padding-right: 0;
    }

    .distribuidores.dist-content.two-columns .container .feature-item .content-grid {
        padding-left: 0;
    }

    .distribuidores.dist-content.two-columns .container .feature-item .content-grid {
        gap: 0;
    }

    /* Botón de enlace de interés */
    .distribuidores.dist-content.all-columns .container .feature-item.content-header .section-button {
        margin-top: 1.5rem;
    }

    .distribuidores.dist-content.all-columns .container .feature-item:nth-child(2) {
        margin-top: 2.4rem;
    }

    /* -- Columna de contenido del distribuidor -- */
    .distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-item,
    .distribuidores.dist-content .container .feature-item .content-grid .content-item {
        max-width: 254px;
    }

    .distribuidores.dist-content.three-columns-icons .container .feature-item .content-grid .content-item {
        max-width: 315px;
    }

    .distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-item:first-child {
        padding-left: 0;
    }

    /* Link */
    .distribuidores.dist-content .container .feature-item .content-grid .icon-caption .link-caption {
        margin-top: .85rem;
    }

    /* Versión con iconos */
    .distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-item a {
        padding: 1.3rem 1rem 4rem 1rem;
    }

    .distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-item a .link-caption {
        bottom: 1.75rem
    }


    /* Imagen del caption */
    .distribuidores.dist-content .container .feature-item .content-grid .image-box {
        max-height: 203px !important;
    }

    /* ==== 2.2.1 Product Distributor Compact ==== */

    /* -- Distribuidores -- */

    /* Imagen */
    .distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-image {
        width: 100%;
    }

    .distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-image img {
        max-width: none;
    }

    .distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-image div,
    .distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-image div img {
        border-radius: 2px 2px 0 0;
    }

    /* Padding */
    .distribuidores.distribuidores-compact .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-info {
        padding: 1.05rem 1.3rem 1.25rem 1.3rem;
    }

    /* ==== 2.2 Distribuidor de productos ==== */
    .distribuidores.dist-productos .products-container {
        gap: .6rem;
        margin-top: 2.438rem;
        margin-bottom: 1.188rem;
    }

    /* Botón de enlace de interés */
    .distribuidores.dist-content .container .feature-item.content-header .section-button {
        margin-top: 2.05rem;
    }

    /* Bloque de información del producto */
    .distribuidores.dist-productos .products-container .product-item .product-content .product-information {
        padding: 1.35rem 1.3rem;
    }

    /* Enlaces al producto */
    .distribuidores.dist-productos .products-container .product-item .product-content .product-links-buttons {
        position: inherit;
        margin: 0;
        padding: 0;
    }

    .distribuidores.dist-productos .products-container .product-item .product-content .product-links-buttons .btn.btn-primary-bcc,
    .distribuidores.dist-productos .products-container .product-item .product-content .product-links-buttons .btn.btn-secondary-bcc {
        max-width: none;
    }

    /* ==== 2.2.2 Mini Product Distributor ==== */

    /* -- Distribuidores -- */

    .distribuidores.distribuidores-mini .distribuidores-list {
        margin-top: 1.5rem;
    }

    /* ==== 2.2.3 Products Distributor Image Promo ==== */

    .distribuidores.dist-productos-img-promo .products-container .product-item {
        max-width: 438px;
    }

    .distribuidores.dist-productos-img-promo .products-container .swiper-wrapper {
        padding-bottom: 0 !important;
    }

    /* ==== 2.4 Distribuidor de producto único ==== */
    .distribuidores.producto-unico .container {
        margin-bottom: 3rem;
    }

    .distribuidores.producto-unico .dist-container {
        gap: 1.5rem;
    }

    /* -- Columna de imagen -- */
    .distribuidores.producto-unico .dist-container .dist-item .dist-image {
        padding-right: 0;
    }

    /* -- Columna de contenido -- */
    .distribuidores.producto-unico .dist-container .dist-item .dist-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .distribuidores.producto-unico .dist-container .dist-item .dist-content .list-remarkable {
        margin-top: 0.5rem;
    }

    /* ==== 2.5 Simulators Overview ==== */

    /* -- Distribuidores -- */
    .distribuidores.simulators .distribuidores-list {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 1.5rem;
    }

    .distribuidores.simulators .distribuidores-list .distribuidores-item .distribuidor-content,
    .distribuidores.simulators.two-columns .distribuidores-list .distribuidores-item .distribuidor-content {
        padding: 1.4rem 1.5rem 1.5rem 1.65rem;
    }

    /* Icono */
    .distribuidores.simulators .distribuidores-list .distribuidores-item .distribuidor-content .distribuidor-icon i {
        font-size: 2rem
    }

    /* ==== 2.6 Distribuidor de noticias ==== */
    /* -- Columna de noticia -- */
    .distribuidores.dist-noticias .news-container .news-item {
        max-width: 266px;
        height: auto;
    }

    .distribuidores.dist-noticias .news-container .news-item .news-content .news-image {
        max-width: 266px;
    }

    /* ==== 2.6.2 News List ==== */
    /* Título y Link */
    .distribuidores.news-list-text .dist-container .dist-content .dist-item .h3-title {
        --h3-font-size: 1.5rem;
        --h3-line-height: 2rem;
    }

    /* ==== 2.8 Distribuidor de destacados Home ==== */

    .distribuidores.dist-destacados-home .destacados-container {
        padding: 2rem 1rem 1rem 1rem;
        border-radius: 0;
    }

    /* Título */
    .distribuidores.dist-destacados-home .destacados-container .destacados-item .descatacados-content .destacado-title .title-md {
        --h3-font-size: 1.25rem;
        --h3-font-weight: 500;
    }

    .distribuidores.dist-destacados-home .destacados-container .destacados-item:first-child .descatacados-content {
        padding-right: 0;
    }

    .distribuidores.dist-destacados-home .destacados-container .destacados-item:last-child::after {
        display: none;
    }

    /* -- Fila de iconos -- */
    .distribuidores.dist-destacados-home .destacados-container .destacados-item .destacado-icon-content .destacado-icon i {
        font-size: 1.45rem;
    }

    /* Texto de icono */
    .distribuidores.dist-destacados-home .destacados-container .destacados-item .destacado-icon-content .destacado-icon-text span {
        font-size: 1rem;
        line-height: 1.375rem;
    }

    /* ==== 2.9 Distribuidor de datos numéricos ==== */

    /* Bloque de contenido */
    .distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content {
        padding: 1.95rem 0 1.75rem 0;
    }

    .distribuidores.dist-datos-numerico.all-columns .datos-number-container .datos-number-item .datos-number-content {
        padding: 1.95rem 0.75rem 7.65rem 0.75rem;
    }

    /* Título del bloque */

    .distribuidores.dist-datos-numerico.all-columns .datos-number-container .datos-number-item .datos-number-content .datos-number-title {
        min-height: unset;
    }

    /* -- Fila de condiciones -- */
    .distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-conditions {
        margin-top: 1rem;
    }

    /* -- Fila de botones -- */
    .distribuidores.dist-datos-numerico:not(.all-columns) .datos-number-container .datos-number-item .datos-number-content .datos-number-links {
        margin-top: 1rem;
    }

    .distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-links .btn-primary-bcc,
    .distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-links .btn-secondary-bcc {
        --btn-padding: .5rem 1rem .5rem 1rem;
        --btn-font-size: .875rem
    }

    .distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-links {
        bottom: .75rem;
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .distribuidores.dist-datos-numerico .datos-number-container .datos-number-item .datos-number-content .datos-number-title h2 {
        --h2-font-size: 1.5rem;
        --h2-line-height: 2rem;
    }

    /* ==== 3.1 Destacado visual simple ==== */

    .destacado-visual.dest-visual-simple.img-large-left.with-background.bg-gray,
    .destacado-visual.dest-visual-simple.img-large-right.with-background.bg-gray {
        background: var(--background-secondary);
    }

    .destacado-visual.dest-visual-simple.img-large-left.with-background.bg-accent-low,
    .destacado-visual.dest-visual-simple.img-large-right.with-background.bg-accent-low {
        background: var(--background-accent-low)
    }

    /* -- Columna textual -- */
    .destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item:first-child,
    .destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item:first-child {
        margin-left: 0;
    }

    /* Texto */
    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-description p.text-content {
        margin-top: .45rem;
    }

    /* Fila de botones */
    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-links {
        margin-top: 1.75rem;
    }

    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-links .btn.btn-primary-bcc,
    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-links .btn.btn-secondary-bcc {
        max-width: none;
    }

    /* -- Columna de imagen */
    .destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item .visual-simple-image img,
    .destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item .visual-simple-image img,
    .destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container .visual-simple-item .visual-simple-image img,
    .destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container .visual-simple-item .visual-simple-image img {
        max-width: none
    }

    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-image {
        padding-left: 0;
    }

    .destacado-visual.dest-visual-simple.img-left .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-right .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container .visual-simple-item .visual-simple-image {
        height: auto
    }


    /* ==== 3.2 Destacado visual con características ==== */
    .destacado-visual.dest-visual-caracteristicas .container {
        margin-bottom: 7rem;
    }

    /* -- Columna izquierda -- */
    .destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item:first-child {
        margin-right: 0;
        order: 1;
    }

    .destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item:nth-child(2) {
        order: 3;
    }

    .destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item:last-child {
        order: 2;
    }

    .destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-caracteristicas-content .visual-caracteristicas-link .btn.btn-primary-bcc {
        max-width: none;
    }

    .destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-icon-content {
        max-width: none;
    }

    /* Imagen */
    .destacado-visual.dest-visual-caracteristicas .visual-caracteristicas-container .visual-caracteristicas-item .visual-caracteristicas-image img {
        max-width: none;
    }

    /* ==== 3.3 Destacado visual con datos numéricos ==== */

    /* -- Filas de TAE y TIN -- */
    .destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info {
        margin-top: 2.15rem;
    }

    .destacado-visual.dest-visual-datos-num.no-desde .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info {
        margin-top: 1.6rem;
    }

    .destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-columns,
    .destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-columns {
        gap: 0;
    }

    .destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tae-info .tae-info-columns .tae-info-column,
    .destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item.dest-visual-content .dest-visual-numbers-info .tin-info .tin-info-columns .tin-info-column {
        padding: 1rem;
    }


    /* -- Columna de imagen --*/
    .destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item .dest-visual-image {
        margin-top: 2rem;
    }

    .destacado-visual.dest-visual-datos-num .dest-visual-container .dest-visual-item .dest-visual-image img {
        max-width: none;
    }


    /* ==== 3.4 Visual Highlight Process Steps ==== */

    /* -- Listado -- */
    .destacado-visual.highlight-process-steps .destacado-content .destacado-list .list-item,
    .destacado-visual.highlight-process-steps.no-image .destacado-content .destacado-list .list-item,
    .destacado-visual.highlight-process-steps:not(.no-image) .destacado-content .destacado-list .list-item:nth-child(2n) {
        padding-right: 0;
    }


    .destacado-visual.highlight-process-steps .destacado-content .destacado-list .swiper-slide {
        width: 45%;
    }

    /* ==== 3.4.2 Highlight Process Numeric Steps ==== */

    .destacado-visual.highlight-process-numeric-steps .destacado-content .destacado-list {
        row-gap: 0;
    }

    /* -- Listado --*/
    .destacado-visual.highlight-process-numeric-steps .destacado-content .destacado-list .swiper-slide {
        width: 289px;
    }

    /* ==== 3.5 Destacado visual múltiple ==== */

    /* -- Columna izquierda -- */

    /* Imagen */

    .destacado-visual.dest-visual-multiple .visual-container .visual-item .visual-image {
        margin-top: 1.5rem;
    }

    .destacado-visual.dest-visual-multiple .visual-container .visual-item .visual-image img {
        max-width: none;
    }

    /* -- Columna derecha - Contenido -- */
    .destacado-visual.dest-visual-multiple .visual-container .visual-item:last-child {
        margin-left: 0;
    }

    .destacado-visual.dest-visual-multiple .visual-container .visual-item .content-container {
        row-gap: 2.5rem;
    }

    /* ==== 4.1 Características ==== */
    .contenido-especifico.caracteristicas .contenido-container {
        padding: 0;
        border-radius: 0;
    }

    .contenido-especifico.caracteristicas.two-columns:not(.bg-secondary-color):not(.bg-accent-low) .contenido-container {
        padding: 0
    }

    .contenido-especifico.caracteristicas .contenido-container .contenido-especifico-slider {
        padding: 0;
    }

    .contenido-especifico.caracteristicas.bg-accent-low .contenido-container,
    .contenido-especifico.caracteristicas.bg-secondary-color .contenido-container {
        padding: 3rem 0;
    }

    .contenido-especifico.caracteristicas .contenido-container .contenido-especifico-slider .swiper-wrapper {
        gap: 0;
    }

    .contenido-especifico.caracteristicas .contenido-container .contenido-especifico-slider .swiper-pagination {
        --swiper-pagination-bottom: 12px
    }

    .contenido-especifico.caracteristicas .contenido-container .contenido-item {
        width: 350px;
    }

    /* ==== 4.2 CTAs ==== */
    .contenido-especifico.cta .container {
        margin-top: 1.525rem;
        margin-bottom: 1.525rem;
    }

    .contenido-especifico.cta .contenido-container {
        border-radius: 0%;
        padding: 3.2rem 1.5rem;
    }

    /* -- Columna izquierda -- */
    .contenido-especifico.cta .contenido-container .contenido-content {
        margin-right: 0;
    }

    /* Texto */
    .contenido-especifico.cta .contenido-container .contenido-content p.text-content.contenido-description {
        --text-size: 1.125rem;
        --text-line-height: 1.5rem;
    }

    /* Botón - CTA */
    .contenido-especifico.cta .contenido-container .contenido-item .contenido-cta {
        max-width: none;
    }

    /* ==== 4.3 Promoción ==== */
    .contenido-especifico.promocion.with-image .contenido-container .contenido-item:nth-child(1),
    .contenido-especifico.promocion.with-image .contenido-container .contenido-item:nth-child(2) {
        width: 100%;
    }

    /* -- Columna de imagen -- */

    .contenido-especifico.promocion .contenido-container .contenido-item .contenido-image img {
        max-width: none;
    }

    /* -- Columna de contenido -- */

    .contenido-especifico.promocion .contenido-container {
        gap: 2rem
    }

    /* Título */
    .contenido-especifico.promocion .contenido-container .contenido-content .contenido-title .h2-title,
    .contenido-especifico.promocion .contenido-container .contenido-item .contenido-title .h2-title {
        --h2-font-size: 2.5rem;
        --h2-line-height: 2.75rem;
    }

    /* Subtitulo */
    .contenido-especifico.promocion .contenido-container .contenido-content .contenido-title .subtitle {
        --h3-font-size: 1.75rem;
        --h3-line-height: 2.25rem;
    }

    /* Lista */
    .contenido-especifico.promocion .contenido-container .contenido-content .contenido-list-remarkable {
        margin-top: 2.25rem;
    }

    /* Texto */
    .contenido-especifico.promocion .contenido-container .contenido-content .contenido-description {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* Linea en botones */
    .contenido-especifico.promocion.no-legal .contenido-container .contenido-content .contenido-link {
        border-top: 1px solid var(--border-low);
    }

    /* Links */
    .contenido-especifico.promocion .contenido-container .contenido-content .contenido-link .btn.btn-primary-bcc,
    .contenido-especifico.promocion .contenido-container .contenido-content .contenido-link .btn.btn-secondary-bcc {
        max-width: none;
    }

    /* ==== 4.5 Rich Text ==== */
    /* Fondo */
    .contenido-especifico.rich-text .bg-accent-low,
    .contenido-especifico.rich-text .bg-accent-gray {
        padding: 1.5rem;
    }

    /* Subtítulo */
    .contenido-especifico.rich-text .contenido-container .contenido-item .contenido-item-title .subtitle {
        --h3-font-size: 1.5rem;
        --h3-line-height: 2rem;
    }

    /* ==== 4.6 Acordeón ==== */

    /* Icono de collapse */
    .contenido-especifico.accordion-section .accordion .accordion-content .accordion-item .accordion-button {
        padding: 0.75rem 0;
    }

    /* ==== 4.6.2 FAQ Accordion Filters ==== */

    /* -- Fila del buscador -- */

    /* Botón*/
    .contenido-especifico.faq-accordion-filters .contenido-content .faq-search .form-faq-search .btn-faq-search {
        --btn-padding: .55rem 1rem .5rem 1rem;
        font-size: .875rem;
        width: 161px;
    }

    /* -- Acordeones -- */
    .contenido-especifico.faq-accordion-filters .contenido-content .faq-accordion .faq-accordion-item .accordion-collapse .accordion-body {
        padding-bottom: 1.7rem;
    }

    /* ==== 4.7 Pestañas ==== */
    .contenido-especifico.tabs .contenido-container .tabs-component {
        width: max-content;
    }

    /* ==== 4.9 External Redirections ==== */

    /* Columna de imagen */

    .contenido-especifico.external-redirections .contenido-container .contenido-item .contenido-image img {
        max-width: none;
    }

    /* ==== 4.10 Modal Dialog Box ==== */

    /* ==== 4.11 Feature List ==== */

    .contenido-especifico.feature-list .contenido-content {
        grid-template-columns: 1fr;
    }

    /* Padding */
    .contenido-especifico.feature-list .contenido-content .contenido-item .contenido-item-container {
        padding: 1.85rem 1.35rem;
    }

    /* Botón */
    .contenido-especifico.feature-list .contenido-content .contenido-item .contenido-item-container .contenido-item-link .btn.btn-secondary-bcc {
        max-width: none;
    }

    /* ==== 4.12 Accordion Feature List ==== */

    /* Botón Collapse */
    .contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-header .accordion-button {
        padding: 1.85rem 1.65rem;
    }

    /* Botón */
    .contenido-especifico.accordion-feature .contenido-content .accordion.accordion-with-feature .accordion-item .accordion-collapse .accordion-body .accordion-item-link .btn.btn-secondary-bcc {
        max-width: none;
    }

    /* ==== 5.2 Indicador de riesgo ==== */

    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:first-child {
        width: 45%;
    }

    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:nth-child(2) {
        width: 55%;
    }

    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:last-child {
        width: 100%;
    }

    .legal.indicador-de-riesgo-alerta-liquidez.two-columns .legal-item:first-child {
        width: 45.2%;
    }

    .legal.indicador-de-riesgo-alerta-liquidez.two-columns .legal-item:last-child {
        width: 54.8%;
    }

    /* Numero indicativo de alerta de liquidez */
    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-container {
        padding: 0 1.5rem 0.719rem 1.5rem;
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-number span.text-content {
        --text-size: 1.25rem;
        --text-line-height: 2rem;
    }

    /* Título */
    .legal.indicador-de-riesgo-om .legal-title p.text-content {
        --text-size: 0.625rem;
        --text-line-height: 1.25rem;
    }

    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-title .text-content {
        --text-size: 0.625rem;
        --text-line-height: 1.5rem;
    }

    /* -- Segunda columna de alerta de liquidez -- */
    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-description {
        padding: 0.719rem 1.5rem 0.719rem 1.25rem;
    }

    /* Bordes */
    .legal.indicador-de-riesgo-om .legal-container,
    .legal.indicador-de-riesgo-alerta-liquidez .legal-container {
        border: none;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content {
        border-top: 1.5px solid var(--border-low);
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item:first-child {
        border-left: 1.5px solid var(--border-low);
        border-bottom: 1.5px solid var(--border-low);
        border-top: 1.5px solid var(--border-low);
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item:nth-child(2) {
        border-right: 1.5px solid var(--border-low);
        border-bottom: 1.5px solid var(--border-low);
        border-top: 1.5px solid var(--border-low);
    }

    /* -- Fila descripción -- */
    .legal.indicador-de-riesgo-om .legal-container .legal-description {
        padding: 0.75rem 1.5rem 0.75rem 1.5rem;
    }

    /* Textos de riesgo */
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text,
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
        position: absolute;
        bottom: -33px;
        max-width: 150px;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
        text-align: left;
        margin-left: 1.5rem;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text span:nth-child(1),
    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text span:nth-child(1) {
        display: block;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text {
        right: 0;
        text-align: right;
        margin-right: 1.5rem;
    }

    /* -- Fila inferior -- */
    .legal.indicador-de-riesgo-om .legal-item:nth-child(2) {
        margin-top: 2.563rem;
    }

    /* Bordes */
    .legal.indicador-de-riesgo-om .legal-item .legal-description {
        border: 1.5px solid var(--border-low)
    }

    /* Tercera Columna de alerta liquidez */
    .legal.indicador-de-riesgo-alerta-liquidez:not(.two-columns) .legal-item:last-child {
        margin-top: 0.8rem;
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description {
        border: 1.5px solid var(--border-low);
        padding: 0.5rem 1.5rem 0.85rem 1.5rem;
    }

    /* ==== 5.3 Documentación ==== */

    .legal.documentacion .legal-container .collapse-content .collapse-item a {
        padding: .8rem 1.85rem .75rem 1.5rem;
    }

    /* ==== 6.2 Vídeos, Vídeo único, Vídeo único vertical y Vídeo doble ==== */
    .extras.video .extra-container .extra-item-content .extra-category {
        margin-top: 1.3rem;
    }

    /* -- Columna de vídeos -- */

    .extras.videos .extra-content .see-more-videos {
        margin-top: 0;
    }

    .extras.videos .extra-content .see-more-videos .collapse.show {
        margin-top: 2.3rem;
    }

    /* Imagen provisional al video */
    .extras.videos .extra-content .extra-item .extra-video {
        max-height: none
    }

    /* Orden de video único vertical */
    .extras.video.vertical .extra-container .extra-item:nth-child(1) {
        order: 2;
    }

    .extras.video.vertical .extra-container .extra-item:nth-child(2) {
        order: 1;
    }

    .extras.video.vertical .extra-container .extra-item:nth-child(3) {
        order: 3;
    }

    /* ==== 6.3 Formulario WTC/WTL ==== */

    /* Select */
    .form-wtc-wtl .form-item.wtc-id-row {
        margin-top: 1.25rem;
    }

    /* ==== 6.4 Related Interest Tabs ==== */
    .extras.related-interest-tabs .extra-content .swiper-wrapper {
        gap: 0;
    }

    .extras.related-interest-tabs .extra-content .swiper-wrapper .swiper-slide {
        max-width: 312px;
        height: auto;
    }

    /* ==== 6.6 News List ==== */

    /* Gap */
    .extras.news-list .extra-container .extra-content {
        row-gap: 2.4rem;
    }

    /* Título de noticia */
    .extras.news-list .extra-container .extra-content .news-item .h3-title {
        --h3-font-size: 1.5rem;
        --h3-line-height: 2rem;
    }
}

/* Para dispositivos más pequeños que 768px */
@media (max-width: 767.98px) {

    /* ==== Navbar ==== */
    .collapse-mainMenu .navbar-links {
        margin-right: -1rem !important;
    }

    /* ==== Footer ==== */
    .row-social-nav .social-nav {
        margin-top: 2rem;
    }

    .row-social-nav .social-nav .social-links {
        gap: 25px;
    }

    footer .footer-top .news-section .btn-primary-bcc.news-btn {
        width: 100%;
    }

    /* ==== Variables globales ==== */
    .container {
        padding: var(--spacing-04);
    }

    .full-mobile-width {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    /* ==== 4.2 CTAs ==== */
    .contenido-especifico.cta .contenido-container {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    /* ==== 5.2 Indicador de riesgo ==== */

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .small-riesgo-text {
        margin-left: 1rem;
    }

    .legal.indicador-de-riesgo-om .legal-container .num-riesgo-content .greater-riesgo-text {
        margin-right: 1rem;
    }

    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-description,
    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-indicator-container,
    .legal.indicador-de-riesgo-alerta-liquidez .legal-item .legal-liquidez-description,
    .legal.indicador-de-riesgo-om .legal-container .legal-description {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* ==== 4.7 Pestañas ==== */
    .contenido-especifico.tabs .contenido-container .tabs-component .tab-item .tab-link {
        --h3-font-size: 1rem;
    }

    .contenido-especifico.tabs .contenido-container .tabs-component .tab-item .tab-link i {
        font-size: .9rem;
        vertical-align: baseline;
    }

    /* Bordes */
    .contenido-especifico.tabs .contenido-container .tabs-component .tab-item .tab-link.active {
        color: var(--content-accent);
    }

    .contenido-especifico.tabs .contenido-container .tabs-component .tab-item .tab-link.active::after {
        content: '';
        background: var(--border-accent);
        border-radius: 2px 2px 0 0;
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 2px;
    }
}

/* Para dispositivos más pequeños que 576px */
@media (max-width: 575.98px) {
    header .logo {
        max-height: 33px;
    }

    .full-sm-mobile-width {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important;
    }

    .w-sm-mobile-100 {
        width: 100% !important;
    }

    /* ==== Footer ==== */

    footer .footer-top .news-section .news-btn {
        width: 100%;
    }

    footer .legal-links {
        gap: 15px
    }

    footer.footer-lite .legal-links {
        gap: .625rem;
    }

    footer .legal-links .list-inline-item {
        margin-left: 0 !important;
        margin-right: 0;
    }

    footer:not(.footer-coop) .copyright-content .copyright-text {
        padding-top: 35px;
    }

    .footer-logo {
        width: 195px;
    }

    /* ==== 2.1 Distribuidores de contenido ==== */

    /* Botón de enlace de interés */
    .distribuidores.dist-content.all-columns .container .feature-item.content-header .section-button a {
        width: 100%;
    }

    .distribuidores.dist-content.all-columns .container .feature-item.content-header {
        padding-right: 0;
    }

    /* ==== 2.2.3 Products Distributor Image Promo ==== */

    .distribuidores.dist-productos-img-promo .products-container .product-item {
        max-width: calc(100vw - 32px);
    }

    /* -- Columna de contenido del distribuidor -- */
    .distribuidores.dist-content.all-columns-icons .container .feature-item .content-grid .content-item,
    .distribuidores.dist-content .container .feature-item .content-grid .content-item {
        min-width: 252px;
    }

    /* Imagen del caption */
    .distribuidores.dist-content .container .feature-item .content-grid .image-box img {
        min-height: 203px;
    }

    /* ==== 2.2.1 Product Distributor Compact ==== */

    /* -- Distribuidores -- */

    .distribuidores.distribuidores-compact .distribuidores-list .distribuidor-list-principal,
    .distribuidores.distribuidores-compact .distribuidores-list .see-more-distribuidores .card-body {
        grid-template-columns: 1fr;
    }

    /* ==== 2.2.3 Products Distributor Image Promo ==== */

    .distribuidores.dist-productos-img-promo .products-container .product-item {
        max-width: calc(100vw - 90px);
        min-width: 341px;
    }

    .distribuidores.dist-productos-img-promo .products-container .product-item .product-content .product-image {
        max-height: 241px;
    }

    /* ==== 2.5 Simulators Overview ==== */

    /* -- Distribuidores -- */
    .distribuidores.simulators .distribuidores-list,
    .distribuidores.simulators.two-columns .distribuidores-list {
        grid-template-columns: 1fr;
    }

    /* ==== 3.4 Visual Highlight Process Steps ==== */
    .destacado-visual.highlight-process-steps .destacado-content .destacado-list .swiper-slide {
        width: 65%;
    }

    /* ==== 4.1 Características ==== */
    .contenido-especifico.caracteristicas.with-links .contenido-container .contenido-item {
        width: 250px;
    }

    /* ==== 4.5 Rich Text ==== */
    /* Fondo */
    .contenido-especifico.rich-text .bg-accent-low,
    .contenido-especifico.rich-text .bg-accent-gray {
        padding: 1rem;
    }

    /* CTAs */
    .contenido-especifico.rich-text .btn.btn-primary-bcc,
    .contenido-especifico.rich-text .btn.btn-secondary-bcc {
        min-width: auto;
        width: 100%;
    }

    /* ==== 6.3 Formulario WTC/WTL ==== */

    /* Botón submit */
    .form-wtc-wtl .form-item .btn.btn-primary-bcc {
        max-width: none;
    }

    /* ==== 6.4 Related Interest Tabs ==== */
    .extras.related-interest-tabs .extra-content {
        grid-template-columns: 1fr;
    }
}

/* ====== Páginas ====== */

/* ==== 1. Acceso BE ==== */
.contenido-especifico.tabs.acceso-be {
    background-color: var(--background-accent-low);
}

.contenido-especifico.tabs.acceso-be .container {
    margin-bottom: 2.65rem !important;
    padding-top: .7rem;
    padding-bottom: 2.5rem;
}

.contenido-especifico.tabs.acceso-be .login-content .login-card {
    background-color: var(--background-base);
    border-radius: .625rem;
    padding: 3.5rem 6rem 3.5rem 6rem;
}

.contenido-especifico.tabs.acceso-be .login-content .login-card .form-item.btn-container {
    margin-top: 2rem;
}

.contenido-especifico.tabs.acceso-be .login-content .login-card .form-item:nth-child(2) {
    margin-top: 1.8rem;
}

.contenido-especifico.tabs.acceso-be .login-content .login-card .form-item .lost-password {
    font-size: 1rem;
    line-height: 1.125rem;
}

/* ==== 6. Hazte Cliente ==== */
.hazteCliente section:first-child .container {
    border-top: 1px solid var(--border-low);
    padding-top: 4.2rem;
}

.hazteCliente .cab-textual-with-list .cabecera-content .cabecera-list {
    margin-top: 2.2rem;
}

/* Formulario */
.hazteCliente .formulario-wtc-wtl .form-container {
    padding: 3.55rem 6rem;
}

.hazteCliente .formulario-wtc-wtl .form-container .form-item .form-item-fieldset .radios-title {
    font-size: 2.5rem;
    line-height: 2.75rem;
    font-weight: var(--body-font-weight-semibold);
}

.hazteCliente .formulario-wtc-wtl .extra-container .continue-process {
    background-color: var(--background-secondary);
    border-radius: 10px;
    margin-top: 3rem;
    padding: 1.5rem 6rem;
}

.hazteCliente .formulario-wtc-wtl .container {
    margin-bottom: 5rem !important;
}

/* ==== 7. Bloqueo temporal y otros avisos ==== */
.bloqueTemporal .aviso-temporal .container {
    padding: 3.9rem 0 5.1rem 0
}

/* -- Bloque de información sobre el aviso -- */
.bloqueTemporal .aviso-temporal .aviso-box {
    padding: 4.15rem 6.15rem;
}

/* ==== 8. Simula tu Hipoteca ==== */
.simuladorHipoteca .cabecera.cab-textual .container {
    margin-bottom: 5rem !important;
}

.simuladorHipoteca .formulario-wtc-wtl .form-container .form-section.bg-light-gray-color {
    padding: 2.75rem 7.2rem;
}

.simuladorHipoteca .formulario-wtc-wtl .form-container .form-section .form-item .wtc-time-container {
    padding: 1.688rem 7.2rem;
}

.simuladorHipoteca .formulario-wtc-wtl .form-container .form-section:not(:first-child) {
    margin-top: 2.5rem;
}

/* Contador */
.simuladorHipoteca .formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter {
    grid-template-columns: repeat(2, 1fr);
}

.simuladorHipoteca .formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter .time-counter-container {
    height: fit-content;
}

.simuladorHipoteca .formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter .time-counter-container span {
    pointer-events: none;
}

.simuladorHipoteca .formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter p {
    --text-size: .875rem;
    --text-line-height: 1.125rem;
}

/* Botón */
.simuladorHipoteca .formulario-wtc-wtl .form-container .form-item .btn-container .btn {
    max-width: 329px;
    width: 100%;
    height: fit-content;
}

@media (min-width: 1300px) {
    .bloqueTemporal .aviso-temporal .aviso-box {
        width: 44.4%;
    }
}

/* Iconos */
.bloqueTemporal .aviso-temporal .aviso-box i {
    font-size: 2rem;
    width: fit-content;
}

.bloqueTemporal .aviso-temporal .aviso-box i.info-icon {
    color: var(--semantic-content-info);
}

.bloqueTemporal .aviso-temporal .aviso-box i.success-icon {
    color: var(--semantic-content-success);
}

.bloqueTemporal .aviso-temporal .aviso-box i.warning-icon {
    color: var(--semantic-content-warning);
}

.bloqueTemporal .aviso-temporal .aviso-box i.error-icon {
    color: var(--semantic-content-danger);
}

/* ==== 17. Alta Cliente (Pack Wefferent) ==== */
@media(min-width: 992px) {
    .alta-cliente .alta-cliente-container .only-column {
        width: 53.5%;
    }

    .alta-cliente .alta-cliente-container {
        --bs-gutter-x: 3.5rem
    }
}

.alta-cliente .alta-cliente-container .client .login-panel,
.alta-cliente .alta-cliente-container .not-client .not-client-container {
    padding-top: 3.65rem;
    padding-bottom: 3.35rem;
}

/* Color */
.alta-cliente .alta-cliente-container .not-keys .not-keys-container span {
    color: #141414;
    transition: color .3s ease;
}

.alta-cliente .alta-cliente-container .not-keys .not-keys-container:hover span {
    color: var(--content-accent);
}

/* Borde */
.alta-cliente:not(.not-client) .not-client .not-client-container {
    border: 2px solid var(--turquoise-20);
}

/* Margenes y paddings */
.alta-cliente .client .login-header {
    margin-bottom: 2rem;
}

.alta-cliente .client .form-login-bc .form-item:first-child {
    margin-bottom: 1.75rem;
}

.alta-cliente .client .form-login-bc .form-item:nth-child(2) {
    margin-bottom: 2.5rem;
}

.alta-cliente .alta-cliente-container .not-keys .not-keys-container {
    padding-left: 2.15rem;
}

.alta-cliente .not-client .not-client-title .subtitle {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
    display: block;
    margin-bottom: 2.5rem;
}

.alta-cliente .not-client .not-client-text {
    margin-bottom: 2rem;
}

.alta-cliente .not-client .not-client-steps {
    margin-bottom: 2.5rem;
}

/* Iconos de lista */
.alta-cliente .not-client .not-client-steps .list .access::before {
    content: '\f4fc';
}

.alta-cliente .not-client .not-client-steps .list .mail::before {
    content: '\f0e0';
}

.alta-cliente .not-client .not-client-steps .list .login::before {
    content: '\f30d';
}

/* Formulario */
.alta-cliente .alta-cliente-container .user-container {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.alta-cliente .alta-cliente-container .user-container .user-form-container .user-form .form-item:first-child {
    margin-bottom: 2rem;
}

.alta-cliente .alta-cliente-container .user-container .user-form-container .radio-option {
    border: 2px solid var(--turquoise-20);
    border-radius: var(--radius-default);
}

.alta-cliente .alta-cliente-container .user-container .user-form-container .radio-option .content-l {
    --h2-font-size: 2rem;
    --h2-line-height: 2.5rem;
}

.alta-cliente .alta-cliente-container .user-container .user-form-container .radio-option .subtext {
    font-size: .875rem;
    line-height: 1.125rem;
}

.alta-cliente .alta-cliente-container .user-container .user-form-container .radios-title {
    margin-bottom: 2rem;
}

.alta-cliente .alta-cliente-container .user-container .user-form-container .radios-list {
    gap: 2rem;
}

.alta-cliente .alta-cliente-container .user-container .user-form-container .radio-option .form-radio:checked+.radio-label {
    background-color: var(--background-accent-low);
}

.alta-cliente .alta-cliente-container .user-container .user-form-container .radio-option .radio-label {
    cursor: pointer;
    transition: background-color .3s ease;
}

/* ==== 17.1 Confirming ==== */
.acceso-sede-electronica .login-card,
.confirming .login-card {
    padding: 3.5rem 6rem;
}

.acceso-sede-electronica .form-item.btn-container,
.confirming .form-item.btn-container {
    margin-top: 1.6rem;
}

.contenido-especifico.caracteristicas.two-columns.more-padding .form-item.btn-container {
    margin-top: 2rem;
}

.acceso-sede-electronica .form-item.btn-container .form-submit,
.confirming .form-item.btn-container .form-submit {
    min-width: 223px;
}

.confirming .h2-title {
    margin-bottom: 3.5rem;
}

.confirming .login-card:nth-child(2) .content-md {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
}

@media (min-width: 1400px) {

    .acceso-sede-electronica .more-width,
    .confirming .more-width {
        width: 68.75%;
    }
}

/* ==== 28. Detalle noticia ==== */

/* Badge categoría */
.detalleNoticia .news-category .badge.badge-bcc {
    --badge-font-size: 1.125rem;
    --badge-font-weight: var(--body-font-weight-medium);
    --badge-line-height: 1.5rem;
    --badge-max-width: none;
}

/* Fecha */
.detalleNoticia .news-date-publish {
    margin-bottom: 2.25rem;
}


/* Imagen */
.detalleNoticia .news-image {
    max-height: 424px;
}

/* Descripción */
.detalleNoticia .news-description {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

/* Contacto */
.detalleNoticia .news-container .news-contact {
    border-top: 1px solid var(--border-low);
    padding-top: 2rem;
}

/* ==== 44. Seguros de cambio ==== */
.segurosCambio .cabecera.cab-textual .container {
    margin-bottom: 4rem !important;
}

.segurosCambio .insurance-lists .container {
    margin-bottom: 3.175rem !important;
}

.segurosCambio .insurance-lists .insurance-list__header {
    background-color: var(--background-accent-low);
    padding: .5rem 2.4rem .45rem 2.4rem;
}

.segurosCambio .insurance-lists .insurance-list__body {
    --bs-gutter-x: 1.25rem;
}

.segurosCambio .insurance-lists .insurance-list__body .insurance-list__group--body {
    border: 2px solid var(--turquoise-20);
    padding: 1.3rem 2.45rem;
}

.segurosCambio .insurance-lists .insurance-list__body .insurance-list__group--body .insurance-list__label {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
}

.segurosCambio .insurance-lists .insurance-list__body .insurance-list__group--body .insurance-list__section--open {
    margin-top: 1.25rem;
}

.segurosCambio .insurance-lists .insurance-list__body .insurance-list__group--body .insurance-list__items .insurance-list__item {
    border-bottom: var(--border-width) solid var(--border-low);
    display: flex;
    align-items: center;
    margin-top: 0;
    padding: .75rem .2rem;
}

.segurosCambio .insurance-lists .insurance-list__body .insurance-list__group .insurance-list__section .insurance-list__items .insurance-list__item:last-child {
    border-bottom: none;
}

.segurosCambio .insurance-lists .insurance-list__body .insurance-list__group--body .insurance-list__items .insurance-list__item::before {
    content: none;
}

/* ==== 84. Tasas de intercarmbio ==== */
.two-columns-info .tasa-child:not(:first-child) {
    margin-top: 2.8rem;
}

.two-columns-info .tasa-child .tasa-year-container {
    padding-left: 2.5rem;
}

.two-columns-info .tasa-item .content {
    border: 2px solid var(--turquoise-20);
    padding: 1.175rem 2.5rem 1.4rem;
}

.two-columns-info .tasa-item .content .tasas-title {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
}

.two-columns-info .tasa-item .content .tasas-list .tasas-list-item i {
    color: var(--content-accent);
    margin-right: .975rem;
}

.two-columns-info .tasa-item .content .tasas-list .tasas-list-item:not(:first-child) {
    margin-top: .75rem;
}

.two-columns-info .tasa-item .content .tasas-list .tasas-list-item:not(:last-child) {
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--border-low);
}

.two-columns-info .tasa-item .content .tasas-list .tasas-list-item::before {
    content: none;
}

/* Para dispositivos más pequeños que 992px */
@media (max-width: 991px) {
    .accesoBE .contenido-especifico.tabs .contenido-container .tabs-component {
        width: auto;
    }

    /* ==== 6. Hazte Cliente ==== */
    .hazteCliente section:first-child .container {
        padding-top: 2.5rem;
    }

    .hazteCliente .cab-textual-with-list .cabecera-content .cabecera-list {
        margin-top: 1.85rem
    }

    /* Formulario */
    .hazteCliente .formulario-wtc-wtl .form-container {
        padding: 2.25rem 1.5rem;
    }

    .hazteCliente .formulario-wtc-wtl .form-container .form-item .form-item-fieldset .radios-title {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

    .hazteCliente .formulario-wtc-wtl .extra-container .continue-process {
        margin-top: 1.2rem;
        padding: 1.95rem 1.5rem;
    }

    .hazteCliente .formulario-wtc-wtl .container {
        margin-bottom: 2.5rem !important;
    }

    /* ==== 7. Bloqueo temporal y otros avisos ==== */
    .bloqueTemporal .aviso-temporal .container {
        padding: 2.5rem 1.5rem
    }

    /* -- Bloque de información sobre el aviso -- */
    .bloqueTemporal .aviso-temporal .aviso-box {
        padding: 4.15rem 3rem;
    }

    /* ==== 8. Simula tu Hipoteca ==== */
    .simuladorHipoteca .cabecera.cab-textual .container {
        margin-bottom: 3rem !important;
    }

    .simuladorHipoteca .formulario-wtc-wtl .form-container .form-section.bg-light-gray-color,
    .simuladorHipoteca .formulario-wtc-wtl .form-container .form-section .form-item .wtc-time-container {
        padding: 2.75rem 1.5rem;
    }

    /* ==== 17. Alta Cliente (Pack Wefferent) ==== */
    .alta-cliente .alta-cliente-container .client .login-panel,
    .alta-cliente .alta-cliente-container .not-client .not-client-container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .alta-cliente .alta-cliente-container .h2-title {
        --h2-font-size: 2rem;
        --h2-line-height: 2.5rem;
    }

    .alta-cliente .alta-cliente-container .not-keys {
        margin-top: 2.15rem;
        margin-bottom: 4.25rem;
    }

    .alta-cliente .alta-cliente-container .not-keys-container {
        padding-left: 2.25rem;
        padding-right: .65rem;
    }

    .alta-cliente .alta-cliente-container .user-container {
        padding-top: 2.25rem;
        padding-bottom: 2.15rem;
    }

    .alta-cliente .alta-cliente-container .user-container .user-form-container .radio-option .content-l {
        --h2-font-size: 1.75rem;
        --h2-line-height: 2.25rem;
    }

    /* ==== 17.1 Confirming ==== */
    .acceso-sede-electronica .login-card,
    .confirming .login-card {
        padding: 2.125rem 1rem;
    }

    .confirming .h2-title {
        --h2-font-size: 2rem;
        --h2-line-height: 2.5rem;
        margin-bottom: 1.125rem;
    }

    /* ==== 28. Detalle noticia ==== */

    /* Imagen */
    .detalleNoticia .news-image {
        max-height: none;
        height: auto;
    }
}

/* Para dispositivos más pequeños que 576px */
@media (max-width: 575.98px) {
    .contenido-especifico.tabs.acceso-be .login-content .login-card {
        padding: 2.5rem 1rem 2.5rem 1rem;
    }

    /* ==== 6. Hazte Cliente ==== */

    /* Formulario */
    .hazteCliente .formulario-wtc-wtl .form-container,
    .hazteCliente .formulario-wtc-wtl .extra-container .continue-process {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* ==== 7. Bloqueo temporal y otros avisos ==== */

    /* -- Bloque de información sobre el aviso -- */
    .bloqueTemporal .aviso-temporal .aviso-box {
        padding: 2.35rem 1rem 2rem 1rem;
    }

    /* ==== 8. Simula tu Hipoteca ==== */
    .simuladorHipoteca .formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter {
        grid-template-columns: 1fr;
    }

    .simuladorHipoteca .formulario-wtc-wtl .form-container .form-item .btn-container .btn {
        max-width: none;
        height: max-content;
    }

}