﻿.screen__title {
    margin-bottom: 0px !important;
}

.shine {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    display: inline-block;
    position: relative;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
}

lines {
    height: 10px;
    margin-top: 10px;
    width: 120px;
    margin-left: 1rem;
}

.aside--top-bar photo {
    display: block !important;
    width: 56px;
    height: 56px;
}

.shine-exclusive {
    margin: 0px 0px 1rem 0px;
}

    .shine-exclusive .shine {
        padding: 0px;
        margin: 0px;
        width: 100%;
        height: 42px;
    }

.shine-label {
    height: 18px;
    width: 50%;
    margin: 0px;
}

.shine-title {
    height: 90px;
    width: 100%;
    margin: 0px;
}

.shine-description .shine {
    height: 16px;
    width: 100%;
    margin: 0px;
}

    .shine-description .shine:nth-child(1) {
        width: 100%;
    }

    .shine-description .shine:nth-child(2) {
        width: 80%;
    }

    .shine-description .shine:nth-child(3) {
        width: 60%;
    }

.shine-author {
    height: 16px;
    width: 20%;
    margin: 0px;
}

.shine-date {
    height: 16px;
    width: 40%;
    margin: 0px;
}

.shine-social {
    height: 34px;
    width: 34px;
    margin: 0px;
    border-radius: 25px;
    margin-right: 10px;
}

.shine-image {
    width: 100%;
    height: 320px;
    margin-right: calc(0px - (var(--p-grid-gutter) / 2));
    margin-left: calc(0px - (var(--p-grid-gutter) / 2));
    padding: 0px;
}

.dummy-content {
    display: block;
    margin: 0rem 2rem 0rem 2rem;
}

.hide {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .dummy-content {
        margin: 0rem 3rem 0rem 3rem;
    }
}

@media screen and (min-width: 1024px) {
    .dummy-content {
        margin: 0rem 5rem 0rem 5rem;
    }
}

@media screen and (min-width: 1288px) {
    .dummy-content {
        margin: 0px auto;
        max-width: 1288px;
    }

    .media .media--html {
        max-width: 1288px;
        margin-left: 0px;
    }

    .byline-dateline {
        max-width: 1150px;
    }
}

/*@media screen and (max-width: 480px) {
    .shine-image {
        width: 480px;
    }
}*/

/*@media screen and (max-width: 1024px) {
    .shine-image {
        width: 1024px;
    }
}*/

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@media print, screen and (min-width: 64em) {
    .story:not(.story--live) .story__content {
        /*        width: 83.33333% !important;
        margin-left: 8.33333% !important;*/
    }

    .screen--article.layout--standard.tone--news .story .story__content,
    .screen--article.layout--longform.layout--longform-full .story .story__content,
    .screen--article:not(.story--live) .story__content {
        width: 45.625rem !important;
        float: none !important;
        margin: 0 auto !important;
    }

    .story__body,
    .story__footer {
  
        margin: 0px auto !important;
    }
}


body.layout--longform-full #main {
    margin-top: -3.9rem;
}

/* header */
html.darkmode body.screen--subbrand2024:not(.tone--p3):not(.tone--p2):not(.tone--culturaipsilon):not(.tone--impar):not(.tone--fugas):not(.tone--fugasterroir):not(.tone--leituras) button.btn--outlined.btn--follow:not(.active) {
    border-color: #fff;
    color: #fff;
}
html.darkmode body:not(.tone--p3):not(.tone--p2):not(.tone--culturaipsilon):not(.tone--impar):not(.tone--fugas):not(.tone--fugasterroir):not(.tone--leituras) button.btn--outlined.btn--follow:not(.active) {
    border-color: #fff;
    color: #fff;
}

html.darkmode body.screen--subbrand2024:not(.tone--p3):not(.tone--p2):not(.tone--culturaipsilon):not(.tone--impar):not(.tone--fugas):not(.tone--fugasterroir):not(.tone--leituras){
    --background: var(--color-dark);
    --foreground: var(--color-light);
    --neutral-70: var(--base-neutral-30);
    --neutral-60: var(--base-neutral-40);
    --neutral-30: #3f3f3f;
    --neutral-20: var(--base-neutral-70);
    --neutral-10: var(--base-neutral-90);
    --tone-multimedia: var(--base-neutral-90);
    --tone-pub: var(--base-neutral-70);
    --tone-paid: #25424c;
    --tone-bg-exclusive: #473b00;
    --lighter-neutral: #2d2d2d
}

/*ARTICLE*/
html body.tone--multimedia.v2020.screen--article .dateline {
    color: #8a8a8a;
}

body.v2020 .supplement-nameplate {
    display: block !important

}

body.v2020 .supplement-nameplate.supplement-nameplate--culturaipsilon svg.supplement-nameplate__img path {
    fill: #1A1E22
}

html.darkmode body.v2020 .supplement-nameplate.supplement-nameplate--culturaipsilon svg.supplement-nameplate__img path {
    fill: var(--base-neutral-40);
}

html.darkmode body:not(.hp2022).tone--p3:not(.layout--longform-full):not(.layout--longform) .story svg.supplement-nameplate__img g,
html.darkmode body:not(.hp2022).tone--impar:not(.layout--longform-full):not(.layout--longform) .story svg.supplement-nameplate__img path,
html.darkmode body:not(.hp2022).tone--fugas:not(.layout--longform-full):not(.layout--longform) .story svg.supplement-nameplate__img path {
    fill: #FFF;
}

.btn--save--article.active .save--article {
    display: block;
}

.btn--save--article .save--article {
    display: none;
}
.btn--save--article.active .not-save--article {
    display: none;
}

.btn--save--article .not-save--article {
    display: block;
}

html body.v2020.screen--article .story__contact .author {
    flex: 1 1 0px;
    padding-right: 0;
    padding-left: 0;
    min-width: 0;
    flex: unset;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 0.5rem;
} 

/* HEADER DARKMODE */
html.darkmode body.v2020.tone--estudiop.screen--article .masthead--paint {
    background: #1A1E22;
}
html.darkmode body.v2020.screen--article svg.icon-chevron-left path,
html.darkmode body.screen--category.page--category-listing svg.icon-chevron-left path,
html.darkmode body.v2020.screen--subbrand.screen-newsLetters svg.icon-chevron-left path,
html.darkmode body.v2020.lp--azul svg.icon-chevron-left path {
    fill: #FFF
}

html.darkmode body.screen--subbrand2024:not(.tone--p3):not(.tone--p2):not(.tone--culturaipsilon):not(.tone--impar):not(.tone--fugas):not(.tone--fugasterroir):not(.tone--leituras) .btn--follow {
    border-color: #FFF;
    color: #FFF;
}

html.darkmode svg.icon-user--new path,
html.darkmode body.v2020 .btn-article svg path{
    fill: #fff;
}

html.darkmode .btn--login--header {
    color: #fff;
}

.btn-article{
    display: none !important;
    padding: 0.375rem 0.375rem !important;
}

.btn.btn-article.btn--offer--article {
    margin-right: 0.745rem;
}

.btn.btn-article.btn--save--article {
    margin-left: 0.745rem;
}

.btn-article:hover {
    fill: var(--foreground);
    color: var(--foreground);
    /* background: var(--neutral-20) */
}

html.user--logged-in.user--subscriber:not(.user--anonymous) body.v2020.screen--article button.user-tools__user-icon.user-data.btn--toggle-user-menu {
    display: none !important;
}

html.user--logged-in.user--subscriber:not(.user--anonymous) body.v2020.screen--article:not(.screen--playlist) button.btn-article:not(.btn--offer--article) {
    display: inline-block !important;
}

html.user--subscriber.user--anonymous body.v2020.screen--article:not(.screen--playlist) button.btn-article.btn--share--article {
    display: inline-block !important;
}

html.user--subscriber:not(.user--anonymous) body.v2020.screen--article.is-exclusive button.btn-article.btn--offer--article {
    display: inline-block !important;
}
html.user--anonymous.user--subscriber body.v2020.screen--article .btn--login--header {
    display: none !important
}

html body.tone--multimedia .story__headline {
    font-family: "popular-bold", Times, "Times New Roman", serif;
    font-style: normal;
}

html .tone--multimedia:not(.is-paid) .byline, .tone--multimedia:not(.is-paid) .story, html .tone--multimedia:not(.is-paid) .story__blurb, html .tone--multimedia:not(.is-paid) .story__headline {
    color: #fff;
}

html body:not(.hp2022) .page--p3.page--front {
    padding-top: 0 !important;
}

html.darkmode body.v2020.tone--newsletters:not(.tone--paid) .nl-widget .article a,
html.darkmode body.v2020.tone--newsletters:not(.tone--paid) .nl-widget .article h1 {
    color: #fff !important;
    text-decoration: none !important;
}

/*DUMMY FIXES*/
article.dummy-content::after {
    border: none !important;
}
button.button.newsletter-subscribe-button:disabled {
    opacity: 0.8;
}

/*/HEADER FIXES APP*/
html.user--anonymous .icon-user--new {
    right: 0 !important;
}

@media (max-width: 889px){
.aside--top-bar + .block {
     margin-top: 0rem;
}
} 