/* Single-post-only styles; loaded after main.css by the page loader. */

.wp-block-quote a {
    --_color-text: currentcolor;
}
.wp-block-blog-blocks-button a::before {
    content: none;
}

.detail-content aside.related-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

:is(.single-post, .single-academy) #wrapper {
    background-color: var(--white);
}

@keyframes single-post-chat-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.detail-content .hidden-chat {
    animation: single-post-chat-fade 1.2s 1 cubic-bezier(.4, 0, .2, 1) forwards;
    animation-delay: 2s;
    margin-left: auto;
    opacity: 0;
    z-index: 2;
}

.blog-bottom-article {
    color: var(--header-2);
    padding: 0 0 5.5rem;
    position: relative;
}

.blog-bottom-article h4 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2em;
}

.blog-bottom-article div[itemprop="mainEntity"]+h4,
.blog-bottom-article h3 {
    margin-top: 2rem;
}

.blog-bottom-article h5,
.blog-bottom-article h3[itemprop="name"],
.blog-bottom-article h3 {
    color: var(--red);
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.6em;
}

.blog-bottom-article p,
.blog-bottom-article li,
.blog-bottom-article div div,
.blog-bottom-article div[itemprop="text"] {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 0;
}

.blog-bottom-article p,
.blog-bottom-article li a,
.blog-bottom-article div div,
.blog-bottom-article div div a,
.blog-bottom-article div[itemprop="text"],
.blog-bottom-article div[itemprop="text"] a {
    color: var(--header-2) !important;
}

.blog-bottom-article li a:hover,
.blog-bottom-article div a:hover,
.blog-bottom-article div[itemprop="text"] a:hover {
    color: var(--red) !important;
}

.blog-bottom-article li a {
    padding-left: 1.5rem;
    position: relative;
}
.blog-bottom-article li a::before {
    content: none;
}

.blog-bottom-article li a i {
    left: 0;
    position: absolute;
    top: -.4rem;
}

.blog-bottom-article li a i::before {
    background: no-repeat url('../../img/academy/icons/arrow-small-right.svg') center;
    content: '';
    display: inline-block;
    height: .8rem;
    width: .8rem;
}

.blog-bottom-article .text {
    margin: 0 0 3rem;
}

.blog-bottom-article ul {
    margin: 1rem 0 0;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents {
    margin-bottom: 4rem;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents a {
    font-size: 1.6rem;
    font-weight: 300;
    margin-left: 1rem;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents a:not([data-level="3"])::before {
    content: none;
}


.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents ul,
.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li,
.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li::marker {
    content: none;
    line-height: 3.2rem;
    list-style: none;
    margin: 0;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents>ul {
    border: solid 1px var(--red);
    border-radius: 1rem;
    padding: 3.5rem !important;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li ul,
.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li,
.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li::marker {
    padding: 0 !important;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li {
    font-size: 1.8em;
    font-weight: 800 !important;
    line-height: 1.167em;
    margin: 0 0 2.4rem;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li ul {
    margin-top: 1.1rem;
    padding-left: 1rem !important;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li li {
    font-size: 1.6rem;
    font-weight: 400 !important;
    line-height: 1.563em;
    list-style: disc inside none;
    margin: 0;
}

.detail-content .wp-block-yoast-seo-table-of-contents.yoast-table-of-contents li li::marker {
    content: "\e972";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: never;
    text-transform: none;
}

@media only screen and (max-width: 768px) {
    .detail-content .hidden-chat {
        bottom: 4rem;
        max-width: calc(100% - 4rem);
        position: fixed;
        right: 2rem;
    }

    .detail-content .hidden-chat img {
        height: auto;
        max-width: 100%;
    }

    .blog-bottom-article article {
        padding: 0 1.8rem;
        text-align: center;
    }
}

.detail-content aside .box.related-content-box {
    isolation: isolate;
    position: relative;
    z-index: 0;

    background: var(--white);

}

.detail-content aside .box.related-content-box::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, white 0%, #E4EDF1 100%);
    z-index: -1;
    pointer-events: none;
}

.detail-content aside .box.related-content-box h3,
.detail-content aside .box.related-content-box ul {
    position: relative;
}

.detail-content aside .box.related-content-box h3 {
    font-family: "SF Pro Display", var(--sf-pro-display);
}

.detail-content aside .box.toc-box {
    position: sticky;
    top: 8rem;
    margin-top: 4rem;
    border: 1px solid var(--gray);
    border-radius: 1rem;
    background: var(--white);
    padding: 3rem 3rem 3.9rem 2.5rem;
    margin-bottom: 3rem;
}

.detail-content aside .box.toc-box .toc-eyebrow {
    display: block;
    color: var(--red);
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 2.4rem;
    margin: 0 0 2rem;
}

.detail-content aside .box.toc-box .toc-group {
    margin: 0 0 2rem;
}

.detail-content aside .box.toc-box .toc-group:last-child {
    margin-bottom: 0;
}

.detail-content aside .box.toc-box .toc-group__label {
    --_color-text: var(--header-2);
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 1.2rem;
    color: var(--_color-text);
}

.detail-content aside .box.toc-box .toc-group__label::before {
    content: none;
}

.detail-content aside .box.toc-box .toc-group__items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.detail-content aside .box.toc-box .toc-group__items li {
    position: relative;
    padding: 0 0 0 2.2rem;
    margin: 0 0 1rem;
    border: none;
}

.detail-content aside .box.toc-box .toc-group__items li:last-child {
    margin-bottom: 0;
}

.detail-content aside .box.toc-box .toc-group__items li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .5rem;
    width: .583rem;
    height: 1.05rem;
    background: url('assets/toc-bullet.svg') no-repeat center / contain;
}

.detail-content aside .box.toc-box .toc-group__items a {
    --_color-text: var(--paragraph);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.6em;
}

.detail-content aside .box.toc-box a.is-active {
    color: var(--red) !important;
}

.detail-content header .share .icon-twitter-2::before {
    background-image: url('assets/twitter-share.png');
    width: .96rem;
    height: .79rem;
}

.detail-content header .share .icon-facebook::before {

    content: '';
    display: block;
    background: url('assets/facebook-share.png') no-repeat center / contain;
    width: .57rem;
    height: 1.02rem;
}

.detail-content header .category-button {
    background: var(--gray);
    box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.10);
}

@media only screen and (min-width: 0) and (max-width: 768px) {
    .detail-content aside.related-content {
        align-self: auto;
        display: block;
    }
}

.detail-content article p strong {}

.detail-content {}

.detail-content header {
    margin: 5rem 0;
}

.detail-content header ul {
    margin: 0.6rem 0;
}

.detail-content header li {
    color: var(--header-2);
    font-size: 1.6rem;
    letter-spacing: -.01em;
    line-height: 2rem;
    display: inline-block;
    vertical-align: middle;
}

.detail-content .featured__back {
    position: relative;
}

.detail-content .featured__back .row,
.detail-content .featured__back .col-12-12 {
    height: 100%;
}

.detail-content .featured__back .col-12-12 {
    padding: 0 1.5rem;
}

@media only screen and (min-width: 769px) {
    .detail-content .featured__back .col-12-12 {
        padding: 0 2rem;
    }
}

.detail-content .featured__back img {
    width: 100% !important;
    max-width: 24rem !important;
    height: 15rem !important;
    position: absolute;
    top: 1.5rem;
    left: 0;
}

.detail-content .featured {}

@media only screen and (min-width: 769px) {
    .detail-content .featured__back img {
        width: 24rem !important;
        left: 0;
        top: 3.7rem;
    }

    .detail-content .featured {
        min-height: 29rem;
    }
}

.detail-content header li span.name {
    color: #677074;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 4.6rem;
    text-transform: uppercase;
    letter-spacing: 0.069rem;
}

.detail-content header li:last-child:after {
    content: none;
}

.detail-content header time {
    color: var(--header-2);
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 4.6rem;
    margin-right: 0.5rem;
    text-transform: uppercase;
}

.detail-content header .img-box {
    height: auto;
    background-color: #cfcfcf;
    padding: 1px;
    border-radius: 0.5rem;
    overflow: hidden;

}

.detail-content header .img-box img {
    border-radius: 0.5rem;
    display: inline-block;
    vertical-align: top;
}

.detail-content {
    margin-bottom: 8rem;
}

.detail-content:has(#faqs) {
    margin-bottom: 4rem;
}

.detail-content #faqs {
    margin-top: 4rem;
}

.detail-content #faqs> :is(h2, h4) {
    margin-top: 4rem;
}

.detail-content article img {
    max-width: 100%;
    height: auto;
}


.detail-content footer h2 {
    color: var(--header-2);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 3.2rem;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.detail-content article hr {
    color: var(--red);
    width: 100%;
    height: 1px;
    margin-left: 0;
    border: none;
    background-color: var(--paragraph);
    margin: 5.5rem 0;
}

.detail-content .newpost .wp-block-embed__wrapper blockquote.wp-embedded-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media only screen and (min-width : 767px) {

    .detail-content article :is(li, p) a:hover {
        text-decoration: none;
    }


    .detail-content article p img {
        margin: 3rem 0;
    }

    .detail-content article h2 {
        margin-top: 4.6rem;
    }

    .detail-content footer {
        flex: 0 0 58.333333333333336% !important;
        max-width: 58.333333333333336% !important;
    }
}

@media only screen and (min-width : 0) and (max-width : 766px) {
    .detail-content header {
        margin: 7.6rem 0 3.7rem;
        padding: 0 .3rem;
        text-align: left;
    }

    .detail-content header li {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .detail-content article {
        text-align: center;
    }

    .detail-content article blockquote cite {
        color: var(--header-2);
        font-size: 1.1rem;
        line-height: 1.2em !important;

        margin-top: 2.5rem;
        display: inline-block;
    }

    .detail-content footer {
        padding: 0 2rem;
    }

    .detail-content footer h2 {
        font-size: 2.1rem;
        line-height: 2.6rem;
        letter-spacing: -0.029rem;
    }

}

header.detail-content {
    margin: 0 0 5rem;
}

.detail-content h1 {
    color: var(--header-2);
    font-family: "SF Pro Text", var(--sf-pro-text);
    font-size: 3.6rem;
    font-weight: 300;
    line-height: 1.07em;
    margin: 0 0 3.3rem;
}

.detail-content header .author {
    margin: 0 0 3.3rem;
}

.detail-content header .author .author-box {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    max-width: 80%;
}

.detail-content header .author>a:hover {
    opacity: .7;
}

.detail-content header .author .post-author__avatar {
    flex: 0 1 5.9rem;
    width: 5.9rem;
    height: 5.9rem;
    border-radius: 100%;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15);
    padding: 0;
}

.detail-content header .author .author-box .post-author__data {
    padding-left: 1.5rem;
    margin-left: 1.5rem;
    border-left: 1px solid var(--light-gray-2);

}

.detail-content header .author .author-box .post-author__data h2,
.detail-content header .author .author-box .post-author__data p {
    font-family: "SF Pro Text", var(--sf-pro-text);
}

.detail-content header .author .author-box .post-author__data h2 {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.625em;
    letter-spacing: -0.0625em;
    margin: 0 0 .5rem;
    color: var(--paragraph);
}

.detail-content header .author .author-box .post-author__data p {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.2em;
    color: var(--paragraph);
    margin: 0;
}

.detail-content header .category-button {
    border-radius: .5rem;
    background: var(--gray);
    box-shadow: 0 0 2.4rem 0 rgba(0, 0, 0, 0.10);
    display: inline-flex;
    font-family: "SF Pro Text", var(--sf-pro-text);
    height: 2.2rem;
    padding: 0 1.4rem;
    margin: 0 auto 1.4rem;
    justify-content: center;
    align-items: center;
    color: var(--white) !important;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 800;
    line-height: 2.5em;

}

.detail-content header .category-button::before {
    content: none;
}

.detail-content header .metadata time {
    color: var(--gray);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2em;
    text-transform: capitalize;
    margin: 0 0 1.3rem;
    letter-spacing: 0;
}

.detail-content header .metadata time i {
    margin-right: .6rem;
}

.detail-content header .share h5 {
    color: var(--red);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2em;
    display: inline-block;
    vertical-align: middle;
}

.detail-content header .share button,
.detail-content header .share a {
    color: var(--red);
    font-size: 1.2rem;
    margin-left: .8rem;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
}

.detail-content header .share .icon-facebook {
    font-size: 1.4rem;
}

.detail-content header .share .icon-twitter::before {
    content: url('assets/social_media_twitter.svg');
}

.detail-content header .share .icon-twitter-2::before {
    background: url('assets/twitter-red.svg');
    content: '';
    height: 1rem;
    display: block;
    width: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.detail-content .newpost {
    font-family: "SF Pro Text", var(--sf-pro-text);
}

.detail-content .newpost h2 {
    color: var(--header-2);
    font-family: "SF Pro Text", var(--sf-pro-text);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 4.1rem;
}

.detail-content .newpost .wp-block-embed-youtube {
    border-radius: 1rem;
    overflow: hidden;
}

.detail-content .newpost .wp-block-blog-blocks-image-video-modal [data-comp=openLightbox] img {
    object-fit: cover !important;
}

.detail-content .newpost ul {
    padding-left: 2rem;
}

.detail-content .newpost ul+h2,
.detail-content .newpost ol+h2,
.detail-content .newpost p+h2 {
    margin-top: 2rem;
}

.detail-content .newpost>h3 {
    color: var(--header-2);
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.2em;
    margin: 0 0 2rem;
}

.detail-content .newpost ul+h3,
.detail-content .newpost ol+h3,
.detail-content .newpost p+h3 {
    margin-top: 2rem;
}

.detail-content .newpost h4 {
    color: var(--header-2);
    font-size: 1.8rem;
    line-height: 1.2em;
    font-weight: 800;
    margin: 0 0 1.6rem
}

.detail-content .newpost h5 {
    color: var(--header-2);
    font-size: 1.6rem;
    line-height: 1.2em;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 1.6rem
}

.detail-content .newpost h6 {
    color: var(--header-2);
    font-size: 1.4rem;
    line-height: 1.6em;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 1.6rem
}

.detail-content .newpost blockquote {
    padding: 0;
    padding-left: 4.2rem;
    margin: 0 0 4.4rem;
}

.detail-content .newpost p.copete {
    padding-left: 0;
}

.detail-content .newpost p.copete {
    color: var(--header-2);
    font-family: "SF Pro Text", var(--sf-pro-text);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 3.5rem;
}

.detail-content .newpost table {}

.detail-content .newpost table th {
    color: var(--red);
    text-align: center;
}

.detail-content .newpost table th:first-child {
    text-align: left;
}

.detail-content .newpost table th,
.detail-content .newpost table td {
    border-right: .2rem solid var(--light-gray-2);
    border-bottom: .2rem solid var(--light-gray-2);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.detail-content .newpost table th:last-child {
    border-right: none;
}

.detail-content .newpost table td:last-child {
    border-right: none;
}

.detail-content .newpost table tr:last-child td {
    border-bottom: none;
}

.detail-content .newpost blockquote p.destacado {
    color: #867FDA;
}

.detail-content .newpost blockquote cite,
.detail-content .newpost p.copete cite {
    color: var(--header-2);
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    display: inline-block;
}

.detail-content article p,
.detail-content article li {
    color: var(--header-2);
    font-size: 1.6rem;
    line-height: 1.6em;
    margin-top: .8rem;
    margin-bottom: .8rem;
    font-weight: 300;
}

.detail-content article h6 {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.625em;
    text-transform: uppercase;
    margin: 0 0 1rem;
}

.detail-content article h6 a {
    --_color-text: var(--red)
}

.detail-content article h6 a::before {
    content: none;
}
.detail-content article li {
    line-height: 1.625em;
}

.detail-content article ol li {
    font-style: italic;
}

.detail-content article li p {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
}

.detail-content article ol,
.detail-content article ul,
.detail-content article p {
    margin: 0 0 3.5rem;
}

.detail-content article ol,
.detail-content article ul {
    text-align: left;
}

.detail-content article ul {
    list-style-position: outside;
    padding-left: .5rem;
}

.detail-content article ul li {
    padding-left: 1rem;
}

.detail-content article ul:not(.wp-block-yoast-seo-related-links) li {
    font-weight: 300;
}

.detail-content article ul li::marker {
    content: "•";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

}

.detail-content article .small {
    text-align: left;
}

.detail-content article .small ol {
    padding-left: 0;
}

.detail-content article p strong,
.detail-content article li strong {
    font-weight: 700;
}

.detail-content article blockquote {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2em;
    padding: 1.5rem 0 1.5rem 4.7rem;
    border-left: .5rem solid var(--red);
    max-width: none;
    margin: 0 0 4.4rem;
}

.detail-content article blockquote>* {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
}

.detail-content .newpost blockquote p {
    color: var(--red);
}

.detail-content article p.copete p {

    color: #1d1d1b;
}

.detail-content article .wp-block-yoast-seo-related-links li {
    color: var(--header-2);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2em;
    text-align: left;
    margin: 0;
}

.detail-content article .wp-block-yoast-seo-related-links {
    padding-left: 0.5rem;
    list-style-position: outside;
}

.detail-content article .wp-block-yoast-seo-related-links li::marker {
    margin-right: .5rem;
}

.detail-content article .wp-block-yoast-seo-related-links a {
    color: var(--header-2) !important;
    text-decoration: none !important;
}

.detail-content header time {
    color: var(--header-2);
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.4rem;
}

.detail-content article .small {
    margin: 0 0 3rem;
}

.detail-content header li span.name {
    color: var(--header-2);
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: 1px;
    line-height: 1.4rem;
}

.detail-content header {}

.detail-content aside .box {
    background: linear-gradient(0deg, rgba(171, 185, 240, 0.50) -17.54%, rgba(217, 217, 217, 0.00) 100%);
    padding-block: 15.4rem 13.1rem;
    padding-inline: 3.9rem;
}

.detail-content aside .box h3 {
    color: var(--header-2);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.25em;
    margin: 0 0 1.5rem;
    padding-left: 2rem;
    position: relative;
}

.detail-content aside .box h3:first-child {
    margin: 0 0 1.9rem;
    text-transform: uppercase;
}

.detail-content aside .box h3:not(:first-child)::before {
    content: "\e972";
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.detail-content aside .box hr {
    border: .05rem solid var(--header-2);
    margin: 2.6rem 0 4.3rem;
}

.detail-content aside .box a::before {
    content: none;
}

.detail-content aside .box .view-all {
    font-weight: 700;
}

.detail-content aside .box .view-all::after {
    content: "\e972";
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    top: .15rem;
    right: 0;
    transition: right .3s ease;
}

.detail-content aside .box .view-all:hover::after {
    right: -.5rem;
}

.detail-content aside .box>a {
    border-radius: .5rem;
    background: var(--white);
    box-shadow: 0 0 2.4rem 0 rgba(0, 0, 0, 0.10);
    padding: 0 2.8rem;
    color: var(--paragraph) !important;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.8em;
    display: inline-flex;
    margin: 0 1.5rem 1.7rem 0;
}

.detail-content aside .box li {
    color: var(--header-2);
    font-family: "SF Pro Display", var(--sf-pro-display);
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25em;
    padding: 0 0 1rem;
    margin-bottom: 1rem;
    margin-left: 2rem;
}

.detail-content aside .box li a {
    font-family: "SF Pro Display", var(--sf-pro-display);
}

.detail-content aside .box li:not(:last-of-type) {
    border-bottom: 0.05rem solid var(--app-lavender);
}

.detail-content .schema-how-to-description {
    color: var(--header-2);
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2em;
    margin: 0 0 1.2em;
}

.detail-content article .wp-block-separator {
    background: var(--gradient-lavender);
    height: .25rem;
}

.detail-content article .wp-block-separator.is-style-wide {
    background: var(--gray);
    max-width: 100%;
    height: 0.05rem;
}

.detail-content article .wp-block-yoast-seo-related-links li {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.57em;
}

.detail-content p.schema-faq-answer {
    font-weight: 400;
}

@media only screen and (min-width: 769px) {

    .detail-content .newpost p.copete {
        width: 90%;
    }

    .detail-content a:hover {
        text-decoration: none !important;
    }

    .detail-content .newpost blockquote {
        padding: 0;
        padding-left: 3.2rem;
        margin: 0 0 4.5rem;
        font-size: 2rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2em;
    }

    .detail-content .newpost blockquote p.destacado {
        line-height: 1.2em;
    }

    .detail-content .newpost blockquote p {
        font-weight: 300;
    }

    .detail-content .newpost .wp-block-image {
        margin: 0 0 4rem;
    }

    .detail-content header {
        margin: 13.8rem 0 2.5rem;
    }

    .detail-content header li span.name {
        color: var(--header-2);
        font-size: 1.2rem;
        font-weight: 900;
        letter-spacing: 1px;
        line-height: 1.4rem;
    }

    .detail-content h1 {
        color: var(--header-2);
        font-size: 4rem;
        line-height: 1.2em;
        margin: 0 0 8.5rem;
    }

    .detail-content .author {
        margin: 0 0 7rem;
    }

    .detail-content header .author .author-box {
        max-width: 70%;
    }

    body:not(:has(aside.related-content)) .detail-content header .author .author-box {
        font-family: "SF Pro Text", var(--sf-pro-text);
        justify-content: flex-start;
        max-width: 40%;
        margin: 0;
    }

    body:not(:has(aside.related-content)) .detail-content header .author .author-box p {
        font-family: "SF Pro Text", var(--sf-pro-text);
    }

    .detail-content header .category-button {
        margin: 0 1rem 0 0;
    }

    .detail-content article.col-12-12 header .category-button,
    .editor-styles-wrapper.col-12-12 header .category-button {
        margin: 0 2.5rem 0 0;
    }

    .detail-content header .metadata time {
        margin: 0;
    }

    .detail-content .newpost ul+h2,
    .detail-content .newpost ol+h2,
    .detail-content .newpost p+h2 {
        margin-top: 3.9rem;
    }

    .detail-content .newpost ul+h3,
    .detail-content .newpost ol+h3,
    .detail-content .newpost p+h3 {
        margin-top: 3.9rem;
    }

    .detail-content article ol li {
        font-style: italic;
        line-height: 2.375em;
    }

    .detail-content .wp-block-buttons .wp-block-button__link {
        padding: 0 2.4rem;
    }

    .detail-content article hr {
        max-width: 25.6rem;
        margin: 3.9rem 0 4.7rem;
    }

    .detail-content article p,
    .detail-content article ol,
    .detail-content article ul {
        margin: 0 0 4rem;
    }

    .detail-content article p:last-child,
    .detail-content article ol:last-child,
    .detail-content article ul:last-child {
        margin: 0;
    }

    .detail-content article .splide__pagination,
    .detail-content article .splide__pagination:last-child {
        margin-top: 1rem;
    }

    .detail-content article p strong,
    .detail-content article li strong {
        font-weight: 700;
    }

    .detail-content article p,
    .detail-content article li {
        line-height: 1.625em;
    }

    .detail-content .newpost blockquote p {
        line-height: 1.2em;
    }

    .detail-content article li {
        margin-top: 0;
        margin-bottom: 0;
    }

    .detail-content article .wp-block-yoast-seo-related-links {
        padding-left: 1.2rem;
    }

    .detail-content article .wp-block-yoast-seo-related-links li {
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.62em;
    }

    .detail-content article .wp-block-yoast-seo-related-links li::marker {
        content: "\e972";
        padding-right: 1.5rem;
    }

    .detail-content .newpost blockquote cite,
    .detail-content .newpost p.copete cite {
        color: var(--header-2);
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin-top: 0.8rem;
        margin-bottom: 0.8rem;
        display: inline-block;
    }

    .detail-content .newpost p.copete {
        font-size: 2.6rem;
        line-height: 1.2em;
        margin: 0 0 3.8rem;
    }

}

@media only screen and (min-width: 0) and (max-width: 768px) {
    .detail-content header .col-auto {
        width: 100%;
    }

    .detail-content header .col-auto time {
        display: block;
    }

    .detail-content .newpost {
        padding: 0 .3rem;
        margin: 0 0 5.2rem;
        text-align: left;
    }
    .detail-content .newpost h2 {
        font-size: 2.4rem;
    }

    .detail-content article .wp-block-image {
        width: 100%;
        margin: 0 0 1rem;
    }

    .detail-content aside .box {
        display: none;
    }

    .detail-content article .wp-block-yoast-seo-related-links {
        text-align: center;
    }

    .detail-content .newpost blockquote {
        text-align: left;
    }

    .detail-content .newpost .audio-container {
        width: 100%;
        height: auto;
    }

    .detail-content .newpost .wp-block-embed-youtube {
        width: 100%;
    }
}

.detail-content #faqs {
    position: relative;
    color: var(--header-2);
}

.detail-content #faqs::before {
    content: 'FAQS';
    display: block;
    color: var(--paragraph);
    font-family: var(--sf-pro-text);
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 1.6rem;
    padding-left: 1.2rem;
}
.detail-content #faqs::after {
    content: "— ";
    display: block;
    color: var(--red);
    position: absolute;
    left: 0;
    top: .15rem;
}
.detail-content #faqs>h2 {
    color: var(--header-2);
    font-weight: 300;
    margin: 0 0 2.5rem;
}

.detail-content #faqs>h2+p {
    color: var(--paragraph);
    font-weight: 400;
    margin: 0 0 3rem;
}

.detail-content #faqs h4,
.detail-content #faqs h5 {
    color: var(--header-2);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2em;
    margin: 3rem 0 1.6rem;
}

.detail-content #faqs div[itemprop="mainEntity"]+h4 {
    margin-top: 3rem;
}

.detail-content #faqs h3,
.detail-content #faqs h3[itemprop="name"] {
    color: var(--red);
    font-weight: 600;
    margin: 2rem 0 0;
}

.detail-content #faqs>div:first-of-type h3 {
    margin-top: 0;
}

.detail-content #faqs p,
.detail-content #faqs li,
.detail-content #faqs div div,
.detail-content #faqs div[itemprop="text"] {
    color: var(--paragraph);
    font-weight: 400;
    margin: .8rem 0 0;
}

.detail-content #faqs div[itemprop="text"] a,
.detail-content #faqs p a {
    --_color-text: var(--paragraph);
}

.detail-content #faqs div[itemprop="text"] a:hover,
.detail-content #faqs p a:hover {
    color: var(--red) !important;
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
    .detail-content .row .newpost {
        padding: 0 1.5rem 0 1.5rem;
    }
}