/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.scroll-margin-top {
    scroll-margin-top: 130px;
}

/* CSS ANIMACIONES */
.fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 1s ease, transform 1s ease;
}

.fade-up.active {
    opacity: 1;
    transform: translateY(0);
}

.fade-left {
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 1s ease, transform 1s ease;
}

.fade-left.active {
    opacity: 1;
    transform: translateX(0);
}

.fade-right {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 1s ease, transform 1s ease;
}

.fade-right.active {
    opacity: 1;
    transform: translateX(0);
}

.fade-out-up {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1s ease, transform 1s ease;
}

.fade-out-up.hidden {
    opacity: 0;
    transform: translateY(-40px);
}

.slide-down {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform .5s ease;
}

.slide-down.active {
    opacity: 1;
    transform: translateY(0);
}

.signed-in.has-control-menu.has-edit-mode-menu .fade-up,
.signed-in.has-control-menu.has-edit-mode-menu .fade-left,
.signed-in.has-control-menu.has-edit-mode-menu .fade-right,
.signed-in.has-control-menu.has-edit-mode-menu .slide-down {
    opacity: 1;
    transform: translateY(0);
}

/* CSS HEADER */
#header {
    background-color: #FFF;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.signed-in.has-control-menu #header {
    top: 3.5rem;
}

.signed-in.has-control-menu.has-edit-mode-menu #header {
    position: unset;
}

#header .header-container {
    align-items: center;
    display: flex;
    height: 5rem;
    justify-content: space-between;
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

#header .header-container .logo-container img {
    max-height: 1.875rem;
}

#header .header-container nav.header-nav {
    height: 100%;
}

#header .header-container nav.header-nav ul.nav-links {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 32px;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#header .header-container nav.header-nav ul.nav-links li.link-page.menu {
    align-items: center;
    display: flex;
    height: 100%;
}

#header .header-container nav.header-nav ul.nav-links li.link-page:not(.menu) {
    transition: transform .3s;
}

#header .header-container nav.header-nav ul.nav-links li.link-page:not(.menu):hover {
    transform: translateY(-.25rem);
}

#header .header-container nav.header-nav ul.nav-links li.link-page a.text-link-nav {
    text-decoration: underline;
    text-decoration-thickness: .125rem;
}

#header .header-container nav.header-nav ul.nav-links li.link-page.menu .text-menu-nav a.text-link-nav {
    text-decoration: none;
}

#header .header-container nav.header-nav ul.nav-links li.link-page:hover .text-menu-nav {
    transition: transform .3s;
}

#header .header-container nav.header-nav ul.nav-links li.link-page a.text-link-nav,
#header .header-container nav.header-nav ul.nav-links li.link-page .text-menu-nav span {
    color: #000;
    font-family: Barlow, sans-serif;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.40625rem;
    transition: color .3s;
}

#header .header-container nav.header-nav ul.nav-links li.link-page:hover a.text-link-nav,
#header .header-container nav.header-nav ul.nav-links li.link-page:hover .text-menu-nav span {
    color: #C12026;
}

#header .header-container nav.header-nav ul.nav-links li.link-page:hover .text-menu-nav {
    border-bottom-color: #C12026;
    border-bottom-style: solid;
    border-bottom-width: .125rem;
    transform: translateY(-.25rem);
}

#header .header-container nav.header-nav ul.nav-links li.link-page:hover .text-menu-nav svg {
    transform: rotate(180deg);
}

#header .header-container nav.header-nav ul.nav-links li.link-page:hover .text-menu-nav svg path {
    stroke: #C12026;
}

#header .header-container nav.header-nav ul.nav-links .text-menu-nav span {
    cursor: pointer;
}

#header .header-container nav.header-nav ul.nav-links .text-menu-nav svg {
    transition: transform .3s;
}

#header .header-container nav.header-nav ul.nav-links .header-children-container {
    background-color: white;
    border-color: #f6f3f4;
    border-top-style: solid;
    border-top-width: 1px;
    bottom: 100%;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .10);
    left: 0;
    opacity: 0;
    padding: 4rem 0;
    position: absolute;
    top: unset;
    transform: translateY(-8px);
    transition: opacity .3s ease, transform .3s ease;
    width: 100%;
    z-index: -1;
}

#header .header-container nav.header-nav ul.nav-links li.link-page:hover .header-children-container {
    bottom: unset;
    display: block;
    opacity: 1;
    top: 100%;
    transform: translateY(0);
}

#header .header-container nav.header-nav ul.nav-links .link-children-container {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    margin: auto;
    max-width: 82rem;
}

#header .header-container nav.header-nav ul.nav-links .nav-children-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1.5rem;
}

#header .header-container nav.header-nav ul.nav-links span.header-children-title {
    color: #99a1af;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1.25rem;
    text-transform: uppercase;
}

#header .header-container nav.header-nav ul.nav-links ul.nav-children-links {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
    list-style-type: none;
    padding: 0;
}

#header .header-container nav.header-nav ul.nav-links li.child-link-page {
    flex: 1;
    height: fit-content;
    max-width: calc(50% - 12px);
}

#header .header-container nav.header-nav ul.nav-links ul.no-card li.child-link-page {
    max-width: calc(33% - 48px / 3);
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav {
    border-radius: .875rem;
    color: #000;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 1rem;
    text-decoration: none;
    transition: transform .3s;
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav:hover {
    background-color: #fbf9fa;
    transform: translateX(.25rem);
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav .round-pill {
    background-color: #C12026;
    border-color: rgba(0, 0, 0, .10);
    border-radius: 1.5rem;
    height: .5rem;
    margin-top: .5rem;
    width: .5rem;
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav .text-container {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav .title-tag {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav .title-tag span.etiqueta {
    background-color: #C12026;
    border-radius: 1.5rem;
    color: #FFF;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .125rem .5rem;
    text-transform: uppercase;
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav div span.title {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-transform: uppercase;
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav div span.text {
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav svg {
    display: none;
    margin-left: auto;
}

#header .header-container nav.header-nav ul.nav-links a.text-child-link-nav:hover svg {
    display: block;
}

#header .header-container nav.header-nav ul.nav-links .contenido-menu-container {
    max-width: 351.344px;
}

#header .header-container nav.header-nav ul.nav-links .menu-card {
    background-color: #F3F4F6;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
}

#header .header-container nav.header-nav ul.nav-links .menu-card img {
    border-radius: .875rem;
    height: 10rem;
    object-fit: cover;
    width: 100%;
}

#header .header-container nav.header-nav ul.nav-links span.card-title {
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
}

#header .header-container nav.header-nav ul.nav-links span.card-text {
    font-family: Barlow, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.421875rem;
}

#header .header-container nav.header-nav ul.nav-links a.card-link-button {
    align-items: center;
    background-color: #C12026;
    border-radius: 1.5rem;
    color: #fff;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .75rem 1.25rem;
    text-decoration: none;
    transition: transform .3s;
    width: 100%;
}

#header .header-container nav.header-nav ul.nav-links a.card-link-button:hover {
    transform: scale(1.03);
}

#header .header-container .button-container {
    background-color: #F3F4F6;
    border-radius: 1rem;
    cursor: pointer;
    transition: transform .3s;
}

#header .header-container .button-container:hover {
    transform: scale(1.03);
}

#header .header-container .button-container a {
    align-items: center;
    color: #1E2839;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1.25rem;
    padding: .625rem 1.25rem;
    text-decoration: none;
}

#header .header-container .button-container a img {
    aspect-ratio: 1;
    height: 1rem;
}

#header .header-container .mobile-nav {
    align-items: center;
    background: transparent;
    border: none;
    display: none;
    justify-content: center;
    padding: .5rem;
}

#header .header-container nav.header-nav-mobile {
    bottom: 100%;
    position: absolute;
    top: unset;
    transform: translateY(-100%);
    transition: transform .3s ease;
    z-index: -1;
}

#header .header-container .header-nav-mobile.active {
    background-color: #FFFFFF;
    bottom: unset;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    left: 0;
    max-height: calc(100vh - 80px);
    overflow: scroll;
    padding: 2rem;
    top: 100%;
    transform: translateY(0);
    width: 100%;
}

#header .header-container .header-nav-mobile .nav-links {
    display: flex;
    flex-direction: column;
    gap: inherit;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container {
    display: none;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .text-menu-nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .text-menu-nav svg {
    transform: rotate(-90deg);
    transition: transform .3s ease;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu.active .text-menu-nav svg {
    transform: rotate(0);
}

#header .header-container .header-nav-mobile .nav-links .link-page .text-menu-nav>span,
#header .header-container .header-nav-mobile .nav-links .link-page>a {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

#header .header-container .header-nav-mobile .botones-mobile {
    display: flex;
    flex-direction: column;
    gap: inherit;
}

#header .header-container .header-nav-mobile .botones-mobile>a.btn-primario {
    background-color: #C12026;
    color: #FFFFFF;
}

#header .header-container .header-nav-mobile .botones-mobile>a.btn-primario:hover {
    background-color: #A01A20;
}

#header .header-container .header-nav-mobile .botones-mobile .btn-secundario {
    background-color: #F3F4F6;
    color: #101828;
}

#header .header-container .header-nav-mobile .botones-mobile>a {
    align-items: center;
    border-radius: 2rem;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    gap: 2rem;
    line-height: 1.5rem;
    justify-content: center;
    padding: 1rem 2rem;
    text-decoration: none;
}

#header .header-container .header-nav-mobile .botones-mobile>a svg {
    height: 1.25rem;
    width: 1.25rem;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu.active .header-children-container {
    display: flex;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding-top: 1.25rem;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container {
    display: flex;
    flex-direction: column;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container .header-children-title {
    display: none;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container .nav-children-links {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    list-style: none;
    padding-left: 1rem;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container .nav-children-links .child-link-page .text-child-link-nav {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    text-decoration: none;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container .nav-children-links .child-link-page .text-child-link-nav .text-container .title-tag {
    align-items: center;
    display: flex;
    gap: 2rem;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container .nav-children-links .child-link-page .text-child-link-nav .text-container .title-tag .etiqueta {
    background-color: #C12026;
    border-radius: 2rem;
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
    padding: .25rem 1.25rem;
    text-transform: uppercase;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container .nav-children-links .child-link-page .text-child-link-nav .text-container .text {
    display: none;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container .nav-children-links .child-link-page .text-child-link-nav svg {
    display: none;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .nav-children-container .nav-children-links .child-link-page .text-child-link-nav .round-pill {
    display: none;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .contenido-menu-container .menu-card {
    background-color: #F9FAFB;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    padding: 2rem;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .contenido-menu-container .menu-card img {
    border-radius: 1rem;
    height: 8.75rem;
    margin-bottom: 1rem;
    object-fit: cover;
    width: 100%;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .contenido-menu-container .menu-card .card-title {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .contenido-menu-container .menu-card .card-text {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .contenido-menu-container .menu-card .card-link-button {
    align-items: center;
    background-color: #C12026;
    border-radius: 2rem;
    color: #FFFFFF;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    gap: 1rem;
    justify-content: center;
    line-height: 1.5rem;
    margin-top: 3rem;
    padding: .5rem 2rem;
    text-decoration: none;
}

#header .header-container nav.header-nav-mobile .nav-links .link-page.menu .header-children-container .link-children-container .contenido-menu-container .menu-card .card-link-button:hover {
    background-color: #A01A20;
}

@media (max-width: 638px) {
    #header .header-container {
        padding: 0 2rem;
    }

    #header .header-container .header-nav,
    #header .header-container .button-container {
        display: none;
    }

    #header .header-container .mobile-nav {
        display: flex;
    }
}

/* CSS SUB HEADER */
.fragment-sub-header {
    background-color: #1A1A1A;
    position: fixed;
    top: 5rem;
    transform: translateY(calc(-100% - 5rem));
    transition-delay: .25s;
    width: 100%;
    z-index: 998;
}

.signed-in.has-control-menu .fragment-sub-header {
    top: 8.5rem;
}

.signed-in.has-control-menu.has-edit-mode-menu .fragment-sub-header {
    position: unset;
}

.fragment-sub-header .sub-header-container {
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.fragment-sub-header .sub-header-container .sub-header-nav {
    align-items: center;
    display: flex;
    height: 3.5rem;
    justify-content: space-between;
}

.fragment-sub-header .sub-header-container .sub-header-list {
    align-items: center;
    display: flex;
}

.fragment-sub-header .sub-header-container .sub-header-link:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.fragment-sub-header .sub-header-container .sub-header-link a {
    align-items: center;
    color: #FFFFFFCC;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    gap: .5rem;
    line-height: 1.25rem;
    padding: .5rem 1.25rem;
    text-decoration: none;
    transition: color, transform .15s;
}

.fragment-sub-header .sub-header-container .sub-header-link a:hover {
    color: #FFFFFF;
    transform: translateY(-.125rem);
}

.fragment-sub-header .sub-header-container .sub-header-link a svg {
    height: 1rem;
    width: 1rem;
}

.fragment-sub-header .sub-header-container .sub-header-button a {
    align-items: center;
    background-color: #C12026;
    border-radius: 1.5rem;
    color: #FFFFFF;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    gap: .375rem;
    letter-spacing: normal;
    line-height: 1.25rem;
    padding: .375rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: background-color, transform .3s;
}

.fragment-sub-header .sub-header-container .sub-header-button a:hover {
    background-color: #A01A20;
    transform: scale(1.05);
}

.fragment-sub-header .sub-header-container .sub-header-button a svg {
    height: 1rem;
    width: 1rem;
}

.fragment-sub-header .sub-header-container .sub-header-button a span {
    padding: 0 .875rem;
}

@media (min-width: 992px) {
    #sub-header {
        width: 100%;
    }

    #sub-header .sub-header-container {
        width: 100%;
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 45px;
        padding-right: 65px;
        box-sizing: border-box;
    }

    #sub-header .sub-header-container>* {
        min-width: 0;
    }
}

@media (max-width: 638px) {
    .fragment-sub-header .sub-header-container {
        padding: 0 40px 0 14px !important;
    }

    .fragment-sub-header .sub-header-container .sub-header-link a span {
        display: none;
    }
}

/* CSS CONTENEDOR DE LISTADO */
.fragment-contenedor-lista {
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
    padding: 7rem 0;
}

.fragment-contenedor-lista.minimizado {
    background: #FFFFFF;
    padding: 0;
}

.fragment-contenedor-lista .contenedor-lista-container {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container {
    gap: 1rem;
    padding: 0;
}

.fragment-contenedor-lista .contenedor-lista-container .contenedor-lista-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fragment-contenedor-lista .contenedor-lista-container .contenedor-lista-sobretitulo {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.fragment-contenedor-lista .contenedor-lista-container .contenedor-lista-sobretitulo .separador {
    background-color: #C12026;
    height: .25rem;
    width: 3rem;
}

.fragment-contenedor-lista .contenedor-lista-container .contenedor-lista-sobretitulo>span {
    color: #4A5565;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .7px;
    line-height: 1.25rem;
    text-transform: uppercase;
}

.fragment-contenedor-lista .contenedor-lista-container .contenedor-lista-info>h2 {
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: -1.2px;
    line-height: 3.75rem;
    margin: 0;
    text-transform: uppercase;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .contenedor-lista-info>h2 {
    color: #000000;
    font-family: Barlow, sans-serif;
    font-size: 4.5rem;
    font-weight: 700;
    letter-spacing: -1.8px;
    line-height: 4.5rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .contenedor-lista-info>h3 {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
    text-transform: uppercase;
}

.fragment-contenedor-lista .contenedor-lista-container .contenedor-lista-info>p {
    color: #4A5565;
    font-family: Barlow, sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    max-width: 41rem;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .contenedor-lista-info>p {
    font-family: Roboto, sans-serif;
}

.fragment-contenedor-lista .contenedor-lista-container .portlet-decorate .portlet-content {
    background: transparent;
}

.fragment-contenedor-lista .contenedor-lista-container .entry-title.taglib-categorization-filter {
    display: none;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-list {
    flex-direction: column;
    gap: 1rem;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-list>div {
    flex: 100%;
    max-width: calc(33.334% - 1.334rem);
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-list>div {
    max-width: 100%;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-list>div:nth-child(2) {
    transition-delay: .25s;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-list>div:nth-child(3) {
    transition-delay: .5s;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-list>div:nth-child(4) {
    transition-delay: .75s;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-list>div:nth-child(5) {
    transition-delay: 1s;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-list>div:nth-child(6) {
    transition-delay: 1.25s;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-list>div .journal-content-article {
    height: 100%;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card {
    background-color: #FFFFFF;
    border-radius: 1rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: all .3s;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card {
    background-color: transparent;
    border-radius: unset;
    box-shadow: none;
    gap: 1.5rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-card {
    background-color: #F9FAFB;
    border-radius: .875rem;
    box-shadow: none;
    flex-direction: row;
    gap: 1rem;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card:hover {
    box-shadow: none;
    transform: translateY(-.5rem);
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-card:hover {
    box-shadow: none;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-image {
    height: 16rem;
    position: relative;
    overflow: hidden;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card-image {
    border-radius: 1rem;
    height: 19.5rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-card-image {
    flex: 100%;
    height: 6rem;
    max-width: 6rem;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-image img {
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
    width: 100%;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card-image img {
    transition: transform 1s;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card:hover .novedad-card-image img {
    transform: scale(1.1);
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card:hover .novedad-card-image img {
    transform: scale(1.05);
}

.fragment-contenedor-lista .contenedor-lista-container .hover-sombreado {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .hover-sombreado {
    display: none;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card:hover .hover-sombreado {
    background-color: #00000033;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card:hover .hover-sombreado {
    background-color: transparent;
}

.fragment-contenedor-lista .contenedor-lista-container .tag-card {
    align-items: center;
    backdrop-filter: blur(.5rem);
    background-color: #FFFFFFF2;
    border-radius: 1.5rem;
    color: #101828;
    display: flex;
    gap: .375rem;
    left: 1rem;
    padding: .25rem .75rem;
    position: absolute;
    top: 1rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .tag-card {
    display: none;
}

.fragment-contenedor-lista .contenedor-lista-container .tag-card svg {
    display: none;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .tag-card svg {
    display: block;
}

.fragment-contenedor-lista .contenedor-lista-container .tag-card span {
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-texto {
    display: flex;
    flex-direction: column;
    height: stretch;
    max-height: calc(100% - 16rem);
    padding: 1.5rem;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card-texto {
    max-height: calc(100% - 21rem);
    padding: 0;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-card-texto {
    max-height: none;
    max-width: calc(100% - 96px - 16px);
    padding: .75rem;
}

.fragment-contenedor-lista:not(.minimizado) .contenedor-lista-container .novedad-card-texto .categoria-novedad {
    display: none;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-card-texto .categoria-novedad {
    color: #C12026;
    font-family: Barlow;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1rem;
    margin-bottom: .25rem;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-texto .fecha-novedad {
    align-items: center;
    display: none;
    gap: .5rem;
    margin-bottom: .75rem;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card-texto .fecha-novedad {
    display: flex;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-texto .fecha-novedad span {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-texto h3 {
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5625rem;
    margin-bottom: .75rem;
    text-transform: uppercase;
    transition: color .15s;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card-texto h3 {
    color: #000000;
    font-family: Barlow, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-card-texto h3 {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.125rem;
    margin-bottom: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card:hover .novedad-card-texto h3 {
    color: #C12026;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-texto p {
    color: #4A5565;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.421875rem;
    margin-bottom: 0;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card-texto p {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-card-texto p {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-texto a {
    align-items: center;
    color: #C12026;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1.25rem;
    margin-top: auto;
    text-decoration: none;
    transition: transform .15s;
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card-texto a {
    font-family: Roboto, sans-serif;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.40625rem;
}

.fragment-contenedor-lista.minimizado .contenedor-lista-container .novedad-card-texto a {
    display: none;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card:hover .novedad-card-texto a {
    transform: translateX(.25rem);
}

.fragment-contenedor-lista.alt .contenedor-lista-container .novedad-card:hover .novedad-card-texto a {
    transform: none;
}

.fragment-contenedor-lista .contenedor-lista-container .novedad-card-texto a svg {
    height: 1rem;
    width: 1rem;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar {
    justify-content: center;
    margin-top: 3.5rem;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination-results {
    display: none;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination {
    gap: .25rem;
    margin-bottom: 0;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item {
    margin-left: 0;
    margin-right: 0;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item:first-child {
    margin-right: .25rem;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item:last-child {
    margin-left: .25rem;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item .page-link {
    background-color: transparent;
    border: none;
    border-radius: .625rem;
    color: #364153;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: .5rem 1rem;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item.active .page-link {
    background-color: #C12026;
    color: #FFFFFF;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item:not(:first-child, :last-child) .page-link {
    height: 2.5rem;
    width: 2.5rem;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item .c-inner svg {
    display: none;
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item:first-child .c-inner:before {
    content: 'Anterior';
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item:last-child .c-inner:after {
    content: 'Siguiente';
}

.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item:first-child.disabled .c-inner:before,
.fragment-contenedor-lista .contenedor-lista-container .pagination-bar .pagination .page-item:last-child.disabled .c-inner:after {
    color: #D1D5DC;
}

@media(max-width: 767px) {
    .fragment-contenedor-lista .contenedor-lista-container .contenedor-lista-info>h2 {
        font-size: 30px !important;
    }

    .fragment-contenedor-lista.alt .contenedor-lista-container .contenedor-lista-info>h2 {
        font-size: 48px !important;
    }
}

@media (max-width: 638px) {
    .fragment-contenedor-lista {
        padding: 5rem 0;
    }

    .fragment-contenedor-lista .contenedor-lista-container {
        padding: 0 2rem;
    }

    .fragment-contenedor-lista .contenedor-lista-container .novedad-list {
        flex-direction: column;
    }

    .fragment-contenedor-lista .contenedor-lista-container .novedad-list>div {
        max-width: 100%;
        transition-delay: 0s !important;
    }
}

/* CSS PIE DE PAGINA */
.fragment-pie-de-pagina {
    background: linear-gradient(180deg, #1A1A1A 0%, #171717 100%);
    padding: 4rem 0 1rem;
}

.fragment-pie-de-pagina.color-2 {
    background: #C12026;
    padding: 3rem 0 0;
}

.fragment-pie-de-pagina .pie-de-pagina-container {
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.fragment-pie-de-pagina .pie-de-pagina-container .content {
    align-items: center;
    border-bottom: 1px solid #FFFFFF1A;
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: space-between;
    padding-bottom: 3rem;
}

.fragment-pie-de-pagina .pie-de-pagina-container .content .content-info {
    display: flex;
    flex-direction: column;
}

.fragment-pie-de-pagina .pie-de-pagina-container .content .content-info>h3 {
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: .5rem;
}

.fragment-pie-de-pagina.color-2 .pie-de-pagina-container .content .content-info>h3 {
    text-transform: uppercase;
}

.fragment-pie-de-pagina .pie-de-pagina-container .content .content-info>p {
    color: #FFFFFF99;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
}

.fragment-pie-de-pagina.color-2 .pie-de-pagina-container .content .content-info>p {
    color: #FFFFFFCC;
}

.fragment-pie-de-pagina .pie-de-pagina-container .content .content-button a {
    align-items: center;
    background-color: #C12026;
    border-radius: 2rem;
    color: #FFFFFF;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1.5rem;
    padding: 1rem 2rem;
    text-decoration: none;
    transition: transform .3s;
}

.fragment-pie-de-pagina.color-2 .pie-de-pagina-container .content .content-button a {
    background-color: #FFFFFF;
    color: #C12026;
    font-weight: 900;
}

.fragment-pie-de-pagina .pie-de-pagina-container .content .content-button:hover a {
    background-color: #A01A20;
    transform: scale(1.05);
}

.fragment-pie-de-pagina.color-2 .pie-de-pagina-container .content .content-button:hover a {
    background-color: #FFFFFF;
}

@media (max-width: 638px) {
    .fragment-pie-de-pagina .pie-de-pagina-container {
        padding: 0 2rem;
    }

    .fragment-pie-de-pagina .pie-de-pagina-container .content {
        flex-direction: column;
    }
}

/* CSS FOOTER */
#fragment-footer {
    background: linear-gradient(180deg, #171717 0%, #131313 40%, #101010 60%, #0D0D0D 80%, #0A0A0A 100%);
}

#fragment-footer .footer-container {
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 90rem;
    padding: 2rem 4rem;
}

#fragment-footer .footer-container .footer-links {
    border-bottom: 1px solid #FFFFFF1A;
    display: flex;
    flex-direction: row;
    gap: 3rem;
    padding-bottom: 3rem;
}

#fragment-footer .footer-container .footer-links>div {
    flex: 1;
}

#fragment-footer .footer-container .footer-links .footer-redes-sociales {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#fragment-footer .footer-container .footer-links .footer-redes-sociales img {
    height: 2rem;
    width: fit-content;
}

/* #fragment-footer .footer-container .footer-links .footer-redes-sociales .footer-logo {
    height: 32px !important;
    width: 68px !important;
} */

#fragment-footer .footer-container .footer-links .footer-redes-sociales p {
    color: #FFFFFF99;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.421875rem;
    margin: 0;
}

#fragment-footer .footer-container .footer-links .footer-redes-sociales>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .75rem;
}

#fragment-footer .footer-container .footer-links .footer-redes-sociales>div a {
    align-items: center;
    background-color: #FFFFFF1A;
    border-radius: 1.5rem;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    text-decoration: none;
    transition: color, background-color .3s;
    width: 2.5rem;
}

#fragment-footer .footer-container .footer-links .footer-redes-sociales>div a:hover {
    background-color: #C12026;
    transform: translateY(-.125rem) scale(1.1);
}

#fragment-footer .footer-container .footer-links .footer-redes-sociales>div a img {
    height: 1.25rem;
    width: 1.25rem;
}

#fragment-footer .footer-container .footer-links .footer-menu {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

#fragment-footer .footer-container .footer-links .footer-menu h3 {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .7px;
    line-height: 1.25rem;
    text-transform: uppercase;
}

#fragment-footer .footer-container .footer-links .footer-menu .portlet-decorate .portlet-content {
    background: transparent;
}

#fragment-footer .footer-container .footer-links .footer-menu ul {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#fragment-footer .footer-container .footer-links .footer-menu ul li a {
    color: #FFFFFF99;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 0;
    text-decoration: none;
    transition: color, transform .3s;
}

#fragment-footer .footer-container .footer-links .footer-menu ul li a:hover {
    color: #FFFFFF;
    transform: translateX(.25rem);
}

#fragment-footer .footer-container .footer-contacto {
    border-bottom: 1px solid #FFFFFF1A;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    padding: 3rem 0;
}

#fragment-footer .footer-container .footer-contacto>div {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 1rem;
}

#fragment-footer .footer-container .footer-contacto>div .container-icono-contacto {
    align-items: center;
    background-color: #FFFFFF0D;
    border-radius: .875rem;
    display: flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

#fragment-footer .footer-container .footer-contacto>div .container-icono-contacto img {
    height: 1.5rem;
    width: 1.5rem;
}

#fragment-footer .footer-container .footer-contacto>div .container-texto-contacto {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

#fragment-footer .footer-container .footer-contacto>div .container-texto-contacto span {
    color: #FFFFFF66;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
}

#fragment-footer .footer-container .footer-contacto>div .container-texto-contacto a,
#fragment-footer .footer-container .footer-contacto>div .container-texto-contacto p {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0;
}

#fragment-footer .footer-container .footer-contacto>div .container-texto-contacto a {
    text-decoration: none;
    transition: color .15s;
}

#fragment-footer .footer-container .footer-contacto>div .container-texto-contacto a:hover {
    color: #C12026;
}

#fragment-footer .footer-container .footer-legal {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
    padding-top: 2rem;
}

#fragment-footer .footer-container .footer-legal>p {
    color: #FFFFFF66;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0;
}

#fragment-footer .footer-container .footer-legal>div {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

#fragment-footer .footer-container .footer-legal>div a {
    color: #FFFFFF66;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0;
    text-decoration: none;
    transition: color .15s;
}

#fragment-footer .footer-container .footer-legal>div a:hover {
    color: #FFFFFF;
}

@media (max-width: 638px) {
    #fragment-footer .footer-container {
        padding: 4rem 2rem;
    }

    #fragment-footer .footer-container .footer-content,
    #fragment-footer .footer-container .footer-links,
    #fragment-footer .footer-container .footer-contacto,
    #fragment-footer .footer-container .footer-legal {
        flex-direction: column;
    }

    #fragment-footer .footer-container .footer-legal>div {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* CSS FILTRO CATEGORIA */
.filtro-categoria-novedad {
    background-color: #0A0A0A;
    position: fixed;
    top: 5rem;
    transform: translateY(calc(-100% - 5rem));
    transition-delay: .25s;
    width: 100%;
    z-index: 998;
}

.signed-in.has-control-menu .filtro-categoria-novedad {
    top: 8.5rem;
}

.signed-in.has-control-menu.has-edit-mode-menu .filtro-categoria-novedad {
    position: unset;
}

.filtro-categoria-novedad .filtro-categoria-container {
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.filtro-categoria-novedad .filtro-categoria-container .categoria-list {
    align-items: center;
    display: flex;
    gap: 2rem;
    list-style: none;
    margin: auto;
    padding: 0;
    width: fit-content;
}

.filtro-categoria-novedad .filtro-categoria-container .categoria-list .categoria-link {
    display: flex;
    position: relative;
}

.filtro-categoria-novedad .filtro-categoria-container .categoria-list .categoria-link:after {
    background-color: #C12026;
    bottom: .125rem;
    content: '';
    display: block;
    height: .125rem;
    position: absolute;
    width: 100%;
}

.filtro-categoria-novedad .filtro-categoria-container .categoria-list .categoria-link a {
    color: #FFFFFF99;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 1rem 0;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease;
}

.filtro-categoria-novedad .filtro-categoria-container .categoria-list .categoria-link:hover a {
    color: #FFFFFF;
}

.filtro-categoria-novedad .filtro-categoria-container .categoria-list .categoria-link a.selected {
    color: #FFFFFF;
}

@media (max-width: 638px) {
    .filtro-categoria-novedad .filtro-categoria-container {
        padding: 0 2rem;
    }

    .filtro-categoria-novedad .filtro-categoria-container .categoria-list {
        overflow: scroll;
    }

    .filtro-categoria-novedad .filtro-categoria-container .categoria-list .categoria-link a {
        white-space: nowrap;
    }
}

/* CSS NOVEDAD DETALLE */
.novedad-detalle {
    margin: 8.25rem auto auto;
    max-width: 90rem;
}

.novedad-detalle .novedad-retorno {
    margin-bottom: 2rem;
}

.novedad-detalle .novedad-retorno a {
    align-items: center;
    color: #4A5565;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    gap: .5rem;
    line-height: 1.5rem;
    text-decoration: none;
    transition: color .3s;
}

.novedad-detalle .novedad-retorno a:hover {
    color: #C12026;
}

.novedad-detalle .novedad-retorno a svg {
    height: 1rem;
    width: 1rem;
}

.novedad-detalle .novedad-header {
    margin-bottom: 2rem;
}

.novedad-detalle .novedad-sobretitulo {
    align-items: center;
    display: flex;
    gap: 1rem;
}

.novedad-detalle .novedad-categoria {
    align-items: center;
    background-color: #C12026;
    border-radius: 1.5rem;
    color: #FFFFFF;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    gap: .375rem;
    line-height: 1.25rem;
    padding: .375rem .75rem;
}

.novedad-detalle .novedad-categoria svg {
    height: .875rem;
    width: .875rem;
}

.novedad-detalle .novedad-fecha {
    align-items: center;
    display: flex;
    gap: .5rem;
}

.novedad-detalle .novedad-fecha svg {
    color: #6A7282;
    height: 1rem;
    width: 1rem;
}

.novedad-detalle .novedad-fecha span {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
}

.novedad-detalle .novedad-header h1 {
    color: #000000;
    font-family: Barlow, sans-serif;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 3.75rem;
    margin-bottom: 1.5rem;
}

.novedad-detalle .novedad-compartir {
    position: relative;
}

.novedad-detalle .novedad-compartir .redes-compartir {
    background-color: #FFFFFF;
    border-radius: .625rem;
    box-shadow: 0 10px 15px -3px #0000001A, 0 4px 6px -4px #0000001A;
    display: flex;
    gap: .5rem;
    opacity: 0;
    overflow: hidden;
    padding: .5rem;
    position: absolute;
    top: 100%;
    transform: translateY(-.5rem);
    transition: opacity .3s ease, transform .3s ease;
    z-index: -1;
}

.novedad-detalle .novedad-compartir .redes-compartir.abrir {
    opacity: 1;
    transform: translateY(.5rem);
    z-index: auto;
}

.novedad-detalle .novedad-compartir .redes-compartir a {
    border-radius: .625rem;
    color: #1877F2;
    line-height: 1;
    padding: .5rem;
    transition: background-color .2s ease;
}

.novedad-detalle .novedad-compartir .redes-compartir a:hover {
    background-color: #F6F3F4;
}

.novedad-detalle .novedad-compartir .redes-compartir a svg {
    height: 1.25rem;
    width: 1.25rem;
}

.novedad-detalle .novedad-compartir button {
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #D1D5DC;
    border-radius: .625rem;
    color: #364153;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    letter-spacing: normal;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    text-align: center;
    transition: border-color, color .3s;
}

.novedad-detalle .novedad-compartir button:hover {
    border-color: #C12026;
    color: #C12026;
}

.novedad-detalle .novedad-compartir button svg {
    height: 1rem;
    width: 1rem;
}

.novedad-detalle .novedad-banner {
    border-radius: 1rem;
    margin-bottom: 3rem;
    overflow: hidden;
}

.novedad-detalle .novedad-banner img {
    height: 31.25rem;
    object-fit: cover;
    width: 100%;
}

.novedad-detalle .novedad-body {
    margin: auto;
    max-width: 48rem;
}

.novedad-detalle .novedad-seccion {
    display: flex;
    flex-direction: column;
}

.novedad-detalle .novedad-seccion h2 {
    color: #000000;
    font-family: Barlow, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
}

.novedad-detalle .novedad-seccion h3 {
    color: #000000;
    font-family: Barlow, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.novedad-detalle .novedad-seccion p {
    color: #1E2939;
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.828125rem;
    margin-bottom: 1rem;
}

.novedad-detalle .novedad-seccion blockquote {
    border-left: 4px solid #C12026;
    color: #374151;
    font-family: Roboto, sans-serif;
    font-size: 1.25rem;
    font-style: italic;
    line-height: 2.03125rem;
    margin-bottom: 2rem;
    padding-left: 1.5rem;
}

.novedad-detalle .novedad-seccion ul {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    list-style: none;
    margin-bottom: 1rem;
    padding: 0;
}

.novedad-detalle .novedad-seccion ul li {
    color: #1E2939;
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.828125rem;
    padding-left: 1.75rem;
    position: relative;
}

.novedad-detalle .novedad-seccion ul li:before {
    background-color: #D9D9D9;
    border-radius: 2rem;
    content: '';
    display: block;
    height: .4375rem;
    left: .625rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .4375rem;
}

@media (max-width: 638px) {
    .novedad-detalle {
        padding: 0 2rem;
    }
}

/* CSS NOVEDADES RELACIONADAS */
.novedad-relacionado {
    background: #F9FAFB;
    padding: 5rem 0;
}

.novedad-relacionado .novedad-relacionado-container {
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.novedad-relacionado .novedad-relacionado-container h2 {
    color: #000;
    font-family: Barlow, sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: 3rem;
    text-align: center;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 3rem;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list>div {
    flex: 100%;
    max-width: calc(33.334% - 1.334rem);
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list>div:nth-child(2) {
    transition-delay: .25s;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list>div:nth-child(3) {
    transition-delay: .5s;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list>div:nth-child(4) {
    transition-delay: .75s;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list>div:nth-child(5) {
    transition-delay: 1s;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list>div:nth-child(6) {
    transition-delay: 1.25s;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list .novedad-card {
    background-color: #FFFFFF;
    border-radius: 1rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: all .3s;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list .novedad-card:hover {
    transform: translateY(-.5rem);
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list .novedad-card .novedad-card-image {
    height: 19.5rem;
    position: relative;
    overflow: hidden;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list .novedad-card .novedad-card-image img {
    height: 100%;
    object-fit: cover;
    transition: transform 1s ease;
    width: 100%;
}

.novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list .novedad-card:hover .novedad-card-image img {
    transform: scale(1.05);
}

.novedad-relacionado .novedad-relacionado-container .hover-sombreado {
    display: none;
}

.novedad-relacionado .novedad-relacionado-container .tag-card {
    display: none;
}

.novedad-relacionado .novedad-relacionado-container .novedad-card-texto {
    display: flex;
    flex-direction: column;
    height: stretch;
    max-height: calc(100% - 19.5rem);
    padding: 1.5rem;
}

.novedad-relacionado .novedad-relacionado-container .novedad-card-texto .fecha-novedad {
    display: none;
}

.novedad-relacionado .novedad-relacionado-container .novedad-card-texto>h3 {
    color: #000;
    font-family: Barlow, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin: 0;
    transition: color .3s ease;
}

.novedad-relacionado .novedad-relacionado-container .novedad-card:hover .novedad-card-texto>h3 {
    color: #C12026;
}

.novedad-relacionado .novedad-relacionado-container .novedad-card-texto>p {
    display: none;
}

.novedad-relacionado .novedad-relacionado-container .novedad-card-texto>a {
    display: none;
}

.novedad-relacionado .novedad-relacionado-container>a {
    align-items: center;
    background-color: #C12026;
    border-radius: 2rem;
    color: #FFFFFF;
    display: flex;
    gap: .75rem;
    max-width: fit-content;
    padding: 1rem 2rem;
    text-decoration: none;
    transition: background-color .3s ease;
}

.novedad-relacionado .novedad-relacionado-container>a:hover {
    background-color: #A01820;
}

@media (max-width: 638px) {
    .novedad-relacionado .novedad-relacionado-container {
        padding: 0 2rem;
    }

    .novedad-relacionado .novedad-relacionado-container .novedad-relacionado-list>div {
        max-width: 100%;
    }
}

/* CSS LLAMADO ACCION */
.fragment-llamado-accion {
    padding: 4rem 0;
}

.fragment-llamado-accion .llamado-accion-container {
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.fragment-llamado-accion.alt .llamado-accion-container {
    background-color: #F9FAFB;
    border-radius: 1rem;
    padding: 3rem 0;
}

.fragment-llamado-accion .llamado-accion-container h2 {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 3.75rem;
    font-weight: 900;
    line-height: 3.75rem;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
}

.fragment-llamado-accion.alt .llamado-accion-container h2 {
    color: #000000;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.25rem;
    text-transform: none;
}

.fragment-llamado-accion .llamado-accion-container p {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: auto;
    margin-bottom: 2rem;
    max-width: 31.75rem;
    text-align: center;
}

.fragment-llamado-accion.alt .llamado-accion-container p {
    color: #4A5565;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.fragment-llamado-accion .llamado-accion-container .botones {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.fragment-llamado-accion .llamado-accion-container .botones>div {
    align-items: center;
    display: flex;
}

.fragment-llamado-accion .llamado-accion-container .botones div a {
    align-items: center;
    border-radius: 2rem;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    gap: .5rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: 1rem 2rem;
    text-decoration: none;
    transition: background-color .3s ease;
}

.fragment-llamado-accion.alt .llamado-accion-container .botones div a {
    font-weight: 600;
}

.fragment-llamado-accion .llamado-accion-container .botones div:not(.secondary) a {
    background-color: #C12026;
    color: #FFFFFF;
}

.fragment-llamado-accion .llamado-accion-container .botones div:not(.secondary) a:hover {
    background-color: #A01A20;
}

.fragment-llamado-accion .llamado-accion-container .botones .secondary a {
    border: 2px solid #101828;
    color: #101828;
}

.fragment-llamado-accion .llamado-accion-container .botones div a svg {
    height: 1rem;
    width: 1rem;
}

@media (max-width: 638px) {
    .fragment-llamado-accion .llamado-accion-container {
        padding: 0 1.5rem;
    }

    .fragment-llamado-accion.alt .llamado-accion-container {
        padding: 3rem;
    }

    .fragment-llamado-accion .llamado-accion-container h2 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .fragment-llamado-accion .llamado-accion-container .botones {
        display: flex;
        flex-direction: column;
        padding: 0 2.25rem;
    }

    .fragment-llamado-accion .llamado-accion-container .botones div a {
        width: 100%;
    }
}

/*Fragmentos CSS*/

/*Listado de caracteristicas*/
.fragment-caracteristicas-list {
    background-color: #FFFFFF;
    padding: 8rem 0;
}

.caracteristicas-list-container {
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.caracteristicas-list-container .titulo {
    margin-bottom: 4rem;
    text-align: center;
}

.caracteristicas-list-container .titulo .categoria {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: .5rem;
    text-align: inherit;
}

.caracteristicas-list-container .titulo .categoria .separador {
    background-color: #C12026;
    height: .125rem;
    width: 2rem;
}

.caracteristicas-list-container .titulo .categoria span {
    color: #6A7282;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 1rem;
    text-align: inherit;
    text-transform: uppercase;
}

.caracteristicas-list-container .titulo h2 {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 3rem;
    font-weight: 900;
    line-height: 3rem;
    text-align: inherit;
    text-transform: uppercase;
}

.caracteristicas-list-container .lista-caracteristicas {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.caracteristicas-list-container .lista-caracteristicas .caracteristica {
    align-items: center;
    background-color: #F9FAF8;
    border-radius: .625rem;
    display: flex;
    flex: 1 100%;
    gap: .75rem;
    max-width: calc(50% - .5rem);
    padding: .75rem;
}

.caracteristicas-list-container .lista-caracteristicas .caracteristica img {
    height: 1rem;
    object-fit: cover;
    width: 1rem;
}

.caracteristicas-list-container .lista-caracteristicas .caracteristica span {
    color: #364153;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
}

@media (max-width: 638px) {
    .fragment-caracteristicas-list {
        padding: 4rem 0;
    }

    .caracteristicas-list-container {
        padding: 0 1.5rem;
    }

    .caracteristicas-list-container .titulo h2 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .caracteristicas-list-container .lista-caracteristicas .caracteristica {
        max-width: 100%;
    }
}

/* CSS SIDE NAV */
.fragment-side-nav {
    bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    position: fixed;
    right: 2rem;
    z-index: 998;
}

.fragment-side-nav .side-nav-link a {
    align-items: center;
    background-color: #282828;
    border-radius: 2rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    gap: .75rem;
    line-height: 1.25rem;
    max-width: fit-content;
    padding: .75rem 1.25rem;
    text-decoration: none;
}

.fragment-side-nav .side-nav-link.side-nav-button a {
    background-color: #C12026;
}

.fragment-side-nav .side-nav-link a svg {
    height: 1.25rem;
    width: 1.25rem;
}

.fragment-side-nav .side-nav-link a span {
    max-width: 0;
    overflow: hidden;
    transition: all .3s;
    white-space: nowrap;
}

.fragment-side-nav .side-nav-link a:hover>span {
    max-width: 100%;
}

@media (max-width: 638px) {
    .fragment-side-nav {
        background-color: #FFFFFF;
        bottom: 0;
        flex-direction: row;
        justify-content: space-between;
        padding: .5rem;
        right: unset;
        width: 100%;
    }

    .fragment-side-nav .side-nav-link a {
        background-color: transparent;
        box-shadow: none;
        color: #364153;
        flex-direction: column;
        font-size: .75rem;
        font-weight: 500;
        line-height: 1rem;
        gap: .25rem;
        padding: .75rem .5rem;
    }

    .fragment-side-nav .side-nav-link a span {
        max-width: 100%;
    }

    .fragment-side-nav .side-nav-link.side-nav-button a {
        border-radius: .625rem;
        color: #FFFFFF;
    }
}




/*Informacion con 2 columnas*/
.fragment-full-informacion {
    background-color: #1A1A1A;
    padding: 6rem 0;
}

.fragment-full-informacion .full-informacion-container {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.fragment-full-informacion .full-informacion-container .header .categoria {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin-bottom: .5rem;
}

.fragment-full-informacion .full-informacion-container .header .categoria .separador {
    background-color: #C12026;
    height: .125rem;
    width: 2rem;
}

.fragment-full-informacion .full-informacion-container .header .categoria span {
    color: #FFFFFF66;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    letter-spacing: 1.2px;
    line-height: 1rem;
    text-align: center;
    text-transform: uppercase;
}

.fragment-full-informacion .full-informacion-container .header h2 {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 3rem;
    font-weight: 900;
    line-height: 3rem;
    margin-bottom: .75rem;
    text-align: center;
    text-transform: uppercase;
}

.fragment-full-informacion .full-informacion-container .header p {
    color: #FFFFFF80;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: auto;
    max-width: 34.5rem;
    text-align: center;
}

.fragment-full-informacion .full-informacion-container .body {
    align-items: center;
    display: flex;
    gap: 2.5rem;
}

.fragment-full-informacion .full-informacion-container .body>div {
    flex: 100%;
    max-width: calc(50% - 1.25rem);
}

.fragment-full-informacion .full-informacion-container .body .informacion .categoria {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

.fragment-full-informacion .full-informacion-container .body .informacion .categoria img {
    height: 1rem;
    object-fit: cover;
    width: 1rem;
}

.fragment-full-informacion .full-informacion-container .body .informacion .categoria span {
    color: #FFFFFF66;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    letter-spacing: 1.2px;
    line-height: 1rem;
    text-transform: uppercase;
}

.fragment-full-informacion .full-informacion-container .body .informacion>h2 {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 2.8125rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.fragment-full-informacion .full-informacion-container .body .informacion>p {
    color: #FFFFFF99;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.421875rem;
    margin-bottom: 1.5rem;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards:not(:last-child) {
    margin-bottom: 2rem;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards .tarjeta {
    background-color: #ffffff0d;
    border-radius: .875rem;
    flex: 100%;
    max-width: calc(50% - .5rem);
    padding: 1rem;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards .tarjeta.alt {
    background-color: transparent;
    border: 1px solid #FFFFFF1A;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards .tarjeta>h3 {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 2.5rem;
    margin-bottom: 0;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards .tarjeta>span {
    color: #ffffff99;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards .tarjeta>p {
    color: #ffffff4d;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 0;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards .tarjeta.alt>h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards .tarjeta.alt .descripcion>p {
    color: #ffffff66;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 0;
}

.fragment-full-informacion .full-informacion-container .body .informacion .list-cards .tarjeta.alt .descripcion>span {
    color: #ffffff40;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
}

.fragment-full-informacion .full-informacion-container .body .imagenes {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .imagen {
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .imagen img {
    height: 13rem;
    object-fit: cover;
    width: 100%;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .imagen .texto-imagen {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 1.25rem;
    position: absolute;
    top: 0;
    width: 100%;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .imagen .texto-imagen>div {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-bottom: .5rem;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .imagen .texto-imagen>div img {
    height: .75rem;
    object-fit: cover;
    width: .75rem;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .imagen .texto-imagen>div span {
    color: #ffffff80;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    letter-spacing: 1.2px;
    line-height: 1rem;
    text-transform: uppercase;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .imagen .texto-imagen>h3 {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .25rem;
    text-transform: uppercase;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .imagen .texto-imagen>p {
    color: #ffffff99;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 0;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .list-cards {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .list-cards .tarjeta {
    background-color: #ffffff0d;
    border-radius: .875rem;
    flex: 100%;
    max-width: calc(50% - .5rem);
    padding: 1rem;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .list-cards .tarjeta>h3 {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 2.5rem;
    margin-bottom: 0;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .list-cards .tarjeta>span {
    color: #ffffff99;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
}

.fragment-full-informacion .full-informacion-container .body .imagenes .list-cards .tarjeta>p {
    color: #ffffff4d;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 0;
}

@media (max-width: 638px) {
    .fragment-full-informacion {
        padding: 4rem 0;
    }

    .fragment-full-informacion .full-informacion-container {
        padding: 0 1.5rem;
    }

    .fragment-full-informacion .full-informacion-container .header h2 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .fragment-full-informacion .full-informacion-container .body {
        flex-direction: column;
    }

    .fragment-full-informacion .full-informacion-container .body>div {
        max-width: 100%;
    }

    .fragment-full-informacion .full-informacion-container .body .informacion>h2 {
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 1.875rem;
    }

    .fragment-full-informacion .full-informacion-container .body .informacion>p {
        line-height: 1.25rem;
    }
}

/*Potencia Probada*/

.isuzu-power-slider-wrapper {
    --pf-red: #CC0000;
    --pf-dark: #0d1117;
    --pf-gray-light: #f5f5f5;
    --pf-gray-text: #555;
    --pf-border: #e0e0e0;
    --pf-card-bg: #ffffff;
    --pf-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
    --pf-radius: 12px;
    font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
    padding-top: 63px;
    padding-bottom: 64px;
    overflow: hidden;
}

.isuzu-power-slider-wrapper .container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.isuzu-power-slider-wrapper *,
.isuzu-power-slider-wrapper *::before,
.isuzu-power-slider-wrapper *::after {
    box-sizing: border-box;
}

.isuzu-power-slider-wrapper .pf-header {
    max-width: 720px;
}

.isuzu-power-slider-wrapper.estilo-2 .pf-header {
    max-width: 100%;
}

.isuzu-power-slider-wrapper .pf-header__label {
    gap: 12px;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 16px;
    text-transform: uppercase;
    color: #6A7282;
    margin-bottom: 12px;
}

.isuzu-power-slider-wrapper .pf-header__label::before,
.isuzu-power-slider-wrapper .pf-header__label::after {
    content: '';
    display: block;
    width: 32px;
    height: 2px;
    background: #C12026;
}

.isuzu-power-slider-wrapper .pf-header__title {
    font-family: Barlow, sans-serif;
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    color: #101828;
    line-height: 48px;
    text-align: center;
}

.isuzu-power-slider-wrapper .pf-header__title.titulo-barras {
    border-left: 4px solid #C12026;
    border-right: 4px solid #C12026;
    font-size: 60px;
    font-style: italic;
    line-height: 60px;
    margin: auto;
    max-width: fit-content;
    padding-left: 20px;
    padding-right: 20px;
}

.isuzu-power-slider-wrapper .pf-header__desc {
    font-size: 16px;
    line-height: 24px;
    color: #6A7282;
    font-family: Robot, sans-serif;
    font-weight: 400;
    text-align: center;
}

.isuzu-power-slider-wrapper.estilo-2 .pf-header__desc {
    margin: auto;
    max-width: 670px;
}

.isuzu-power-slider-wrapper .pf-header__desc p {
    margin: 0;
}

.isuzu-power-slider-wrapper .pf-carousel-track {
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    align-items: stretch;
}

.isuzu-power-slider-wrapper .pf-card__inner {
    background: var(--pf-card-bg);
    border-radius: 16px;
    min-height: auto;
}

.isuzu-power-slider-wrapper .pf-card__content {
    padding: 24px 20px 20px;
}

.isuzu-power-slider-wrapper .pf-card__badge {
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 16px;
    text-transform: uppercase;
    color: #99A1AF;
    margin-bottom: 16px;
}

.isuzu-power-slider-wrapper .pf-card__badge-icon {
    width: 18px;
    height: 18px;
    border: 2px solid var(--pf-red);
    border-radius: 50%;
}

.isuzu-power-slider-wrapper .pf-card__badge-icon svg {
    width: 10px;
    height: 10px;
    fill: var(--pf-red);
}

.isuzu-power-slider-wrapper .pf-card__heading {
    font-family: Barlow, sans-serif;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    color: #101828;
    line-height: 37.5px;
    margin: 0 0 20px;
}

.isuzu-power-slider-wrapper.estilo-2 .pf-card__heading {
    text-transform: none;
}

.isuzu-power-slider-wrapper .pf-card__text {
    margin: 0 0 24px;
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px;
}

.isuzu-power-slider-wrapper .pf-card__text p {
    margin-bottom: 0;
}

.isuzu-power-slider-wrapper .pf-card__stats {
    gap: 8px;
}

.isuzu-power-slider-wrapper .pf-stat {
    background: var(--pf-gray-light);
    border-radius: 8px;
    min-width: 80px;
    text-align: left;
}

.isuzu-power-slider-wrapper .pf-stat.boton-negro {
    background-color: #101828;
    border-radius: 14px;
    max-width: fit-content;
}

.isuzu-power-slider-wrapper .pf-stat__value {
    margin-bottom: 0;
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
}

.isuzu-power-slider-wrapper .boton-negro .pf-stat__value {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
}

.isuzu-power-slider-wrapper .pf-stat__unit {
    display: block;
    color: #4A5565;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.isuzu-power-slider-wrapper .boton-negro .pf-stat__unit {
    display: none;
}

.isuzu-power-slider-wrapper .pf-stat__label {
    display: block;
    margin-top: 0;
    color: #99A1AF;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.isuzu-power-slider-wrapper .boton-negro .pf-stat__label {
    color: #FFFFFF80;
    font-weight: 400;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.isuzu-power-slider-wrapper .pf-card__image {
    border-radius: 0 0 var(--pf-radius) var(--pf-radius);
    height: 220px;
}

.isuzu-power-slider-wrapper .pf-card__image img {
    object-fit: cover;
}

.isuzu-power-slider-wrapper .pf-nav {
    gap: 16px;
}

.isuzu-power-slider-wrapper .pf-nav__btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
    color: var(--pf-dark);
    flex-shrink: 0;
}

.isuzu-power-slider-wrapper .pf-nav__btn:hover:not(:disabled) {
    border-color: var(--pf-red) !important;
    color: var(--pf-red);
}

.isuzu-power-slider-wrapper .pf-nav__btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.isuzu-power-slider-wrapper .pf-nav__btn svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.isuzu-power-slider-wrapper .pf-nav__dots {
    gap: 8px;
}

.isuzu-power-slider-wrapper .pf-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
}

.isuzu-power-slider-wrapper .pf-dot.is-active {
    background: var(--pf-red);
    transform: scale(1.2);
}

.isuzu-power-slider-wrapper .pf-edit-banner {
    background: #fff3cd;
    border: 1.5px dashed #f0a500;
    border-radius: 8px;
    padding: 10px 18px;
    margin-bottom: 20px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #7a5800;
    display: none;
    align-items: center;
    gap: 8px;
}

.isuzu-power-slider-wrapper .pf-edit-banner svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    fill: #f0a500;
}

.isuzu-power-slider-wrapper.edit-mode .pf-edit-banner {
    display: flex;
}

.isuzu-power-slider-wrapper.edit-mode .pf-carousel-viewport {
    overflow: visible;
}

.isuzu-power-slider-wrapper.edit-mode .pf-carousel-track {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 16px;
    transform: none !important;
    transition: none;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card {
    width: 100% !important;
    padding: 0 !important;
    outline: 2px dashed #f0a500;
    outline-offset: 3px;
    border-radius: var(--pf-radius);
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__inner {
    flex-direction: column !important;
    min-height: auto;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__image {
    border-radius: 0 0 var(--pf-radius) var(--pf-radius);
    height: 180px;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__content {
    padding: 20px;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__heading {
    font-size: 16px;
    margin-bottom: 10px;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__text {
    font-size: 11px;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.isuzu-power-slider-wrapper.edit-mode .pf-nav {
    display: none !important;
}

@media (min-width: 768px) {
    .isuzu-power-slider-wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .isuzu-power-slider-wrapper .pf-card__inner {
        min-height: 340px;
    }

    .isuzu-power-slider-wrapper.estilo-2 .pf-card__inner {
        border: none !important;
        gap: 24px;
        min-height: auto !important;
        overflow: visible !important;
    }

    .isuzu-power-slider-wrapper.estilo-3 .pf-card__inner {
        border: none !important;
        gap: 40px;
    }

    .isuzu-power-slider-wrapper .pf-card__content {
        flex: 0 0 48% !important;
        padding: 36px 36px 32px;
    }

    .isuzu-power-slider-wrapper.estilo-2 .pf-card__content {
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
        flex-basis: calc(50% - 12px) !important;
    }

    .isuzu-power-slider-wrapper.estilo-3 .pf-card__content {
        flex-basis: calc(50% - 20px) !important;
        padding: 0;
    }

    .isuzu-power-slider-wrapper .pf-card__heading {
        font-family: Roboto, sans-serif;
        font-size: 40px;
        font-weight: 400;
        line-height: 48px;
        letter-spacing: -1.2px;
        text-transform: uppercase;
        max-width: 390px;
    }

    .isuzu-power-slider-wrapper.estilo-2 .pf-card__heading,
    .isuzu-power-slider-wrapper.estilo-3 .pf-card__heading {
        font-family: Barlow, sans-serif;
    }

    .isuzu-power-slider-wrapper .pf-card__image {
        border-radius: 0 var(--pf-radius) var(--pf-radius) 0;
        height: auto;
    }

    .isuzu-power-slider-wrapper.estilo-2 .pf-card__image,
    .isuzu-power-slider-wrapper.estilo-3 .pf-card__image {
        border-radius: 16px;
    }

    .isuzu-power-slider-wrapper.estilo-2 .pf-card__image {
        flex-basis: calc(50% - 12px) !important;
    }

    .isuzu-power-slider-wrapper.estilo-3 .pf-card__image {
        flex-basis: calc(50% - 20px);
    }

    .isuzu-power-slider-wrapper.edit-mode .pf-carousel-track {
        grid-template-columns: repeat(4, 1fr);
    }

    .isuzu-power-slider-wrapper.edit-mode .pf-card__image {
        height: 140px;
    }

    .isuzu-power-slider-wrapper .container-isuzu {
        padding: 0 4rem;
    }
}

/* ============================================================
     NAVEGACIÓN
  ============================================================ */
.isuzu-power-slider-wrapper .pf-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 28px;
}

.isuzu-power-slider-wrapper .pf-nav__btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid var(--pf-border);
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    color: var(--pf-dark);
    flex-shrink: 0;
}

.isuzu-power-slider-wrapper .pf-nav__btn:hover:not(:disabled) {
    border-color: var(--pf-red);
    color: var(--pf-red);
}

.isuzu-power-slider-wrapper .pf-nav__btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.isuzu-power-slider-wrapper .pf-nav__btn svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.isuzu-power-slider-wrapper .pf-nav__dots {
    display: flex;
    gap: 8px;
    align-items: center;
}

.isuzu-power-slider-wrapper .pf-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
}

.isuzu-power-slider-wrapper .pf-dot.is-active {
    background: var(--pf-red);
    transform: scale(1.2);
}

/* ============================================================
     MODO EDICIÓN (GRID)
  ============================================================ */
.isuzu-power-slider-wrapper .pf-edit-banner {
    background: #fff3cd;
    border: 1.5px dashed #f0a500;
    border-radius: 8px;
    padding: 10px 18px;
    margin-bottom: 20px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #7a5800;
    display: flex;
    align-items: center;
    gap: 8px;
    display: none;
}

.isuzu-power-slider-wrapper .pf-edit-banner svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    fill: #f0a500;
}

.isuzu-power-slider-wrapper.edit-mode .pf-edit-banner {
    display: flex;
}

.isuzu-power-slider-wrapper.edit-mode .pf-carousel-viewport {
    overflow: visible;
}

.isuzu-power-slider-wrapper.edit-mode .pf-carousel-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    transform: none !important;
    transition: none;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card {
    flex: none;
    width: 100%;
    padding: 0;
    outline: 2px dashed #f0a500;
    outline-offset: 3px;
    border-radius: var(--pf-radius);
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__inner {
    flex-direction: column;
    min-height: auto;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__image {
    border-radius: 0 0 var(--pf-radius) var(--pf-radius);
    height: 140px;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__content {
    flex: none;
    padding: 20px;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__heading {
    font-size: 16px;
    margin-bottom: 10px;
}

.isuzu-power-slider-wrapper.edit-mode .pf-card__text {
    font-size: 11px;
    margin-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.isuzu-power-slider-wrapper.edit-mode .pf-nav {
    display: none;
}

/* ============================================================
     RESPONSIVE MÓVIL
  ============================================================ */
@media (max-width: 768px) {
    .isuzu-power-slider-wrapper {
        padding-top: 36px;
        padding-bottom: 48px;
    }

    .isuzu-power-slider-wrapper .pf-card__inner {
        flex-direction: column;
        min-height: auto;
    }

    .isuzu-power-slider-wrapper .pf-card__content {
        flex: none;
        padding: 24px 20px 20px;
    }

    .isuzu-power-slider-wrapper .pf-card__heading {
        font-size: 26px;
    }

    .isuzu-power-slider-wrapper .pf-card__image {
        border-radius: 0 0 var(--pf-radius) var(--pf-radius);
        height: 220px;
    }

    .isuzu-power-slider-wrapper.edit-mode .pf-carousel-track {
        grid-template-columns: 1fr;
    }

    .isuzu-power-slider-wrapper.edit-mode .pf-card__inner {
        flex-direction: column;
    }

    .isuzu-power-slider-wrapper.edit-mode .pf-card__image {
        height: 180px;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .isuzu-power-slider-wrapper.edit-mode .pf-carousel-track {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*Elige tu D-MAX Fragmento*/

/* ==============================
   ESTRUCTURA BASE (FONDO BLANCO)
   ============================== */
.mitsubishi-colors-fragment {
    background-color: #F9FAFB !important;
    padding: 4rem 1.5rem;
    font-family: var(--font-family-base, sans-serif);
    color: #000000;
    overflow: hidden;
}

.mc-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* ==============================
   CABECERA ISUZU (3 NIVELES)
   ============================== */
.mc-header-isuzu {
    text-align: center;
    margin-bottom: 2.5rem;
}

.mc-kicker-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.red-line {
    width: 40px;
    height: 3px;
    background-color: #E3000F;
    /* Color de línea Isuzu */
}

.mc-kicker {
    color: #6A7282;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.mc-main-title {
    margin: 0;
    color: #101828;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 48px;
    font-weight: 900;
    line-height: 48px;
    text-transform: uppercase;
}

.mc-subtitle {
    margin-top: 1.5rem;
    color: #4A5565;
    text-align: center;
    font-family: Barlow;
    font-size: 18px;
    font-weight: 400;
    line-height: 29.25px;
}

/* ==============================
   NAVEGACIÓN DE PESTAÑAS
   ============================== */
.mc-tabs-nav-container {
    margin-bottom: 3rem;
    width: 100%;
}

.mc-tabs-nav {
    display: flex;
    justify-content: center;
    gap: 3rem;
    border-bottom: 2px solid #eeeeee;
    /* Línea gris de base */
}

.mc-tab-btn {
    background: transparent;
    border: none;
    padding: 1rem 0;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    margin-bottom: -2px;
    transition: all 0.3s;
    color: #6A7282;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.mc-tab-btn.active {
    color: #101828;
    border-bottom-color: #C12026;
}

/* ==============================
   LAYOUT PRINCIPAL APILADO
   ============================== */
.mc-tab-pane {
    display: none;
}

.mc-tab-pane.active {
    display: block;
}

.mc-layout-stacked {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* ==============================
   ZONA DEL AUTO (ARRIBA)
   ============================== */
.mc-car-col {
    width: 100%;
    max-width: 800px;
    /* Evita que el auto se haga gigante en pantallas enormes */
    position: relative;
    margin-bottom: 2rem;
}

.mc-car-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out;
}

.mc-car-layer.active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
}

.img-fluid {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ==============================
   CONTROLES (ABAJO)
   ============================== */
.mc-controls-bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Círculos de Colores (Swatches) */
.mc-swatches {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 1.5rem;
}

.mc-swatch-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
    border: 2px solid transparent;
    background: #e0e0e0;
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.2s, border-color 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.mc-swatch-btn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mc-swatch-btn.active {
    border-color: #E3000F;
    transform: scale(1.15);
}

/* Nombres de los colores */
.mc-color-names {
    position: relative;
    margin-bottom: 2rem;
    min-height: 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
}

.mc-name-layer {
    position: absolute;
    top: 0;
    opacity: 0;
    pointer-events: none;
    text-align: center;
}

.mc-name-layer.active {
    position: relative;
    opacity: 1;
}

.mc-color-text {
    margin: 0;
    color: #4A5565;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

/* ==============================
   BOTÓN CONOCE MÁS (Redondeado + SVG)
   ============================== */
.mc-action {
    margin-top: 1rem;
}

.mc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #C12026;
    padding: .75rem 1.5rem;
    text-decoration: none;
    border-radius: 2rem;
    transition: background 0.3s;
    color: #FFF;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.mc-btn:hover {
    background-color: #A01A20;
    color: white;
    text-decoration: none;
}

/* La flecha inborrable */
.mc-btn::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='20' y2='12'%3E%3C/line%3E%3Cpolyline points='14 6 20 12 14 18'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

.mc-btn:hover::after {
    transform: translateX(5px);
}

/* ==============================
   📱 RESPONSIVE (MÓVIL)
   ============================== */
@media (max-width: 768px) {
    .mc-main-title {
        font-size: 2.2rem;
    }

    /* Título más manejable en móvil */
    .mc-subtitle {
        font-size: 1rem;
    }

    .mc-tabs-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        /* Para que se pueda scrollear si hay muchas */
        scrollbar-width: none;
        padding-bottom: 10px;
        gap: 1.5rem;
        /* Menos separación en celular */
    }

    .mc-tabs-nav::-webkit-scrollbar {
        display: none;
    }

    .mc-action {
        width: 100%;
    }

    .mc-btn {
        width: 100%;
        display: flex;
        text-align: center;
        box-sizing: border-box;
    }
}

/* ==============================
   🛠️ MODO EDICIÓN CORREGIDO
   ============================== */
.is-edit-mode .mc-tabs-nav-container {
    background-color: #f8f9fa;
    border: 2px dashed #cccccc;
    padding: 1rem;
    border-radius: 8px;
}

.is-edit-mode .mc-tab-pane {
    display: block !important;
    border: 2px dashed #E3000F;
    padding: 2rem;
    margin-bottom: 3rem;
    background-color: #fcfcfc;
}

.is-edit-mode .mc-layout-stacked {
    flex-direction: column;
}

.is-edit-mode .mc-car-layer,
.is-edit-mode .mc-name-layer {
    position: static !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    margin-bottom: 2rem;
    border: 1px solid #ddd;
    padding: 1rem;
    background: #ffffff;
}

.is-edit-mode .mc-swatch-btn {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    /* Cuadrado en edición para darle clic más fácil */
}

.edit-label {
    color: #E3000F;
    font-size: 0.85rem;
    margin-bottom: 5px;
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.edit-tab-divider {
    background: #E3000F;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1rem;
    border-radius: 4px;
}

/*Informacion con 2 imagenes */
.fragment-informacion-imagenes {
    background-color: #F9FAFB;
}

.informacion-imagenes-container {
    margin: auto;
    max-width: 90rem;
    padding: 6rem 4rem;
}

.informacion-imagenes-container .informacion-imagen {
    align-items: center;
    display: flex;
    gap: 5rem;
}

.informacion-imagenes-container .informacion-imagen>div {
    flex: 1 1 100%;
    gap: .75rem;
    max-width: calc(50% - 2.5rem);
}

.informacion-imagenes-container .categoria {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}

.informacion-imagenes-container .separador {
    background-color: #C12026;
    height: .125rem;
    width: 2rem;
}

.informacion-imagenes-container .categoria span {
    color: #6A7282;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.informacion-imagenes-container .informacion h2 {
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 3.75rem;
    font-weight: 400;
    line-height: 4.6875rem;
    letter-spacing: -1.5px;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.informacion-imagenes-container .informacion p {
    color: #4A5565;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 0;
}

.informacion-imagenes-container .imagenes {
    align-items: center;
    display: flex;
}

.informacion-imagenes-container .imagenes>* {
    flex: 1 100%;
    max-width: calc(50% - .375rem);
}

.informacion-imagenes-container .imagenes img {
    border-radius: .875rem;
    height: 16rem;
    object-fit: cover;
    width: 100%;
}

.informacion-imagenes-container .imagenes>img:first-child,
.informacion-imagenes-container .imagenes>picture:first-child img {
    transform: translateY(-.75rem);
}

.informacion-imagenes-container .imagenes>img:last-child,
.informacion-imagenes-container .imagenes>picture:last-child img {
    transform: translateY(.75rem);
}

@media(max-width: 767px) {
    .informacion-imagenes-container {
        padding: 4rem 2rem !important;
    }
}

@media (max-width: 638px) {
    .informacion-imagenes-container .informacion-imagenes-container {
        padding: 6rem 1.5rem;
    }

    .informacion-imagenes-container .informacion-imagen {
        flex-direction: column;
        gap: 2.5rem;
    }

    .informacion-imagenes-container .informacion-imagen>div {
        max-width: 100%;
    }

    .informacion-imagenes-container .informacion h2 {
        font-family: Barlow, sans-serif;
        font-size: 2.25rem;
        font-weight: 900;
        line-height: 2.8125rem;
    }

    .informacion-imagenes-container .imagenes img {
        height: 12rem;
    }
}


/*Cotiza tu Isuzu Fragmento*/

.isuzu-cta-fragment {
    background: linear-gradient(135deg, #1A1A1A 0%, #1C1C1C 8.33%, #1F1F1F 16.67%, #212121 25%, #232323 33.33%, #262626 41.67%, #282828 50%, #262626 58.33%, #232323 66.67%, #212121 75%, #1F1F1F 83.33%, #1C1C1C 91.67%, #1A1A1A 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 6rem;
    padding-bottom: 11rem;
}

.isuzu-cta-fragment .red-line {
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #cc2027;
}

/* TAG */
.isuzu-cta-fragment .subtitle-text {
    font-family: Barlow, sans-serif;
    color: rgba(255, 255, 255, 0.60);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

/* TITULOS */
.isuzu-cta-fragment .main-title {
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 34.2px;
    letter-spacing: -1.8px;
    text-transform: uppercase;
}

.isuzu-cta-fragment .text-isuzu-red {
    color: #C12026;
}

/* DESCRIPCION */
.isuzu-cta-fragment .description-text {
    font-family: Barlow, sans-serif;
    color: rgba(255, 255, 255, 0.70);
    font-size: 20px;
    font-weight: 400;
    line-height: 32.5px;
}

/* FEATURES */
.isuzu-cta-fragment .features-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.isuzu-cta-fragment .features-wrapper .d-flex div:last-child :not(.small) {
    font-family: Barlow, sans-serif;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.isuzu-cta-fragment .features-wrapper .small {
    font-family: Barlow, sans-serif;
    color: #ffffff80;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

/* ICONO */
.isuzu-cta-fragment .feature-icon {
    width: 48px;
    height: 48px;
    background-color: rgba(204, 32, 39, 0.12);
    color: #cc2027;
}

.isuzu-cta-fragment .custom-feature-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* BOTON */
.isuzu-cta-fragment .btn-isuzu-red {
    font-family: Barlow, sans-serif;
    background-color: #cc2027;
    border-color: #cc2027;
    transition: all 0.3s ease;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    min-width: 260px !important;
}

.isuzu-cta-fragment .btn-isuzu-red:hover {
    background-color: #a3191f;
    border-color: #a3191f;
    transform: translateY(-2px);
}

.isuzu-cta-fragment .btn-isuzu-red::after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E") no-repeat center / contain;
    vertical-align: middle;
}

/* CONTACTO */
.isuzu-cta-fragment .texto__contacto {
    font-family: Barlow, sans-serif;
    color: #ffffff80;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.isuzu-cta-fragment .phone-link {
    font-family: Barlow, sans-serif;
}

.isuzu-cta-fragment .phone-link {
    border-bottom: 1px solid #555555;
    padding-bottom: 2px;
    transition: color 0.3s ease, border-color 0.3s ease;
    color: #ffffff99;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.isuzu-cta-fragment .phone-link:hover {
    color: #ffffff;
    border-color: #ffffff;
}

/* CONTENEDOR */
.container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

/* RESPONSIVE */
@media (min-width: 768px) {
    .isuzu-cta-fragment {
        padding-top: 8rem;
        padding-bottom: 13rem;
    }

    .isuzu-cta-fragment .main-title {
        font-size: 72px;
        line-height: 68.4px;
    }

    .isuzu-cta-fragment .features-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        gap: .75rem;
        padding: 0 1.25rem;
    }

    .container-isuzu {
        padding: 0 4rem;
    }
}

/*Opciones de financiamiento fragmento*/
.financing-section {
    background-color: var(--gray-100);
    padding-bottom: 63px;
    background-color: #F9FAFB;
}

.container-financing {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.financing-main-title {
    font-family: Roboto, sans-serif;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #101828;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.75px;
    text-transform: uppercase;
}

.financing-subtitle {
    font-family: Barlow, sans-serif;
}

.financing-card {
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    border: 1px solid #f0f0f0 !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    background-color: #ffffff;
    padding: 32px;
}

.financing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1);
    border-color: #c12026 !important;
    background-color: #fff;
}

.icon-wrapper {
    background-color: #f4f4f4;
    border-radius: 12px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper img {
    max-width: 28px;
    max-height: 28px;
    object-fit: contain;
}

/* TITULO CARD */
.financing-card h4 {
    font-family: Roboto, sans-serif;
    color: #101828;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/* DESCRIPCION CARD */
.financing-card p {
    font-family: Barlow, sans-serif;
    color: #4A5565;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px;
}

.financing-btn {
    font-family: Barlow, sans-serif;
    padding: 0.5rem 1.25rem;
    border-color: #e0e0e0;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    color: #101828;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.financing-card:hover .financing-btn {
    background-color: #c12026;
    border-color: #c12026;
    color: #ffffff;
}

.financing-btn:hover {
    background-color: #f4f4f4;
    border-color: #d0d0d0;
    color: #000000;
}

.financing-btn::after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M484.5 242.6l-149.3-149.3c-7.5-7.5-19.6-7.5-27.1 0l-16.1 16.1c-7.5 7.5-7.5 19.6 0 27.1l97.8 99.5H27.4c-10.6 0-19.2 8.6-19.2 19.2v21.3c0 10.6 8.6 19.2 19.2 19.2h362.4l-97.8 99.5c-7.5 7.5-7.5 19.6 0 27.1l16.1 16.1c7.5 7.5 19.6 7.5 27.1 0l149.3-149.3c7.5-7.4 7.5-19.6 0-27.1z'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M484.5 242.6l-149.3-149.3c-7.5-7.5-19.6-7.5-27.1 0l-16.1 16.1c-7.5 7.5-7.5 19.6 0 27.1l97.8 99.5H27.4c-10.6 0-19.2 8.6-19.2 19.2v21.3c0 10.6 8.6 19.2 19.2 19.2h362.4l-97.8 99.5c-7.5 7.5-7.5 19.6 0 27.1l16.1 16.1c7.5 7.5 19.6 7.5 27.1 0l149.3-149.3c7.5-7.4 7.5-19.6 0-27.1z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: middle;
}

/* FOOTER */
.container-financing .text-center p {
    font-family: Barlow, sans-serif;
    color: #4A5565;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.container-financing .text-center:last-child p {
    color: #6A7282;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.container-financing .text-center:last-child a {
    font-family: Barlow, sans-serif;
    color: #C12026;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

@media (min-width: 768px) {
    .financing-main-title {
        font-size: 3rem;
        letter-spacing: -1.2px;
        line-height: 3rem;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .financing-btn {
        padding: 0.5rem 1.5rem;
    }

    .container-financing {
        padding: 0 4rem;
    }

    .container-financing .text-center {
        padding-top: 32px;
        padding-bottom: 40px;
    }

    .mobile-margin-bottom {
        margin-bottom: 5px !important;
    }
}

/*Caracteristicas Home*/
.fragment-specs-camioneta {
    padding-top: 6rem;
    padding-bottom: 4.5rem;
}

.fragment-specs-camioneta .main-title {
    font-family: Roboto, sans-serif;
}

.fragment-specs-camioneta .main-subtitle {
    color: #4A5565;
    font-family: Barlow, sans-serif;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 8.5px;
    margin: 0px;
}

.fragment-specs-camioneta .feature-title {
    padding-bottom: 12.5px;
    margin: 0px;
    color: #101828;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.fragment-specs-camioneta .feature-item p {
    font-family: Barlow, sans-serif;
    color: #4A5565;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.75px;
}

.fragment-specs-camioneta .custom-divider {
    border-top: 1px solid #dee2e6;
    opacity: 0.8;
    width: 100%;
}

.fragment-specs-camioneta .stat-value {
    color: #C12026;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
}

.fragment-specs-camioneta .stat-label {
    color: #6A7282;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.6px;
}

.fragment-specs-camioneta .custom-icon-container {
    padding-bottom: 30px;
}

.container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

@media (min-width: 768px) {

    .fragment-specs-camioneta .stat-value {
        font-size: 3rem;
        line-height: 3rem;
    }

    .container-isuzu {
        padding: 0 4rem;
    }

    .fragment-specs-camioneta {
        padding-top: 8rem;
        padding-bottom: 7.5rem;
    }

    .fragment-specs-camioneta .main-title {
        font-size: 30px !important;
    }

    .fragment-specs-camioneta .feature-item {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .fragment-specs-camioneta .margen-mobile-text {
        margin-inline: 0px !important;
    }

    .fragment-specs-camioneta .mobile-gap {
        display: flex;
        gap: 8px !important;
        flex-direction: column;
    }
}

/*Menu de navegacion*/

.navigation-scroll-fragment {
    background-color: #fff;
    width: 100%;
    z-index: 100;
    transition: box-shadow 0.2s ease-in-out;
}

.navigation-scroll-fragment.is-fixed {
    position: fixed;
    top: var(--nav-sticky-top, 0);
    z-index: 998;
    border-bottom: 2px solid #f1f2f5;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.08);
}

.navigation-scroll-fragment .nav-scroll-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
}

.navigation-scroll-fragment .hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.navigation-scroll-fragment .hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.navigation-scroll-fragment .nav-link {
    color: #4A5565;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.navigation-scroll-fragment .nav-link:not(.active) {
    background-color: transparent !important;
}

.navigation-scroll-fragment .nav-link:not(.active):hover {
    background-color: #f6f3f4 !important;
}

.navigation-scroll-fragment.nav-bottom-shadow {
    border-bottom: 2px solid #f1f2f5;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.08);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: #C12026;
}

.container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

@media (min-width: 768px) {

    .container-isuzu {
        padding: 0 4rem;
    }
}

/*Lo que hace diferente fragmento*/

.fragment-isuzu-showcase {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.isuzu-red-line {
    width: 48px;
    height: 4px;
    background-color: #d32f2f;
}

/* BRAND */
.fragment-isuzu-showcase .d-flex span.text__categoria {
    font-family: Barlow, sans-serif;
    color: #4A5565;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

/* TITULO PRINCIPAL */
.fragment-isuzu-showcase .isuzu-title {
    font-family: Roboto, sans-serif;
    color: #101828;
    font-size: 36px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.9px;
    text-transform: uppercase;
}

/* SUBTITULO */
.fragment-isuzu-showcase .texto__descripcion {
    font-family: Barlow, sans-serif;
    color: #4A5565;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

/* BADGES */
.fragment-isuzu-showcase .isuzu-badge-large,
.fragment-isuzu-showcase .isuzu-badge-small {
    font-family: Barlow, sans-serif;
}

.isuzu-card {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px;
    align-items: flex-start;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.isuzu-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.isuzu-card-large {
    min-height: 500px;
}

.isuzu-card-small {
    min-height: 340px;
}

.isuzu-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: transform 0.4s ease;
}

.isuzu-card:hover .isuzu-bg {
    transform: scale(1.05);
}

.isuzu-card .isuzu-content .texto__enlace {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.isuzu-card:hover .isuzu-content a:not(.isuzu-btn-responsive) {
    color: #d32f2f !important;
}

.isuzu-card .isuzu-content a:hover:not(.isuzu-btn-responsive) {
    transform: translateX(10px);
}

.isuzu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    z-index: 2;
}

.isuzu-content {
    position: relative;
    z-index: 3;
    width: 100%;
}

/* BOTON */
.isuzu-btn-responsive {
    font-family: Barlow, sans-serif;
    display: flex;
    width: 247px;
    align-items: center;
    gap: 3.953px;
    border-radius: 16777200px;
    background: #FFF;
    color: #101828;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

/* TITULOS CARDS */
.isuzu-card-title-large {
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    line-height: 37.5px;
    letter-spacing: -0.75px;
    font-weight: 400;
    font-size: 1.875rem;
    text-transform: uppercase;
}

.isuzu-card-title-small {
    color: #FFFFFF;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.6px;
    text-transform: uppercase;
}

/* BADGES */
.fragment-isuzu-showcase .isuzu-badge-large {
    border-radius: 16777200px;
    background: rgba(193, 32, 38, 0.90);
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: inline-flex;
    padding: 3.5px 15.867px 4.5px 16px;
    justify-content: center;
    align-items: center;
}

.fragment-isuzu-showcase .isuzu-badge-small {
    padding: 3.5px 15.672px 4.5px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 16777200px;
    background: rgba(255, 255, 255, 0.20);
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

/* DESCRIPCION CARDS */
.fragment-isuzu-showcase .isuzu-desc {
    color: #ffffffe6;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.25px;
}

.fragment-isuzu-showcase .isuzu-card-small .isuzu-desc {
    font-size: 16px;
    line-height: 26px;
}

@media (min-width: 768px) {
    .fragment-isuzu-showcase {
        padding-top: 8rem;
        padding-bottom: 8.875rem;
    }

    .container-isuzu {
        padding: 0 4rem;
    }

    .fragment-isuzu-showcase .isuzu-title {
        font-family: Roboto, sans-serif;
        padding-right: 45%;
        font-size: 60px;
        font-weight: 400;
        line-height: 75px;
        letter-spacing: -1.5px;
        text-transform: uppercase;
    }

    .fragment-isuzu-showcase .isuzu-card-title-large {
        font-size: 3rem;
        letter-spacing: -1.2px;
        line-height: 60px;
        padding-right: 77px;
    }

    .fragment-isuzu-showcase .isuzu-card-title-small {
        font-size: 1.875rem;
        letter-spacing: -0.75px;
        line-height: 37.5px;
    }

    .fragment-isuzu-showcase .isuzu-btn-responsive {
        display: inline;
    }
}

/*Informacion Global*/
.isuzu-promo-fragment {
    padding-top: 5rem;
    padding-bottom: 3.125rem;
    background: linear-gradient(180deg, #F9FAFB 0%, #FFF 100%);
}

.container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.isuzu-promo-fragment .custom-badge {
    font-family: Barlow, sans-serif;
    background-color: #fcebeb;
    color: #c91429;
    font-weight: 700;
    padding: 0.5rem 1rem;
    border-radius: 50rem;
    font-size: 0.8rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.isuzu-promo-fragment .fragment-title {
    font-family: Roboto, sans-serif;
    padding-right: 25%;
    color: #101828;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.9px;
    text-transform: uppercase;
}

.isuzu-promo-fragment .lead {
    font-family: Barlow, sans-serif;
    color: #4A5565;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.25px;
}

.isuzu-promo-fragment .features-list ul {
    list-style: none;
    padding-left: 0;
}

.isuzu-promo-fragment .features-list li {
    font-family: Barlow, sans-serif;
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    color: #364153;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.isuzu-promo-fragment .features-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.45rem;
    width: 6px;
    height: 6px;
    background-color: #c91429;
    border-radius: 50%;
}

.isuzu-promo-fragment .custom-btn {
    font-family: Barlow, sans-serif;
    background-color: transparent;
    padding: 0;
    border: none;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.isuzu-promo-fragment .cta-wrapper {
    background-color: #c91429;
    padding: 16.5px 32px 15.5px 32px;
    border-radius: 16777200px;
    display: inline-flex;
    align-items: center;
    gap: 7.523px;
    transition: all 0.3s ease;
}

.isuzu-promo-fragment .cta-icon {
    color: #ffffff;
    flex-shrink: 0;
    pointer-events: none;
}

.isuzu-promo-fragment .image-wrapper .main-car-img {
    border-radius: 1.5rem;
    object-fit: cover;
    min-height: 420px;
}

.isuzu-promo-fragment .icon-box {
    width: 45px;
    height: 45px;
    background-color: #c91429;
    border-radius: 0.5rem;
    padding: 10px;
}

.isuzu-promo-fragment .icon-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.isuzu-promo-fragment .torque-widget {
    bottom: 1rem;
    left: 1rem;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    padding: 1rem 1.5rem;
}

.isuzu-promo-fragment .torque-value {
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #101828;
    line-height: 32px;
}

.isuzu-promo-fragment .torque-label {
    font-family: Barlow, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #6A7282;
    line-height: 20px;
}

@media (min-width: 768px) {
    .isuzu-promo-fragment .fragment-title {
        font-size: 3.75rem;
        letter-spacing: -1.5px;
        line-height: 75px;
    }

    .isuzu-promo-fragment .image-wrapper .main-car-img {
        min-height: 700px;
    }

    .isuzu-promo-fragment .torque-widget {
        bottom: 2rem;
        left: 2rem;
    }

    .container-isuzu {
        padding: 0 4rem;
    }

    .isuzu-promo-fragment {
        padding-top: 2.75rem;
        padding-bottom: 2.75rem;
        background: linear-gradient(180deg, #F9FAFB 0%, #FFF 100%);
    }

    .isuzu-promo-fragment .custom-badge {
        font-family: Barlow, sans-serif;
        display: inline-flex;
        padding: 7.5px 20.914px 8.5px 16px;
        align-items: center;
        border-radius: 16777200px;
        background: rgba(193, 32, 38, 0.10);
        color: #C12026;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
    }

    .isuzu-promo-fragment .fragment-title {
        padding-right: 8%;
    }
}

/* Legales */

.fragment-container.legales-accordion {
    padding: 20px 0;
}

.container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.legal-panel {
    --accordion-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --icon-duration: 0.8s;
    --panel-duration: 0.9s;
    --opacity-duration: 0.75s;
    --content-padding: 0;
    border-radius: 8px;
}

.legal-panel .panel-header {
    padding: 20px;
}

.legal-panel .panel-header h6 {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #364153;
    font-weight: 500;
}

.legal-panel .panel-content {
    padding: var(--content-padding);
    transition: padding var(--panel-duration) var(--accordion-ease);
    font-family: Roboto, sans-serif;
    color: #6A7282;
    font-size: 12px;
    line-height: 20px;
}

.legal-panel .panel-content,
.legal-panel .panel-content p,
.legal-panel .panel-content span,
.legal-panel .panel-content div,
.legal-panel .panel-content li {
    font-family: Roboto, sans-serif;
}

.legal-panel.is-expanded {
    --content-padding: 0 24px 24px 24px;
}

.accordion-icon {
    transform: rotate(180deg);
    transition: transform var(--icon-duration) var(--accordion-ease);
    will-change: transform;
}

.legales-accordion .panel-body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    transition: max-height var(--panel-duration) var(--accordion-ease), opacity var(--opacity-duration) ease, visibility 0s linear;
    will-change: max-height, opacity;
}

.legal-panel.is-expanded .accordion-icon {
    transform: rotate(0deg);
}

.legal-panel.is-expanded .panel-body {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
}

@media (min-width: 768px) {
    .fragment-container.legales-accordion {
        padding: 40px 0;
    }

    .container-isuzu {
        padding: 0 4rem;
    }
}

@media (max-width: 767px) {
    .legal-panel {
        --icon-duration: 0.65s;
        --panel-duration: 0.7s;
        --opacity-duration: 0.5s;
    }
}

/*Inteligencia Aplicada*/

.custom-automotive-fragment {
    width: 100%;
    background-color: #1A1A1A;
    overflow: hidden;
    padding-top: 64px;
    padding-bottom: 64px;
}

.custom-automotive-fragment .container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.custom-automotive-fragment .section-header {
    text-align: center;
    padding-bottom: 48px;
}

.custom-automotive-fragment .kicker-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding-bottom: 0.12px;
}

.custom-automotive-fragment .red-line {
    width: 30px;
    height: 3px;
    background-color: #E3000F;
    display: inline-block;
}

.custom-automotive-fragment .kicker-text {
    color: rgba(255, 255, 255, 0.40);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-family: Barlow, sans-serif;
}

.custom-automotive-fragment .main-title {
    font-size: 30px;
    font-weight: 900;
    color: #ffffff;
    margin: 0;
    line-height: 36px;
    text-transform: uppercase;
    text-align: center;
    font-family: Barlow, sans-serif;
}

.custom-automotive-fragment .features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    padding-bottom: 3rem;
}

.custom-automotive-fragment .feature-item {
    text-align: left;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.custom-automotive-fragment .feature-icon {
    max-width: 32px;
    display: block;
    padding-bottom: 16px;
}

.custom-automotive-fragment .feature-title {
    padding-bottom: 8px;
    color: #FFF;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.custom-automotive-fragment .feature-desc {
    margin: 0;
    color: #ffffff80;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px;
}

.custom-automotive-fragment .carousel-grid-edit {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 2rem;
    background-color: rgba(255, 193, 7, 0.1);
    border: 2px dashed #ffc107;
    border-radius: 8px;
}

.custom-automotive-fragment .carousel-card-edit {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.custom-automotive-fragment .carousel-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.custom-automotive-fragment .carousel-track {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    gap: 1.5rem;
    width: 100%;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.custom-automotive-fragment .carousel-track::-webkit-scrollbar {
    display: none;
}

.custom-automotive-fragment .carousel-card {
    flex: 0 0 100%;
    scroll-snap-align: start;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.custom-automotive-fragment .card-img {
    width: 100%;
    height: 192px;
    object-fit: cover;
}

.custom-automotive-fragment .card-text-container {
    padding: 24px 24px 75px;
    text-align: left;
}

.custom-automotive-fragment .card-title {
    margin-bottom: 0.5rem;
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.45px;
    text-transform: uppercase;
}

.custom-automotive-fragment .card-desc {
    margin: 0;
    color: #4A5565;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.75px;
}

.custom-automotive-fragment .carousel-controls-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.custom-automotive-fragment .carousel-progress-line {
    width: 100%;
    height: 2px;
    background-color: #333333;
}

.custom-automotive-fragment .carousel-arrows {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.custom-automotive-fragment .carousel-btn {
    background: rgba(255, 255, 255, 0.20);
    border: none;
    font-size: 1.2rem;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: background 0.3s, color 0.3s;
}

.custom-automotive-fragment .carousel-btn:hover {
    background: rgba(255, 255, 255, 0.40);
    color: #ffffff;
}

.custom-automotive-fragment .carousel-dots {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-automotive-fragment .carousel-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.30);
    transition: all 0.3s ease;
    cursor: pointer;
}

.custom-automotive-fragment .carousel-dot.active {
    width: 24px;
    border-radius: 4px;
    background: #E3000F;
}

@media (min-width: 768px) {
    .custom-automotive-fragment {
        padding-top: 96px;
        padding-bottom: 81px;
    }

    .custom-automotive-fragment .features-grid {
        grid-template-columns: repeat(4, 1fr);
        margin-bottom: 8rem;
    }

    .custom-automotive-fragment .feature-item {
        padding: 2rem;
    }

    .custom-automotive-fragment .carousel-grid-edit {
        grid-template-columns: repeat(4, 1fr);
    }

    .custom-automotive-fragment .carousel-card {
        flex: 0 0 calc(25% - 1.125rem);
    }

    .custom-automotive-fragment .container-isuzu {
        padding: 0 4rem;
    }

    .custom-automotive-fragment .main-title {
        font-size: 48px;
        line-height: 48px;
    }

    .custom-automotive-fragment .carousel-wrapper {
        gap: 20px;
    }

    .custom-automotive-fragment .carousel-progress-line {
        margin-bottom: 20px;
    }


    .custom-automotive-fragment .kicker-wrapper {
        padding-bottom: 12px;
    }
}

/* Ofertas */

/* Scoped styles to prevent conflicts with other fragments */

.isuzu-offers-fragment {
    padding-top: 40px;
    padding-bottom: 17px;
}

.isuzu-offers-fragment .fragment-wrapper {
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    background-color: #ffffff;
}

.container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.isuzu-offers-fragment .offers-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    font-family: Barlow, sans-serif;
    color: #101828;
}

.isuzu-offers-fragment .card-custom {
    border: 1px solid #e6e6e6 !important;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.isuzu-offers-fragment .card-custom:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08);
}

.isuzu-offers-fragment .card-custom .card-body {
    padding: 20px;
}

.isuzu-offers-fragment .offer-image {
    width: 100%;
    height: 192px;
    object-fit: cover;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}

.isuzu-offers-fragment .offer-badge {
    font-family: Barlow, sans-serif;
    top: 12px;
    right: 12px;
    padding: 4px 12px;
    font-weight: 600;
    font-size: 12px;
    background: #A01419;
    position: absolute;
    border-radius: 2rem;
    color: #FFF;
    line-height: 16px;
}

.isuzu-offers-fragment .offer-card-title {
    color: #101828;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    font-family: Barlow, sans-serif;
}

.isuzu-offers-fragment .offer-card-price {
    color: #C12026;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    font-family: Barlow, sans-serif;
}

.isuzu-offers-fragment .offer-features-list,
.isuzu-offers-fragment .offer-features-list li,
.isuzu-offers-fragment .offer-feature-text {
    font-family: Roboto, sans-serif;
}

.isuzu-offers-fragment .offer-feature-text {
    color: #4A5565;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.isuzu-offers-fragment .check-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
}

.isuzu-offers-fragment .check-icon {
    width: 12px;
    height: 9px;
    display: block;
}

.isuzu-offers-fragment .btn-offer {
    padding: 12.5px 48px 11.5px 62.477px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
    gap: 7.039px;
    border-radius: 25px;
    background: #C12026;
    border-color: #C12026;
    font-family: Barlow, sans-serif;
}

.isuzu-offers-fragment .btn-offer:hover {
    background: #C12026;
    border-color: #C12026;
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

.isuzu-offers-fragment .offer-button-link {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #FFF;
}

.isuzu-offers-fragment .offer-button-arrow {
    color: #ffffff;
    width: 16px;
    height: 16px;
}

@media (min-width: 768px) {
    .container-isuzu {
        padding: 0 4rem;
    }

    .isuzu-offers-fragment {
        padding-top: 33px;
        padding-bottom: 45px;
    }
}

/*Preguntas Frecuentes*/
.faq-section {
    width: 100%;
    background: var(--faq-bg, #fff);
    padding-top: 5rem;
}

body.signed-in.has-control-menu.has-edit-mode-menu .faq-section {

    padding-top: 0;
}

.faq-section * {
    box-sizing: border-box;
}

/* FILTROS SUPERIORES */
.faq-section__filters-wrap {
    width: 100%;
    min-height: 57px;
    padding: 0 265px 1px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    background: #0A0A0A;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.faq-section__filters-wrap::-webkit-scrollbar {
    display: none;
}

.faq-section__container {
    padding: 0 32px var(--faq-bottom-padding, 80px) !important;
}

.faq-section__filters {
    display: flex;
    min-width: max-content;
    height: 56px;
    padding: 16px 0;
    align-items: flex-start;
    gap: 32px;
}

.faq-section__filter-button {
    position: relative;
    min-width: max-content;
    padding: 0 0 19px;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.60);
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.faq-section__filter-button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 36.555px;
    height: 2px;
    background: #C12026;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.faq-section__filter-button:hover,
.faq-section__filter-button.is-active {
    color: #FFFFFF;
}

.faq-section__filter-button.is-active::after {
    opacity: 1;
}

/* HERO */
.faq-section__hero {
    max-width: 1440px;
    margin: 0 auto;
    padding: var(--faq-hero-padding-top, 128px) 64px 64px;
    text-align: center;
}

.faq-section__title {
    max-width: 768px;
    margin: 0 auto 24px;
    color: var(--faq-title-color, #000);
    font-family: Barlow, sans-serif;
    font-size: var(--faq-title-size, 72px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.025em;
}

.faq-section__description {
    max-width: 768px;
    margin: 0 auto;
    color: var(--faq-description-color, #4A5565);
    font-family: Roboto, sans-serif;
    font-size: var(--faq-description-size, 18px);
    font-weight: 400;
    line-height: 28px;
}

.faq-section__description p {
    margin: 0;
}

/* CONTENIDO */
.faq-section__container {
    max-width: var(--faq-container-width, 900px);
    margin: 0 auto;
    padding: 0 32px var(--faq-bottom-padding, 80px);
}

.faq-section__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq-section__item {
    overflow: hidden;
    border: 1px solid var(--faq-card-border, #E5E7EB);
    border-radius: 16px;
    background: var(--faq-card-bg, #fff);
    transition: border-color 0.3s ease;
}

.faq-section__item:hover {
    border-color: #D1D5DC;
}

.faq-section__item.is-filter-hidden {
    display: none !important;
}

.faq-section__trigger {
    width: 100%;
    padding: 24px 32px;
    border: 0;
    background: transparent;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.faq-section__trigger:hover {
    background: #F9FAFB;
}

.faq-section__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.faq-section__tag {
    width: fit-content;
    margin-bottom: 8px;
    padding: 4px 12px;
    border-radius: 9999px;
    background: var(--faq-tag-bg, #F3F4F6);
    color: var(--faq-tag-color, #4A5565);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.faq-section__question {
    color: var(--faq-question-color, #000);
    font-family: Barlow, sans-serif;
    font-size: var(--faq-question-size, 20px);
    font-weight: 600;
    line-height: 28px;
}

.faq-section__icon {
    width: 24px;
    height: 24px;
    margin-top: 4px;
    flex-shrink: 0;
    color: #99A1AF;
    transition: transform 0.25s ease, color 0.25s ease;
}

.faq-section__icon svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.faq-section__icon-minus {
    display: none;
}

.faq-section__answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.25s ease;
}

.faq-section__answer-inner {
    padding: 8px 32px 24px;
}

.faq-section__answer-line {
    display: block;
    width: 48px;
    height: 4px;
    margin-bottom: 16px;
    border-radius: 9999px;
    background: var(--faq-accent-color, #C12026);
}

.faq-section__answer-text,
.faq-section__answer-text p {
    color: var(--faq-answer-color, #364153);
    font-family: Roboto, sans-serif;
    font-size: var(--faq-answer-size, 16px);
    font-weight: 400;
    line-height: 26px;
}

.faq-section__answer-text p {
    margin: 0;
}

/* ESTADO ABIERTO */
.faq-section__item.is-open .faq-section__icon {
    color: var(--faq-accent-color, #C12026);
    transform: rotate(180deg);
}

.faq-section__item.is-open .faq-section__icon-plus {
    display: none;
}

.faq-section__item.is-open .faq-section__icon-minus {
    display: block;
}

.faq-section__item.is-open .faq-section__answer {
    max-height: 800px;
    opacity: 1;
}

/* MODO EDICIÓN LIFERAY */
.has-edit-mode-menu .faq-section__item .faq-section__answer,
body.has-edit-mode-menu .faq-section__item .faq-section__answer,
html.has-edit-mode-menu .faq-section__item .faq-section__answer {
    max-height: none;
    opacity: 1;
}

.has-edit-mode-menu .faq-section__item .faq-section__icon-plus,
body.has-edit-mode-menu .faq-section__item .faq-section__icon-plus,
html.has-edit-mode-menu .faq-section__item .faq-section__icon-plus {
    display: none;
}

.has-edit-mode-menu .faq-section__item .faq-section__icon-minus,
body.has-edit-mode-menu .faq-section__item .faq-section__icon-minus,
html.has-edit-mode-menu .faq-section__item .faq-section__icon-minus {
    display: block;
}

/* TABLET */
@media (max-width: 1199px) {
    .faq-section__filters-wrap {
        padding: 0 64px 1px;
    }
}

@media (max-width: 991px) {
    .faq-section__filters-wrap {
        padding: 0 32px 1px;
    }

    .faq-section__hero {
        padding: 96px 32px 48px;
    }

    .faq-section__title {
        font-size: 56px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .faq-section__filters-wrap {
        padding: 0 20px 1px;
    }

    .faq-section__filters {
        gap: 28px;
    }

    .faq-section__hero {
        padding: 72px 20px 40px;
    }

    .faq-section__title {
        font-size: var(--faq-title-size-mobile, 42px);
        line-height: 48px;
    }

    .faq-section__description {
        font-size: 16px;
        line-height: 24px;
    }

    .faq-section__container {
        padding: 0 20px 56px;
    }

    .faq-section__trigger {
        padding: 20px;
        gap: 16px;
    }

    .faq-section__question {
        font-size: 18px;
        line-height: 26px;
    }

    .faq-section__answer-inner {
        padding: 4px 20px 20px;
    }

    .faq-section__answer-text,
    .faq-section__answer-text p {
        font-size: 15px;
        line-height: 24px;
    }
}

/* Página de confirmación (Gracias) */
.confirmation-fragment {
    padding: 5rem 0;
}

.confirmation-fragment .confirmation-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin: auto;
    max-width: 1200px;
    padding: 0 64px;
}

.confirmation-fragment .confirmation-container .confirmation-banner {
    border-radius: 24px;
    overflow: hidden;
}

.confirmation-fragment .confirmation-container .confirmation-banner img {
    height: 500px;
    object-fit: cover;
    width: 100%;
}

.confirmation-fragment .confirmation-container .confirmation-body {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.confirmation-fragment .confirmation-container .confirmation-body .information {
    background-color: #F9FAFB;
    border-radius: 16px;
    padding: 32px;
    text-align: center;
}

.confirmation-fragment .confirmation-container .confirmation-body .information p {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.confirmation-fragment .confirmation-container .confirmation-body .information a {
    color: inherit;
    text-decoration: underline;
}

.confirmation-fragment .confirmation-container .confirmation-body .boton>a {
    align-items: center;
    background-color: #C12026;
    border-radius: 32px;
    color: #FFFFFF;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    line-height: 24px;
    margin: auto;
    max-width: fit-content;
    padding: 16px 24px;
    text-decoration: none;
    transition: background-color .3s ease;
}

.confirmation-fragment .confirmation-container .confirmation-body .boton>a:hover {
    background-color: #A01A20;
}

@media (max-width: 638px) {
    .confirmation-fragment {
        padding: 2.5rem 0;
    }

    .confirmation-fragment .confirmation-container {
        padding: 0px 24px;
    }

    .confirmation-fragment .confirmation-container .confirmation-banner img {
        height: 312px;
    }

    .confirmation-fragment .confirmation-container .confirmation-body .boton>a {
        max-width: 100%;
    }
}

/* CSS IMAGEN CON CARACTERISTICAS */
.caracteristicas-imagen {
    padding: 2rem 0;
}

.caracteristicas-imagen .caracteristicas-imagen-container {
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.caracteristicas-imagen.fondo-black .caracteristicas-imagen-container>div {
    background-color: #1A1A1A;
    border-radius: 1rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .header {
    margin-bottom: 2rem;
}

.caracteristicas-imagen.fondo-black .caracteristicas-imagen-container .header {
    padding-top: 3rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .header h2 {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 3.75rem;
    font-style: italic;
    font-weight: 900;
    line-height: 3.75rem;
    margin-bottom: .75rem;
    text-align: center;
    text-transform: uppercase;
}

.caracteristicas-imagen.fondo-black .caracteristicas-imagen-container .header h2 {
    color: #FFFFFF;
}

.caracteristicas-imagen .caracteristicas-imagen-container .header p {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0 auto;
    max-width: 34.5rem;
    text-align: center;
}

.caracteristicas-imagen.fondo-black .caracteristicas-imagen-container .header p {
    color: #ffffff99;
}

.caracteristicas-imagen .caracteristicas-imagen-container .banner-caracteristicas {
    border-radius: 1rem;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
}

.caracteristicas-imagen.fondo-black .caracteristicas-imagen-container .banner-caracteristicas {
    border-radius: 0;
}

.caracteristicas-imagen.fondo-white .caracteristicas-imagen-container .banner-caracteristicas {
    border: 2px solid #51A2FF;
}

.caracteristicas-imagen .caracteristicas-imagen-container .banner-caracteristicas img {
    height: 31.5rem;
    object-fit: cover;
    width: 100%;
}

.caracteristicas-imagen .caracteristicas-imagen-container .banner-caracteristicas .lista-puntos {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.caracteristicas-imagen .caracteristicas-imagen-container .banner-caracteristicas .lista-puntos .punto {
    background-color: #C12026;
    border: 2px solid #FFFFFF;
    border-radius: 2rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    height: 1.25rem;
    position: absolute;
    transition: transform .3s;
    width: 1.25rem;
    z-index: 1;
}

.caracteristicas-imagen .caracteristicas-imagen-container .banner-caracteristicas .lista-puntos .punto:hover {
    transform: scale(1.3);
}

.caracteristicas-imagen .caracteristicas-imagen-container .footer {
    align-items: center;
    display: flex;
    gap: .25rem;
    justify-content: center;
}

.caracteristicas-imagen.fondo-black .caracteristicas-imagen-container .footer {
    padding-bottom: 1rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .footer .punto {
    background-color: #C12026;
    border-radius: 2rem;
    height: .5rem;
    width: .5rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .footer span {
    color: #99A1AF;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
}

.caracteristicas-imagen.fondo-black .caracteristicas-imagen-container .footer span {
    color: #ffffff66;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-container {
    align-items: center;
    backdrop-filter: blur(.5rem);
    background-color: #000000CC;
    display: none;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-container.show {
    display: flex;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica {
    background-color: #FFFFFF;
    border-radius: 1rem;
    display: none;
    max-height: 90vh;
    max-width: 56rem;
    overflow: hidden;
    width: 100%;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica.active {
    display: flex;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica>div {
    flex: 100%;
    max-width: 50%;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .imagen img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .header-modal {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .header-modal span {
    color: #C12026;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .7px;
    line-height: 1.25rem;
    text-transform: uppercase;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .header-modal .cerrar {
    align-items: center;
    background-color: #f6f3f4;
    border-radius: 2rem;
    color: #0a0a0a;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: background-color .15s;
    width: 2.5rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .header-modal .cerrar:hover {
    background-color: #ebe6e7;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .header-modal .cerrar svg {
    height: 1.25rem;
    width: 1.25rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion h3 {
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: 1.5rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion p {
    color: #4a5565;
    font-family: Barlow, sans-serif;
    font-size: 1.125rem;
    line-height: 1.828125rem;
    margin-bottom: 0;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .botones {
    align-items: center;
    border-top: 1px solid #ebe6e7;
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    padding-top: 2rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .botones>div {
    align-items: center;
    border-radius: 2rem;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .5rem;
    line-height: 1.5rem;
    overflow: hidden;
    padding: .75rem 1.5rem;
    text-align: center;
    transition: all .15s;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .botones>div svg {
    height: 1.25rem;
    width: 1.25rem;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .botones .boton-anterior {
    background-color: #f6f3f4;
    color: #0a0a0a;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .botones .boton-anterior:hover {
    background-color: #101828;
    color: #FFFFFF;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .botones .boton-siguiente {
    background-color: #101828;
    color: #FFFFFF;
}

.caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion .botones .boton-siguiente:hover {
    background-color: #C12026;
}

@media (max-width: 638px) {
    .caracteristicas-imagen .caracteristicas-imagen-container {
        padding: 0 1.5rem;
    }

    .caracteristicas-imagen.fondo-black .caracteristicas-imagen-container>div {
        padding: 2rem;
    }

    .caracteristicas-imagen.fondo-black .caracteristicas-imagen-container .header {
        padding-top: 2rem;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .header h2 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .banner-caracteristicas img {
        height: 16rem;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .footer {
        align-items: flex-start;
        text-align: center;
    }

    .caracteristicas-imagen.fondo-black .caracteristicas-imagen-container .footer {
        padding-left: .375rem;
        padding-right: .375rem;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .footer .punto {
        margin-top: .25rem;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .footer span {
        max-width: 15rem;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .modal-container {
        padding: 0 1.5rem;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica {
        flex-direction: column;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica>div {
        max-width: 100%;
    }

    .caracteristicas-imagen .caracteristicas-imagen-container .modal-caracteristica .informacion {
        padding: 2rem;
    }
}

/* CSS INFORMACION CON CARACTERISTICAS */
.informacion-global-2-columnas-fragment {
    padding: 6rem 0;
}

.informacion-global-2-columnas-fragment.fondo-1 {
    background-color: #F9FAFB;
}

.informacion-global-2-columnas-fragment .informacion-global-container {
    align-items: center;
    display: flex;
    gap: 5rem;
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container.reversed {
    flex-direction: row-reverse;
}

.informacion-global-2-columnas-fragment .informacion-global-container>div {
    flex-basis: 100%;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info .categoria {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info .categoria .separador {
    background-color: #C12026;
    height: .125rem;
    width: 2rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info .categoria span {
    color: #6A7282;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    letter-spacing: 1.2px;
    line-height: 1rem;
    text-transform: uppercase;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info h2 {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 3rem;
    font-weight: 900;
    line-height: 3.75rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info .cuerpo {
    margin-bottom: 1.5rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info .cuerpo p {
    color: #4A5565;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info .cuerpo p strong {
    color: #101828;
    font-weight: 700;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info ul li {
    align-items: center;
    background-color: #F9FAFB;
    border-radius: .875rem;
    display: flex;
    gap: 1rem;
    padding: 1rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info ul li.arriba {
    align-items: flex-start;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info ul li .icono {
    align-items: center;
    background: #c120261a;
    border-radius: .625rem;
    display: flex;
    justify-content: center;
    padding: .625rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info ul li .icono img {
    height: 1.25rem;
    width: 1.25rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info ul li .informacion h4 {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25rem;
    margin-bottom: .25rem;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info ul li .informacion p {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: 0;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-imagen {
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-imagen img {
    height: 37.5rem;
    object-fit: cover;
    width: 100%;
}

.informacion-global-2-columnas-fragment .informacion-global-container .informacion-imagen .sombreado {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (max-width: 638px) {
    .informacion-global-2-columnas-fragment {
        padding: 4rem 0;
    }

    .informacion-global-2-columnas-fragment .informacion-global-container {
        padding: 0 1.5rem;
    }

    .informacion-global-2-columnas-fragment .informacion-global-container.reversed {
        flex-direction: column;
    }

    .informacion-global-2-columnas-fragment .informacion-global-container .informacion-texto-info h2 {
        font-size: 1.875rem;
        line-height: 2.34375rem;
    }

    .informacion-global-2-columnas-fragment .informacion-global-container .informacion-imagen {
        display: none;
    }

    .informacion-global-2-columnas-fragment .informacion-global-container.reversed .informacion-imagen {
        display: block;
    }

    .informacion-global-2-columnas-fragment .informacion-global-container.reversed .informacion-imagen img {
        height: 22rem;
    }
}

/* CSS INFORMACION */
.informacion-global-fragment {
    padding: 2rem 0;
}

.informacion-global-fragment .informacion-global-container {
    align-items: stretch;
    display: flex;
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.informacion-global-fragment .informacion-global-container .informacion-texto {
    padding: 3rem;
}

.informacion-global-fragment .informacion-global-container>div {
    flex-basis: 100%;
    max-width: 50%;
}

.informacion-global-fragment .informacion-global-container>div:first-child {
    border-radius: 1rem 0 0 1rem;
}

.informacion-global-fragment .informacion-global-container>div:last-child {
    border-radius: 0 1rem 1rem 0;
}

.informacion-global-fragment.alt .informacion-global-container .informacion-texto {
    background-color: #1A1A1A;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .categoria {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .categoria .separador {
    background-color: #C12026;
    height: .125rem;
    width: 2rem;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .categoria span {
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    letter-spacing: 1.2px;
    line-height: 1rem;
    text-transform: uppercase;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .categoria span.color-1 {
    color: #ffffff66;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .categoria span.color-2 {
    color: #C12026;
    font-weight: 700;
}

.informacion-global-fragment .informacion-global-container .informacion-texto h2 {
    color: #FFF;
    font-family: Barlow, sans-serif;
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 2.8125rem;
    margin-bottom: 2.25rem;
    /* text-transform: uppercase; */
}

.informacion-global-fragment .informacion-global-container .informacion-texto p,
.informacion-global-fragment .informacion-global-container .informacion-texto ul li {
    color: #ffffff99;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.421875rem;
}

.informacion-global-fragment .informacion-global-container .informacion-texto ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding-left: 1.25rem;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .botones {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-top: 2rem;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .botones>div a {
    align-items: center;
    border-radius: 2rem;
    display: flex;
    gap: .5rem;
    justify-content: center;
    padding: .75rem 1.5rem;
    text-decoration: none;
    transition: background-color .3s ease, color .3s ease;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .botones>.primario a {
    background-color: #C12026;
    color: #FFFFFF;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .botones>.primario:hover a {
    background-color: #A01A20;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .botones>.secundario a {
    border: 1px solid #FFFFFF33;
    color: #FFFFFF;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .botones>div a span {
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}

.informacion-global-fragment .informacion-global-container .informacion-texto .botones>div a svg {
    height: 1rem;
    width: 1rem;
}

.informacion-global-fragment .informacion-global-container .informacion-imagen {
    overflow: hidden;
    position: relative;
}

.informacion-global-fragment .informacion-global-container .informacion-imagen img {
    height: 29.0625rem;
    object-fit: cover;
    width: 100%;
}

.informacion-global-fragment .informacion-global-container .informacion-imagen .sombreado {
    background: linear-gradient(90deg, rgba(3, 7, 18, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.informacion-global-fragment .informacion-global-container .informacion-imagen .tag {
    background-color: #FFFFFF1A;
    border: 1px solid #FFFFFF33;
    border-radius: 1rem;
    bottom: 1.5rem;
    padding: .75rem 1.25rem;
    position: absolute;
    right: 1.5rem;
    z-index: 2;
}

.informacion-global-fragment .informacion-global-container .informacion-imagen .tag .titulo-tag {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 2.25rem;
    font-weight: 900;
    line-height: 2.5rem;
}

.informacion-global-fragment .informacion-global-container .informacion-imagen .tag .descripcion-tag {
    color: #FFFFFFB2;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem;
}

@media (max-width: 638px) {
    .informacion-global-fragment .informacion-global-container {
        flex-direction: column;
        padding: 0 1.5rem;
    }

    .informacion-global-fragment .informacion-global-container>div {
        max-width: 100%;
    }

    .informacion-global-fragment .informacion-global-container>div:first-child {
        border-radius: 1rem 1rem 0 0;
    }

    .informacion-global-fragment .informacion-global-container>div:last-child {
        border-radius: 0 0 1rem 1rem;
    }

    .informacion-global-fragment .informacion-global-container .informacion-texto {
        padding: 2rem;
    }

    .informacion-global-fragment .informacion-global-container .informacion-texto .botones {
        flex-direction: column;
        margin-top: .5rem;
    }

    .informacion-global-fragment .informacion-global-container .informacion-imagen img {
        height: 16rem;
    }

    .informacion-global-fragment .informacion-global-container .informacion-imagen .sombreado {
        display: none;
    }
}

/* CSS LISTADO CONTENIDO */
.listado-contenido-fragment {
    padding: 2rem 0;
}

.listado-contenido-fragment .listado-contenido-container {
    margin: auto;
    max-width: 90rem;
    padding: 0 4rem;
}

.listado-contenido-fragment .listado-contenido-container>.categoria {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: center;
    margin-bottom: 1rem;
}

.listado-contenido-fragment .listado-contenido-container>.categoria .separador {
    background-color: #C12026;
    height: .125rem;
    width: 2rem;
}

.listado-contenido-fragment .listado-contenido-container>.categoria span {
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.listado-contenido-fragment .listado-contenido-container>.categoria span.color-1 {
    color: #6A7282;
}

.listado-contenido-fragment .listado-contenido-container>.categoria span.color-2 {
    color: #C12026;
    font-weight: 700;
}

.listado-contenido-fragment .listado-contenido-container>h2 {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 3rem;
    font-weight: 900;
    line-height: 3rem;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
}

.listado-contenido-fragment .listado-contenido-container>.cuerpo {
    margin-bottom: 3.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 42rem;
}

.listado-contenido-fragment .listado-contenido-container>.cuerpo p {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas lfr-drop-zone {
    flex: 1;
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-2 {
    gap: 1.5rem;
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-3,
.listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-4 {
    gap: 1.25rem;
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas>div {
    flex-basis: 100%;
    height: auto;
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-2>div {
    max-width: calc(50% - .75rem);
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-3>div {
    max-width: calc(33% - 13.334px);
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-4>div {
    max-width: calc(25% - 15px);
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas>div>div {
    height: 100%;
}

.listado-contenido-fragment .listado-contenido-container .lista-tarjetas>div>div>div {
    height: inherit;
}

.listado-contenido-fragment .listado-contenido-container .tarjeta-informacion {
    align-items: center;
    background-color: #FFFFFF;
    border: 1px solid #F3F4F6;
    border-radius: 1rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    gap: 1.5rem;
    padding: 2.5rem;
}

.listado-contenido-fragment .listado-contenido-container .tarjeta-informacion .imagen {
    align-items: center;
    border-radius: 1rem;
    background-color: #C120261A;
    display: flex;
    justify-content: center;
    max-width: fit-content;
    padding: .875rem;
}

.listado-contenido-fragment .listado-contenido-container .tarjeta-informacion .imagen img {
    height: 1.75rem;
    width: 1.75rem;
}

.listado-contenido-fragment .listado-contenido-container .tarjeta-informacion .informacion {
    display: flex;
    flex-direction: column;
}

.listado-contenido-fragment .listado-contenido-container .tarjeta-informacion .informacion span {
    color: #C12026;
    font-family: Roboto, sans-serif;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 1.2px;
    line-height: 1rem;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.listado-contenido-fragment .listado-contenido-container .tarjeta-informacion .informacion .texto-tarjeta p {
    color: #364153;
    font-family: Roboto, sans-serif;
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin: 0;
}

.listado-contenido-fragment .listado-contenido-container .tarjeta-informacion .informacion .texto-tarjeta p strong {
    font-weight: 700;
}

@media (max-width: 1200px) {
    .tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .cabecera .titulo {
        flex-wrap: wrap;
    }
}

@media (max-width: 1024px) {
    .listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-3>div {
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 638px) {
    .listado-contenido-fragment .listado-contenido-container {
        padding: 0 1.5rem;
    }

    .listado-contenido-fragment .listado-contenido-container .lista-tarjetas {
        flex-direction: column;
    }

    .listado-contenido-fragment .listado-contenido-container .lista-tarjetas>div,
    .listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-3>div,
    .listado-contenido-fragment .listado-contenido-container .lista-tarjetas.tarjetas-4>div {
        max-width: 100% !important;
    }

    .listado-contenido-fragment .listado-contenido-container .tarjeta-informacion {
        align-items: unset;
        flex-direction: column;
        padding: 2rem;
    }
}

/* CSS TARJETA INFORMATIVA */
.tarjeta-informativa-fragment {
    height: inherit;
}

.tarjeta-informativa-fragment.estilo-3.fondo-3 {
    background-color: #1A1A1A;
    border-radius: 1rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container {
    background-color: #F9FAF8;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    height: inherit;
    padding: 2rem;
}

.tarjeta-informativa-fragment.estilo-2.fondo-1 .tarjeta-informativa-container {
    background: linear-gradient(135deg, #460809 0%, #030712 100%);
}

.tarjeta-informativa-fragment.estilo-2.fondo-2 .tarjeta-informativa-container {
    background: linear-gradient(135deg, #162456 0%, #030712 100%);
}

.tarjeta-informativa-fragment.estilo-2.fondo-3 .tarjeta-informativa-container {
    background: linear-gradient(135deg, #002C22 0%, #030712 100%);
}

.tarjeta-informativa-fragment.estilo-3.fondo-1 .tarjeta-informativa-container {
    background-color: #FFFFFF;
    border: 1px solid #F3F4F6;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.tarjeta-informativa-fragment.estilo-3.fondo-2 .tarjeta-informativa-container {
    border: 1px solid #F3F4F6;
}

.tarjeta-informativa-fragment.estilo-3.fondo-3 .tarjeta-informativa-container {
    border: 1px solid #FFFFFF1A;
    background-color: #FFFFFF0D;
}

.tarjeta-informativa-fragment.estilo-3.fondo-4 .tarjeta-informativa-container {
    background-color: #030712;
}

.tarjeta-informativa-fragment.estilo-4 .tarjeta-informativa-container {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container {
    background-color: #FFFFFF;
    border: 1px solid #E5E7EB;
}

.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container {
    background-color: #C12026;
    border: 1px solid #FFFFFF00;
}

.tarjeta-informativa-fragment.estilo-5 .tarjeta-informativa-container {
    padding: 1.5rem;
}

.tarjeta-informativa-fragment.estilo-6 .tarjeta-informativa-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: 1rem;
}

.tarjeta-informativa-fragment.estilo-4 .tarjeta-informativa-container:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1);
    transform: translateY(-.25rem);
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container:hover {
    border-color: #C12026;
}

.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container:hover {
    border-color: #FFFFFF;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .categoria {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
}

.tarjeta-informativa-fragment.estilo-6 .tarjeta-informativa-container .categoria {
    display: none;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .categoria .imagen {
    align-items: center;
    display: flex;
    justify-content: center;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .categoria .imagen.color-1 {
    background-color: #8181811A;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .categoria .imagen.color-2 {
    background-color: #FEF2F2;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .categoria .imagen.color-3 {
    background-color: #EFF6FF;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .categoria .imagen.color-4 {
    background-color: #F0FDF4;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .categoria .imagen {
    border-radius: .875rem;
    padding: .75rem;
}

.tarjeta-informativa-fragment.estilo-2.fondo-1 .tarjeta-informativa-container .categoria .imagen {
    background: #c1202624;
}

.tarjeta-informativa-fragment.estilo-2.fondo-2 .tarjeta-informativa-container .categoria .imagen {
    background: #1d4ed824;
}

.tarjeta-informativa-fragment.estilo-2.fondo-3 .tarjeta-informativa-container .categoria .imagen {
    background: #05966924;
}

.tarjeta-informativa-fragment.estilo-4 .tarjeta-informativa-container .categoria .imagen {
    border-radius: .875rem;
    padding: .875rem;
}

.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container .categoria .imagen {
    background-color: #FFFFFF33;
}

.tarjeta-informativa-fragment.estilo-5 .tarjeta-informativa-container .categoria .imagen {
    align-items: center;
    border-radius: .875rem;
    display: flex;
    justify-content: center;
    padding: .75rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .categoria img {
    height: 1rem;
    width: 1rem;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .categoria img {
    height: 1.5rem;
    width: 1.5rem;
}

.tarjeta-informativa-fragment.estilo-3 .tarjeta-informativa-container .categoria img {
    height: 2rem;
    width: 2rem;
}

.tarjeta-informativa-fragment.estilo-3.fondo-4 .tarjeta-informativa-container .categoria img {
    height: 3rem;
    width: 3rem;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container .categoria img,
.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container .categoria img {
    height: 1.75rem;
    width: 1.75rem;
}

.tarjeta-informativa-fragment.estilo-5 .tarjeta-informativa-container .categoria img {
    height: 1.5rem;
    width: 1.5rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .categoria span {
    color: #99A1AF;
    font-family: Barlow, sans-serif;
    font-size: .75rem;
    letter-spacing: 1.2px;
    line-height: 1rem;
    text-transform: uppercase;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .cabecera {
    margin-bottom: 1rem;
}

.tarjeta-informativa-fragment.estilo-5 .tarjeta-informativa-container .cabecera {
    margin-bottom: .75rem;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .cabecera .titulo {
    align-items: flex-end;
    display: flex;
    /* gap: .25rem; */
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .cabecera .titulo span {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 900;
    line-height: 60px;
    margin: 0;
    max-width: fit-content;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .cabecera h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .cabecera h4 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .cabecera h5 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    color: #101828;
    font-family: Barlow, sans-serif;
    /* text-transform: uppercase; */
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    font-weight: 900;
    margin: 0;
    max-width: fit-content;
}

.tarjeta-informativa-fragment.estilo-2.fondo-1 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    color: #C12026;
}

.tarjeta-informativa-fragment.estilo-2.fondo-2 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    color: #1D4ED8;
}

.tarjeta-informativa-fragment.estilo-2.fondo-3 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    color: #059669;
}

.tarjeta-informativa-fragment.estilo-3 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    text-transform: none;
}

.tarjeta-informativa-fragment.estilo-3.fondo-3 .tarjeta-informativa-container .cabecera .titulo-tarjeta,
.tarjeta-informativa-fragment.estilo-3.fondo-4 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    color: #FFFFFF;
}

.tarjeta-informativa-fragment.estilo-4 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    margin-bottom: 1rem;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    font-weight: 400;
    letter-spacing: 0.6px;
}

.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    color: #FFFFFF;
    text-transform: none;
}

.tarjeta-informativa-fragment.estilo-5 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    text-transform: none;
}

.tarjeta-informativa-fragment.estilo-6 .tarjeta-informativa-container .cabecera .titulo-tarjeta {
    color: #C12026;
    font-weight: 900;
    margin-bottom: 0;
}

.tarjeta-informativa-fragment:not(.estilo-2) .tarjeta-informativa-container .cabecera span {
    display: none;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .cabecera span {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .cuerpo {
    margin-bottom: 1.25rem;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container .cuerpo,
.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container .cuerpo {
    margin-bottom: 1.5rem;
}

.tarjeta-informativa-fragment.estilo-5 .tarjeta-informativa-container .cuerpo {
    display: none;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .cuerpo p {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-bottom: 0;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .cuerpo p {
    color: #D1D5DC;
}

.tarjeta-informativa-fragment.estilo-3.fondo-3 .tarjeta-informativa-container .cuerpo p {
    color: #FFFFFF80;
}

.tarjeta-informativa-fragment.estilo-3.fondo-4 .tarjeta-informativa-container .cuerpo p {
    color: #99A1AF;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container .cuerpo p {
    color: #4A5565;
}

.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container .cuerpo p {
    color: #FFFFFFB2;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container ul {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    list-style: none;
    margin: 0;
    margin-top: .75rem;
    padding: 0;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container ul li {
    align-items: center;
    display: flex;
    gap: .5rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container ul li svg {
    height: .75rem;
    width: .75rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container ul li svg.color-1 {
    color: #C12026;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container ul li svg.color-2 {
    color: #00C950;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container ul li span {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    line-height: 1rem;
}

.tarjeta-informativa-fragment.estilo-5 .tarjeta-informativa-container ul li span {
    color: #4A5565;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .caracteristicas {
    align-items: stretch;
    display: flex;
    gap: 1rem;
    margin-top: 1.25rem;
}

.tarjeta-informativa-fragment:not(.estilo-1) .tarjeta-informativa-container .caracteristicas {
    display: none;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .caracteristicas .caracteristica {
    flex-basis: 100%;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .caracteristicas .caracteristica p {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 1.875rem;
    font-weight: 900;
    line-height: 2.25rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .caracteristicas .caracteristica:first-child p {
    opacity: .2;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .caracteristicas .caracteristica span {
    color: #6A7282;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .boton {
    margin-top: auto;
}

.tarjeta-informativa-fragment:not(.estilo-2, .estilo-4) .tarjeta-informativa-container .boton {
    display: none;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .boton a {
    align-items: center;
    display: flex;
    gap: .25rem;
    text-decoration: none;
}

.tarjeta-informativa-fragment.estilo-4 .tarjeta-informativa-container .boton a {
    align-items: center;
    border-radius: 2rem;
    display: flex;
    gap: .5rem;
    max-width: fit-content;
    padding: .75rem 1.25rem;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.tarjeta-informativa-fragment.estilo-2.fondo-1 .tarjeta-informativa-container .boton a {
    color: #C12026;
}

.tarjeta-informativa-fragment.estilo-2.fondo-2 .tarjeta-informativa-container .boton a {
    color: #1D4ED8;
}

.tarjeta-informativa-fragment.estilo-2.fondo-3 .tarjeta-informativa-container .boton a {
    color: #059669;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container .boton.color-1 a {
    background-color: #FFFFFF;
    border: 1px solid #D1D5DC;
    color: #101828;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container .boton.color-2 a {
    border: 1px solid #C120264D;
    color: #C12026;
}

.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container .boton a {
    border: 1px solid #FFFFFF4D;
    color: #FFFFFF;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container:hover .boton.color-1 a,
.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container:hover .boton.color-2 a {
    background-color: #C12026;
    color: #FFFFFF;
}

.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container:hover .boton a {
    background-color: #FFFFFF;
    color: #C12026;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .boton a span {
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
}

.tarjeta-informativa-fragment.estilo-4 .tarjeta-informativa-container .boton a span {
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
}

.tarjeta-informativa-fragment.estilo-4.fondo-1 .tarjeta-informativa-container .boton a span {
    font-weight: 600;
}

.tarjeta-informativa-fragment.estilo-4.fondo-2 .tarjeta-informativa-container .boton a span {
    font-weight: 700;
}

.tarjeta-informativa-fragment.estilo-2 .tarjeta-informativa-container .boton a svg,
.tarjeta-informativa-fragment.estilo-4 .tarjeta-informativa-container .boton a svg {
    height: 1rem;
    width: 1rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .separador {
    height: .125rem;
    margin-top: auto;
    width: 2rem;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .separador.color-1 {
    background-color: #C12026;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .separador.color-2 {
    background-color: #1D4ED8;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .separador.color-3 {
    background-color: #059669;
}

.tarjeta-informativa-fragment .tarjeta-informativa-container .separador.color-4 {
    background-color: #D97706;
}

@media (max-width: 638px) {
    .tarjeta-informativa-fragment .tarjeta-informativa-container {
        padding: 1.5rem;
    }
}

/* CSS CAPACIDAD */
.capacidad-fragment {
    background-color: #F9FAFB;
    padding-top: 12.5px;
}

.capacidad-fragment .container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.capacidad-fragment__line {
    height: 2px;
    background-color: #cc0000;
    width: 30px;
}

.capacidad-fragment__subtitle {
    color: #6A7282;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.capacidad-fragment__title {
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    color: #101828;
    text-transform: uppercase;
    text-align: center;
    font-family: Barlow, sans-serif;
}

.capacidad-fragment__card {
    border-radius: 16px;
    border: 1px solid #F3F4F6;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.capacidad-fragment__card-title {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.capacidad-fragment__card-desc {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 19.5px;
}

.capacidad-fragment__icon img {
    width: 32px;
    height: 32px;
}

@media (min-width: 768px) {
    .capacidad-fragment {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .capacidad-fragment__title {
        font-size: 48px;
        line-height: 48px;
    }

    .capacidad-fragment .container-isuzu {
        padding: 0 4rem;
    }
}

/* CSS FORMULARIO CONTACTO */
.owner-contact-form {
    width: 100%;
    background: var(--owner-bg, #fff);
    padding: var(--owner-section-padding, 40px 20px);
}

.owner-contact-form * {
    box-sizing: border-box;
}

.owner-contact-form__container {
    max-width: var(--owner-container-width, 1200px);
    margin: 0 auto;
    padding: 0 64px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
}

.owner-contact-form__header {
    width: 100%;
    height: 44px;
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid var(--owner-border-color, #E5E7EB);
}

.owner-contact-form__title-wrap {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 14px;
}

.owner-contact-form__title {
    margin: 0;
    color: var(--owner-title-color, #000);
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    white-space: nowrap;
}

.owner-contact-form__title-line {
    width: 188px;
    height: 2px;
    background: var(--owner-accent-color, #C12026);
    margin-bottom: -1px;
}

.owner-contact-form__intro {
    width: 100%;
    min-height: 128px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 16px;
    background: var(--owner-card-bg, #F9FAFB);
}

.owner-contact-form__intro p {
    margin: 0;
    color: var(--owner-title-color, #000);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.owner-contact-form__intro a {
    color: var(--owner-title-color, #000);
    text-decoration: underline;
}

.owner-contact-form__box {
    width: 100%;
    min-height: 778px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    background: var(--owner-card-bg, #F9FAFB);
}

.owner-contact-form__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.owner-contact-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.owner-contact-form__field--full {
    grid-column: 1 / -1;
}

.owner-contact-form__field label {
    color: var(--owner-text-color, #364153);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.owner-contact-form__field label span:first-child {
    color: var(--owner-text-color, #364153);
}

.owner-contact-form__field label span:last-child {
    color: var(--owner-accent-color, #C12026);
}

.owner-contact-form__field input,
.owner-contact-form__field select {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid var(--owner-input-border, #D1D5DC);
    background: #FFF;
    padding: 0 16px;
    color: var(--owner-text-color, #364153);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    outline: none;
}

.owner-contact-form__field input::placeholder,
.owner-contact-form__field textarea::placeholder {
    color: rgba(54, 65, 83, 0.5);
}

.owner-contact-form__field textarea {
    width: 100%;
    height: 170px;
    border-radius: 10px;
    border: 1px solid var(--owner-input-border, #D1D5DC);
    background: #FFF;
    padding: 16px;
    color: var(--owner-text-color, #364153);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    outline: none;
    resize: none;
}

.owner-contact-form__field.is-error input,
.owner-contact-form__field.is-error select,
.owner-contact-form__field.is-error textarea {
    border-color: var(--owner-accent-color, #C12026);
    background: #FFF5F5;
}

.owner-contact-form__field input.is-valid,
.owner-contact-form__field select.is-valid,
.owner-contact-form__field textarea.is-valid {
    border-color: #16A34A;
}

.owner-contact-form__field-error {
    display: none;
    color: var(--owner-accent-color, #C12026);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.owner-contact-form__field.is-error .owner-contact-form__field-error {
    display: block;
}

.owner-contact-form__select-wrap {
    position: relative;
    width: 100%;
}

.owner-contact-form__select-wrap select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 42px;
}

.owner-contact-form__select-wrap::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 12px;
    height: 7px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M0.833984 0.833374L5.83398 5.83337L10.834 0.833374' stroke='%2399A1AF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.owner-contact-form__checks {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: -24px;
}

.owner-contact-form__check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}

.owner-contact-form__check input {
    width: 20px;
    height: 20px;
    margin: 0;
    flex: 0 0 20px;
    border: 1px solid var(--owner-input-border, #D1D5DC);
    accent-color: var(--owner-accent-color, #C12026);
}

.owner-contact-form__check span,
.owner-contact-form__check a {
    color: var(--owner-text-color, #364153);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.owner-contact-form__check a {
    text-decoration: underline;
}

.owner-contact-form__check-error {
    display: none;
    margin-top: -6px;
    padding-left: 32px;
    color: var(--owner-accent-color, #C12026);
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.owner-contact-form__checks.is-error .owner-contact-form__check-error {
    display: block;
}

.owner-contact-form__actions {
    width: 100%;
    display: flex;
    justify-content: center;
}

.owner-contact-form__button {
    display: flex;
    padding: 16.5px 32px 15.5px 48px;
    justify-content: flex-end;
    align-items: center;
    gap: 23.727px;
    border: 0;
    border-radius: 9999px;
    background: var(--owner-button-bg, #C12026);
    cursor: pointer;
    transition: background-color .3s ease;
}

.owner-contact-form__button span {
    color: var(--owner-button-color, #FFF);
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.owner-contact-form__button svg {
    width: 20px;
    height: 20px;
}

.owner-contact-form__button:hover {
    background-color: #A01A20;
}

@media (max-width: 991px) {
    .owner-contact-form__container {
        padding: 0 32px;
        gap: 36px;
    }

    .owner-contact-form__box,
    .owner-contact-form__intro {
        padding: 28px;
    }

    .owner-contact-form__box {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .owner-contact-form {
        padding: 32px 0;
    }

    .owner-contact-form__container {
        padding: 32px 34px 52px 32px !important;
        gap: 28px;
    }

    .owner-contact-form__header {
        height: auto;
    }

    .owner-contact-form__title {
        white-space: normal;
    }

    .owner-contact-form__title-line {
        width: 100%;
        min-width: 188px;
    }

    .owner-contact-form__grid {
        grid-template-columns: 1fr;
    }

    .owner-contact-form__field--full {
        grid-column: auto;
    }

    .owner-contact-form__box,
    .owner-contact-form__intro {
        padding: 20px;
    }

    .owner-contact-form__intro {
        min-height: auto;
    }

    .owner-contact-form__button {
        width: 100%;
        justify-content: center;
        padding: 16px 24px;
    }
}

.owner-contact-form__field select:disabled {
    background: #F3F4F6;
    color: rgba(54, 65, 83, 0.55);
    cursor: not-allowed;
}

/* CSS BOTON ENLACE */
.boton-enlace-fragment a {
    align-items: center;
    border: 1px solid #E5E7EB;
    border-radius: 1rem;
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    text-decoration: none;
}

.boton-enlace-fragment a .icono {
    align-items: center;
    background-color: #FEF2F2;
    border-radius: .875rem;
    display: flex;
    justify-content: center;
    padding: .75rem;
}

.boton-enlace-fragment a .icono img {
    height: 1.5rem;
    width: 1.5rem;
}

.boton-enlace-fragment a .texto {
    flex: auto;
}

.boton-enlace-fragment a>svg {
    height: 1.25rem;
    width: 1.25rem;
}

.boton-enlace-fragment a .texto span {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}

.boton-enlace-fragment a .texto p {
    color: #6A7282;
    font-family: Barlow, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    margin: 0;
}

/* CSS LISTADO POLITICAS */
.fragment-custom-policy {
    background-color: #F9FAFB;
}

.fragment-custom-policy .policy-inner-container {
    max-width: 1440px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}

.fragment-custom-policy .policy-inner-container .row {
    gap: 64px;
    margin: 0;
}

.fragment-custom-policy .policy-inner-container .col-md-3 {
    flex: 0 0 100%;
    max-width: 256px;
    padding: 0;
}

.fragment-custom-policy .policy-inner-container .col-md-9 {
    flex: 1;
    max-width: none;
    padding: 0;
}

.fragment-custom-policy .sticky-sidebar {
    position: sticky;
    top: 100px;
}

.fragment-custom-policy .policy-toc-button {
    display: block;
    margin: 0 0 16px 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #99A1AF;
    font-family: "Barlow", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.1px;
    text-align: left;
    text-transform: uppercase;
    appearance: none;
    -webkit-appearance: none;
    cursor: default;
}

.fragment-custom-policy .policy-toc-button:focus {
    outline: none;
}

.fragment-custom-policy .policy-toc-list {
    margin: 0;
    padding: 0;
}

.fragment-custom-policy .policy-toc-item {
    margin-bottom: 12px;
}

.fragment-custom-policy .policy-toc-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.fragment-custom-policy .policy-toc-link:hover,
.fragment-custom-policy .policy-toc-link:focus {
    color: #1f2937;
    text-decoration: none;
}

.fragment-custom-policy .policy-toc-number {
    color: #D1D5DC;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 16px;
}

.fragment-custom-policy .policy-toc-text {
    color: #6A7282;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}

.fragment-custom-policy .policy-toc-contact {
    margin-top: 32px;
}

.fragment-custom-policy .tarjeta-poilitica .tarjeta-poilitica-container {
    border: 1px solid #F3F4F6;
    border-radius: 12px;
    padding: 1rem;
}

.fragment-custom-policy .tarjeta-poilitica .tarjeta-poilitica-container .titulo-tarjeta {
    color: #364153;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.fragment-custom-policy .tarjeta-poilitica .tarjeta-poilitica-container .cuerpo {
    margin-bottom: 16px;
}

.fragment-custom-policy .tarjeta-poilitica .tarjeta-poilitica-container .cuerpo p {
    color: #6A7282;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.fragment-custom-policy .tarjeta-poilitica .tarjeta-poilitica-container .boton a {
    align-items: center;
    color: #C12026;
    display: flex;
    font-family: Barlow;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    gap: 8px;
    line-height: 16px;
    text-decoration: none;
}

.fragment-custom-policy .tarjeta-poilitica .tarjeta-poilitica-container .boton a svg {
    height: 12px;
    width: 12px;
}

.fragment-custom-policy .content-header {
    color: #4A5566;
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 32px;
    padding-bottom: 32px;
}

.fragment-custom-policy .policy-section-slot {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #E5E7EB;
}

.fragment-custom-policy .policy-section-slot:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

@media (max-width: 768px) {
    .fragment-custom-policy {
        padding-top: 24px !important;
        padding-bottom: 32px !important;
    }

    .fragment-custom-policy .policy-inner-container {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }

    .fragment-custom-policy .row {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .fragment-custom-policy .col-md-3,
    .fragment-custom-policy .col-md-9 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .fragment-custom-policy .col-md-9 {
        padding-left: 0 !important;
        margin-top: 28px;
    }

    .fragment-custom-policy .sticky-sidebar {
        position: static;
        width: 100%;
        max-width: none;
        margin-bottom: 0;
    }

    .fragment-custom-policy .policy-toc-contact {
        display: none !important;
    }

    .fragment-custom-policy .policy-toc-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 24px 0;
        padding: 12px 16px;
        border: 1px solid #E5E7EB;
        border-radius: 8px;
        background-color: #F9FAFB;
        color: #364153;
        font-family: "Barlow", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0;
        text-transform: none;
        cursor: pointer;
    }

    .fragment-custom-policy .policy-toc-button::after {
        content: "›";
        color: #101828;
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
        transform: rotate(90deg);
        transition: transform 0.2s ease;
    }

    .fragment-custom-policy .policy-toc-button[aria-expanded="true"]::after {
        transform: rotate(-90deg);
    }

    .fragment-custom-policy .policy-toc-list {
        display: none;
        margin-top: 8px;
        margin-bottom: 22px;
        padding: 8px 0;
        border: 1px solid #E5E7EB;
        border-radius: 6px;
        background-color: #FFFFFF;
    }

    .fragment-custom-policy .policy-toc-list.is-open {
        display: block;
    }

    .fragment-custom-policy .policy-toc-item {
        margin-bottom: 0;
    }

    .fragment-custom-policy .policy-toc-link {
        display: flex;
        align-items: baseline;
        gap: 10px;
        padding: 10px 16px;
        color: #4A5566;
        font-family: "Barlow", sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-decoration: none;
    }

    .fragment-custom-policy .policy-toc-link:hover,
    .fragment-custom-policy .policy-toc-link:focus {
        background-color: #F8F9FB;
        color: #101828;
        text-decoration: none;
    }

    .fragment-custom-policy .policy-toc-text {
        color: #4A5566;
        font-family: "Barlow", sans-serif;
        /* font-size: 12px; */
        font-weight: 400;
        /* line-height: 18px; */
        letter-spacing: 0;
    }

    .fragment-custom-policy .content-header {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    /* .fragment-custom-policy .content-header p {
        margin-bottom: 22px;
    } */
}

/* CSS POLITICAS */
.policy-section-fragment {
    margin-bottom: 0;
}

.policy-section-fragment .policy-section-heading {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 20px;
}

.policy-section-fragment .policy-section-number {
    color: #D1D5DC;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 16px;
    letter-spacing: 0;
}

.policy-section-fragment .policy-section-title {
    color: #101828;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 900;
    font-style: normal;
    line-height: 32px;
    letter-spacing: 0;
}

.policy-section-fragment .policy-section-content {
    color: #4A5566;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 22.75px;
    letter-spacing: 0;
}

.policy-section-fragment .policy-section-content p,
.policy-section-fragment .policy-section-content li,
.policy-section-fragment .policy-section-content span {
    color: #4A5566;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 22.75px;
    letter-spacing: 0;
}

.policy-section-fragment .policy-section-content p {
    margin-bottom: 16px;
}

.policy-section-fragment .policy-section-content ul,
.policy-section-fragment .policy-section-content ol {
    list-style: none;
    margin-top: 0;
    margin-bottom: 16px;
    padding-left: 20px;
}

.policy-section-fragment .policy-section-content li {
    margin-bottom: 8px;
}

.policy-section-fragment .policy-section-content strong,
.policy-section-fragment .policy-section-content b {
    color: #1E2939;
    font-weight: 600;
}

.policy-section-fragment .policy-section-content a {
    color: #B00020;
    font-weight: 600;
    text-decoration: none;
}

.policy-section-fragment .policy-section-content a:hover {
    text-decoration: underline;
}

.policy-section-fragment .policy-section-alert {
    margin-top: 24px;
}

.policy-section-fragment .card-alert-fragment {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px;
    border: 1px solid #C1202633;
    border-radius: 8px;
    background-color: #C120260D;
    box-sizing: border-box;
    margin-bottom: 16px;
    gap: 12px;
}

.policy-section-fragment .card-alert-fragment .card-alert-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C12026;
}

.policy-section-fragment .card-alert-fragment .card-alert-icon svg {
    width: 16px;
    height: 16px;
}

.policy-section-fragment .card-alert-fragment .card-alert-icon path {
    stroke: #C12026;
}

.policy-section-fragment .card-alert-fragment .card-alert-text {
    flex: 1;
    color: #4A5565;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
}

.policy-section-fragment .policy-contact-cards {
    margin-top: 24px;
}

.policy-section-fragment .policy-contact-cards-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
}

.policy-section-fragment .policy-contact-cards-row:last-child {
    margin-bottom: 16px;
}

.policy-section-fragment .policy-contact-card {
    display: flex;
    align-items: center;
    padding: 16px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background-color: #F9FAFB;
    color: #101828;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

@media (max-width: 768px) {
    .policy-section-fragment {
        margin-bottom: 36px;
    }

    .policy-section-fragment .policy-section-heading {
        margin-bottom: 16px;
        align-items: baseline;
    }

    /* .policy-section-fragment .policy-section-number {
        margin-right: 8px;
        font-size: 11px;
        line-height: 16.5px;
    } */

    .policy-section-fragment .policy-section-title {
        font-size: 20px;
        line-height: 28px;
    }

    /* .policy-section-fragment .policy-section-content,
    .policy-section-fragment .policy-section-content p,
    .policy-section-fragment .policy-section-content li,
    .policy-section-fragment .policy-section-content span {
        font-size: 14px;
        line-height: 22.75px;
    } */

    .policy-section-fragment .policy-section-alert {
        margin-top: 20px;
    }

    .policy-section-fragment .card-alert-fragment {
        align-items: flex-start;
    }

    /* .policy-section-fragment .card-alert-fragment .card-alert-text {
        font-size: 12px;
        line-height: 18px;
    } */

    .policy-section-fragment .card-alert-fragment .card-alert-icon {
        margin-top: 3px;
    }

    .policy-section-fragment .policy-contact-cards {
        margin-top: 20px;
    }

    .policy-section-fragment .policy-contact-cards-row {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 10px;
    }

    /* .policy-section-fragment .policy-contact-card {
        min-height: 44px;
        padding: 0 16px;
        font-size: 13px;
        line-height: 18px;
    } */

    .policy-section-fragment .policy-section-content ul,
    .policy-section-fragment .policy-section-content ol {
        padding-left: 12px;
    }
}

/* CSS FORMULARIO SUSCRIPCION */
.fragment-suscripcion-container {
    padding-top: 64px;
    padding-bottom: 64px;
}

.fragment-suscripcion-container .container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 24px;
}

.fragment-suscripcion-container .container-isuzu>.row {
    gap: 64px;
    margin: 0;
}

.fragment-suscripcion-container .container-isuzu>.row .formulario {
    max-width: 762px;
}

.fragment-suscripcion-container .container-isuzu>.row .formulario .form-header {
    margin-bottom: 32px;
}

.fragment-suscripcion-container .suscripcion-label {
    align-items: center;
    color: #6A7282;
    display: flex;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    gap: 12px;
    letter-spacing: 1.2px;
    line-height: 16px;
}

.fragment-suscripcion-container .suscripcion-line {
    width: 30px;
    height: 2px;
    display: inline-block;
    background-color: #C12026;
}

.fragment-suscripcion-container .suscripcion-title {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    text-transform: uppercase;
}

.fragment-suscripcion-container .suscripcion-subtitle {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.fragment-suscripcion-container .suscripcion-card-bg {
    background-color: #F9FAFB;
    border-radius: 16px;
}

.fragment-suscripcion-container .suscripcion-card-title {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.fragment-suscripcion-container .suscripcion-card-title svg {
    color: #C12026;
}

.fragment-suscripcion-container .suscripcion-card-descripcion {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px;
}

.fragment-suscripcion-container .subscription-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fragment-suscripcion-container .subscription-option {
    transition: all 0.3s ease;
    border-radius: 14px;
    padding: 1rem;
    margin: 0;
    border: 1px solid #E5E7EB;
    background: #FFFFFF;
    cursor: pointer;
}

.fragment-suscripcion-container .subscription-option.selected {
    border-color: #C12026;
    background-color: #FEF2F2;
}

.fragment-suscripcion-container .subscription-option-title {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.fragment-suscripcion-container .subscription-option-description {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.fragment-suscripcion-container .subscription-validation-message,
.fragment-suscripcion-container .validation-message {
    color: #C12026;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
}

.fragment-suscripcion-container .suscripcion-form-label {
    color: #4A5565;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.fragment-suscripcion-container .suscripcion-input,
.fragment-suscripcion-container .suscripcion-input-select {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 14px;
    color: #10182880;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: normal;
    border: 1px solid #E5E7EB;
}

.fragment-suscripcion-container .suscripcion-input.is-invalid,
.fragment-suscripcion-container .suscripcion-input-select.is-invalid {
    border-color: #C12026;
    background-color: #FEF2F2;
    color: #C12026;
}

.fragment-suscripcion-container .suscripcion-input-select {
    padding-top: 0;
    padding-bottom: 0;
}

/* select.suscripcion-input,
.suscripcion-input-select {
    height: auto !important;
} */

.fragment-suscripcion-container .suscripcion-privacy-card {
    border-radius: 14px;
    border: 1px solid #E5E7EB;
}

.fragment-suscripcion-container .suscripcion-privacy-label {
    color: #4A5565;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
}

.fragment-suscripcion-container .suscripcion-privacy-label a {
    color: #C12026;
    text-decoration: underline;
}

.fragment-suscripcion-container .suscripcion-submit-btn {
    transition: all 0.3s ease;
    border-radius: 2rem;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.4px;
    line-height: 24px;
    border: none;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.fragment-suscripcion-container .suscripcion-submit-btn:disabled {
    background-color: #E5E7EB !important;
    color: #99A1AF !important;
    cursor: not-allowed;
}

.fragment-suscripcion-container .suscripcion-submit-btn:not(:disabled) {
    background-color: #C12026 !important;
    color: #FFFFFF !important;
}

.fragment-suscripcion-container .suscripcion-submit-btn:not(:disabled):hover {
    background-color: #A01A20 !important;
}

.fragment-suscripcion-container .security-label {
    align-items: center;
    color: #99A1AF;
    display: flex;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    gap: 4px;
    line-height: 16px;
    margin-top: 1.5rem;
    justify-content: center;
}

.fragment-suscripcion-container .container-isuzu .row .side-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 486px;
}

.fragment-suscripcion-container .suscripcion-dropzone-container {
    width: 100%;
}

.fragment-suscripcion-container .container-isuzu .row .side-content .tarjetas-metricas-container {
    display: flex;
    gap: 12px;
}

.fragment-suscripcion-container .container-isuzu .row .side-content .tarjetas-metricas-container>* {
    flex: 100%;
}

/* Fix for custom checkbox checkmark alignment */
.fragment-suscripcion-container .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-position: 50% 100% !important;
    background-size: 60% !important;
}

/* PC breakpoint > 768px */
@media (min-width: 768px) {
    .fragment-suscripcion-container {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .fragment-suscripcion-container .suscripcion-title {
        font-size: 36px;
        line-height: 40px;
    }

    /* .fragment-suscripcion-container .suscripcion-subtitle {
        font-size: 14px;
    } */

    .fragment-suscripcion-container .container-isuzu {
        padding: 0 4rem;
    }

    /* .fragment-suscripcion-container .suscripcion-submit-btn {
        border-radius: 25px;
    } */
}

/* CSS CONTENEDOR RESENAS */
.fragment-contendor-resenas {
    background-color: #111111;
    border-radius: 16px;
    padding: 24px;
}

.fragment-contendor-resenas .titulo-resenas {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.fragment-contendor-resenas .resena {
    border-top: 1px solid #FFFFFF1A;
    padding-top: 20px;
}

.fragment-contendor-resenas>div {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fragment-contendor-resenas>div>div:first-child .resena {
    border-top: none;
    padding-top: 0;
}

/* CSS RESENA */
.resena .resena-estrellas {
    display: flex;
    gap: 2px;
    margin-bottom: 8px;
}

.resena .resena-estrellas>span {
    align-items: center;
    display: flex;
    justify-content: center;
}

.resena .estrella-llena {
    color: #FDC700;
}

.resena .estrella-vacia {
    color: transparent;
}

.resena .resena-texto {
    color: #FFFFFFB2;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 12px;
}

.resena .autor-nombre {
    color: #FFFFFF;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.resena .autor-ciudad {
    color: #FFFFFF66;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

/* CSS BANNER HOME */
body {
    overflow-x: hidden !important;
}

/* Variables para el cálculo del alto según headers externos */
.isuzu-carousel-wrapper {
    position: relative;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden;
    --header-offset: 0px;
    --subheader-offset: 0px;
}

body:has(#header) .isuzu-carousel-wrapper {
    --header-offset: 80px;
}

body:has(#sub-header) .isuzu-carousel-wrapper {
    --subheader-offset: 56px;
}

.banner-bg,
.banner-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.banner-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.banner-bg .mobile-banner-bg-image {
    display: none;
}

.signed-in.has-control-menu.has-edit-mode-menu .banner-bg .mobile-banner-bg-image {
    display: block;
}

/* =========================
   BANNER SENCILLO
========================= */

.isuzu-simple-banner {
    width: 100%;
    height: var(--banner-height, 391px);
    min-height: var(--banner-height, 391px);
    background: var(--banner-bg, #111);
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    margin-top: calc(var(--header-offset) + var(--subheader-offset));
}

.isuzu-simple-banner .banner-overlay {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.42) 55%, rgba(0, 0, 0, 0.08) 100%);
    z-index: 0;
}

.isuzu-simple-banner .banner-bg {
    overflow: hidden;
}

.isuzu-simple-banner .banner-bg-image,
.isuzu-simple-banner .banner-bg img {
    transform: scale(1.08);
    transition: transform 1200ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    animation: isuzuHeroImageZoom 14000ms linear forwards;
}

.isuzu-simple-content {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    min-height: var(--banner-height, 391px);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.isuzu-banner-breadcrumb {
    width: 100%;
    min-height: auto;
    padding: 40px 64px 0 64px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 0 0 auto;
}

.isuzu-banner-breadcrumb p {
    margin: 0;
}

.isuzu-banner-breadcrumb,
.isuzu-banner-breadcrumb a,
.isuzu-banner-breadcrumb span,
.isuzu-banner-breadcrumb p {
    font-family: Barlow, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
}

.isuzu-banner-breadcrumb .breadcrumb-muted {
    color: #000;
    font-weight: 400;
}

.isuzu-banner-breadcrumb .breadcrumb-active {
    color: #000;
    font-weight: 600;
}

.isuzu-simple-text-content {
    width: 100%;
    margin: 0 auto;
    padding: 64px 64px 72px 64px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    flex: 1;
    justify-content: flex-end;
}

.isuzu-banner-tag {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
}

.isuzu-banner-tag--red {
    background: #C12026;
    padding: 4px 16px;
    font-weight: 700;
    letter-spacing: 0.6px;
}

.isuzu-banner-tag--gray {
    background: #282828;
    padding: 7.5px 16px 8.5px 16px;
    font-weight: 400;
}

.isuzu-banner-title {
    color: #FFF;
    font-family: Barlow, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 58px;
    letter-spacing: -1.2px;
    margin: 0;
}

.isuzu-banner-description {
    max-width: 657px;
    color: rgba(255, 255, 255, 0.70);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.25px;
}

.isuzu-banner-description p {
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.isuzu-banner-description p a {
    color: #FFFFFFB2;
    text-decoration: underline;
}

.isuzu-banner-description h3,
.isuzu-master-banner .banner-subtitle h3 {
    color: rgba(255, 255, 255, 0.90);
    font-family: Barlow, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.isuzu-banner-description h3+p,
.isuzu-master-banner .banner-subtitle h3+p {
    margin-top: 0;
}

/* =========================
   CARRUSEL
========================= */

.isuzu-carousel-breadcrumb {
    width: 100%;
    max-width: none;
    min-height: auto;
    padding: 0 !important;
    margin: 0 0 28px 0 !important;
    display: flex;
    align-items: flex-start;
}

.isuzu-carousel-breadcrumb p {
    margin: 0;
}

.isuzu-carousel-breadcrumb,
.isuzu-carousel-breadcrumb a,
.isuzu-carousel-breadcrumb span,
.isuzu-carousel-breadcrumb p {
    color: #000;
    font-family: Barlow, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
}

.isuzu-carousel-breadcrumb .breadcrumb-muted {
    color: #000;
    font-weight: 400;
}

.isuzu-carousel-breadcrumb .breadcrumb-active {
    color: #000;
    font-weight: 600;
}

.isuzu-banner-breadcrumb.isuzu-breadcrumb-white,
.isuzu-banner-breadcrumb.isuzu-breadcrumb-white a,
.isuzu-banner-breadcrumb.isuzu-breadcrumb-white span,
.isuzu-banner-breadcrumb.isuzu-breadcrumb-white p,
.isuzu-carousel-breadcrumb.isuzu-breadcrumb-white,
.isuzu-carousel-breadcrumb.isuzu-breadcrumb-white a,
.isuzu-carousel-breadcrumb.isuzu-breadcrumb-white span,
.isuzu-carousel-breadcrumb.isuzu-breadcrumb-white p {
    color: rgba(255, 255, 255, 0.7) !important;
}

.isuzu-banner-breadcrumb.isuzu-breadcrumb-white .breadcrumb-muted,
.isuzu-carousel-breadcrumb.isuzu-breadcrumb-white .breadcrumb-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}

.isuzu-banner-breadcrumb.isuzu-breadcrumb-white .breadcrumb-active,
.isuzu-carousel-breadcrumb.isuzu-breadcrumb-white .breadcrumb-active {
    color: #FFF !important;
}

.carousel-inner-container:not(.edit-mode) {
    position: relative;
    width: 100%;
    height: var(--banner-height, 770px);
    margin-top: calc(var(--header-offset) + var(--subheader-offset));
    overflow: hidden;
}

.carousel-inner-container:not(.edit-mode) .slide-item {
    position: absolute !important;
    inset: 0;
    display: flex !important;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(1.035);
    transition:
        opacity 1800ms cubic-bezier(0.4, 0, 0.2, 1),
        transform 2000ms cubic-bezier(0.4, 0, 0.2, 1),
        visibility 0s linear 1800ms;
}

.carousel-inner-container:not(.edit-mode) .slide-item.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
    transition:
        opacity 1800ms cubic-bezier(0.4, 0, 0.2, 1),
        transform 2000ms cubic-bezier(0.4, 0, 0.2, 1),
        visibility 0s linear 0s;
    z-index: 2;
}

.carousel-inner-container:not(.edit-mode) .slide-item.leaving {
    opacity: 0;
    visibility: visible;
    transform: scale(1.015) translateY(-28px);
    z-index: 1;
}

/* Edit mode */
.carousel-inner-container.edit-mode {
    height: auto !important;
    overflow: visible !important;
}

.carousel-inner-container.edit-mode .slide-item {
    position: relative !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    height: var(--banner-height, 770px);
    margin-bottom: 24px;
    border: 3px dashed #d12027;
}

.carousel-inner-container.edit-mode .carousel-animate-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.carousel-inner-container.edit-mode .banner-bg-image,
.carousel-inner-container.edit-mode .banner-bg img {
    animation: none !important;
    transform: scale(1) !important;
}

.isuzu-master-banner {
    width: 100%;
    height: var(--banner-height, 770px);
    background-color: #111;
    position: relative;
    align-items: center !important;
    overflow: hidden;
}

.isuzu-master-banner .banner-bg {
    overflow: hidden;
}

.isuzu-master-banner .banner-bg-image,
.isuzu-master-banner .banner-bg img {
    transform: scale(1.08);
    transition: transform 1200ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.carousel-inner-container:not(.edit-mode) .slide-item.active .banner-bg-image,
.carousel-inner-container:not(.edit-mode) .slide-item.active .banner-bg img {
    animation: isuzuHeroImageZoom 14000ms linear forwards;
}

@keyframes isuzuHeroImageZoom {
    from {
        transform: scale(1.02);
    }

    to {
        transform: scale(1.15);
    }
}

.isuzu-master-banner .banner-content {
    padding-left: 32px !important;
    padding-right: 32px !important;
    padding-top: 56px !important;
    padding-bottom: 72px !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 3;
}

.isuzu-master-banner .banner-content .col-12 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.isuzu-master-banner .banner-overlay {
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    opacity: 1;
    transition: opacity 700ms ease;
}

.carousel-animate-item {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.slide-item.active .carousel-animate-item {
    opacity: 1;
    transform: translateY(0);
}

.slide-item.leaving .carousel-animate-item {
    opacity: 0;
    transform: translateY(-28px);
    transition-delay: 0s !important;
}

.slide-item.active .carousel-animate-breadcrumb {
    transition-delay: 80ms;
}

.slide-item.active .carousel-animate-tag {
    transition-delay: 160ms;
}

.slide-item.active .carousel-animate-title {
    transition-delay: 260ms;
}

.slide-item.active .carousel-animate-subtitle {
    transition-delay: 380ms;
}

.slide-item.active .carousel-animate-buttons {
    transition-delay: 500ms;
}

.isuzu-master-banner .mb-3 {
    margin-bottom: 28px !important;
}

.isuzu-master-banner .carousel-title {
    max-width: 630px;
    color: #FFF;
    font-family: Roboto, sans-serif;
    font-size: 96px;
    font-style: normal;
    font-weight: 400;
    line-height: 91.2px;
    letter-spacing: -2.4px;
    text-transform: uppercase;
    margin: 0 0 28px 0 !important;
}

.isuzu-master-banner .banner-subtitle {
    max-width: 671px;
    margin: 0;
}

.isuzu-master-banner .banner-subtitle p {
    max-width: 671px;
    text-align: left !important;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #FFF;
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: .681;
}

.isuzu-carousel-buttons {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    margin-top: 48px;
}

.isuzu-carousel-btn {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 9999px !important;
    border: none !important;
    font-family: Barlow, sans-serif !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 24px !important;
    text-align: center;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition:
        transform 300ms cubic-bezier(0.4, 0, 0.2, 1),
        background-color 300ms cubic-bezier(0.4, 0, 0.2, 1),
        color 300ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.isuzu-carousel-btn:hover {
    transform: scale(1.05);
    text-decoration: none !important;
}

.isuzu-carousel-btn--red {
    padding: 16.5px 32px 15.5px 35px !important;
    gap: 9.813px;
    background: #C12026 !important;
    color: #FFF !important;
}

.isuzu-carousel-btn--red:hover {
    background: #a91b21 !important;
    color: #FFF !important;
    box-shadow: 0 14px 34px rgba(193, 32, 38, 0.35) !important;
}

.isuzu-carousel-btn--white {
    padding: 16.5px 32px 15.5px 69px !important;
    justify-content: flex-end;
    gap: 44.125px;
    background: rgba(255, 255, 255, 0.90) !important;
    color: #101828 !important;
    backdrop-filter: blur(8px);
}

.isuzu-carousel-btn--white:hover {
    background: #FFF !important;
    color: #101828 !important;
    box-shadow: 0 14px 34px rgba(255, 255, 255, 0.22) !important;
}

.isuzu-master-banner .btn-with-arrow {
    display: inline-flex !important;
    align-items: center;
}

.isuzu-master-banner .btn-with-arrow::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    background-color: currentColor;
    transform: translateX(0);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.isuzu-master-banner .btn-with-arrow:hover::after {
    transform: translateX(5px);
}

.carousel-indicators-custom {
    bottom: 20px;
    right: 32px;
    z-index: 10;
}

.indicator-num {
    color: rgba(255, 255, 255, 0.4);
    font-weight: 600;
    font-size: 20px;
    margin: 0 8px;
    cursor: pointer;
    transition:
        color 300ms ease,
        opacity 300ms ease,
        transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.65;
    font-family: Roboto, sans-serif;
}

.indicator-num:hover {
    color: #ffffff;
    opacity: 1;
    transform: translateY(-1px);
}

.indicator-num.active {
    color: #ffffff;
    font-size: 20px;
    opacity: 1;
    transform: translateY(-0.52px);
}

.progress-bar-container {
    width: 47.9px;
    min-width: 47.9px;
    max-width: 47.9px;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
}

.progress-bar-fill {
    height: 100%;
    width: 0%;
    background: #ffffff;
}

.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(8px);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.20);
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition:
        background-color 300ms ease,
        border-color 300ms ease,
        transform 300ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 300ms ease;
    will-change: transform;
}

.carousel-arrow:hover {
    background-color: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.carousel-arrow svg {
    width: 24px;
    height: 24px;
    transition: transform 300ms ease, stroke 300ms ease;
}

.carousel-arrow:hover svg {
    stroke: #ffffff;
}

.carousel-arrow.left-arrow:hover {
    transform: translateY(-50%) translateX(-8px) scale(1.1);
}

.carousel-arrow.right-arrow:hover {
    transform: translateY(-50%) translateX(8px) scale(1.1);
}

.carousel-arrow.left-arrow {
    left: 32px;
}

.carousel-arrow.right-arrow {
    right: 32px;
}

/* =========================
   SCROLL INDICATOR
========================= */

.isuzu-scroll-indicator {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: none;
    pointer-events: none;
}

.isuzu-scroll-mouse {
    width: 24px;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 9999px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8px;
    animation: isuzuMouseFloat 1.8s ease-in-out infinite;
}

.isuzu-scroll-wheel {
    width: 4px;
    height: 10px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 9999px;
    animation: isuzuWheelMove 1.8s ease-in-out infinite;
}

@keyframes isuzuMouseFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(6px);
    }
}

@keyframes isuzuWheelMove {
    0% {
        height: 20%;
        opacity: 0.4;
    }

    50% {
        height: 60%;
        opacity: 1;
    }

    100% {
        height: 20%;
        opacity: 0.4;
    }
}

/* =========================
   RESPONSIVE
========================= */

@media (min-width: 768px) {
    .carousel-indicators-custom {
        bottom: 40px;
        right: 50px;
    }

    .isuzu-master-banner .banner-content {
        padding-left: 64px !important;
        padding-right: 64px !important;
    }

    /*
    .isuzu-carousel-mode .isuzu-master-banner .banner-content {
        padding-left: 96px !important;
        padding-right: 96px !important;
    }*/
}

@media (min-width: 992px) {
    .isuzu-carousel-mode .isuzu-scroll-indicator {
        display: block;
    }
}

@media (max-width: 1199px) {
    .isuzu-master-banner .carousel-title {
        font-size: 72px;
        line-height: 70px;
        letter-spacing: -1.8px;
    }
}

@media (max-width: 767px) {
    .isuzu-simple-banner {
        height: auto;
        min-height: var(--banner-height, 391px);
    }

    .isuzu-simple-content {
        height: auto;
        min-height: var(--banner-height, 391px);
    }

    .isuzu-banner-breadcrumb {
        min-height: auto;
        padding: 24px 24px 0 24px;
    }

    .isuzu-simple-text-content {
        margin-top: auto;
        padding: 32px 24px 52px 24px;
        gap: 14px;
    }

    .isuzu-banner-breadcrumb+.isuzu-simple-text-content {
        padding-top: 32px;
    }

    .isuzu-banner-title {
        font-size: 32px;
        line-height: 38px;
        letter-spacing: -0.7px;
    }

    .isuzu-banner-description {
        max-width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    .isuzu-banner-description h3,
    .isuzu-master-banner .banner-subtitle h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .carousel-inner-container:not(.edit-mode) {
        height: auto;
        min-height: var(--banner-height, 560px);
    }

    .carousel-inner-container:not(.edit-mode) .slide-item {
        min-height: var(--banner-height, 560px);
    }

    .isuzu-master-banner {
        height: auto;
        min-height: var(--banner-height, 560px);
        align-items: center !important;
    }

    .isuzu-master-banner .banner-content {
        padding-left: 32px !important;
        padding-right: 20px !important;
        padding-top: 48px !important;
        padding-bottom: 56px !important;
    }

    .isuzu-carousel-breadcrumb {
        margin: 0 0 20px 0 !important;
    }

    .isuzu-master-banner .mb-3 {
        margin-bottom: 20px !important;
    }

    .isuzu-master-banner .carousel-title {
        max-width: 100%;
        font-size: 30px;
        line-height: 42px;
        letter-spacing: -1px;
        margin: 0 0 20px 0 !important;
    }

    .isuzu-master-banner .banner-subtitle,
    .isuzu-master-banner .banner-subtitle p {
        max-width: 96%;
    }

    .isuzu-master-banner .banner-subtitle p {
        font-size: 16px;
        line-height: 24px;
    }

    .isuzu-carousel-buttons {
        width: 100%;
        flex-direction: column;
        gap: 16px;
        margin-top: 36px;
        max-width: 75%;
    }

    .isuzu-carousel-btn {
        width: 100%;
        justify-content: center !important;
        padding: 14px 24px !important;
        gap: 16px !important;
    }

    .banner-bg .banner-bg-image {
        display: none;
    }

    .banner-bg .mobile-banner-bg-image {
        display: block;
    }
}

/*
@media (prefers-reduced-motion: reduce) {
    .carousel-inner-container:not(.edit-mode) .slide-item,
    .carousel-animate-item,
    .isuzu-carousel-btn,
    .isuzu-master-banner .btn-with-arrow::after,
    .carousel-arrow,
    .carousel-arrow svg,
    .indicator-num,
    .isuzu-master-banner .banner-bg-image,
    .isuzu-master-banner .banner-bg img,
    .isuzu-scroll-mouse,
    .isuzu-scroll-wheel {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}
    */

.isuzu-carousel-wrapper.isuzu-carousel-mode {
    --banner-height: 779px !important;
}

.isuzu-carousel-wrapper.isuzu-carousel-mode .isuzu-master-banner .banner-content {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* CSS VEHICULOS */
.vehiculos-fragment {
    padding-top: 63px;
    padding-bottom: 56px;
}

.vehiculos-fragment .container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 2rem;
}

.vehiculos-fragment .container-isuzu .filters {
    color: #101828;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    line-height: 28px;
}

.vehiculos-fragment .container-isuzu .categoria-filters {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.vehiculos-fragment .container-isuzu .label-filters {
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #364153;
}

.vehiculos-fragment .card-body-vehicle .btn-ver-detalles {
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #C12026;
}


.vehiculos-fragment .card-body-vehicle .btn-cotizar {
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #4A5565;
}

.vehiculos-fragment .card-img-top-wrapper {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.vehiculos-fragment .img-vehicle {
    display: block;
    height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.vehiculos-fragment .card-title {
    padding-bottom: 28px;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    font-family: Barlow, sans-serif;
    color: #101828;
    letter-spacing: -0.45px;
}

.vehiculos-fragment .card-container {
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    overflow: hidden;
}

.vehiculos-fragment .card-body-vehicle {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.vehiculos-fragment .card-body-vehicle ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    flex-grow: 1;
}

.vehiculos-fragment .card-body-vehicle li {
    display: flex;
    margin-bottom: 16px;
    color: #4A5565;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.vehiculos-fragment .card-body-vehicle li::before {
    content: "•";
    color: #C12026;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 16px;
    margin-right: 0.5rem;
}

.vehiculos-fragment [data-toggle="collapse"] svg {
    transition: transform 0.3s ease;
}

.vehiculos-fragment [data-toggle="collapse"].collapsed svg {
    transform: rotate(180deg);
}

.vehiculos-fragment .card-footer a:hover {
    text-decoration: underline !important;
}

@media (min-width: 768px) {
    .container-isuzu {
        padding: 0 4rem !important;
    }

    .vehiculos-fragment .card-footer {
        border-top: 1px solid #E5E7EB !important;
        padding-top: 16px !important;
        margin-top: 8px;
    }

    .vehiculos-fragment .modal-gallery-col {
        border-right: 1px solid #E5E7EB !important;
    }

    .vehiculos-fragment .spec-card-container {
        width: 100%;
    }

    .vehiculos-fragment .btn-cotizar-modal {
        width: auto !important;
    }
}

/* Modal Styles */
.vehiculos-fragment .modal-dialog-custom {
    max-width: 900px;
}

.vehiculos-fragment .modal-content-custom {
    border-radius: 12px;
    overflow: hidden;
}

.vehiculos-fragment .modal-title-custom {
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.vehiculos-fragment .modal-gallery-main-img {
    border-radius: 12px;
    transition: opacity 0.3s;
}

.vehiculos-fragment .modal-gallery-btn {
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    opacity: 0.9;
    padding: 0;
}

.vehiculos-fragment .modal-thumb-custom {
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: opacity 0.3s, border-color 0.3s;
}

.vehiculos-fragment .modal-badge-pill {
    background-color: #F3F4F6;
    border-radius: 2rem;
    padding: .25rem .75rem;
    color: #364153;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.vehiculos-fragment .spec-card-container {
    background-color: #FEF2F2;
    border-radius: 12px;
    width: fit-content;
    min-width: 200px;
    height: 60px;
}

.vehiculos-fragment .spec-card-icon-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    flex-shrink: 0;
    background: rgba(193, 32, 38, 0.1);
    border-radius: 10px;
    color: #c12026;
    box-sizing: border-box;
}

.vehiculos-fragment .spec-card-title {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.vehiculos-fragment .spec-card-subtitle {
    color: #6A7282;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.vehiculos-fragment .modal-desc-text {
    color: #4A5565;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.vehiculos-fragment .modal-feature-title {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.vehiculos-fragment .modal-feature-list ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

.vehiculos-fragment .modal-feature-list li {
    display: flex;
    margin-bottom: 0.75rem;
    color: #364153;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.vehiculos-fragment .modal-feature-list li::before {
    content: "•";
    color: #C12026;
    font-weight: bold;
    font-size: 14px;
    line-height: 0.8;
    margin-right: 0.5rem;
    margin-top: 4.5px;
}

.vehiculos-fragment .modal-footer-border {
    border-color: #E5E7EB !important;
}

.vehiculos-fragment .modal-footer-ficha-link {
    color: #364153;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.vehiculos-fragment .btn-cotizar-modal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    gap: 8px;
    box-sizing: border-box;
    background: #c12026 !important;
    border-radius: 2rem;
    border: none;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color 0.2s ease, filter 0.2s ease;
    margin-left: auto;
    color: #FFF;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.vehiculos-fragment .btn-cotizar-modal:hover {
    background: #a81b20 !important;
    color: #ffffff !important;
    filter: brightness(1.02);
}

.vehiculos-fragment .card-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.vehiculos-fragment .card-body-vehicle {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

.vehiculos-fragment .card-body-vehicle .card-footer {
    margin-top: auto !important
}

/* CSS FORMULARIO COTIZADOR */
.quote-form {
    width: 100%;
    background: var(--quote-bg, #fff);
    padding: var(--quote-section-padding, 45px 20px);
}

.quote-form * {
    box-sizing: border-box;
}

.quote-form__layout {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 48px;
    padding: 0 64px;
}

.quote-form__steps {
    width: 864px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.quote-form__card {
    width: 100%;
    padding: 33px 33px 20px 33px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 14px;
    border: 1px solid var(--quote-card-border, #E5E7EB);
    background: var(--quote-card-bg, #FFF);
    display: none;
}

.quote-form__card.is-visible {
    display: flex;
}

.quote-form__step[data-step="1"] {
    min-height: 210px;
}

.quote-form__step[data-step="2"] {
    min-height: 188px;
}

.quote-form__step--data {
    min-height: 680px;
}

.quote-form__step--confirm {
    min-height: 170px;
}

.quote-form__step-header {
    display: flex;
    align-items: center;
    gap: 16px;
}

.quote-form__step-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 9999px;
    background: #F3F4F6;
    color: var(--quote-muted-color, #4A5565);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.quote-form__step.is-complete .quote-form__step-icon {
    background: var(--quote-accent-color, #C12026);
    color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M14.1673 0.833313L5.00065 9.99998L0.833984 5.83331' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.quote-form__step-title {
    margin: 0;
    color: var(--quote-title-color, #101828);
    font-family: Barlow, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.quote-form__model-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.quote-form__model-option {
    display: flex;
    padding: 26px 0;
    justify-content: center;
    align-items: center;
    border-radius: 14px;
    border: 2px solid var(--quote-card-border, #E5E7EB);
    background: var(--quote-card-bg, #FFF);
    color: var(--quote-text-color, #364153);
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    cursor: pointer;
}

.quote-form__model-option.is-selected {
    border-color: var(--quote-accent-color, #C12026);
    background: var(--quote-accent-soft, #FEF2F2);
    color: var(--quote-accent-color, #C12026);
}

.quote-form__select-wrap {
    position: relative;
    width: 100%;
}

.quote-form__select-wrap select,
.quote-form__select {
    width: 100%;
    height: 58px;
    border-radius: 10px;
    border: 1px solid var(--quote-input-border, #D1D5DC);
    background: #FFF;
    padding: 12px 46px 12px 16px;
    color: var(--quote-title-color, #101828);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 400;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

.quote-form__select-wrap::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2399A1AF' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.quote-form__group-title {
    margin: 0 0 12px;
    color: var(--quote-title-color, #101828);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.quote-form__checks-inline {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.quote-form__check {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--quote-text-color, #364153);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.quote-form__check input,
.quote-form__privacy input {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 1px solid #4A5565;
}

.quote-form__check input[type="radio"] {
    accent-color: var(--quote-accent-color, #C12026);
}

.quote-form__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 16px;
}

.quote-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.quote-form__field--company {
    display: none;
}

.quote-form.is-company .quote-form__field[data-person-type="natural"] {
    display: none;
}

.quote-form.is-company .quote-form__field[data-person-type="company"] {
    display: flex;
}

.quote-form__field label {
    color: var(--quote-title-color, #101828);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.quote-form__field input {
    width: 100%;
    height: 50px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid var(--quote-input-border, #D1D5DC);
    color: var(--quote-title-color, #101828);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 400;
    outline: none;
}

.quote-form__field input::placeholder {
    color: rgba(16, 24, 40, 0.50);
}

.quote-form__field .quote-form__select-wrap select {
    height: 50px;
}

.quote-form__field.has-error input,
.quote-form__field.has-error .quote-form__select-wrap select {
    border-color: var(--quote-accent-color, #C12026);
    background: var(--quote-accent-soft, #FEF2F2);
}

.quote-form__client-type.has-error {
    width: 100%;
}

.quote-form__error-message {
    display: none;
    margin-top: 4px;
    color: var(--quote-accent-color, #C12026);
    font-family: Barlow, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.quote-form__field.has-error .quote-form__error-message,
.quote-form__client-type.has-error .quote-form__error-message {
    display: block;
}

.quote-form__field input.is-valid,
.quote-form__field select.is-valid {
    border-color: #16A34A;
}

.quote-form__privacy {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 720px;
}

.quote-form__privacy span,
.quote-form__privacy a {
    color: var(--quote-text-color, #364153);
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.quote-form__privacy a {
    color: var(--quote-accent-color, #C12026);
    text-decoration-line: underline;
}

.quote-form__summary {
    width: 400px;
    min-height: 210px;
    flex-shrink: 0;
    border-radius: 14px;
    border: 1px solid var(--quote-card-border, #E5E7EB);
    background: var(--quote-summary-bg, #F9FAFB);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 104px;
}

.quote-form__summary h3 {
    margin: 0;
    color: var(--quote-title-color, #101828);
    font-family: Barlow, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.quote-form__summary-empty {
    color: var(--quote-muted-color, #6A7282);
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.quote-form__summary-list {
    display: none;
    flex-direction: column;
}

.quote-form__summary-list.is-visible {
    display: flex;
}

.quote-form__summary-item {
    display: none;
    padding: 0 0 18px 0;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--quote-card-border, #E5E7EB);
}

.quote-form__summary-item.is-visible {
    display: block;
}

.quote-form__summary-item:last-child {
    margin-bottom: 0;
}

.quote-form__summary-item span {
    display: block;
    margin-bottom: 6px;
    color: var(--quote-muted-color, #6A7282);
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.quote-form__summary-item strong {
    display: block;
    color: var(--quote-title-color, #101828);
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.quote-form__submit {
    display: inline-flex;
    padding: 16.5px 24px 15.5px;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 25px;
    background: var(--quote-disabled-bg, #D1D5DC);
    color: var(--quote-disabled-color, #6A7282);
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    cursor: not-allowed;
}

.quote-form__submit.is-enabled {
    background: var(--quote-accent-color, #C12026);
    color: #FFF;
    cursor: pointer;
}

@media (max-width: 1199px) {
    .quote-form__layout {
        gap: 28px;
    }

    .quote-form__steps {
        width: calc(100% - 360px);
    }

    .quote-form__summary {
        width: 330px;
    }
}

@media (max-width: 991px) {
    .quote-form__layout {
        flex-direction: column;
    }

    .quote-form__steps,
    .quote-form__summary {
        width: 100%;
    }

    .quote-form__summary {
        height: auto;
        position: static;
    }
}

@media (max-width: 767px) {
    .quote-form {
        padding: 28px 40px 28px 32px;
    }

    .quote-form__layout {
        gap: 32px;
        padding: 0 32px;
    }

    .quote-form__steps {
        gap: 24px;
    }

    .quote-form__card {
        padding: 25px 25px 1px 25px;
        gap: 24px;
    }

    .quote-form__step[data-step="1"] {
        min-height: 290px;
    }

    .quote-form__model-grid,
    .quote-form__grid {
        grid-template-columns: 1fr;
    }

    .quote-form__summary {
        padding: 0;
        border: 0;
        background: transparent;
        height: auto;
    }

    .quote-form__summary h3,
    .quote-form__summary-empty,
    .quote-form__summary-list {
        display: none !important;
    }

    .quote-form__submit {
        width: 100%;
        padding: 16px 24px;
        align-self: stretch;
        font-size: 18px;
        line-height: 28px;
    }
}

.quote-form .container-isuzu {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.quote-form__model-grid.is-loading {
    opacity: 0.6;
    pointer-events: none;
}

.quote-form__model-empty {
    width: 100%;
    padding: 18px;
    border-radius: 10px;
    border: 1px dashed var(--quote-card-border, #E5E7EB);
    color: var(--quote-muted-color, #6A7282);
    font-family: Barlow, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.quote-form__select-wrap select:disabled,
.quote-form__select:disabled {
    background: #F3F4F6;
    color: var(--quote-muted-color, #6A7282);
    cursor: not-allowed;
}

/* CSS SUCURSALES */
.fragment_sucursales {
    height: 100%;
    margin: auto;
    max-width: 1440px;
}

.custom-isuzu-popup .leaflet-popup-content-wrapper {
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 10px 14px;
}

.custom-isuzu-popup .leaflet-popup-content {
    margin: 0;
    width: auto !important;
}

.fragment_sucursales .nav-underline .nav-link {
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.fragment_sucursales .nav-underline .nav-link.active {
    border-bottom-color: #C12026 !important;
    color: #C12026 !important;
}

.fragment_sucursales .nav-underline .nav-link.active::after {
    display: none !important;
}

.fragment_sucursales .tab-pane-container {
    display: none !important;
}

.fragment_sucursales .tab-pane-container.active-tab#col-lista {
    display: flex !important;
}

.fragment_sucursales .tab-pane-container.active-tab#col-mapa {
    display: block !important;
}

.fragment_sucursales .badge-custom {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    margin-right: 6px;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.fragment_sucursales .badge-custom.venta {
    color: #C12026;
    background-color: #FEF2F2;
    border: 1px solid #FFE2E2;
}

.fragment_sucursales .badge-custom.venta::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.5 8.5H10.5C10.8 8.5 11 8.3 11 8V6.5C11 6.05 10.65 5.65 10.25 5.55C9.35 5.3 8 5 8 5C8 5 7.35 4.3 6.9 3.85C6.65 3.65 6.35 3.5 6 3.5H2.5C2.2 3.5 1.95 3.7 1.8 3.95L1.1 5.4C1.03379 5.59311 1 5.79585 1 6V8C1 8.3 1.2 8.5 1.5 8.5H2.5' stroke='%23C12026' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.5C4.05228 9.5 4.5 9.05228 4.5 8.5C4.5 7.94772 4.05228 7.5 3.5 7.5C2.94772 7.5 2.5 7.94772 2.5 8.5C2.5 9.05228 2.94772 9.5 3.5 9.5Z' stroke='%23C12026' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 8.5H7.5' stroke='%23C12026' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 9.5C9.05228 9.5 9.5 9.05228 9.5 8.5C9.5 7.94772 9.05228 7.5 8.5 7.5C7.94772 7.5 7.5 7.94772 7.5 8.5C7.5 9.05228 7.94772 9.5 8.5 9.5Z' stroke='%23C12026' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.fragment_sucursales .badge-custom.servicioTecnico {
    color: #1447E6;
    background-color: #EFF6FF;
    border: 1px solid #DBEAFE;
}

.fragment_sucursales .badge-custom.servicioTecnico::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M7.35066 3.14999C7.25905 3.24345 7.20773 3.36911 7.20773 3.49999C7.20773 3.63087 7.25905 3.75653 7.35066 3.84999L8.15066 4.64999C8.24412 4.7416 8.36978 4.79292 8.50066 4.79292C8.63154 4.79292 8.7572 4.7416 8.85066 4.64999L10.7357 2.76499C10.9871 3.32058 11.0632 3.93961 10.9539 4.53956C10.8446 5.13952 10.555 5.69191 10.1238 6.12313C9.69258 6.55435 9.14019 6.84391 8.54023 6.95322C7.94028 7.06253 7.32125 6.98641 6.76566 6.73499L3.31066 10.19C3.11175 10.3889 2.84196 10.5006 2.56066 10.5006C2.27936 10.5006 2.00957 10.3889 1.81066 10.19C1.61175 9.99108 1.5 9.72129 1.5 9.43999C1.5 9.15868 1.61175 8.8889 1.81066 8.68999L5.26566 5.23499C5.01424 4.6794 4.93812 4.06037 5.04743 3.46042C5.15674 2.86046 5.4463 2.30807 5.87752 1.87685C6.30874 1.44563 6.86113 1.15607 7.46109 1.04676C8.06104 0.937448 8.68007 1.01357 9.23566 1.26499L7.35566 3.14499L7.35066 3.14999Z' stroke='%231447E6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.fragment_sucursales .badge-custom.repuestos {
    color: #008236;
    background-color: #F0FDF4;
    border: 1px solid #DCFCE7;
}

.fragment_sucursales .badge-custom.repuestos::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 1L1.5 3V10C1.5 10.2652 1.60536 10.5196 1.79289 10.7071C1.98043 10.8946 2.23478 11 2.5 11H9.5C9.76522 11 10.0196 10.8946 10.2071 10.7071C10.3946 10.5196 10.5 10.2652 10.5 10V3L9 1H3Z' stroke='%23008236' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.5 3H10.5' stroke='%23008236' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5C8 5.53043 7.78929 6.03914 7.41421 6.41421C7.03914 6.78929 6.53043 7 6 7C5.46957 7 4.96086 6.78929 4.58579 6.41421C4.21071 6.03914 4 5.53043 4 5' stroke='%23008236' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.fragment_sucursales .sucursal-telefono-text,
.fragment_sucursales .sucursal-telefono-popup {
    color: #C12026;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: none;
}

.fragment_sucursales .sucursal-mail-text {
    color: #4A5565;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
}

.fragment_sucursales .sucursales-list::-webkit-scrollbar {
    width: 6px;
}

.fragment_sucursales .sucursales-list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.fragment_sucursales .sucursales-list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.fragment_sucursales .sucursales-list::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}


.fragment_sucursales .branch-card {
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.fragment_sucursales .branch-card:hover {
    background-color: #f8f9fa;
}

.fragment_sucursales .branch-card.selected {
    border: 1px solid #d11e22 !important;
    border-left: 4px solid #d11e22 !important;
    background-color: #fffafa;
}

.fragment_sucursales .btn-como-llegar {
    border-radius: 2rem;
    background: #C12026;
    color: #FFF;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 8px 12px;
    text-decoration: none;
    transition: all .3s ease;
}

.fragment_sucursales .btn-contactar {
    border-radius: 2rem;
    border: 1px solid #E5E7EB;
    color: #364153;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 8px 12px;
    text-decoration: none;
}

.fragment_sucursales .ver-detalle-btn {
    color: #C12026;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: none;
}

.fragment_sucursales .ver-detalle-btn::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6H9.5' stroke='%23C12026' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 2.5L9.5 6L6 9.5' stroke='%23C12026' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5px
}

.fragment_sucursales .text-decoration-hover:hover {
    text-decoration: underline !important;
}

.fragment_sucursales .custom-control-label {
    margin-left: 0.25rem;
}

.fragment_sucursales .leaflet-popup-content-wrapper {
    border-radius: 0.5rem;
}

.fragment_sucursales #mapa-contenedor {
    z-index: 1;

}

.fragment_sucursales .w-75 {
    width: 85% !important;
}

.fragment_sucursales .btn-unstyled:focus,
.fragment_sucursales .btn-unstyled:active {
    outline: none !important;
    box-shadow: none !important;
}

.fragment_sucursales .pt-custom-20 {
    padding-top: 20px !important;
}

.fragment_sucursales .pb-custom-20 {
    padding-bottom: 20px !important;
}

.fragment_sucursales .px-custom-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.fragment_sucursales .p-custom-20 {
    padding: 20px !important;
}

.fragment_sucursales #searchInput {
    color: #99A1AF;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: normal;
}

.fragment_sucursales #btnUbicacion {
    color: #4A5565;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.fragment_sucursales #dropdownFiltros {
    color: #364153;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.fragment_sucursales .total-sucursales-count {
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.fragment_sucursales .sucursales-count-text,
.sucursal-count-popup {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.fragment_sucursales .sucursal-principal-text {
    color: #C12026;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.fragment_sucursales .branch-title,
.branch-title-popup {
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
}

.fragment_sucursales .sucursal-direccion-text,
.fragment_sucursales .sucursal-horario-text,
.sucursal-direccion-popup,
.sucursal-horario-popup {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

@media (min-width: 768px) {
    .fragment_sucursales .tab-pane-container#col-lista {
        display: flex !important;
    }

    .fragment_sucursales .tab-pane-container#col-mapa {
        display: block !important;
    }

    .fragment_sucursales .wrapper-row {
        height: calc(100vh - 150px);
        min-height: 600px;
    }

    .fragment_sucursales .sucursales-list {
        max-height: 100%;
    }

    .fragment_sucursales #mapa-contenedor {
        height: 100% !important;
    }

    .fragment_sucursales .ver-detalle-btn::after {
        margin-top: 2px
    }
}

/* CSS LISTADO SUCURSALES */
.sucursal-listado-fragment {
    background: #F9FAFB;
    padding-top: 25px;
    padding-bottom: 25px;
}

.sucursal-listado-fragment .container-isuzu {
    margin: auto;
    max-width: 90rem;
    padding: 0 24px;
}

.sucursal-listado-fragment .sucursal-listado-header {
    margin-bottom: 48px;
    width: 100%;
}

.sucursal-listado-fragment .sucursal-listado-kicker-wrapper {
    gap: 12px;
    margin-bottom: 16px;
}

.sucursal-listado-fragment .sucursal-listado-kicker-line {
    background: #c9282d;
    display: block;
    height: 2px;
    width: 30px;
}

.sucursal-listado-fragment .sucursal-listado-kicker {
    color: #6A7282;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.sucursal-listado-fragment .sucursal-listado-heading-row {
    gap: 16px;
}

.sucursal-listado-fragment .sucursal-listado-title {
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    max-width: 100%;
    color: #101828;
    font-family: Barlow, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.sucursal-listado-fragment .sucursal-listado-button {
    align-items: center;
    background: #C12026;
    border-radius: 2rem;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-flex;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: 24px;
    padding: 12px 24px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.sucursal-listado-fragment .sucursal-listado-button::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4H10M7 1L10 4L7 7' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: currentColor;
    content: '';
    display: inline-block;
    height: 8px;
    margin-left: 8px;
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4H10M7 1L10 4L7 7' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 12px;
}

.sucursal-listado-fragment .sucursal-listado-button:hover,
.sucursal-listado-fragment .sucursal-listado-button:focus {
    background: #A01A20;
}

.sucursal-listado-fragment .sucursal-listado-grid {
    display: block;
    width: 100%;
}

/* Ajustes mínimos para que el Visualizador de Colección se integre bien */
.sucursal-listado-fragment .sucursal-listado-grid .container-fluid {
    padding: 0 !important;
}

@media (min-width: 768px) {

    .sucursal-listado-fragment {
        padding-top: 50px;
        padding-bottom: 100px;
    }

    .sucursal-listado-fragment .container-isuzu {
        padding: 0 4rem;
    }

    .sucursal-listado-fragment .sucursal-listado-header {
        margin-bottom: 72px;
    }

    .sucursal-listado-fragment .sucursal-listado-heading-row {
        gap: 32px;
    }

    .sucursal-listado-fragment .sucursal-listado-title {
        font-size: 48px;
        line-height: 48px;
        max-width: 540px;
    }

    .sucursal-listado-fragment .sucursal-listado-grid [class*="col-"]:not(:nth-child(3n)) {
        padding-right: 0px;
    }

}

/* CSS SUCURSALES */
.sucursal-card-fragment {
    position: relative;
    width: 100%;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #F3F4F6;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04),
        0 2px 8px rgba(16, 24, 40, 0.06);
    box-sizing: border-box;
    margin-bottom: 16px;
}

.sucursal-card-fragment .sucursal-card-location {
    position: absolute;
    top: 18px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #fff1f2;
    color: #c9282d;
}

.sucursal-card-fragment .sucursal-card-location svg {
    width: 17px;
    height: 17px;
    display: block;
}

.sucursal-card-fragment .sucursal-card-title {
    max-width: calc(100% - 52px);
    margin-bottom: 2px;
    color: #101828;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.sucursal-card-fragment .sucursal-card-category {
    max-width: calc(100% - 52px);
    margin-bottom: 12px;
    color: #99A1AF;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0;
}

.sucursal-card-fragment .sucursal-card-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.sucursal-card-fragment .sucursal-card-info-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sucursal-card-fragment .sucursal-card-phone {
    color: #6A7282;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.sucursal-card-fragment .sucursal-card-phone svg {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    color: #6A7282;
}

.sucursal-card-fragment .sucursal-card-schedule {
    color: #99A1AF;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.sucursal-card-fragment .sucursal-card-schedule svg {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    color: #99A1AF;
}

.sucursal-card-fragment .sucursal-card-link {
    display: inline-flex;
    align-items: center;
    color: #C12026;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
}

.sucursal-card-fragment .sucursal-card-link::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 8px;
    margin-left: 7px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4H10M7 1L10 4L7 7' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4H10M7 1L10 4L7 7' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.sucursal-card-fragment .sucursal-card-link:hover,
.sucursal-card-fragment .sucursal-card-link:focus {
    color: #A01A20;
}

@media (max-width: 767px) {
    .sucursal-card-fragment .sucursal-card-location {
        top: 18px;
        right: 18px;
    }
}

/* CSS BANNER CONTENIDO */
.isuzu-cta-hero {
    position: relative;
    width: 100%;
    min-height: var(--isuzu-desktop-height, 587px);
    background: var(--isuzu-bg-color, #030712);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    box-sizing: border-box;
}

.isuzu-cta-hero *,
.isuzu-cta-hero *::before,
.isuzu-cta-hero *::after {
    box-sizing: border-box;
}

/* Fondo editable Liferay */
.isuzu-cta-hero__background,
.isuzu-cta-hero__background picture,
.isuzu-cta-hero__background img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.isuzu-cta-hero__background {
    z-index: 1;
}

.isuzu-cta-hero__background picture {
    display: block;
}

.isuzu-cta-hero__background img {
    object-fit: cover;
    object-position: center;
    display: block;
    opacity: 1;
}

.isuzu-cta-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(3, 7, 18, var(--isuzu-overlay-opacity, 0.68));
    pointer-events: none;
}

.isuzu-cta-hero--color .isuzu-cta-hero__overlay {
    background: transparent;
}

.isuzu-cta-hero__content {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.isuzu-cta-hero__kicker-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 28px;
}

.isuzu-cta-hero__kicker-line {
    width: 32px;
    height: 2px;
    flex-shrink: 0;
    background: #c12026;
    display: block;
}

.isuzu-cta-hero__kicker {
    color: #c12026;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

/* Título rich-text */
.isuzu-cta-hero__title {
    margin: 0;
    color: #FFFFFF;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 72px;
    font-weight: 900;
    line-height: 72px;
}

.isuzu-cta-hero__title h1,
.isuzu-cta-hero__title h2,
.isuzu-cta-hero__title h3,
.isuzu-cta-hero__title h4,
.isuzu-cta-hero__title h5,
.isuzu-cta-hero__title h6,
.isuzu-cta-hero__title p,
.isuzu-cta-hero__title div,
.isuzu-cta-hero__title span,
.isuzu-cta-hero__title strong,
.isuzu-cta-hero__title b,
.isuzu-cta-hero__title em,
.isuzu-cta-hero__title i {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-align: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

/* Descripción rich-text */
.isuzu-cta-hero__description {
    width: 100%;
    max-width: 559px;
    margin: 24px auto 0;
    color: #99A1AF;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.isuzu-cta-hero__description h1,
.isuzu-cta-hero__description h2,
.isuzu-cta-hero__description h3,
.isuzu-cta-hero__description h4,
.isuzu-cta-hero__description h5,
.isuzu-cta-hero__description h6,
.isuzu-cta-hero__description p,
.isuzu-cta-hero__description div,
.isuzu-cta-hero__description span,
.isuzu-cta-hero__description strong,
.isuzu-cta-hero__description b,
.isuzu-cta-hero__description em,
.isuzu-cta-hero__description i {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-align: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.isuzu-cta-hero__description a {
    color: inherit;
    text-decoration: underline;
}

.isuzu-cta-hero__actions {
    width: 100%;
    margin-top: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.isuzu-cta-hero__actions--1,
.isuzu-cta-hero__actions--2,
.isuzu-cta-hero__actions--3 {
    justify-content: center;
}

.isuzu-cta-hero__button {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 25px;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        opacity 0.2s ease;
    font-family: Barlow, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    white-space: nowrap;
}

.isuzu-cta-hero__button:hover,
.isuzu-cta-hero__button:focus {
    text-decoration: none;
    transform: translateY(-1px);
}

.isuzu-cta-hero__button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.isuzu-cta-hero__button-text {
    display: inline-block;
}

.isuzu-cta-hero__button--primary {
    height: 56px;
    padding: 15.5px 32px 16.5px;
    background: #c12026;
    border: 1px solid #c12026;
    color: #fff;
    font-weight: 700;
}

.isuzu-cta-hero__button--primary:hover,
.isuzu-cta-hero__button--primary:focus {
    background: #a91c22;
    border-color: #a91c22;
    color: #fff;
}

.isuzu-cta-hero__button--secondary {
    height: 58px;
    padding: 16.5px 32px 17.5px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-weight: 700;
}

.isuzu-cta-hero__button--secondary:hover,
.isuzu-cta-hero__button--secondary:focus {
    border-color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.isuzu-cta-hero__button--success {
    height: 58px;
    padding: 17px 40px 17px 33px;
    background: transparent;
    border: 1px solid rgba(5, 150, 105, 0.4);
    color: #059669;
    font-weight: 700;
    gap: 18px;
}

.isuzu-cta-hero__button--success:hover,
.isuzu-cta-hero__button--success:focus {
    border-color: rgba(5, 150, 105, 0.8);
    background: rgba(5, 150, 105, 0.08);
    color: #059669;
}

.isuzu-cta-hero__button--link {
    height: 58px;
    padding: 16px 8px;
    background: transparent;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 700;
    border-radius: 0;
}

.isuzu-cta-hero__button--link:hover,
.isuzu-cta-hero__button--link:focus {
    color: #fff;
    opacity: 0.8;
}

/* Iconos */
.isuzu-cta-hero__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.isuzu-cta-hero__icon--none {
    display: none;
}

.isuzu-cta-hero__icon--line {
    width: 17px;
    height: 2px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='2' viewBox='0 0 17 2' fill='none'%3E%3Cpath d='M0.833374 0.833496H15.8334' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='2' viewBox='0 0 17 2' fill='none'%3E%3Cpath d='M0.833374 0.833496H15.8334' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-cta-hero__icon--calendar {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 4h14c1.1046 0 2 .8954 2 2v14c0 1.1046-.8954 2-2 2H5c-1.1046 0-2-.8954-2-2V6c0-1.1046.8954-2 2-2Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 4h14c1.1046 0 2 .8954 2 2v14c0 1.1046-.8954 2-2 2H5c-1.1046 0-2-.8954-2-2V6c0-1.1046.8954-2 2-2Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-cta-hero__icon--location {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6667 8.33317C16.6667 12.494 12.0509 16.8273 10.5009 18.1657C10.3565 18.2742 10.1807 18.333 10 18.333C9.81938 18.333 9.6436 18.2742 9.49921 18.1657C7.94921 16.8273 3.33337 12.494 3.33337 8.33317C3.33337 6.56506 4.03575 4.86937 5.286 3.61913C6.53624 2.36888 8.23193 1.6665 10 1.6665C11.7682 1.6665 13.4638 2.36888 14.7141 3.61913C15.9643 4.86937 16.6667 6.56506 16.6667 8.33317Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8335C11.3807 10.8335 12.5 9.71421 12.5 8.3335C12.5 6.95278 11.3807 5.8335 10 5.8335C8.61929 5.8335 7.5 6.95278 7.5 8.3335C7.5 9.71421 8.61929 10.8335 10 10.8335Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6667 8.33317C16.6667 12.494 12.0509 16.8273 10.5009 18.1657C10.3565 18.2742 10.1807 18.333 10 18.333C9.81938 18.333 9.6436 18.2742 9.49921 18.1657C7.94921 16.8273 3.33337 12.494 3.33337 8.33317C3.33337 6.56506 4.03575 4.86937 5.286 3.61913C6.53624 2.36888 8.23193 1.6665 10 1.6665C11.7682 1.6665 13.4638 2.36888 14.7141 3.61913C15.9643 4.86937 16.6667 6.56506 16.6667 8.33317Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8335C11.3807 10.8335 12.5 9.71421 12.5 8.3335C12.5 6.95278 11.3807 5.8335 10 5.8335C8.61929 5.8335 7.5 6.95278 7.5 8.3335C7.5 9.71421 8.61929 10.8335 10 10.8335Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-cta-hero__icon--phone {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.3333 14.0999V16.5999C18.3343 16.832 18.2867 17.0617 18.1937 17.2744C18.1008 17.487 17.9644 17.6779 17.7934 17.8348C17.6224 17.9917 17.4205 18.1112 17.2006 18.1855C16.9808 18.2599 16.7478 18.2875 16.5167 18.2666C13.9523 17.988 11.4892 17.1117 9.32498 15.7083C7.31151 14.4288 5.60443 12.7217 4.32499 10.7083C2.91663 8.53426 2.04019 6.05908 1.76665 3.48325C1.74583 3.25281 1.77321 3.02055 1.84707 2.80127C1.92092 2.58199 2.03963 2.38049 2.19562 2.2096C2.35162 2.03871 2.54149 1.90218 2.75314 1.80869C2.9648 1.7152 3.1936 1.6668 3.42499 1.66658H5.92499C6.32941 1.6626 6.72148 1.80582 7.02812 2.06953C7.33476 2.33324 7.53505 2.69946 7.59165 3.09992C7.69717 3.89997 7.89286 4.68552 8.17499 5.44158C8.2871 5.73985 8.31137 6.06401 8.24491 6.37565C8.17844 6.68729 8.02404 6.97334 7.79998 7.19992L6.74165 8.25825C7.92795 10.3445 9.65536 12.072 11.7417 13.2583L12.8 12.1999C13.0266 11.9759 13.3126 11.8215 13.6243 11.755C13.9359 11.6885 14.26 11.7128 14.5583 11.8249C15.3144 12.107 16.0999 12.3027 16.9 12.4083C17.3048 12.4654 17.6745 12.6693 17.9388 12.9812C18.203 13.2931 18.3435 13.6912 18.3333 14.0999Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.3333 14.0999V16.5999C18.3343 16.832 18.2867 17.0617 18.1937 17.2744C18.1008 17.487 17.9644 17.6779 17.7934 17.8348C17.6224 17.9917 17.4205 18.1112 17.2006 18.1855C16.9808 18.2599 16.7478 18.2875 16.5167 18.2666C13.9523 17.988 11.4892 17.1117 9.32498 15.7083C7.31151 14.4288 5.60443 12.7217 4.32499 10.7083C2.91663 8.53426 2.04019 6.05908 1.76665 3.48325C1.74583 3.25281 1.77321 3.02055 1.84707 2.80127C1.92092 2.58199 2.03963 2.38049 2.19562 2.2096C2.35162 2.03871 2.54149 1.90218 2.75314 1.80869C2.9648 1.7152 3.1936 1.6668 3.42499 1.66658H5.92499C6.32941 1.6626 6.72148 1.80582 7.02812 2.06953C7.33476 2.33324 7.53505 2.69946 7.59165 3.09992C7.69717 3.89997 7.89286 4.68552 8.17499 5.44158C8.2871 5.73985 8.31137 6.06401 8.24491 6.37565C8.17844 6.68729 8.02404 6.97334 7.79998 7.19992L6.74165 8.25825C7.92795 10.3445 9.65536 12.072 11.7417 13.2583L12.8 12.1999C13.0266 11.9759 13.3126 11.8215 13.6243 11.755C13.9359 11.6885 14.26 11.7128 14.5583 11.8249C15.3144 12.107 16.0999 12.3027 16.9 12.4083C17.3048 12.4654 17.6745 12.6693 17.9388 12.9812C18.203 13.2931 18.3435 13.6912 18.3333 14.0999Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-cta-hero__icon--truck {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.6667 15.0002V5.00016C11.6667 4.55814 11.4911 4.13421 11.1785 3.82165C10.866 3.50909 10.442 3.3335 10 3.3335H3.33334C2.89131 3.3335 2.46739 3.50909 2.15483 3.82165C1.84227 4.13421 1.66667 4.55814 1.66667 5.00016V14.1668C1.66667 14.3878 1.75447 14.5998 1.91075 14.7561C2.06703 14.9124 2.27899 15.0002 2.50001 15.0002H4.16667' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 15H7.5' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 14.9998H17.5C17.721 14.9998 17.933 14.912 18.0893 14.7558C18.2455 14.5995 18.3333 14.3875 18.3333 14.1665V11.1248C18.333 10.9357 18.2684 10.7523 18.15 10.6048L15.25 6.97984C15.1721 6.88224 15.0732 6.8034 14.9607 6.74917C14.8482 6.69493 14.7249 6.66668 14.6 6.6665H11.6667' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 16.6668C15.0871 16.6668 15.8333 15.9206 15.8333 15.0002C15.8333 14.0797 15.0871 13.3335 14.1667 13.3335C13.2462 13.3335 12.5 14.0797 12.5 15.0002C12.5 15.9206 13.2462 16.6668 14.1667 16.6668Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83334 16.6668C6.75381 16.6668 7.50001 15.9206 7.50001 15.0002C7.50001 14.0797 6.75381 13.3335 5.83334 13.3335C4.91286 13.3335 4.16667 14.0797 4.16667 15.0002C4.16667 15.9206 4.91286 16.6668 5.83334 16.6668Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.6667 15.0002V5.00016C11.6667 4.55814 11.4911 4.13421 11.1785 3.82165C10.866 3.50909 10.442 3.3335 10 3.3335H3.33334C2.89131 3.3335 2.46739 3.50909 2.15483 3.82165C1.84227 4.13421 1.66667 4.55814 1.66667 5.00016V14.1668C1.66667 14.3878 1.75447 14.5998 1.91075 14.7561C2.06703 14.9124 2.27899 15.0002 2.50001 15.0002H4.16667' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 15H7.5' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 14.9998H17.5C17.721 14.9998 17.933 14.912 18.0893 14.7558C18.2455 14.5995 18.3333 14.3875 18.3333 14.1665V11.1248C18.333 10.9357 18.2684 10.7523 18.15 10.6048L15.25 6.97984C15.1721 6.88224 15.0732 6.8034 14.9607 6.74917C14.8482 6.69493 14.7249 6.66668 14.6 6.6665H11.6667' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 16.6668C15.0871 16.6668 15.8333 15.9206 15.8333 15.0002C15.8333 14.0797 15.0871 13.3335 14.1667 13.3335C13.2462 13.3335 12.5 14.0797 12.5 15.0002C12.5 15.9206 13.2462 16.6668 14.1667 16.6668Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83334 16.6668C6.75381 16.6668 7.50001 15.9206 7.50001 15.0002C7.50001 14.0797 6.75381 13.3335 5.83334 13.3335C4.91286 13.3335 4.16667 14.0797 4.16667 15.0002C4.16667 15.9206 4.91286 16.6668 5.83334 16.6668Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-cta-hero__icon--arrow {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33334 8H12.6667' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.3335L12.6667 8.00016L8 12.6668' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33334 8H12.6667' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.3335L12.6667 8.00016L8 12.6668' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-cta-hero__icon--chevron {
    width: 16px;
    height: 16px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12L10 8L6 4' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 12L10 8L6 4' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
    .isuzu-cta-hero {
        min-height: var(--isuzu-mobile-height, 610px);
        padding: 72px 24px 80px;
        background: linear-gradient(180deg, rgba(3, 7, 18, 0.7) 0%, #030712 100%);
    }

    .isuzu-cta-hero__background img {
        opacity: 1;
    }

    .isuzu-cta-hero__overlay {
        background: linear-gradient(180deg,
                rgba(3, 7, 18, var(--isuzu-overlay-opacity, 0.68)) 0%,
                #030712 100%);
    }

    .isuzu-cta-hero--color .isuzu-cta-hero__overlay {
        background: transparent;
    }

    .isuzu-cta-hero__content {
        max-width: 327px;
    }

    .isuzu-cta-hero__kicker-wrap {
        gap: 12px;
        margin-bottom: 22px;
    }

    .isuzu-cta-hero__kicker-line {
        width: 32px;
        height: 2px;
    }

    .isuzu-cta-hero__kicker {
        font-family: Inter, sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: 1.2px;
    }

    .isuzu-cta-hero__title,
    .isuzu-cta-hero__title h1,
    .isuzu-cta-hero__title h2,
    .isuzu-cta-hero__title h3,
    .isuzu-cta-hero__title h4,
    .isuzu-cta-hero__title h5,
    .isuzu-cta-hero__title h6,
    .isuzu-cta-hero__title p,
    .isuzu-cta-hero__title div,
    .isuzu-cta-hero__title span {
        font-family: Inter, sans-serif !important;
        font-size: 36px !important;
        line-height: 36px !important;
        font-weight: 900 !important;
    }

    .isuzu-cta-hero__description {
        max-width: 300px;
        margin-top: 24px !important;
    }

    .isuzu-cta-hero__description,
    .isuzu-cta-hero__description h1,
    .isuzu-cta-hero__description h2,
    .isuzu-cta-hero__description h3,
    .isuzu-cta-hero__description h4,
    .isuzu-cta-hero__description h5,
    .isuzu-cta-hero__description h6,
    .isuzu-cta-hero__description p,
    .isuzu-cta-hero__description div,
    .isuzu-cta-hero__description span {
        font-family: Inter, sans-serif !important;
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .isuzu-cta-hero__actions {
        max-width: 230px;
        margin-top: 18px;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        flex-wrap: nowrap;
    }

    .isuzu-cta-hero__button {
        width: 100%;
        min-width: 230px;
    }

    .isuzu-cta-hero__button--link {
        width: auto;
        min-width: 0;
    }
}

/* CSS HISOTRIA CONTENEDOR */
.isuzu-historia {
    width: 100%;
    background: #f9fafb;
    box-sizing: border-box;
}

.isuzu-historia *,
.isuzu-historia *::before,
.isuzu-historia *::after {
    box-sizing: border-box;
}

/* NAV */
.isuzu-historia__nav {
    position: sticky;
    top: var(--isuzu-historia-sticky-top, 0px);
    z-index: 50;
    width: 100%;
    height: 57px;
    background: #fff;
    border-bottom: 1px solid #f3f4f6;
    box-shadow:
        0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.isuzu-historia__nav-inner {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    padding: 0 96px 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.isuzu-historia__nav-scroll {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 28px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.isuzu-historia__nav-scroll::-webkit-scrollbar {
    display: none;
}

.isuzu-historia__nav-label {
    flex-shrink: 0;
    color: #99a1af;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/* Item default */
.isuzu-historia__nav-item {
    height: 36px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 0;
    color: #4a5565;
    background: transparent;
    border-radius: 999px;
    text-decoration: none;
    font-family: Barlow, sans-serif;
    box-shadow: none;
    transition:
        padding 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        color 0.2s ease;
}

.isuzu-historia__nav-item:hover,
.isuzu-historia__nav-item:focus {
    text-decoration: none;
    color: #111827;
}

/* Item activo */
.isuzu-historia__nav-item.is-active {
    padding: 0 16px;
    background: var(--isuzu-historia-nav-color, #059669);
    color: #fff;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.isuzu-historia__nav-icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    display: inline-flex;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.isuzu-historia__nav-text {
    color: inherit;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    white-space: nowrap;
}

.isuzu-historia__nav-year {
    color: #6a7282;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 14.286px;
    white-space: nowrap;
}

.isuzu-historia__nav-item.is-active .isuzu-historia__nav-year {
    color: #fff;
}

/* ICONOS NAV */
.isuzu-historia__nav-icon--star {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.72283 1.33877C6.74839 1.28712 6.78788 1.24365 6.83684 1.21325C6.8858 1.18285 6.94228 1.16675 6.99991 1.16675C7.05754 1.16675 7.11402 1.18285 7.16298 1.21325C7.21194 1.24365 7.25143 1.28712 7.27699 1.33877L8.62449 4.06819C8.71326 4.24783 8.8443 4.40326 9.00636 4.52112C9.16842 4.63898 9.35665 4.71575 9.55491 4.74485L12.5684 5.18585C12.6255 5.19413 12.6792 5.21821 12.7233 5.25539C12.7674 5.29256 12.8002 5.34134 12.8181 5.39621C12.8359 5.45107 12.8381 5.50984 12.8243 5.56586C12.8104 5.62187 12.7812 5.67291 12.7399 5.71319L10.5606 7.83535C10.4169 7.97541 10.3093 8.1483 10.2472 8.33914C10.1851 8.52997 10.1704 8.73304 10.2042 8.93085L10.7187 11.9292C10.7287 11.9863 10.7226 12.045 10.7009 12.0988C10.6792 12.1525 10.6428 12.199 10.5959 12.2331C10.549 12.2672 10.4935 12.2874 10.4357 12.2914C10.3778 12.2954 10.3201 12.2831 10.2689 12.2559L7.57508 10.8395C7.39758 10.7463 7.2001 10.6976 6.99962 10.6976C6.79914 10.6976 6.60166 10.7463 6.42416 10.8395L3.73091 12.2559C3.67977 12.2829 3.62206 12.2951 3.56434 12.291C3.50662 12.2869 3.45121 12.2667 3.40442 12.2326C3.35762 12.1986 3.32131 12.1521 3.29963 12.0985C3.27794 12.0448 3.27174 11.9862 3.28174 11.9292L3.79566 8.93144C3.82961 8.73353 3.8149 8.53033 3.75281 8.33938C3.69071 8.14842 3.5831 7.97544 3.43924 7.83535L1.25991 5.71377C1.21826 5.67354 1.18874 5.62242 1.17472 5.56623C1.1607 5.51004 1.16275 5.45105 1.18062 5.39596C1.1985 5.34088 1.23148 5.29193 1.27582 5.25468C1.32016 5.21743 1.37407 5.19338 1.43141 5.18527L4.44433 4.74485C4.64281 4.71598 4.8313 4.6393 4.99358 4.52143C5.15586 4.40355 5.28707 4.24801 5.37591 4.06819L6.72283 1.33877Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M6.72283 1.33877C6.74839 1.28712 6.78788 1.24365 6.83684 1.21325C6.8858 1.18285 6.94228 1.16675 6.99991 1.16675C7.05754 1.16675 7.11402 1.18285 7.16298 1.21325C7.21194 1.24365 7.25143 1.28712 7.27699 1.33877L8.62449 4.06819C8.71326 4.24783 8.8443 4.40326 9.00636 4.52112C9.16842 4.63898 9.35665 4.71575 9.55491 4.74485L12.5684 5.18585C12.6255 5.19413 12.6792 5.21821 12.7233 5.25539C12.7674 5.29256 12.8002 5.34134 12.8181 5.39621C12.8359 5.45107 12.8381 5.50984 12.8243 5.56586C12.8104 5.62187 12.7812 5.67291 12.7399 5.71319L10.5606 7.83535C10.4169 7.97541 10.3093 8.1483 10.2472 8.33914C10.1851 8.52997 10.1704 8.73304 10.2042 8.93085L10.7187 11.9292C10.7287 11.9863 10.7226 12.045 10.7009 12.0988C10.6792 12.1525 10.6428 12.199 10.5959 12.2331C10.549 12.2672 10.4935 12.2874 10.4357 12.2914C10.3778 12.2954 10.3201 12.2831 10.2689 12.2559L7.57508 10.8395C7.39758 10.7463 7.2001 10.6976 6.99962 10.6976C6.79914 10.6976 6.60166 10.7463 6.42416 10.8395L3.73091 12.2559C3.67977 12.2829 3.62206 12.2951 3.56434 12.291C3.50662 12.2869 3.45121 12.2667 3.40442 12.2326C3.35762 12.1986 3.32131 12.1521 3.29963 12.0985C3.27794 12.0448 3.27174 11.9862 3.28174 11.9292L3.79566 8.93144C3.82961 8.73353 3.8149 8.53033 3.75281 8.33938C3.69071 8.14842 3.5831 7.97544 3.43924 7.83535L1.25991 5.71377C1.21826 5.67354 1.18874 5.62242 1.17472 5.56623C1.1607 5.51004 1.16275 5.45105 1.18062 5.39596C1.1985 5.34088 1.23148 5.29193 1.27582 5.25468C1.32016 5.21743 1.37407 5.19338 1.43141 5.18527L4.44433 4.74485C4.64281 4.71598 4.8313 4.6393 4.99358 4.52143C5.15586 4.40355 5.28707 4.24801 5.37591 4.06819L6.72283 1.33877Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-historia__nav-icon--globe {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7.00008 12.8333C10.2217 12.8333 12.8334 10.2216 12.8334 6.99996C12.8334 3.7783 10.2217 1.16663 7.00008 1.16663C3.77842 1.16663 1.16675 3.7783 1.16675 6.99996C1.16675 10.2216 3.77842 12.8333 7.00008 12.8333Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.00008 1.16663C5.50222 2.73938 4.66675 4.82806 4.66675 6.99996C4.66675 9.17186 5.50222 11.2605 7.00008 12.8333C8.49794 11.2605 9.33341 9.17186 9.33341 6.99996C9.33341 4.82806 8.49794 2.73938 7.00008 1.16663Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.16675 7H12.8334' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7.00008 12.8333C10.2217 12.8333 12.8334 10.2216 12.8334 6.99996C12.8334 3.7783 10.2217 1.16663 7.00008 1.16663C3.77842 1.16663 1.16675 3.7783 1.16675 6.99996C1.16675 10.2216 3.77842 12.8333 7.00008 12.8333Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.00008 1.16663C5.50222 2.73938 4.66675 4.82806 4.66675 6.99996C4.66675 9.17186 5.50222 11.2605 7.00008 12.8333C8.49794 11.2605 9.33341 9.17186 9.33341 6.99996C9.33341 4.82806 8.49794 2.73938 7.00008 1.16663Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.16675 7H12.8334' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-historia__nav-icon--truck {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M8.16675 10.5V3.50004C8.16675 3.19062 8.04383 2.89388 7.82504 2.67508C7.60625 2.45629 7.3095 2.33337 7.00008 2.33337H2.33341C2.024 2.33337 1.72725 2.45629 1.50846 2.67508C1.28966 2.89388 1.16675 3.19062 1.16675 3.50004V9.91671C1.16675 10.0714 1.22821 10.2198 1.3376 10.3292C1.447 10.4386 1.59537 10.5 1.75008 10.5H2.91675' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.75 10.5H5.25' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0834 10.5H12.2501C12.4048 10.5 12.5532 10.4385 12.6626 10.3291C12.772 10.2197 12.8334 10.0713 12.8334 9.91663V7.78746C12.8332 7.65508 12.7879 7.52672 12.7051 7.42346L10.6751 4.88596C10.6205 4.81764 10.5513 4.76246 10.4726 4.72449C10.3938 4.68653 10.3075 4.66675 10.2201 4.66663H8.16675' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.91667 11.6667C10.561 11.6667 11.0833 11.1444 11.0833 10.5C11.0833 9.85571 10.561 9.33337 9.91667 9.33337C9.27233 9.33337 8.75 9.85571 8.75 10.5C8.75 11.1444 9.27233 11.6667 9.91667 11.6667Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.08341 11.6667C4.72775 11.6667 5.25008 11.1444 5.25008 10.5C5.25008 9.85571 4.72775 9.33337 4.08341 9.33337C3.43908 9.33337 2.91675 9.85571 2.91675 10.5C2.91675 11.1444 3.43908 11.6667 4.08341 11.6667Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M8.16675 10.5V3.50004C8.16675 3.19062 8.04383 2.89388 7.82504 2.67508C7.60625 2.45629 7.3095 2.33337 7.00008 2.33337H2.33341C2.024 2.33337 1.72725 2.45629 1.50846 2.67508C1.28966 2.89388 1.16675 3.19062 1.16675 3.50004V9.91671C1.16675 10.0714 1.22821 10.2198 1.3376 10.3292C1.447 10.4386 1.59537 10.5 1.75008 10.5H2.91675' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.75 10.5H5.25' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0834 10.5H12.2501C12.4048 10.5 12.5532 10.4385 12.6626 10.3291C12.772 10.2197 12.8334 10.0713 12.8334 9.91663V7.78746C12.8332 7.65508 12.7879 7.52672 12.7051 7.42346L10.6751 4.88596C10.6205 4.81764 10.5513 4.76246 10.4726 4.72449C10.3938 4.68653 10.3075 4.66675 10.2201 4.66663H8.16675' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.91667 11.6667C10.561 11.6667 11.0833 11.1444 11.0833 10.5C11.0833 9.85571 10.561 9.33337 9.91667 9.33337C9.27233 9.33337 8.75 9.85571 8.75 10.5C8.75 11.1444 9.27233 11.6667 9.91667 11.6667Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.08341 11.6667C4.72775 11.6667 5.25008 11.1444 5.25008 10.5C5.25008 9.85571 4.72775 9.33337 4.08341 9.33337C3.43908 9.33337 2.91675 9.85571 2.91675 10.5C2.91675 11.1444 3.43908 11.6667 4.08341 11.6667Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-historia__nav-icon--location {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11.6666 5.83329C11.6666 8.74588 8.4355 11.7792 7.3505 12.716C7.24942 12.792 7.12638 12.8331 6.99992 12.8331C6.87345 12.8331 6.75041 12.792 6.64934 12.716C5.56434 11.7792 2.33325 8.74588 2.33325 5.83329C2.33325 4.59562 2.82492 3.40863 3.70009 2.53346C4.57526 1.65829 5.76224 1.16663 6.99992 1.16663C8.2376 1.16663 9.42458 1.65829 10.2998 2.53346C11.1749 3.40863 11.6666 4.59562 11.6666 5.83329Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7.58337C7.9665 7.58337 8.75 6.79987 8.75 5.83337C8.75 4.86688 7.9665 4.08337 7 4.08337C6.0335 4.08337 5.25 4.86688 5.25 5.83337C5.25 6.79987 6.0335 7.58337 7 7.58337Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11.6666 5.83329C11.6666 8.74588 8.4355 11.7792 7.3505 12.716C7.24942 12.792 7.12638 12.8331 6.99992 12.8331C6.87345 12.8331 6.75041 12.792 6.64934 12.716C5.56434 11.7792 2.33325 8.74588 2.33325 5.83329C2.33325 4.59562 2.82492 3.40863 3.70009 2.53346C4.57526 1.65829 5.76224 1.16663 6.99992 1.16663C8.2376 1.16663 9.42458 1.65829 10.2998 2.53346C11.1749 3.40863 11.6666 4.59562 11.6666 5.83329Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7.58337C7.9665 7.58337 8.75 6.79987 8.75 5.83337C8.75 4.86688 7.9665 4.08337 7 4.08337C6.0335 4.08337 5.25 4.86688 5.25 5.83337C5.25 6.79987 6.0335 7.58337 7 7.58337Z' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* PROGRESS */
.isuzu-historia__progress {
    flex-shrink: 0;
    height: 16px;
    padding-left: 16px;
    border-left: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    gap: 8px;
}

.isuzu-historia__progress-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}

.isuzu-historia__progress-dot {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 999px;
    background: #e5e7eb;
    transition:
        width 0.2s ease,
        background-color 0.2s ease;
}

.isuzu-historia__progress-dot.is-active {
    width: 24px;
    background: #059669;
}

.isuzu-historia__progress-label {
    color: #99a1af;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

/* BODY */
.isuzu-historia__body {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 144px 0 80px;
}

.isuzu-historia__intro {
    width: 100%;
    max-width: 760px;
    margin-bottom: 96px;
}

.isuzu-historia__intro-title {
    max-width: 475px;
    margin: 0 0 16px;
    color: #111;
    font-family: Roboto, sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 40px;
}

.isuzu-historia__intro-title h1,
.isuzu-historia__intro-title h2,
.isuzu-historia__intro-title h3,
.isuzu-historia__intro-title p,
.isuzu-historia__intro-title span {
    margin: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.isuzu-historia__intro-description {
    max-width: 700px;
    color: #6a7282;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.isuzu-historia__intro-description p,
.isuzu-historia__intro-description span,
.isuzu-historia__intro-description div {
    margin: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* MOBILE */
@media (max-width: 767px) {
    .isuzu-historia__nav {
        height: 56px;
    }

    .isuzu-historia__nav-inner {
        padding: 0 24px;
        gap: 0;
        justify-content: flex-start;
    }

    .isuzu-historia__nav-scroll {
        width: 100%;
        gap: 22px;
    }

    .isuzu-historia__nav-label {
        display: none;
    }

    .isuzu-historia__nav-item.is-active {
        padding: 0 14px;
    }

    .isuzu-historia__progress {
        display: none;
    }

    .isuzu-historia__body {
        max-width: 100%;
        padding: 64px 24px 56px;
    }

    .isuzu-historia__intro {
        max-width: 100%;
        margin-bottom: 48px;
    }

    .isuzu-historia__intro-title {
        max-width: 100%;
        margin-bottom: 14px;
        font-size: 24px;
        line-height: 28px;
    }

    .isuzu-historia__intro-description {
        max-width: 100%;
        font-size: 16px;
        line-height: 26px;
    }
}

/* CSS HISTORIA SECCION */
.isuzu-historia-seccion {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.isuzu-historia-seccion *,
.isuzu-historia-seccion *::before,
.isuzu-historia-seccion *::after {
    box-sizing: border-box;
}

/* HEADER / BANNER DE ERA */
.isuzu-historia-seccion__header {
    width: 100%;
    min-height: 241.25px;
    padding: 48px 432px 48px 48px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    border-radius: 24px;
    background: var(--isuzu-historia-seccion-gradient, linear-gradient(135deg, #2f0d68 0%, #030712 100%));
    overflow: hidden;
}

.isuzu-historia-seccion__eyebrow-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.isuzu-historia-seccion__icon-box {
    width: 40px;
    height: 40px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 14px;
    border: 1px solid var(--isuzu-historia-seccion-accent-border, rgba(124, 58, 237, 0.31));
    background: var(--isuzu-historia-seccion-accent-soft, rgba(124, 58, 237, 0.19));
}

.isuzu-historia-seccion__icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    flex-shrink: 0;
    background-color: var(--isuzu-historia-seccion-accent, #7c3aed);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.isuzu-historia-seccion__eyebrow {
    color: var(--isuzu-historia-seccion-accent, #7c3aed);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.isuzu-historia-seccion__title {
    margin: 0 0 12px;
    color: #fff;
    font-family: Barlow, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 48px;
}

.isuzu-historia-seccion__title h1,
.isuzu-historia-seccion__title h2,
.isuzu-historia-seccion__title h3,
.isuzu-historia-seccion__title h4,
.isuzu-historia-seccion__title h5,
.isuzu-historia-seccion__title h6,
.isuzu-historia-seccion__title p,
.isuzu-historia-seccion__title div,
.isuzu-historia-seccion__title span,
.isuzu-historia-seccion__title .fr-view,
.isuzu-historia-seccion__title .fr-view *,
.isuzu-historia-seccion__title [contenteditable],
.isuzu-historia-seccion__title [contenteditable] * {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.isuzu-historia-seccion__description {
    max-width: 780px;
    color: rgba(255, 255, 255, 0.82);
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.isuzu-historia-seccion__description p,
.isuzu-historia-seccion__description div,
.isuzu-historia-seccion__description span,
.isuzu-historia-seccion__description .fr-view,
.isuzu-historia-seccion__description .fr-view *,
.isuzu-historia-seccion__description [contenteditable],
.isuzu-historia-seccion__description [contenteditable] * {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* AJUSTES MODO EDICIÓN LIFERAY */
.isuzu-historia-seccion [data-lfr-editable-id] {
    min-height: 0;
}

.isuzu-historia-seccion__title [data-lfr-editable-id],
.isuzu-historia-seccion__description [data-lfr-editable-id] {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.isuzu-historia-seccion__title .lfr-editable-field,
.isuzu-historia-seccion__description .lfr-editable-field {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* CONTENIDO / DROPZONE */
.isuzu-historia-seccion__content {
    position: relative;
    width: 100%;
    padding: 96px 0;
    min-height: 160px;
}

.isuzu-historia-seccion__dropzone {
    position: relative;
    z-index: 2;
    width: 100%;
}

/* ICONOS */
.isuzu-historia-seccion__icon--star {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.60428 1.91249C9.6408 1.83871 9.69722 1.7766 9.76716 1.73318C9.8371 1.68976 9.91779 1.66675 10.0001 1.66675C10.0824 1.66675 10.1631 1.68976 10.2331 1.73318C10.303 1.7766 10.3594 1.83871 10.396 1.91249L12.3209 5.81166C12.4478 6.0683 12.635 6.29033 12.8665 6.4587C13.098 6.62707 13.3669 6.73675 13.6501 6.77833L17.9551 7.40833C18.0367 7.42014 18.1133 7.45455 18.1764 7.50766C18.2394 7.56076 18.2863 7.63045 18.3118 7.70883C18.3373 7.78721 18.3403 7.87116 18.3206 7.95119C18.3009 8.03121 18.2591 8.10412 18.2001 8.16166L15.0868 11.1933C14.8815 11.3934 14.7278 11.6404 14.6391 11.913C14.5504 12.1856 14.5293 12.4757 14.5776 12.7583L15.3126 17.0417C15.327 17.1232 15.3182 17.2071 15.2872 17.2839C15.2562 17.3607 15.2042 17.4272 15.1372 17.4758C15.0702 17.5245 14.9909 17.5533 14.9083 17.5591C14.8257 17.5648 14.7432 17.5472 14.6701 17.5083L10.8218 15.485C10.5682 15.3518 10.2861 15.2823 9.9997 15.2823C9.7133 15.2823 9.43119 15.3518 9.17762 15.485L5.33012 17.5083C5.25706 17.547 5.17461 17.5644 5.09216 17.5585C5.0097 17.5527 4.93055 17.5238 4.8637 17.4752C4.79684 17.4266 4.74498 17.3601 4.714 17.2835C4.68302 17.2069 4.67416 17.1231 4.68845 17.0417L5.42262 12.7592C5.47111 12.4764 5.4501 12.1862 5.3614 11.9134C5.27269 11.6406 5.11896 11.3935 4.91345 11.1933L1.80012 8.16249C1.74061 8.10502 1.69844 8.03199 1.67842 7.95172C1.65839 7.87145 1.66131 7.78717 1.68685 7.70848C1.71238 7.6298 1.75951 7.55986 1.82285 7.50665C1.88619 7.45343 1.9632 7.41907 2.04512 7.40749L6.34928 6.77833C6.63283 6.73708 6.90211 6.62754 7.13394 6.45915C7.36577 6.29076 7.5532 6.06855 7.68012 5.81166L9.60428 1.91249Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.60428 1.91249C9.6408 1.83871 9.69722 1.7766 9.76716 1.73318C9.8371 1.68976 9.91779 1.66675 10.0001 1.66675C10.0824 1.66675 10.1631 1.68976 10.2331 1.73318C10.303 1.7766 10.3594 1.83871 10.396 1.91249L12.3209 5.81166C12.4478 6.0683 12.635 6.29033 12.8665 6.4587C13.098 6.62707 13.3669 6.73675 13.6501 6.77833L17.9551 7.40833C18.0367 7.42014 18.1133 7.45455 18.1764 7.50766C18.2394 7.56076 18.2863 7.63045 18.3118 7.70883C18.3373 7.78721 18.3403 7.87116 18.3206 7.95119C18.3009 8.03121 18.2591 8.10412 18.2001 8.16166L15.0868 11.1933C14.8815 11.3934 14.7278 11.6404 14.6391 11.913C14.5504 12.1856 14.5293 12.4757 14.5776 12.7583L15.3126 17.0417C15.327 17.1232 15.3182 17.2071 15.2872 17.2839C15.2562 17.3607 15.2042 17.4272 15.1372 17.4758C15.0702 17.5245 14.9909 17.5533 14.9083 17.5591C14.8257 17.5648 14.7432 17.5472 14.6701 17.5083L10.8218 15.485C10.5682 15.3518 10.2861 15.2823 9.9997 15.2823C9.7133 15.2823 9.43119 15.3518 9.17762 15.485L5.33012 17.5083C5.25706 17.547 5.17461 17.5644 5.09216 17.5585C5.0097 17.5527 4.93055 17.5238 4.8637 17.4752C4.79684 17.4266 4.74498 17.3601 4.714 17.2835C4.68302 17.2069 4.67416 17.1231 4.68845 17.0417L5.42262 12.7592C5.47111 12.4764 5.4501 12.1862 5.3614 11.9134C5.27269 11.6406 5.11896 11.3935 4.91345 11.1933L1.80012 8.16249C1.74061 8.10502 1.69844 8.03199 1.67842 7.95172C1.65839 7.87145 1.66131 7.78717 1.68685 7.70848C1.71238 7.6298 1.75951 7.55986 1.82285 7.50665C1.88619 7.45343 1.9632 7.41907 2.04512 7.40749L6.34928 6.77833C6.63283 6.73708 6.90211 6.62754 7.13394 6.45915C7.36577 6.29076 7.5532 6.06855 7.68012 5.81166L9.60428 1.91249Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-historia-seccion__icon--globe {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0001 18.3332C14.6025 18.3332 18.3334 14.6022 18.3334 9.99984C18.3334 5.39746 14.6025 1.6665 10.0001 1.6665C5.39771 1.6665 1.66675 5.39746 1.66675 9.99984C1.66675 14.6022 5.39771 18.3332 10.0001 18.3332Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0001 1.6665C7.86028 3.9133 6.66675 6.89712 6.66675 9.99984C6.66675 13.1026 7.86028 16.0864 10.0001 18.3332C12.1399 16.0864 13.3334 13.1026 13.3334 9.99984C13.3334 6.89712 12.1399 3.9133 10.0001 1.6665Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.66675 10H18.3334' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0001 18.3332C14.6025 18.3332 18.3334 14.6022 18.3334 9.99984C18.3334 5.39746 14.6025 1.6665 10.0001 1.6665C5.39771 1.6665 1.66675 5.39746 1.66675 9.99984C1.66675 14.6022 5.39771 18.3332 10.0001 18.3332Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0001 1.6665C7.86028 3.9133 6.66675 6.89712 6.66675 9.99984C6.66675 13.1026 7.86028 16.0864 10.0001 18.3332C12.1399 16.0864 13.3334 13.1026 13.3334 9.99984C13.3334 6.89712 12.1399 3.9133 10.0001 1.6665Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.66675 10H18.3334' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-historia-seccion__icon--truck {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.6667 15.0002V5.00016C11.6667 4.55814 11.4911 4.13421 11.1785 3.82165C10.866 3.50909 10.442 3.3335 10 3.3335H3.33334C2.89131 3.3335 2.46739 3.50909 2.15483 3.82165C1.84227 4.13421 1.66667 4.55814 1.66667 5.00016V14.1668C1.66667 14.3878 1.75447 14.5998 1.91075 14.7561C2.06703 14.9124 2.27899 15.0002 2.50001 15.0002H4.16667' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 15H7.5' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 14.9998H17.5C17.721 14.9998 17.933 14.912 18.0893 14.7558C18.2455 14.5995 18.3333 14.3875 18.3333 14.1665V11.1248C18.333 10.9357 18.2684 10.7523 18.15 10.6048L15.25 6.97984C15.1721 6.88224 15.0732 6.8034 14.9607 6.74917C14.8482 6.69493 14.7249 6.66668 14.6 6.6665H11.6667' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 16.6668C15.0871 16.6668 15.8333 15.9206 15.8333 15.0002C15.8333 14.0797 15.0871 13.3335 14.1667 13.3335C13.2462 13.3335 12.5 14.0797 12.5 15.0002C12.5 15.9206 13.2462 16.6668 14.1667 16.6668Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83334 16.6668C6.75381 16.6668 7.50001 15.9206 7.50001 15.0002C7.50001 14.0797 6.75381 13.3335 5.83334 13.3335C4.91286 13.3335 4.16667 14.0797 4.16667 15.0002C4.16667 15.9206 4.91286 16.6668 5.83334 16.6668Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.6667 15.0002V5.00016C11.6667 4.55814 11.4911 4.13421 11.1785 3.82165C10.866 3.50909 10.442 3.3335 10 3.3335H3.33334C2.89131 3.3335 2.46739 3.50909 2.15483 3.82165C1.84227 4.13421 1.66667 4.55814 1.66667 5.00016V14.1668C1.66667 14.3878 1.75447 14.5998 1.91075 14.7561C2.06703 14.9124 2.27899 15.0002 2.50001 15.0002H4.16667' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 15H7.5' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8333 14.9998H17.5C17.721 14.9998 17.933 14.912 18.0893 14.7558C18.2455 14.5995 18.3333 14.3875 18.3333 14.1665V11.1248C18.333 10.9357 18.2684 10.7523 18.15 10.6048L15.25 6.97984C15.1721 6.88224 15.0732 6.8034 14.9607 6.74917C14.8482 6.69493 14.7249 6.66668 14.6 6.6665H11.6667' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 16.6668C15.0871 16.6668 15.8333 15.9206 15.8333 15.0002C15.8333 14.0797 15.0871 13.3335 14.1667 13.3335C13.2462 13.3335 12.5 14.0797 12.5 15.0002C12.5 15.9206 13.2462 16.6668 14.1667 16.6668Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83334 16.6668C6.75381 16.6668 7.50001 15.9206 7.50001 15.0002C7.50001 14.0797 6.75381 13.3335 5.83334 13.3335C4.91286 13.3335 4.16667 14.0797 4.16667 15.0002C4.16667 15.9206 4.91286 16.6668 5.83334 16.6668Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isuzu-historia-seccion__icon--location {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6666 8.33329C16.6666 12.4941 12.0508 16.8275 10.5008 18.1658C10.3564 18.2743 10.1807 18.3331 10 18.3331C9.81933 18.3331 9.64355 18.2743 9.49916 18.1658C7.94916 16.8275 3.33325 12.4941 3.33325 8.33329C3.33325 6.56518 4.03563 4.86949 5.28588 3.61925C6.53612 2.36901 8.23181 1.66663 9.99992 1.66663C11.768 1.66663 13.4637 2.36901 14.7139 3.61925C15.9642 4.86949 16.6666 6.56518 16.6666 8.33329Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8334C11.3807 10.8334 12.5 9.71409 12.5 8.33337C12.5 6.95266 11.3807 5.83337 10 5.83337C8.61929 5.83337 7.5 6.95266 7.5 8.33337C7.5 9.71409 8.61929 10.8334 10 10.8334Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6666 8.33329C16.6666 12.4941 12.0508 16.8275 10.5008 18.1658C10.3564 18.2743 10.1807 18.3331 10 18.3331C9.81933 18.3331 9.64355 18.2743 9.49916 18.1658C7.94916 16.8275 3.33325 12.4941 3.33325 8.33329C3.33325 6.56518 4.03563 4.86949 5.28588 3.61925C6.53612 2.36901 8.23181 1.66663 9.99992 1.66663C11.768 1.66663 13.4637 2.36901 14.7139 3.61925C15.9642 4.86949 16.6666 6.56518 16.6666 8.33329Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10.8334C11.3807 10.8334 12.5 9.71409 12.5 8.33337C12.5 6.95266 11.3807 5.83337 10 5.83337C8.61929 5.83337 7.5 6.95266 7.5 8.33337C7.5 9.71409 8.61929 10.8334 10 10.8334Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* MOBILE */
@media (max-width: 767px) {
    .isuzu-historia-seccion__header {
        min-height: auto;
        padding: 32px 24px;
        border-radius: 12px;
    }

    .isuzu-historia-seccion__eyebrow-row {
        gap: 10px;
        margin-bottom: 18px;
    }

    .isuzu-historia-seccion__icon-box {
        width: 40px;
        height: 40px;
    }

    .isuzu-historia-seccion__eyebrow {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 1.2px;
    }

    .isuzu-historia-seccion__title {
        margin-bottom: 12px;
        font-size: 36px;
        line-height: 42px;
    }

    .isuzu-historia-seccion__description {
        font-size: 16px;
        line-height: 26px;
    }

    .isuzu-historia-seccion__content {
        padding: 48px 0 64px;
    }
}

/* FIX MODO EDICIÓN LIFERAY / CKEDITOR */
.isuzu-historia-seccion__header .ck-content,
.isuzu-historia-seccion__header .ck-content *,
.isuzu-historia-seccion__header .page-editor__editable,
.isuzu-historia-seccion__header .page-editor__editable * {
    color: inherit !important;
}

.isuzu-historia-seccion__title.ck-content,
.isuzu-historia-seccion__title.ck-content *,
.isuzu-historia-seccion__title.page-editor__editable,
.isuzu-historia-seccion__title.page-editor__editable * {
    color: #fff !important;
    font-family: Barlow, sans-serif !important;
    font-size: 56px !important;
    font-weight: 900 !important;
    line-height: 64px !important;
}

.isuzu-historia-seccion__description.ck-content,
.isuzu-historia-seccion__description.ck-content *,
.isuzu-historia-seccion__description.page-editor__editable,
.isuzu-historia-seccion__description.page-editor__editable * {
    color: rgba(255, 255, 255, 0.82) !important;
    font-family: Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
}

.isuzu-historia-seccion__title h1,
.isuzu-historia-seccion__title h2,
.isuzu-historia-seccion__title h3,
.isuzu-historia-seccion__title p,
.isuzu-historia-seccion__description p {
    margin: 0 !important;
}

@media (max-width: 767px) {

    .isuzu-historia-seccion__title.ck-content,
    .isuzu-historia-seccion__title.ck-content *,
    .isuzu-historia-seccion__title.page-editor__editable,
    .isuzu-historia-seccion__title.page-editor__editable * {
        font-size: 36px !important;
        line-height: 42px !important;
    }

    .isuzu-historia-seccion__description.ck-content,
    .isuzu-historia-seccion__description.ck-content *,
    .isuzu-historia-seccion__description.page-editor__editable,
    .isuzu-historia-seccion__description.page-editor__editable * {
        font-size: 16px !important;
        line-height: 26px !important;
    }
}

.isuzu-historia-seccion__eyebrow.page-editor__editable,
.isuzu-historia-seccion__eyebrow.page-editor__editable *,
.isuzu-historia-seccion__eyebrow.ck-content,
.isuzu-historia-seccion__eyebrow.ck-content * {
    color: var(--isuzu-historia-seccion-accent, #7c3aed) !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
}

@media (max-width: 767px) {

    .isuzu-historia-seccion__eyebrow.page-editor__editable,
    .isuzu-historia-seccion__eyebrow.page-editor__editable *,
    .isuzu-historia-seccion__eyebrow.ck-content,
    .isuzu-historia-seccion__eyebrow.ck-content * {
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 1.2px !important;
    }
}

/* CSS HISTORIA TARJETA */
.isuzu-historia-card {
    position: relative;
    width: 100%;
    min-height: 321.25px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
    column-gap: 64px;
    box-sizing: border-box;
}

.lfr-layout-structure-item-historia-tarjeta:last-child .isuzu-historia-card {
    margin-bottom: 0px;
}

.isuzu-historia-card *,
.isuzu-historia-card *::before,
.isuzu-historia-card *::after {
    box-sizing: border-box;
}

.isuzu-historia-card__content-wrap {
    width: 100%;
    max-width: 520px;
    display: flex;
    flex-direction: column;
}

.isuzu-historia-card--left .isuzu-historia-card__content-wrap {
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
    align-items: flex-end;
}

.isuzu-historia-card--right .isuzu-historia-card__content-wrap {
    grid-column: 3;
    grid-row: 1;
    justify-self: start;
    align-items: flex-start;
}

.isuzu-historia-card__empty {
    display: block;
}

.isuzu-historia-card--left .isuzu-historia-card__empty {
    grid-column: 3;
    grid-row: 1;
}

.isuzu-historia-card--right .isuzu-historia-card__empty {
    grid-column: 1;
    grid-row: 1;
}

/* TAG */
.isuzu-historia-card__tag-wrap {
    position: relative;
    z-index: 3;
    height: 24.5px;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
}

.isuzu-historia-card--left .isuzu-historia-card__tag-wrap {
    justify-content: flex-end;
    padding-right: 0;
}

.isuzu-historia-card--right .isuzu-historia-card__tag-wrap {
    justify-content: flex-start;
    padding-left: 0;
}

.isuzu-historia-card__tag {
    min-height: 24.5px;
    padding: 4.5px 14px 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--isuzu-historia-card-accent-soft, rgba(124, 58, 237, 0.13));
    color: var(--isuzu-historia-card-accent, #7c3aed);
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* CARD */
.isuzu-historia-card__box {
    width: 100%;
    min-height: 321.25px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
    border-radius: 14px;
    border: var(--isuzu-historia-card-border-width, 2px) solid var(--isuzu-historia-card-border-color, #101828);
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.06);
}

.isuzu-historia-card__image-wrap {
    width: 100%;
    height: 235.125px;
    flex-shrink: 0;
    overflow: hidden;
    background: lightgray;
}

.isuzu-historia-card__image,
.isuzu-historia-card__image-wrap picture,
.isuzu-historia-card__image-wrap picture img,
.isuzu-historia-card__image-wrap img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.isuzu-historia-card__body {
    padding: 24px 28px 28px;
}

.isuzu-historia-card--left .isuzu-historia-card__body {
    text-align: right;
}

.isuzu-historia-card--right .isuzu-historia-card__body {
    text-align: left;
}

/* TEXTOS */
.isuzu-historia-card__year {
    margin: 0;
    color: var(--isuzu-historia-card-accent, #7c3aed);
    font-family: Barlow, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
}

.isuzu-historia-card__title {
    margin: 2px 0 0;
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
}

.isuzu-historia-card__title h1,
.isuzu-historia-card__title h2,
.isuzu-historia-card__title h3,
.isuzu-historia-card__title h4,
.isuzu-historia-card__title h5,
.isuzu-historia-card__title h6,
.isuzu-historia-card__title p,
.isuzu-historia-card__title div,
.isuzu-historia-card__title span {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-align: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.isuzu-historia-card__subtitle {
    margin: 4px 0 0;
    color: #6a7282;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.isuzu-historia-card__subtitle p,
.isuzu-historia-card__subtitle div,
.isuzu-historia-card__subtitle span {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-align: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.isuzu-historia-card__description {
    width: 100%;
    max-width: 361px;
    margin-top: 22px;
    color: #4a5565;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.isuzu-historia-card--left .isuzu-historia-card__description {
    margin-left: auto;
    text-align: right;
}

.isuzu-historia-card--right .isuzu-historia-card__description {
    margin-right: auto;
    text-align: left;
}

.isuzu-historia-card__description p,
.isuzu-historia-card__description div,
.isuzu-historia-card__description span {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    text-align: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* FOOTER */
.isuzu-historia-card__footer {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #f3f4f6;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.isuzu-historia-card--footer-auto.isuzu-historia-card--left .isuzu-historia-card__footer {
    justify-content: flex-end;
    text-align: right;
}

.isuzu-historia-card--footer-auto.isuzu-historia-card--right .isuzu-historia-card__footer {
    justify-content: flex-start;
    text-align: left;
}

.isuzu-historia-card--footer-left .isuzu-historia-card__footer {
    justify-content: flex-start;
    text-align: left;
}

.isuzu-historia-card--footer-right .isuzu-historia-card__footer {
    justify-content: flex-end;
    text-align: right;
}

.isuzu-historia-card__footer-year {
    color: var(--isuzu-historia-card-accent, #7c3aed);
    font-family: Barlow, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 32px;
}

.isuzu-historia-card__footer-text {
    color: #6a7282;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

/* TIMELINE */
.isuzu-historia-card__timeline {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100%;
}

.isuzu-historia-card__timeline-line {
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: var(--isuzu-historia-card-line, rgba(124, 58, 237, 0.19));
    pointer-events: none;
}

.isuzu-historia-card__timeline-point {
    position: relative;
    z-index: 2;
    width: 56px;
    height: 56px;
    padding: 0 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    border: 4px solid #fff;
    background: var(--isuzu-historia-card-accent, #7c3aed);
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.10),
        0 4px 6px -4px rgba(0, 0, 0, 0.10);
    color: #fff;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    line-height: 12px;
}

/* ESPACIADO ENTRE CARDS */
.isuzu-historia-card+.isuzu-historia-card {
    margin-top: 96px;
}

/* MOBILE */
@media (max-width: 767px) {
    .isuzu-historia-card {
        min-height: auto;
        grid-template-columns: 40px minmax(0, 1fr);
        column-gap: 16px;
    }

    .isuzu-historia-card--left .isuzu-historia-card__content-wrap,
    .isuzu-historia-card--right .isuzu-historia-card__content-wrap {
        grid-column: 2;
        grid-row: 1;
        justify-self: stretch;
        max-width: 100%;
        align-items: flex-start;
    }

    .isuzu-historia-card__empty {
        display: none;
    }

    .isuzu-historia-card__timeline {
        grid-column: 1;
        grid-row: 1;
        width: 40px;
    }

    .isuzu-historia-card__timeline-line {
        left: 50%;
        top: 0;
        bottom: -56px;
    }

    .lfr-layout-structure-item-historia-tarjeta:last-child .isuzu-historia-card__timeline-line {
        bottom: 0;
    }

    .isuzu-historia-card__timeline-point {
        width: 40px;
        height: 40px;
        padding: 0 12px;
        border-width: 3px;
        font-size: 0;
        line-height: 0;
        box-shadow:
            0 4px 6px -1px rgba(0, 0, 0, 0.10),
            0 2px 4px -2px rgba(0, 0, 0, 0.10);
    }

    .isuzu-historia-card__timeline-point::after {
        content: '';
        width: 10px;
        height: 10px;
        flex-shrink: 0;
        border-radius: 999px;
        background: #fff;
        display: block;
    }

    .isuzu-historia-card--left .isuzu-historia-card__tag-wrap,
    .isuzu-historia-card--right .isuzu-historia-card__tag-wrap {
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
    }

    .isuzu-historia-card__tag-wrap {
        height: auto;
        margin-bottom: 10px;
    }

    .isuzu-historia-card__tag {
        min-height: 24px;
        padding: 4.5px 12px 3px;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 1px;
    }

    .isuzu-historia-card__box {
        width: 100%;
        min-height: 328.25px;
        border-radius: 10px;
        border-width: var(--isuzu-historia-card-mobile-border-width, var(--isuzu-historia-card-border-width, 1px));
    }

    .isuzu-historia-card__image-wrap {
        height: 160.313px;
    }

    .isuzu-historia-card__body,
    .isuzu-historia-card--left .isuzu-historia-card__body,
    .isuzu-historia-card--right .isuzu-historia-card__body {
        padding: 18px 16px 22px;
        text-align: left;
    }

    .isuzu-historia-card__year {
        font-size: 30px;
        line-height: 36px;
    }

    .isuzu-historia-card__title {
        font-size: 16px;
        line-height: 20px;
    }

    .isuzu-historia-card__subtitle {
        font-size: 12px;
        line-height: 16px;
    }

    .isuzu-historia-card__description,
    .isuzu-historia-card--left .isuzu-historia-card__description,
    .isuzu-historia-card--right .isuzu-historia-card__description {
        max-width: 252px;
        margin-top: 14px;
        margin-left: 0;
        margin-right: 0;
        text-align: left;
        font-size: 14px;
        line-height: 22.75px;
    }

    .isuzu-historia-card__footer,
    .isuzu-historia-card--footer-auto.isuzu-historia-card--left .isuzu-historia-card__footer,
    .isuzu-historia-card--footer-auto.isuzu-historia-card--right .isuzu-historia-card__footer,
    .isuzu-historia-card--footer-left .isuzu-historia-card__footer,
    .isuzu-historia-card--footer-right .isuzu-historia-card__footer {
        margin-top: 12px;
        padding-top: 10px;
        justify-content: flex-start;
        text-align: left;
    }

    .isuzu-historia-card__footer-year {
        font-size: 20px;
        line-height: 28px;
    }

    .isuzu-historia-card__footer-text {
        font-size: 12px;
        line-height: 16px;
    }

    .lfr-layout-structure-item-historia-tarjeta+.lfr-layout-structure-item-historia-tarjeta {
        margin-top: 56px;
    }

    .lfr-layout-structure-item-historia-tarjeta:last-child .isuzu-historia-card {
        margin-bottom: 0px;
    }
}

/* CSS SPLASH OVERLAY */
.isuzuIntroSplash {
    position: fixed;
    inset: 0;
    z-index: 999999;
    overflow: hidden;
    background: #000;
    color: #fff;
    font-family: Barlow, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

.isuzu-intro-skip .isuzuIntroSplash {
    display: none !important;
}

/* BG cubre toda la pantalla */
.isuzuIntroSplash__bg {
    position: absolute;
    inset: 0;
}

.isuzuIntroSplash__bgMedia {
    position: absolute;
    inset: 0;
    background: var(--isuzuIntroSplash-bg) center/cover no-repeat;
}

.isuzuIntroSplash__bgMedia video,
.isuzuIntroSplash__bgMedia iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

.isuzuIntroSplash__bgOverlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            rgba(0, 0, 0, 0.82) 0%,
            rgba(0, 0, 0, 0.45) 52%,
            rgba(0, 0, 0, 0.22) 100%);
    backdrop-filter: blur(12px);
}

/* Skip */
.isuzuIntroSplash__skip {
    position: absolute;
    top: 18px;
    right: 18px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    padding: 8px 16px;
    border-radius: 999px;
    cursor: pointer;
    z-index: 10;
    font-size: 12px;
}

/* STAGE: limita SOLO el contenido a 1440x779, centrado en pantalla */
.isuzuIntroSplash__stage {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    max-height: 779px;
    z-index: 2;
    pointer-events: none;
}

.isuzuIntroSplash__stage>* {
    pointer-events: auto;
}

/* CONTENT: columna flex, main centrado vertical y footer abajo */
.isuzuIntroSplash__content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 24px 24px 56px;
    max-width: 520px;
}

.isuzuIntroSplash__kicker {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.40em;
    text-transform: uppercase;
    opacity: .85;
    margin: 0 0 1.5rem 0;
}

.isuzuIntroSplash__brand {
    font-size: 96px;
    font-weight: 900;
    line-height: .82;
    letter-spacing: -0.03em;
}

.isuzuIntroSplash__brandLine {
    height: 4px;
    width: 62px;
    background: #d81f26;
    margin: 25px 0 30px;
}

.isuzuIntroSplash__headline {
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 25px 0;
}

.isuzuIntroSplash__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 420px;
    opacity: .85;
    margin: 0 0 45px 0;
}

/* CTA + progress */
.isuzuIntroSplash__ctaRow {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.isuzuIntroSplash__cta {
    display: inline-flex;
    align-items: center;
    background: #d81f26;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 17px;
    font-weight: 700;
    padding: 11px 30px;
    border-radius: 999px;
    transition: transform .2s ease, filter .2s ease;
}

.isuzuIntroSplash__cta:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.isuzuIntroSplash__cta::after {
    content: "›";
    margin-left: 10px;
    font-size: 20px;
    line-height: 0;
}

.isuzuIntroSplash__progressSide {
    width: 128px;
    height: 4px;
    background: rgba(255, 255, 255, .25);
    border-radius: 999px;
    overflow: hidden;
}

.isuzuIntroSplash__progressBar {
    height: 100%;
    width: 0%;
    background: #d81f26;
    border-radius: 999px;
}

/* AUTO alineado en fila con la barra de progreso (desktop) */
.isuzuIntroSplash__auto {
    position: static;
    left: auto;
    flex-shrink: 0;
    font-size: 11px;
    letter-spacing: .28em;
    opacity: .55;
    line-height: 1;
}

/* FOOTER pegado abajo del stage, centrado */
.isuzuIntroSplash__footerWrap {
    position: absolute;
    left: 2.5rem;
    right: 0;
    bottom: 18px;
    display: flex;
    align-items: start;
    gap: 12px;
}

.isuzuIntroSplash__sideBuild {
    position: static;
    width: 48px;
    height: 1px;
    background: rgba(255, 255, 255, .25);
    border-radius: 999px;
    margin: 7px 0 0 0;
}

.isuzuIntroSplash__footer {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.44em;
    opacity: .55;
}

/* Hide animation */
.isuzuIntroSplash--hide {
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease;
}

/* Mobile */
@media (max-width: 768px) {
    .isuzuIntroSplash__stage {
        max-width: none;
        max-height: none;
    }

    .isuzuIntroSplash__content {
        padding: 24px 22px 28px 65px;
        max-width: 360px;
        justify-content: center;
        align-items: center;
    }

    .isuzuIntroSplash__main {
        max-width: 260px;
        width: 100%;
    }

    .isuzuIntroSplash__kicker {
        font-size: 11px;
        letter-spacing: 0.34em;
        margin: 0 0 1rem 0;
    }

    .isuzuIntroSplash__brand {
        font-size: 84px;
        line-height: 0.86;
    }

    .isuzuIntroSplash__brandLine {
        width: 92px;
        margin: 14px 0 20px;
    }

    .isuzuIntroSplash__headline {
        font-size: 58px;
        line-height: 0.95;
        margin: 0 0 14px 0;
    }

    .isuzuIntroSplash__text {
        font-size: 17px;
        line-height: 1.45;
        max-width: 320px;
        margin: 0 0 26px 0;
    }

    .isuzuIntroSplash__ctaRow {
        gap: 14px;
        margin-bottom: 24px;
        flex-wrap: wrap;
        align-items: center;
    }

    .isuzuIntroSplash__cta {
        min-width: 258px;
        justify-content: center;
        font-size: 15.5px;
        padding: 13px 30px;
    }

    .isuzuIntroSplash__progressSide {
        width: 104px;
        height: 5px;
    }

    .isuzuIntroSplash__auto {
        position: static;
        font-size: 12px;
        letter-spacing: 0.24em;
        opacity: .5;
    }

    .isuzuIntroSplash__footerWrap {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        max-width: 260px;
        margin-top: 8px;
        gap: 10px;
    }

    .isuzuIntroSplash__sideBuild {
        width: 42px;
        margin-top: 6px;
    }

    .isuzuIntroSplash__footer {
        font-size: 12px;
        letter-spacing: 0.3em;
    }

    .isuzuIntroSplash__skip {
        top: 16px;
        right: 14px;
        font-size: 13px;
        padding: 6px 12px;
    }

    .isuzuIntroSplash__bgOverlay {
        backdrop-filter: blur(10px);
    }
}

/* CSS MANUALES ISUZU */
.izusu-manual-fragment {
    --izusu-red: #e30613;
    --izusu-red-soft: #fde8ea;
    --izusu-navy: #0f1729;
    --izusu-text: #1a1a1a;
    --izusu-muted: #6b7280;
    --izusu-border: #e5e7eb;
    --izusu-bg: #f9fafb;
    --izusu-white: #ffffff;
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    color: var(--izusu-text);
    width: 100%;
    padding: 1.5rem 1rem 2rem;
    box-sizing: border-box;
}

.izusu-manual-fragment .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.izusu-manual-fragment *,
.izusu-manual-fragment *::before,
.izusu-manual-fragment *::after {
    box-sizing: border-box;
}

.izusu-manual-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

/* Barra unica gris: pastilla blanca solo en la pestaña activa */
.izusu-manual-tabs-bar {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
    background: #f4f5f7;
    border-radius: 10px;
    padding: 5px 8px 5px 5px;
}

.izusu-manual-tab-slot {
    appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1rem;
    border-radius: 8px;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.izusu-manual-tab-slot:hover {
    transform: translateY(-1px);
}

.izusu-manual-tab-slot:active {
    transform: scale(0.98);
}

.izusu-manual-tab-slot.is-active {
    background: var(--izusu-white);
    box-shadow: 0 2px 10px rgba(26, 29, 35, 0.09);
}

.izusu-manual-tab-slot .izusu-manual-tab-word-a {
    font-family: Barlow, sans-serif;
    position: relative;
    z-index: 0;
    font-size: 12px;
    line-height: 16px;
    color: #C12026;
}

.izusu-manual-tab-slot .izusu-manual-tab-word-b {
    font-size: 14px;
    font-family: Barlow, sans-serif;
    line-height: 20px;
    font-weight: 600;
    color: #101828;
}

.izusu-manual-tab-slot.is-active .izusu-manual-tab-word-a::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 1px;
    bottom: 1px;
    background: rgba(176, 42, 42, 0.1);
    border-radius: 6px;
    z-index: -1;
}

/* Camionetas / Isuzu: colores segun activo */
.izusu-manual-tab-slot[data-tab="camionetas"] .izusu-manual-tab-word-a {
    position: relative;
    z-index: 0;
    font-size: 0.9375rem;
}

.izusu-manual-tab-slot[data-tab="camionetas"].is-active .izusu-manual-tab-word-a {
    color: #b02a2a;
}

.izusu-manual-tab-slot[data-tab="camionetas"].is-active .izusu-manual-tab-word-a::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 1px;
    bottom: 1px;
    background: rgba(176, 42, 42, 0.1);
    border-radius: 6px;
    z-index: -1;
}

.izusu-manual-tab-slot[data-tab="camionetas"].is-active .izusu-manual-tab-word-b {
    color: #1a1d23;
    font-size: 0.9375rem;
}

.izusu-manual-tab-slot[data-tab="camionetas"]:not(.is-active) .izusu-manual-tab-word-a {
    color: #6b7280;
    font-size: 0.8125rem;
}

.izusu-manual-tab-slot[data-tab="camionetas"]:not(.is-active) .izusu-manual-tab-word-b {
    color: #374151;
    font-size: 0.9375rem;
}

/* SUV MU-X inactivo: SUV mas pequeño gris, MU-X mas grande */
.izusu-manual-tab-slot[data-tab="suv"]:not(.is-active) .izusu-manual-tab-suv {
    color: #6b7280;
    font-size: 0.8125rem;
}

.izusu-manual-tab-slot[data-tab="suv"]:not(.is-active) .izusu-manual-tab-mux {
    color: #374151;
    font-size: 0.9375rem;
}

/* SUV MU-X activo: mismo criterio que Camionetas (rojo + highlight / navy) */
.izusu-manual-tab-slot[data-tab="suv"].is-active .izusu-manual-tab-suv {
    position: relative;
    z-index: 0;
    color: #b02a2a;
    font-size: 0.9375rem;
}

.izusu-manual-tab-slot[data-tab="suv"].is-active .izusu-manual-tab-suv::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: 1px;
    bottom: 1px;
    background: rgba(176, 42, 42, 0.1);
    border-radius: 6px;
    z-index: -1;
}

.izusu-manual-tab-slot[data-tab="suv"].is-active .izusu-manual-tab-mux {
    color: #1a1d23;
    font-size: 0.9375rem;
}

.izusu-manual-search-wrap {
    position: relative;
    min-width: 220px;
    flex: 1 1 200px;
    max-width: 280px;
}

.izusu-manual-search-wrap svg {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.1rem;
    height: 1.1rem;
    color: #99A1AF;
    pointer-events: none;
}

.izusu-manual-search {
    width: 100%;
    padding: 8px 16px 8px 36px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #F9FAFB;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    color: #99A1AF;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    line-height: normal;
}

.izusu-manual-search::placeholder {
    color: #9ca3af;
}

.izusu-manual-search:focus {
    outline: none;
    border-color: #9ca3af;
    box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.12);
}

.izusu-manual-heading-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    margin-top: 0.15rem;
}

.izusu-manual-heading {
    margin: 0;
    font-size: clamp(1.35rem, 3.5vw, 1.75rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.izusu-manual-heading-accent {
    color: #C12026;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    font-weight: 900;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.izusu-manual-heading-navy {
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
}

.izusu-manual-count {
    color: #99A1AF;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.izusu-manual-panel {
    background: var(--izusu-white);
    border: 1px solid var(--izusu-border);
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 1.75rem;
}

.izusu-manual-thead {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.65rem 1rem 0.65rem 1rem;
    background: #F9FAFB;
    border-bottom: 1px solid #F3F4F6;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    color: #99A1AF;
    font-family: Barlow, sans-serif;
}

.izusu-manual-thead span:nth-child(1) {
    text-align: left;
}

.izusu-manual-thead span:nth-child(2),
.izusu-manual-thead span:nth-child(3) {
    text-align: center;
    white-space: nowrap;
}

.izusu-manual-thead span:nth-child(4) {
    text-align: right;
    min-width: 5.5rem;
}

.izusu-manual-row {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 0.75rem;
    align-items: center;
    padding: 1rem 1rem;
    border-bottom: 1px solid var(--izusu-border);
}

.izusu-manual-row:last-child {
    border-bottom: none;
}

.izusu-manual-dz-item[data-segment] {
    display: block;
}

.izusu-manual-dz-item.is-hidden {
    display: none;
}

.izusu-manual-row.is-hidden-by-filter {
    display: none !important;
}

.izusu-manual-doc {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

.izusu-manual-doc-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--izusu-red-soft);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--izusu-red);
}

.izusu-manual-doc-icon svg {
    width: 22px;
    height: 22px;
}

.izusu-manual-doc-text {
    min-width: 0;
}

.izusu-manual-doc-title {
    color: #101828;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    margin: 0;
}

.izusu-manual-doc-sub {
    margin: 0;
    color: #99A1AF;
    font-family: Barlow, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.izusu-manual-stat {
    white-space: nowrap;
    color: #6A7282;
    text-align: center;
    font-family: Barlow, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.izusu-manual-download {
    justify-self: end;
}

.izusu-manual-pdf-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid #C12026;
    border-radius: 8px;
    background: var(--izusu-white);
    color: #C12026;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    font-family: Barlow, sans-serif;
    cursor: pointer;
    transition: background 0.2s ease, border-width 0.15s ease, transform 0.2s ease,
        box-shadow 0.2s ease;
}

.izusu-manual-pdf-btn:hover {
    color: #C12026;
    text-decoration: none;
}

.izusu-manual-pdf-btn svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.izusu-manual-pdf-btn:hover {
    background: var(--izusu-red-soft);
    border-width: 2px;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(227, 6, 19, 0.15);
}

.izusu-manual-pdf-btn:active {
    transform: scale(0.97);
}

@media (max-width: 720px) {

    .izusu-manual-thead,
    .izusu-manual-row {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .izusu-manual-thead span:nth-child(2),
    .izusu-manual-thead span:nth-child(3),
    .izusu-manual-thead span:nth-child(4) {
        display: none;
    }

    .izusu-manual-row .izusu-manual-stat {
        text-align: left;
    }

    .izusu-manual-download {
        justify-self: start;
    }
}