@charset "UTF-8";
:root {
    --clr-palette-1: #58517a;
    --clr-palette-2: #b8b9da;
    --clr-palette-3: #e75d0c;
    --clr-palette-4: #333333;
    --clr-palette-5: #5b5867;
    --clr-palette-6: #717173;
    --clr-palette-7: #dddde5;
    --clr-palette-8: #efefef;
    --clr-palette-9: #f9f9f9;
    --clr-palette-10: #ffffff;
    --ff-heading: "IBM Plesk Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --ff-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
      Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --border-radius: 4px;
    --fs-small: 0.925rem;
    --fs-base: 1rem;
    --fs-big: 1.5rem;
    --fs-huge: 1.75rem;
    --hfs-home: clamp(2.5rem, 5vw + 1.25rem, 4.5rem);
    --hfs-1: clamp(2.01rem, 0.23vi + 1.95rem, 2.14rem);
    --hfs-2: clamp(1.75rem, 0.28vi + 1.68rem, 1.9rem);
    --hfs-3: clamp(1.52rem, 0.31vi + 1.44rem, 1.69rem);
    --hfs-4: clamp(1.32rem, 0.32vi + 1.24rem, 1.5rem);
    --hfs-5: clamp(1.15rem, 0.33vi + 1.07rem, 1.34rem);
    --hfs-6: clamp(1rem, 0.34vi + 0.92rem, 1.19rem);
    --animation-primary: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    --animation-fast: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    --animation-smooth: all 0.7s cubic-bezier(0.7, 0, 0.3, 1);
    --gap-padding: 1.25rem;
}

/* General
--------------------------------------------------- */
html {
    scroll-behavior: smooth;
}

/* Scrollbar CSS - https://codepen.io/stephenpaton-tech/details/JjRvGmY
--------------------------------------------------- */
/* Firefox */
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
    font-size: 16px;
    scrollbar-width: thin;
    scrollbar-color: var(--clr-palette-1) var(--clr-palette-8);
}

/* Chrome, Edge, and Safari */
html ::-webkit-scrollbar {
    width: 8px;
}

html ::-webkit-scrollbar-track {
    background: var(--clr-palette-6);
}

html ::-webkit-scrollbar-thumb {
    background-color: var(--clr-palette-5);
    border-radius: 8px;
    border: 0px solid var(--clr-palette-6);
}

.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-site-blocks h3,
.wp-site-blocks h4,
.wp-site-blocks h5,
.wp-site-blocks h6 {
    -webkit-margin-after: 1.25rem;
            margin-block-end: 1.25rem;
}

h1 {
    font-size: var(--hfs-1);
}

h2 {
    font-size: var(--hfs-2);
}

h3 {
    font-size: var(--hfs-3);
}

h4 {
    font-size: var(--hfs-4);
}

h5 {
    font-size: var(--hfs-5);
}

h6 {
    font-size: var(--hfs-6);
}

p {
    margin: 0 0 1.5rem;
    padding: 0;
    overflow-x: initial;
}

.content-area a {
    font-weight: 600;
}

.lcm-home-title {
    font-size: var(--hfs-home);
}

/* Header
--------------------------------------------------- */
.wp-block-kadence-header .custom-logo {
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
}

.shrink .item-is-stuck .custom-logo {
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
    max-width: 120px;
}

.scrolltop .kb-header-placeholder-wrapper {
    min-height: 60px;
}

.pg-card-with-shadow {
    -webkit-box-shadow: 0px 2px 12px -6px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 2px 12px -6px rgba(0, 0, 0, 0.4);
}

.wp-site-blocks .kt-image-overlay-wrap {
    background-color: white;
}
.wp-site-blocks .kt-image-overlay-wrap:focus-within .kt-image-overlay-color-wrapper {
    opacity: 0 !important;
}

.wp-site-blocks h1.lcm-min-margin-bottom,
.wp-site-blocks h2.lcm-min-margin-bottom,
.wp-site-blocks h3.lcm-min-margin-bottom,
.wp-site-blocks h4.lcm-min-margin-bottom,
.wp-site-blocks h5.lcm-min-margin-bottom,
.wp-site-blocks h6.lcm-min-margin-bottom,
.wp-site-blocks p.lcm-min-margin-bottom {
    -webkit-margin-after: 0.25rem;
            margin-block-end: 0.25rem;
}

/* Search block (native)
----------------------------------------------------- */
/* Search block (native) 
----------------------------------------------------- */
.mtbas__wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.mtabs-controls {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    gap: 0.5rem;
    border-bottom: 1px solid var(--clr-palette-7);
}
.mtabs .mtabs-controls {
    padding-left: 0;
}
.mtabs-controls .mtabs__list-item {
    cursor: pointer;
}
.mtabs-controls .mtabs__list-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 1rem;
    background-color: var(--clr-palette-7);
    color: var(--clr-palette-1);
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    font-family: var(--ff-heading);
    font-weight: 500;
}

[class^=tab-item-] {
    padding-block: 1.5rem;
}
[class^=tab-item-]:not(:first-of-type) {
    display: none;
}

/**
 * Estilos para los grid de cursos y sus elementos (items).
 */
.faqs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    gap: 1rem;
}
.faqs__header {
    -webkit-margin-after: 2rem;
            margin-block-end: 2rem;
}
.faqs__title {
    font-size: var(--fs-05);
}
.faqs__item button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 0.65rem 1rem;
    color: var(--clr-palette-1);
    font-size: 1.15rem;
    font-weight: 400;
    background: rgba(88, 81, 122, 0.1);
    -webkit-transition: var(--animation-primary);
    transition: var(--animation-primary);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border: none;
    outline: none;
}
.faqs__item button:hover, .faqs__item button:focus {
    cursor: pointer;
    color: var(--clr-palette-3);
}
.faqs__item button:hover::after, .faqs__item button:focus::after {
    cursor: pointer;
    color: var(--clr-palette-3);
    border: none;
}
.faqs__item .faqs__question {
    padding: 0;
    margin: 0;
    font-size: var(--fs-04);
    font-weight: 600;
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
    color: inherit;
    will-change: color;
}
.faqs__item .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1.15rem;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.faqs__item .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
}
.faqs__item .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
}
.faqs button[aria-expanded=true] {
    color: var(--clr-palette-3);
}
.faqs button[aria-expanded=true] .faqs__question {
    color: var(--clr-palette-3);
}
.faqs button[aria-expanded=true] .icon::before {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.faqs button[aria-expanded=true] .icon::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.faqs .faqs__answer {
    margin: 0;
    position: relative;
    padding-inline: 1.5rem;
    padding-block: 1.5rem 0;
}
.faqs .faqs__answer.hide {
    display: none;
}
.faqs .faqs__answer p {
    font-size: 1rem;
    -webkit-margin-after: 1.5rem;
            margin-block-end: 1.5rem;
}

/**
 * Estilos para los grid de cursos y sus elementos (items).
 */
.specs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    gap: 0.65rem;
}
.specs__title {
    font-size: var(--fs-01);
}
.specs__item button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 0.65rem 1rem;
    color: var(--clr-palette-10);
    font-size: 1.15rem;
    font-weight: 400;
    background: var(--clr-palette-1);
    -webkit-transition: var(--animation-primary);
    transition: var(--animation-primary);
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border: none;
    outline: none;
}
.specs__item button:hover, .specs__item button:focus {
    cursor: pointer;
    color: var(--clr-palette-2);
}
.specs__item button:hover::after, .specs__item button:focus::after {
    cursor: pointer;
    color: var(--clr-palette-2);
    border: none;
}
.specs__item .specs__question {
    padding: 0;
    margin: 0;
    font-size: var(--fs-04);
    font-weight: 600;
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
    color: inherit;
    will-change: color;
}
.specs__item .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1.15rem;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.specs__item .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
}
.specs__item .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
}
.specs button[aria-expanded=true] {
    color: var(--clr-palette-2);
}
.specs button[aria-expanded=true] .specs__question {
    color: var(--clr-palette-2);
}
.specs button[aria-expanded=true] .icon::before {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.specs button[aria-expanded=true] .icon::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.specs .specs__answer {
    margin: 0;
    position: relative;
    padding-inline: 1.5rem;
    padding-block: 1.5rem 0;
}
.specs .specs__answer.hide {
    display: none;
}
.specs .specs__answer p {
    font-size: 1rem;
    font-weight: 300;
    -webkit-margin-after: 1.5rem;
            margin-block-end: 1.5rem;
}

/**
 * Estilos para el bloque de motos con filtros.
 */
.pglayout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(10rem + 4vw) 1.5rem 1fr;
    grid-template-columns: calc(10rem + 4vw) 1fr;
    gap: 1.5rem;
}
@media (max-width: 782px) {
    .pglayout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
.pglayout__aside {
    background-color: var(--clr-palette-9);
    border-radius: var(--border-radius);
    padding-block: 1.5rem;
    -webkit-padding-start: 1rem;
            padding-inline-start: 1rem;
}
@media (max-width: 782px) {
    .pglayout .pg-filtros .pg-filtro .facetwp-facet.facetwp-type-checkboxes {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
    }
}
.pglayout__main {
    width: 100%;
}
.pglayout__main .grid__motos {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.5rem;
}
.pglayout__main .moto {
    border-radius: var(--border-radius);
    -webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.15);
}
.pglayout__main .moto__link {
    text-decoration: none;
}
.pglayout__main .moto__link img {
    border-radius: var(--border-radius);
}
.pglayout__main .moto__content {
    padding: 0.5rem;
}
.pglayout__main .moto__title {
    text-align: center;
}
.pglayout .pg__pagination {
    display: none;
}
.pglayout .facetwp-facet-kb_paginacin {
    -webkit-margin-before: 1.5rem;
            margin-block-start: 1.5rem;
    padding-block: 1rem;
    border-top: 1px solid var(--clr-palette-8);
}
.pglayout .facetwp-facet-kb_paginacin .facetwp-pager {
    text-align: center;
}

.motos-sidebar .motos .moto {
    border-radius: var(--border-radius);
}
.motos-sidebar .motos .moto__link {
    text-decoration: none;
}
.motos-sidebar .motos .moto__link img {
    border-radius: var(--border-radius);
}
.motos-sidebar .motos .moto__content {
    padding: 0.5rem;
}
.motos-sidebar .motos .moto__title {
    text-align: center;
    font-weight: 600;
}

.motos-other-models {
    background-color: var(--clr-palette-7);
    padding: 0.3rem 0.65rem;
    border-radius: 2px;
}
.motos-other-models .other-motos {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 0.65rem 1.5rem;
}
.motos-other-models .other-motos .othermoto__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.45rem;
    text-decoration: none;
}
.motos-other-models .other-motos .othermoto__icon img {
    max-width: 2rem;
}
.motos-other-models .other-motos .othermoto__title {
    font-weight: 600;
    font-size: 15px;
}
.motos-other-models .other-motos .otroaccesorio__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.45rem;
    text-decoration: none;
}
.motos-other-models .other-motos .otroaccesorio__icon img {
    max-width: 1.5rem;
}
.motos-other-models .other-motos .otroaccesorio__title {
    font-weight: 600;
    font-size: 15px;
}

/**
 * Estilos para los post por marca de las páginas de marcas de motos.
 */
.pgposts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
.pgposts .pgpost {
    border-radius: var(--border-radius);
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.15);
}
.pgposts .pgpost__wrapper-link {
    text-decoration: none;
    color: inherit;
    font-weight: inherit;
}
.pgposts .pgpost__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    gap: 1.5rem;
}
@media (max-width: 600px) {
    .pgposts .pgpost__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        gap: 0;
    }
}
.pgposts .pgpost__thumbnail {
    position: relative;
    aspect-ratio: 4/3;
    min-width: 30%;
}
@media (max-width: 600px) {
    .pgposts .pgpost__thumbnail {
        aspect-ratio: 19/9;
    }
}
.pgposts .pgpost__thumbnail img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.pgposts .pgpost__content {
    padding: 1rem 1rem 1rem 0;
}
@media (max-width: 600px) {
    .pgposts .pgpost__content {
        padding: 1rem;
    }
}
.pgposts .pgpost__title {
    font-size: var(--hfs-5);
    line-height: 1.2;
    -webkit-transition: var(--animation-fast);
    transition: var(--animation-fast);
    will-change: color;
}
.pgposts .pgpost:hover .pgpost__title, .pgposts .pgpost:focus .pgpost__title, .pgposts .pgpost:focus-visible .pgpost__title {
    color: var(--clr-palette-3);
}
/*# sourceMappingURL=main.css.map */