/*
#    ______ _               _     __  __            _  _           _____                           
#   |___  /(_)             | |   |  \/  |          | |(_)         / ____|                          
#      / /  _  _ __    ___ | |_  | \  / |  ___   __| | _   __ _  | |  __  _ __  ___   _   _  _ __  
#     / /  | || '_ \  / _ \| __| | |\/| | / _ \ / _` || | / _` | | | |_ || '__|/ _ \ | | | || '_ \ 
#    / /__ | || | | ||  __/| |_  | |  | ||  __/| (_| || || (_| | | |__| || |  | (_) || |_| || |_) |
#   /_____||_||_| |_| \___| \__| |_|  |_| \___| \__,_||_| \__,_|  \_____||_|   \___/  \__,_|| .__/ 
#                                                                                           | |    
#                                                                                           |_|    
                                                                                                                                                       
Zinet media group Spain
Proyect: custom css Mía
Zinet media group CSS*/

/* ==========================================================================
   Fonts
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap');
/* ==========================================================================
   Reset
   ========================================================================== */
:root{
--red-muy: #de253a;
--red-muy:#b62334;
--redBl-mia:#a71313;
--redLow-mia: #de5665;
--red-mia: #de253a;
--link-color: #0853c8;
--grey-minimun: #f1f1f1;
--grey-detail: #eaeaea;
--greyUp-detail: #ccc;
--greyUpUp-detail:#7a7e83;
--greyUpUpUp-detail: #484a4d;
--black:#000000;
--red-line:#ff2d45;
--redB-footer:#760e1a;
--white:#fff;
--yellow: #FFC107;
--first-font:'Merriweather', serif;
--second-font:'Roboto', sans-serif;
}
/* ==========================================================================
   Common elements
   ========================================================================== */
/*line growing*/
#line-grow {
        position: fixed;
        top: 0;
        left: 0;
        height: 3px;
        background-color: var(--red-line);
        width: 0;
        transition: width 0.5s ease-in-out;
        z-index: 200;
}
/*es noticia module*/
.c-header__aside, .c-header__aside .o-container {
        background-color: var(--redBl-mia);
}
.c-header__aside__item {
        font-size: 0.8rem;
        font-style: italic;
        font-weight: 400;
        color: var(--white);
        padding: 1rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        transition: color .3s;
        flex-wrap: nowrap;
        align-content: center;
}
.c-header__aside__item:before {
        width: 4px;
        height: 4px;
        background-color: var(--red-muy);
}
.c-header__aside__title {
        animation: fadeIn 2s infinite alternate;
        color: var(--yellow);
        font-size:0.8rem;
}

@keyframes fadeIn {
        from {
                opacity: 0;
        }
}
.c-header__aside__list:after{
        background-image: linear-gradient(90deg, hsl(0deg 0% 0% / 0%), var(--redBl-mia));
}
/*width changes*/
main.content{
        padding: 0 1rem;
}
.o-container, .c-header>.o-container {
        max-width: 1140px;
        padding: 0;
}
.o-section .o-container:not(.o-container-list):last-of-type{
        padding: 0px;
}
/*menu*/
/*menu bottom*/
.c-header__nav {
        padding: 1rem 1rem 1rem 1rem;
        overflow-x: scroll;
        position: relative;
}

.c-header__nav a {
        font-family: var(--second-font);
        font-size: clamp(1rem, 4vw, 1.2rem);
        line-height: clamp(1rem, 4vw, 1.2rem);
}

.c-header__nav a:hover {
        color: var(--red-mia);
        transition: color 0.3s;
}

.c-header__nav a:not(:last-child)::after {
        content: "●";
        color: var(--greyUp-detail);
        padding: 0px 5px;
        position: relative;
        top: -2px;
}

.c-header__nav-bottom-container {
        position: relative;
}

.c-header__nav-bottom-container::after {
        content: "";
        position: absolute;
        right: 0px;
        top: 0px;
        height: 50px;
        width: 30px;
        background-image: linear-gradient(90deg, hsl(60deg 50% 0% / 0%), var(--white));
        z-index: 1;
}

/*menu bottom end*/
.c-nav__wrap__menu__btn{
    color:var(--black);
    top: 10px;
}
.c-header {
        transition: top 0.3s;
}
.scroll-down .c-header{
        top: -150px;
}
.open-navigation .c-nav {
        position: fixed!important;
        z-index: 5;
        top:102px!important;
}
.c-header__nav-btn .hamburger-inner, .c-header__nav-btn .hamburger-inner:after, .c-header__nav-btn .hamburger-inner:before {
        height: 2px;
}
.c-header__brand img, .c-header__brand svg {
        width: 100px;
        height: 40px;
}
.right-button {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        text-transform: uppercase;
        gap: 0.6rem;
        position: absolute;
        right: 0px;
        font-family:var(--second-font);
}
.subscribe-btn {
        position: relative;
        border-radius: 100px;
}
.subscribe-btn a {
        display: block;
        margin-top: 0.1rem;
        font-size: clamp(0.9rem, 3vw, 1rem);
        line-height: clamp(1.2rem, 3vw, 1rem);
        background-color: var(--white);
        padding: 5px 10px 5px 10px;
        border-radius: 100px;
        color: #000;
        transition: background 0.3s;
}
.subscribe-btn a:hover {
        background-color: var(--black);
        color: var(--white);
        transition: background 0.3s;
}
.newsletter-btn {
        position: relative;
        padding: 0px 16px 0px 0px;
}
.newsletter-btn a.icon-desktop {
        display: block;
        color: var(--white);
        font-size: 0.9rem;
        padding: 3px 0px 0px 30px;
}
.newsletter-btn .icon-desktop:after {
        content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Group_7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 13.7 9.5" style="enable-background:new 0 0 13.7 9.5;" xml:space="preserve"><path id="Path_14" d="M0.7,0.7H13v8.1H0.7V0.7z M0,9.5h13.7V0H0V9.5z"/><path id="Path_15" d="M1.6,0.7h10.6L6.9,6L1.6,0.7z M0,0v0.2L6.9,7l6.9-6.9V0H0z"/><rect id="Rectangle_10" x="11" y="3.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.3644 9.995)" width="0.7" height="5.8"/><rect id="Rectangle_11" x="-0.5" y="6.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.0094 3.6353)" width="5.8" height="0.7"/></svg>');
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        background-size: 60%;
        background-position: center;
        top: -5px;
        left: -4px;
        background-color: var(--white);
        border-radius: 100px;
        padding: 5px;
        display: block;
}
.newsletter-btn a.icon-mobile {
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Group_7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 13.7 9.5" style="enable-background:new 0 0 13.7 9.5;" xml:space="preserve"><path id="Path_14" d="M0.7,0.7H13v8.1H0.7V0.7z M0,9.5h13.7V0H0V9.5z"/><path id="Path_15" d="M1.6,0.7h10.6L6.9,6L1.6,0.7z M0,0v0.2L6.9,7l6.9-6.9V0H0z"/><rect id="Rectangle_10" x="11" y="3.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.3644 9.995)" width="0.7" height="5.8"/><rect id="Rectangle_11" x="-0.5" y="6.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -4.0094 3.6353)" width="5.8" height="0.7"/></svg>');
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
        background-size: 60%;
        background-position: center;
        background-color: var(--white);
        border-radius: 100px;
        padding: 5px;
        display:none;
}
.c-header>.o-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: var(--white);
        height: 70px;
        max-width: 1140px;
        padding: 0 10px;
        border: 0 solid var(--greyUp-detail);
        flex-wrap: nowrap;
        position: relative;
}
    .search-container {
            background-color: var(--red-mia);
            position: absolute;
            width: 27px;
            height: 20px;
            z-index: 1;
            top: -18px;
            left: 13px;
    }

    .search-container .gg-search {
            box-sizing: border-box;
            position: relative;
            display: block;
            transform: scale(var(--ggs, 1));
            width: 16px;
            height: 16px;
            border: 2px solid;
            border-radius: 100%;
            margin-left: -4px;
            margin-top: -4px;
            top: 7px;
            left: 8px;
    }

    .search-container .gg-search::after {
            content: "";
            display: block;
            box-sizing: border-box;
            position: absolute;
            border-radius: 3px;
            width: 2px;
            height: 8px;
            background: currentColor;
            transform: rotate(-45deg);
            top: 10px;
            left: 12px
    }
.open-navigation .search-container {
        display: none;
}
/*suscriber layer*/
   .subscribe-hit {
           display: block;
           padding: 0.5rem;
           padding: 0.8rem 1rem 0.8rem 1rem;
           justify-content: center;
           align-items: center;
           grid-column-gap: 1rem;
           grid-row-gap: 1rem;
           background-color: var(--red-mia);
           color: var(--white);
           position: fixed;
           bottom: -350px;
           width: 100%;
           z-index: 102;
           font-size: clamp(1rem, 3vw, 2rem);
           line-height: clamp(1rem, 3vw, 2rem);
           transition: bottom 0.3s;
           height: 130px;
           display: flex;
        border: 1px solid var(--redB-footer);
        left:0px;
   }

   .subscribe-hit img {
           width: 140px;
           position: relative;
           left: 0px;
           top: -40px;
   }

   .scroll-down .subscribe-hit {
           transition: bottom 0.3s;
           bottom: -1px;
           height: 130px;
           display: flex;
           font-family: var(--first-font);
   }
.scroll-down .subscribe-hit .first-mesage{
font-size: clamp(1rem, 3vw, 2rem);
        line-height: clamp(1rem, 3vw, 2rem);
        font-weight: 300;
        font-style: normal;
        text-align: center;
        width: 300px;
}
.scroll-down .subscribe-hit .second-mesage{
        text-align: center;
        font-size: clamp(1.3rem, 3vw, 2.3rem);
        line-height: clamp(1.3rem, 3vw, 2.3rem);
        font-weight: 300;
        font-style: normal;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-top: -7px;
}
.scroll-down .subscribe-hit .second-mesage span.line1{
        display: inline-block;
        font-size: clamp(0.8rem, 3vw, 1rem);
        line-height: clamp(1rem, 3vw, 1rem);
        font-weight: 300;
        font-style: normal;
}
.scroll-down .subscribe-hit .second-mesage span.line2 {
        display: inline-block;
        font-size: clamp(1.7rem, 3vw, 3rem);
        line-height: clamp(1.3rem, 3vw, 3rem);
        font-weight: 300;
        font-style: normal;
}
.scroll-down .subscribe-hit .hit-btn{
        font-size: clamp(1rem, 3vw, 2rem);
        line-height: clamp(1rem, 3vw, 2rem);
        font-weight: 700;
        font-style: normal;
        width: 82%;
        text-align: center;
}
   .link-block-7 {
        display: flex;
        grid-column-gap: 0.4rem;
        grid-row-gap: 0.4rem;
        color: var(--white);
        text-decoration: none;
        width: 90%;
        align-items: center;
   }

   .text-span-8 {
           text-decoration: underline;
   }

   .hit-btn {
        padding: 0.9rem 1rem;
        background-color: var(--white);
        color: var(--red-mia);
   }

   #CloseBtnSubscribe {
           position: absolute;
           top: -34px;
           left: 10px;
           margin: 0px auto;
           padding: 0px;
           cursor: pointer;
           font-size: 2rem;
           border: none;
           background: var(--white);
           width: 27px;
           height: 34px;
           color: var(--white);
           transition: color 0.3s ease-in-out;
           z-index: 9999;
           border: 1px solid;
           display: none;
   }
   .scroll-down #CloseBtnSubscribe{
        transition: display 0.3s;
        display: block;
   }

/*menu hamburguer inner*/
.open-navigation .c-nav .o-container {
        transition: background-color .3s;
        background: hsla(0, 0%, 100%, 0.6);
        height: 100%;
        overflow-y: inherit;
        margin: 0 auto;
        max-width: 1140px;
}
.c-nav__wrap {
        background-color: var(--white);
        box-shadow: 0px 2px 6px var(--greyUpUp-detail);
        text-transform: uppercase;
        color: #000;
        padding: 2rem;
        height: 700px;
        overflow-x: scroll;
}
.c-nav__wrap__search {
        border: 1px solid var(--redLow-mia);
}
.c-nav__wrap__search input[type=text] {
        position: relative;
        z-index: 1;
        width: calc(100% - 100px);
        color: var(--greyUpUp-detail);
        background: var(--white);
        font-size: 1rem;
}
.c-nav__wrap__menu__item a {
        font-family: var(--second-font);
        color: var(--black);
        font-size: 1.1rem;
        font-weight: 400;
        line-height: 2.2;
        border-bottom: 1px dashed var(--greyUp-detail);
        display: block;
        transition: color 0.3s;
}
.c-nav__wrap__search button {
        color: var(--white);
        background-color: var(--black);
        font-weight: 700;
        font-size: 1rem;
        width: 100px;
        cursor: pointer;
}
/*modules home section*/
/*carousel home */
.carousel {
        min-width: 374px;
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 48px;
        padding-right: 48px;
        position: relative;
}

.carousel__activator {
        display: none;
}

.carousel__controls {
        display: none;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        top: 0;
        right: 16px;
        left: 16px;
        bottom: 0;
}

.carousel__controls:first-of-type {
        justify-content: flex-end;
}

.carousel__controls:last-of-type {
        justify-content: flex-start;
}

.carousel__control {
        cursor: pointer;
        display: flex;
        background-color: #fff;
        color: var(--red-mia);
        border-radius: 100%;
        box-shadow: 0 2px 10px 0 rgba(33, 34, 36, 0.3);
        font-size: 1.2rem;
        height: 48px;
        justify-content: center;
        transition: 0.3s all;
        width: 48px;
        z-index: 1;
        align-items: center;
}

.carousel__control:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
}

.carousel__activator:nth-of-type(1):checked~.carousel__controls:nth-of-type(1) {
        display: flex;
}

.carousel__activator:nth-of-type(1):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
}

.carousel__activator:nth-of-type(2):checked~.carousel__controls:nth-of-type(2) {
        display: flex;
}

.carousel__activator:nth-of-type(2):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
}

.carousel__activator:nth-of-type(3):checked~.carousel__controls:nth-of-type(3) {
        display: flex;
}

.carousel__activator:nth-of-type(3):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
}

.carousel__activator:nth-of-type(4):checked~.carousel__controls:nth-of-type(4) {
        display: flex;
}

.carousel__activator:nth-of-type(4):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-300%);
        transform: translateX(-300%);
}

.carousel__activator:nth-of-type(5):checked~.carousel__controls:nth-of-type(5) {
        display: flex;
}

.carousel__activator:nth-of-type(5):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-400%);
        transform: translateX(-400%);
}

.carousel__activator:nth-of-type(6):checked~.carousel__controls:nth-of-type(6) {
        display: flex;
}

.carousel__activator:nth-of-type(6):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-500%);
        transform: translateX(-500%);
}

.carousel__activator:nth-of-type(7):checked~.carousel__controls:nth-of-type(7) {
        display: flex;
}

.carousel__activator:nth-of-type(7):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-600%);
        transform: translateX(-600%);
}

.carousel__activator:nth-of-type(8):checked~.carousel__controls:nth-of-type(8) {
        display: flex;
}

.carousel__activator:nth-of-type(8):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-700%);
        transform: translateX(-700%);
}

.carousel__activator:nth-of-type(9):checked~.carousel__controls:nth-of-type(9) {
        display: flex;
}

.carousel__activator:nth-of-type(9):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-800%);
        transform: translateX(-800%);
}

.carousel__activator:nth-of-type(10):checked~.carousel__controls:nth-of-type(10) {
        display: flex;
}

.carousel__activator:nth-of-type(10):checked~.carousel__screen .carousel__track {
        -webkit-transform: translateX(-900%);
        transform: translateX(-900%);
}

.carousel__screen {
        overflow: hidden;
        margin-left: -16px;
        margin-right: -16px;
}

.carousel__track {
        font-size: 0;
        transition: all 0.3s ease 0s;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        text-align: center;
}

.carousel__item {
        display: inline-block;
        padding-left: 16px;
        padding-right: 16px;
        vertical-align: top;
        white-space: normal;
}

.carousel__item--desktop-in-1 {
        width: 100%;
}

.carousel__item--desktop-in-2 {
        width: 50%;
}

.carousel__item--desktop-in-3 {
        width: 33.3333333333%;
}

.carousel__item--desktop-in-4 {
        width: 25%;
}

.carousel__item--desktop-in-5 {
        width: 20%;
}


.carousel-content {
        color: #000;
        display: flex;
        font-family: var(--first-font);
        font-weight: 100;
        align-items: center;
        justify-content: flex-start;
        border-radius: 3px;
        font-size: 1rem;
        height: 280px;
        width: 100%;
        flex-direction: column;
        text-align: center;
}

.carousel-content a {
        text-decoration: none;
        color: #000;
}

.carousel-content .autors-headline {
        font-size: clamp(1.2rem, 2vw, 1.4rem);
        line-height: clamp(1.3rem, 2vw, 1.6rem);
        font-weight: 600;
}

.carousel-content p {
        font-size: clamp(0.9rem, 3vw, 1rem);
        line-height: clamp(1rem, 3vw, 1.1rem);
        font-weight: 400;
        color: var(--greyUpUp-detail);
        margin: 0.2rem 0 0 0;
}

.carousel-content img.thumbnail {
        width: 100%;
        border-radius: 50%;
        transition: border .3s ease-in-out;
        border: 0rem solid var(--red-mia);
}

.carousel-content img.thumbnail:hover {
        transition: border .3s ease-in-out;
        border: 1rem solid var(--red-mia);
}

@media screen and (max-width: 1023px) {
        .carousel {
                padding-left: 0;
                padding-right: 0;
                width: 100%;
        }

        .carousel__activator:nth-of-type(n):checked~.carousel__controls:nth-of-type(n) {
                display: none;
        }

        .carousel__activator:nth-of-type(n):checked~.carousel__screen .carousel__track {
                -webkit-transform: none;
                transform: none;
        }

        .carousel__screen {
                margin-left: 0;
                margin-right: 0;
        }

        .carousel__track {
                overflow-x: auto;
                width: auto;
                padding-left: 48px;
                padding-right: 48px;
        }

        .carousel__item--tablet-in-1 {
                width: 90%;
        }

        .carousel__item--tablet-in-2 {
                width: 45%;
        }

        .carousel__item--tablet-in-3 {
                width: 30%;
        }
}

@media screen and (max-width: 650px) {
        .carousel__track {
                padding-left: 0;
                padding-right: 0;
        }

        .carousel__item--mobile-in-1 {
                width: 90%;
        }

        .carousel__item--mobile-in-2 {
                width: 45%;
        }

        .carousel__item--mobile-in-3 {
                width: 30%;
        }
}

/*end carousel home*/
/*team experts*/
.container-experts {
        width: 100%;
        max-width: 1140px !important;
        margin-left: auto;
        margin-right: auto;
}

.container-experts a {
        text-decoration: none;
}

.container-experts p {
        font-size: clamp(0.8rem, 2vw, 0.9rem);
        line-height: clamp(1rem, 2vw, 1.2rem);
}

.c-static__title {
        text-align: center !important;
}

.container-experts .centered-heading {
        text-align: center;
        margin-bottom: 16px;
}

.container-experts .centered-subheading {
        max-width: 530px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}

.container-experts .team-grid {
        grid-column-gap: 64px;
        grid-row-gap: 56px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        margin-top: 50px;
        display: grid;
}

.container-experts .team-card {
        text-align: center;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
        line-height: 22px;
        display: flex;
}

.container-experts .team-member-image {
        width: 270px;
        height: 270px;
        object-fit: cover;
        border-radius: 50%;
        margin-bottom: 24px;
        transition: border .3s ease-in-out;
        border: 0rem solid var(--red-mia);
}

.container-experts .team-member-image:hover {
        transition: border .3s ease-in-out;
        border: 1rem solid var(--red-mia);
}


.container-experts .team-member-position {
        margin-bottom: 24px;
        color: var(--red-mia);
}

@media screen and (min-width: 1440px) {
        .container-experts .team-member-image {
                width: 270px;
                height: 270px;
                max-height: none;
        }
}

@media screen and (max-width: 991px) {

        .container-experts {
                max-width: 728px;
        }

        .container-experts .team-grid {
                grid-column-gap: 40px;
        }

        .container-experts .team-member-image {
                width: 190px;
                height: 190px;
        }
}

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

        .container-experts .team-circles {
                padding: 60px 15px;
        }

        .container-experts .team-grid {
                grid-template-columns: 1fr 1fr;
        }
}

@media screen and (max-width: 479px) {


        .container-experts .first_mesage {
                text-align: left;
                flex: 1;
        }

        .container-experts {
                max-width: none;
        }

        .container-experts .centered-heading {
                margin-bottom: 24px;
        }

        .container-experts .team-grid {
                grid-template-columns: 1fr;
        }
}

/*team experts*/
.c-detail__sumario__thumb+.c-detail__sumario__txt .c-detail__sumario__title{
        max-width: 100%;
}
.c-detail-top{
        margin: 1rem 0 0;
}
.o-section-branded .u-grid-columns-3{
        grid-template-columns: repeat(3, 1fr) !important;
}
.c-article.c-article--big.size-11{
        position: relative;
        border-bottom: 0px;
        padding: 0px;
        margin: 0 0 0rem 0;
        height:100%
}
.c-article.c-article--big.size-11 .c-article__txt{
        position: absolute;
        background: linear-gradient(133deg, black 10%, transparent 70%);
        margin: 0px;
        left: 0px;
        right: 0px;
        top: 0px;
        padding: 1rem;
        text-align: left;
        width: 100%;
        height: 100%;
        color: var(--white);
        display: flex;
        justify-content: flex-start;
}
.c-article.c-article--big.size-11 .c-article__subtitle {
        font-size: clamp(0.8rem, 2vw, 1rem);
        line-height: clamp(1.2rem, 2vw, 1.5rem);
        font-weight: 300;
        padding: 1rem 0 0 0;
        width: 100%;
}
.c-article.c-article--big.size-11 figure.c-article__thumb {
        width: 156%;
}
.c-article.c-article--big.size-11 figure.c-article__thumb img{
        width: 100%;
        height: 100%;
        object-fit: inherit;
}
.c-article--big .c-article__epigraph {
    margin-bottom: 8px;
    color: var(--white);
}
.c-article__epigraph{
        font-size: 1rem;
}
.content .o-section {
    padding-bottom: 20px;
}
.o-list .c-title {
    font-size: clamp(1.2rem, 3vw, 1rem);
    line-height: clamp(2rem, 3vw, 2rem);
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0px;
    padding: 0rem 0rem 0.3rem 0px;
    border-bottom: 1px solid #de5665;
    color: #000;
    margin-bottom: 1rem;
}
.c-article__title{
        font-family: var(--first-font);
        
}
.c-article.size-11 .c-article__title a{
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: clamp(2rem, 4vw, 3.2rem);
    font-weight: 400;
    color: var(--white);
    width: 100%;
}
.c-article--big .c-article__title{
        margin-bottom: 0px;
        padding: 0px;
}
.c-article.size-11 .c-article__author a{
        color: var(--white);
}
.c-article__signature, .c-article__subtitle {
        display: inline-block;
      /*  padding: 0.5rem 1rem 0.5rem 0rem;
        border-top: 1px solid var(--redLow-mia);*/
}
.c-article__txt{
        grid-gap: 0px;
        gap: 0px;
        margin-top: 0.4rem;
}
.c-article__author, .c-article__date{
font-size: clamp(0.8rem, 3vw, 0.9rem);
        line-height: clamp(1rem, 3vw, 1.1rem);
        font-weight: 400;
        color: var(--white);
}
.c-article__author a,.c-article__date a{
        color: var(--greyUpUp-detail);
}
.c-article.size-12 .c-article__title{
    font-size: clamp(1.1rem, 2vw, 1.3rem);
    line-height: clamp(1.3rem, 2vw, 1.6rem);
    font-weight: 500;
}
.c-article, .c-article__txt{
    grid-gap: 0px;
    gap: 0.5rem;
    justify-content: flex-start;
    align-items: flex-start;
}
/*widget cross linking styles*/
.wf-widget--mia.o-container,
.wf-widget--marieclaire.o-container,
.wf-widget--serpadres.o-container,
.wf-widget--muy.o-container {
        padding: 0px 0.8rem;
                background-color: transparent !important;
}

.wf-widget--mia .c-article__title,
.wf-widget--marieclaire .c-article__title,
.wf-widget--serpadres .c-article__title,
.wf-widget--muy .c-article__title {
        font-family: var(--first-font) !important;
}

.wf-widget .c-article__txt {
        padding: 0px;
        margin: 0px;
}

.o-section.o-section-faldon {
        margin: 0px 0px 1rem;
}

div[id^='m'].free-html {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        align-content: center;
        max-width: 1140px;
        flex-wrap: wrap;
        margin: 0px auto;
        background-color: var(--grey-minimun);
}

@media (min-width: 992px) {
        div[id^='m'].free-html {
                flex-direction: row;
                max-width: 1140px;
        }

        div[id^='m'].free-html .wf-widget div[id^='m'] {
                width: auto;
        }

        div[id^='m'].free-html div[id^='m'] {
                width: 50%;
        }
}

.c-detail-content div[id^='m'].free-html div[id^='m'] {
        width: 100%;
}

.c-detail-content div[id^='m'].free-html {
        background-color: transparent;
        padding: 0px;
}

.wf-widget__logo {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 0px;
        position: relative;
}

.wf-widget__logo svg {
        width: 80px;
        position: absolute;
        right: 6px;
        bottom: auto;
}

.wf-widget .c-article__date {
        margin-bottom: 0px;
}

.wf-widget .c-article__subtitle {
        font-size: clamp(0.9rem, 2vw, 1rem);
        line-height: clamp(1.1rem, 2vw, 1.2rem);
        font-weight: 100;
}

.wf-widget .c-article__author,
.wf-widget .c-article__date {
        font-size: clamp(0.8rem, 3vw, 0.9rem);
        line-height: clamp(1rem, 3vw, 1.1rem);
        font-weight: 400;
        color: var(--greyUpUp-detail);
}

.wf-widget .c-article.size-12 .c-article__title {
        font-size: clamp(1.2rem, 2vw, 1.3rem);
        line-height: clamp(1.3rem, 2vw, 1.6rem);
        font-weight: 500;
}

.wf-widget .c-article {
        padding: 0px 10px 10px;
        margin: 0;
}

.wf-widget--mia.o-container {
        padding: 0px 0.8rem;
}

.o-list__middle .c-article__info {
        display: block;
        margin: 0.2rem 0px 0.6rem;
}

div[id^='m'].free-html div[id^='m']:last-child {}

.wf-widget {
        width: 100%;
        position: relative;
}

div[id^='m'].free-html div:last-child .wf-widget--muy.o-container .wf-widget__logo a {
        position: relative;
}

div[id^='m'].free-html div:last-child .wf-widget--muy.o-container .wf-widget__logo a::after {
        content: "";
        width: 10px;
        height: 10px;
        background: linear-gradient(89deg, rgba(2, 104, 69, 1) 0%, rgba(2, 104, 69, 1) 32%, rgba(255, 255, 255, 1) 32%, rgba(255, 255, 255, 1) 67%, rgba(207, 8, 34, 1) 67%, rgba(207, 8, 34, 1) 100%);
        position: absolute;
        right: 2px;
        top: 18px;
        z-index: 5;
        border-radius: 100px;
        border: 2px solid #ccc;
}

.ob-smartfeed-wrapper .OUTBRAIN, .ob-smartfeed-wrapper .ob-widget.ob-feed-layout {
        padding: 0px!important;
        margin:0px!important;
}

/*end cross linking*/
.c-article.size-3 .c-article__title{
    font-size: clamp(2rem, 3vw, 2.4rem) !important;
    line-height: clamp(2.2rem, 3vw, 3rem) !important;
    font-weight: 500;
}
.c-article__epigraph{
        margin-top: 5px;
        position: relative;
        padding-left:10px;
}
.c-article__epigraph::after {
        content: "";
        position: absolute;
        width: 4px;
        height: 100%;
        left: 0px;
        background-color: var(--redLow-mia);
        top:0px;
}
.c-article.size-6 .c-article__title{
        margin: 0 0 0.5rem 0;
}
/*branded module content*/
.c-detail__branded {
        background: linear-gradient(90deg, rgba(119, 119, 119, 0) 0%, rgba(119, 119, 119, 1) 19%, rgba(119, 119, 119, 1) 77%, rgba(119, 119, 119, 0) 100%);
        margin: 20px 0px 20px 0px;
        padding: 2px 0px 2px 0px;
        height: auto;
}
.c-detail__branded-content {
        justify-content: center;
        align-items: center;
}
.c-detail__branded-title {
        font-size: clamp(0.9rem, 3vw, 1rem);
        line-height: clamp(1.2rem, 3vw, 1.5rem);
        text-transform: uppercase;
        color: var(--white);
        font-family: var(--second-font);
        font-weight: 400;
}
.c-detail__branded-title:after {
        content: attr(data-text);
        color: var(--red-muy);
        transform: translateX(-100%);
        position: absolute;
}
.c-detail__share .c-icon {
        color: #000;
        background-color: transparent;
        width: 30px;
        height: 30px;
        position: relative;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
        border-radius: 50%;
}

.c-detail__share .c-icon-facebook {
        background-image: url('data:image/svg+xml,<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" data-icon="facebook" width="9" height="18" viewBox="0 0 9 18" version="1.1"><g id="Icons/Buttons" stroke="none" stroke-width="1"><g id="Social-Icons-Life" transform="translate(-27.000000, -20.000000)"><g id="icon_facebook" transform="translate(27.000000, 20.000000)"><path fill="%23FFFFFF" d="M5.54091521,17.7107148 L2.226473,17.7107148 L2.226473,8.85535742 L0,8.85535742 L0,5.79394229 L2.226473,5.79394229 L2.226473,3.99754448 C2.226473,1.5180444 2.88430798,0 5.81920958,0 L8.27344237,0 L8.27344237,3.06141513 L6.75533893,3.06141513 C5.61683514,3.06141513 5.56624153,3.49154936 5.56624153,4.27589788 L5.56624153,5.79394229 L8.29870965,5.79394229 L7.96982168,8.85535742 L5.54091521,8.85535742 L5.54091521,17.7107148" id="facebook"></path></g></g></g></svg>');
        background-color: #3b5999;
        background-size: auto;
}

.c-detail__share .c-icon-twitter {
        background-image: url("data:image/svg+xml,%3Csvg width='1200' height='1227' viewBox='0 0 1200 1227' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z' fill='white'/%3E%3C/svg%3E");
        background-color: #000;
        background-size: 60%;
}

.c-detail__share .c-icon-whatsapp {
        background-image: url('data:image/svg+xml,<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.586 2.207A7.563 7.563 0 0 0 8.233 0C4.053 0 .663 3.373.663 7.535c0 1.384.376 2.681 1.03 3.797l-.019-.036L.6 15.2l4.012-1.048a7.492 7.492 0 0 0 3.617.917h.003c4.18-.001 7.568-3.375 7.568-7.536 0-2.08-.846-3.962-2.215-5.326zm-5.354 11.59h-.003a6.274 6.274 0 0 1-3.23-.89l.029.017-.23-.136-2.38.622.634-2.31-.15-.237a6.178 6.178 0 0 1-.961-3.328c0-3.458 2.816-6.261 6.29-6.261s6.29 2.803 6.29 6.261-2.815 6.261-6.29 6.261zm3.45-4.69c-.189-.094-1.118-.549-1.292-.612-.173-.063-.3-.094-.426.095-.125.188-.488.612-.598.737-.11.127-.221.142-.41.048a5.213 5.213 0 0 1-1.526-.939l.005.005a5.7 5.7 0 0 1-1.037-1.278l-.015-.026c-.11-.188-.011-.29.083-.384.085-.084.19-.22.283-.33.075-.09.138-.194.187-.306l.003-.008a.337.337 0 0 0-.017-.331l.001.001c-.048-.094-.426-1.02-.583-1.398-.154-.367-.31-.316-.426-.322a8.198 8.198 0 0 0-.362-.007.693.693 0 0 0-.503.235v.001a2.1 2.1 0 0 0-.663 1.532v.04-.002c.067.744.347 1.412.778 1.955l-.006-.007a8.488 8.488 0 0 0 3.183 2.82l.048.022c.28.126.637.26 1.002.375l.076.02a2.61 2.61 0 0 0 1.206.072l-.016.003c.545-.113.996-.44 1.272-.886l.004-.009a1.534 1.534 0 0 0 .11-.904v.01c-.046-.08-.172-.126-.362-.22l.001-.002z" fill="%23FFFFFF" fill-rule="nonzero"></path></svg>');
        background-color: #4dc247;
        background-size: auto;
}

.c-detail__share .c-icon-copy {
        position: relative;
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 160 160" style="enable-background:new 0 0 160 160;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}</style><path class="st0" d="M79.4,99.6h13.1v2c0.1,9.1-3.4,17.8-9.8,24.2l-9.8,9.8c-13.5,13.1-34.9,13.1-48.4,0c-13.1-13.5-13.1-34.9,0-48.4l9.2-10.5c6.4-6.4,15.1-9.9,24.2-9.8h1.9V80h-1.3c-5.7-0.2-11.3,2.2-15.1,6.5l-9.8,9.8c-8.3,8-8.5,21.3-0.5,29.6l0.5,0.5c8,8.3,21.3,8.5,29.6,0.5l0.5-0.5l9.8-9.8c4.1-3.9,6.5-9.3,6.5-15l0,0v-2H79.4z M135,24.4L135,24.4c-13.5-13.1-34.9-13.1-48.4,0l-10.5,9.8c-6.4,6.4-9.9,15.1-9.8,24.2v2h13.1v-2c-0.2-5.7,2.2-11.3,6.5-15.1l9.8-9.8c8-8.3,21.3-8.5,29.6-0.5l0.5,0.5c8.3,8,8.5,21.3,0.5,29.6l-0.5,0.5l-10.5,9.8c-3.9,4.1-9.3,6.5-15,6.5H99V93h1.3c9.1,0.1,17.8-3.4,24.2-9.8l9.8-9.8C147.9,60,148.2,38.2,135,24.4z M63,106.2l42.5-42.5l-9.8-9.8L53.2,96.4L63,106.2z"/></svg>');
        background-color: #000;
        background-size: 70%;
        padding: 5px;
}
.c-detail__share, .c-detail__share .c-icon {
        justify-content: center;
}
/*signature and tags styles*/
.c-detail__author__job{
        margin: 0px 0 5px;
}
.c-detail__author__name{
        margin: 0 0 2px;
}
.c-detail__author__job .c-detail__author__name {
        font-size: 0.8rem;
}

.c-detail__info__more {
        width: auto;
        color: var(--greyUpUp-detail);
}

.c-author__title {
        font-size: 2.2rem;
        line-height: 2.6rem;
}

.team-card .c-author__title {
        font-family: var(--third-font);
        font-weight: 400;
}

.c-author__share {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-top: 1rem;
}

.c-author__thumb img {
        border-radius: 100px;
}

.c-author {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 0.4rem;
        text-align: center;
}

.c-author__job,
.c-author__txt {
        font-weight: 100;
        font-size: 0.9rem;
        line-height: 1.5rem;
        text-align: center;
}

.c-author__job {
        color: var(--grayUpUpUp-detail);
        font-size: 1.2rem;
        border-bottom: 1px solid var(--yellow);
        padding: 0px 0px 1rem 0px;
}

.c-author__thumb {
        margin-right: 0px;
        margin-bottom: 1rem;
}
.c-detail__author__name a:first-child{
        padding:0px 10px 0px 0px;
}
.c-detail__author__name a:first-child::after {
        content:",";
}
.c-detail__author__job a:first-child::after {
        content: "";
}
.c-detail .composite-video, .c-detail .main_video {
        margin-bottom: 0px;
}
.c-detail-content .composite-video, .c-detail-content .main_video{
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 0px;
        margin-top:0px;
        height: 0!important;
        overflow: hidden;
}
.c-detail__author{
        margin-bottom: 0.7rem !important;
}
.c-detail__author__title, .c-detail__info__more__date {
        line-height: 1rem;
        margin: 0px;
        font-weight: 400;
        padding: 0rem 1rem 0rem 0rem;
}
.c-detail-content .c-detail__tags{
        padding: 0 0 6px;
        align-items: center;
        border-color: var(--greyUp-detail);
}
ul.c-detail__tags__list:after {
        content: "";
        position: absolute;
        right: 0px;
        top: -3px;
        height: 25px;
        width: 40px;
        background-image: linear-gradient(90deg, hsl(60deg 3.03% 0% / 0%), var(--white));
}
.c-detail__tags__list {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: -15px;
        gap: 0.2rem;
}
.c-detail__tags__list li{
        display: none;
}
.c-detail__tags__list li:nth-child(-n + 3){
        display:block;
}
.c-detail__tags__item {
        font-size: 0.8rem;
}
.c-detail__info__more:first-of-type .c-detail__info__more__date {
        text-decoration: none;
        font-size: 0.7rem;
        color: var(--greyUpUp-detail);
}
.c-detail__author{
        border-color: var(--greyUp-detail);
}
.c-detail__tags__item a {
        display: block;
        font-weight: 300;
        color: var(--black);
        border: 1px solid var(--greyUp-detail);
        padding: 2px 10px;
        border-radius: 20px;
        background-color: var(--grey-detail);
}
.c-detail__tags__item:not(:last-child):after {
        content: "" !important;
}
/*custom title detail content*/
.c-detail__bar__category a {
        color:var(--black);
        border: 1px solid var(--greyUp-detail);
        padding: 6px 8px 6px 8px;
}
.c-detail {
        grid-gap: 3rem;
        padding: 0 0 3rem;
}
.c-detail__bar, .c-detail__bar__more {
        justify-content: center;
}
.c-detail__title {
        font-size: clamp(2.5rem, 3vw, 4rem);
        line-height: clamp(2.6rem, 3vw, 4rem);
        text-align: center;
        word-break: break-word;
        font-weight: 300;
        font-weight: 300;
}
.c-detail__subtitle {
        font-weight: 300;
        color: var(--greyUpUp-detail);
        margin: 0px;
        position: relative;
        padding: 0px 0px 35px 0px;
        text-align: center;
        font-size: clamp(1.3rem, 3vw, 1.5rem);
        line-height: clamp(1.5rem, 3vw, 1.7rem);
}
.c-detail__subtitle:before {
        height: 0px;
}
.c-detail__subtitle:after {
        content: "";
        display: block;
        width: 50%;
        height: 1px;
        background-color: var(--greyUp-detail);
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 15px;
        margin: 0px auto;
}
/*custom content text*/
figure.c-article__thumb{
    width: 100%;
}

        .c-add-980 {
                margin: 1rem auto 20px;
        }
.c-add-728 {
        display: block;
        margin: 2rem auto 2rem;
        text-align: center;
}
.c-detail__card__title{
        font-size: clamp(1.7rem, 5vw, 2.2rem);
        line-height: clamp(2rem, 5vw, 2.8rem);
        font-weight: 600;
}
.c-detail__body p.paragraph:first-of-type:first-letter {
        font-size: clamp(6rem, 15vw, 8rem);
        line-height: clamp(6rem, 15vw, 8rem);
        margin: -0.2rem 1.3rem 0.3rem 0rem;
        float: left;
        font-weight: 100;
        color: var(--red-muy);
}
.c-detail__body .paragraph {
        font-size: clamp(1.1rem, 4vw, 1.2rem);
        line-height: clamp(1.7rem, 4vw, 1.8rem);
}
.c-detail__body .paragraph a {
        color: var(--link-color);
        border-bottom: 2px solid var(--link-color);
        text-decoration: none;
}
.c-detail__body .subtitle {
        font-size: clamp(1.7rem, 5vw, 2.2rem);
        line-height: clamp(2rem, 5vw, 2.8rem);
        font-weight: 600;
        overflow-wrap: anywhere;
}
.c-detail__media__author, .c-detail__media__credit {
        font-size: 0.8rem;
        display: block;
        padding: 0.4rem 0px;
}
.c-detail__sumario {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        box-sizing: border-box;
        position: relative;
        background-color: var(--grey-detail);
        border: 1px solid var(--greyTop-detail);
        margin: 0;
        padding: 1rem;
}
.c-detail__sumario__txt {
        background-color: transparent;
        border: none;
        padding: 0px 10px 0px 10px;
        justify-content: center;
}
.c-detail__sumario__epigraph {
        font-size: clamp(0.8rem, 3vw, 0.9rem);
        line-height: clamp(1rem, 3vw, 1.2rem);
        margin-bottom: 0px;
}
.c-detail__sumario__title {
        font-size: clamp(1rem, 3vw, 1.1rem);
        line-height: clamp(1.1rem, 3vw, 1.3rem);
        font-weight: 600;
        padding-bottom: 0.5rem;
}
.c-detail__sumario__signature {
        margin-top: 0rem;
}
.c-detail__sumario__signature strong.c-detail__sumario__author {
        display: inline-block;
        padding: 0.5rem 0px;
        border-top: 1px solid var(--red-muy);
        font-size: clamp(0.9rem, 3vw, 1rem);
        line-height: clamp(1rem, 3vw, 1.1rem);
        font-weight: 400;
}
/*footer brand*/
.c-footer__copyright .plagios {
        text-align: center;
        padding: 1rem 1rem 1rem;
        margin: 1rem 1rem 1rem 1rem;
        font-size: 0.8rem;
        width: clamp(300px, 100%, 600px);
}
.c-footer{
    padding:1rem;
}
.c-footer__brand svg {
    width: 190px;
    height: 60px;
    max-width: 100%;
}
.c-footer__share svg {
        width: 36px;
        height: 36px;
}
.c-footer__nav {
        padding: 1rem 0 10px;
}
.c-footer__nav a, .c-footer__nav span {
        font-size: clamp(0.9rem, 3vw, 1rem);
        line-height: clamp(1rem, 3vw, 1.1rem);
        font-weight: 300;
}
/*afiliate links custom with title VER PRECIO*/
.c-detail__gallery__content__description b a[title="VER PRECIO"],
.c-detail-content b a[title="VER PRECIO"] {
        background-color: var(--yellow);
        text-decoration: none;
        padding: 0.5rem 1rem;
        border-radius: 0.3rem;
        font-size: 1rem;
        font-weight: 400;
        margin: 0px auto;
        color: var(--black);
        border: none;
        width: 150px;
        display: flex;
        justify-content: center;
}
/*categories*/
.c-title-section{
        max-width: 1140px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 479px){ 
    .c-article.c-article--big.size-11 {
        margin: 0 0 1rem 0;
        height: 350px;
        overflow: hidden;
    }
    .c-article.c-article--big.size-11 .c-article__txt {
        padding: 1rem;
    }
    .c-article.size-11 .c-article__title a {
        width: 100%;
    }
        .open-navigation .c-nav {
           top: 102px !important;
   }
   .c-header__brand {
           margin: 7px 0px 10px 12px;
   }
   .c-header>.o-container {
           justify-content: flex-start;
   }
   .newsletter-btn a.icon-desktop {
           display: none;
   }
   .newsletter-btn a.icon-mobile {
           display: block;
   }
   .subscribe-hit {
           display: block;
           padding: 0.6rem 0.6rem 0.6rem 0.6rem;
           justify-content: center;
           align-items: center;
           grid-column-gap: 0rem;
           grid-row-gap: 0rem;
           position: fixed;
           top: -130px;
           bottom: auto;
           width: 100%;
           z-index: 101;
   }

   #CloseBtnSubscribe {
           position: static;
           margin: 0px auto;
           padding: 0px;
           cursor: pointer;
           font-size: 2rem;
           border: none;
           background: transparent;
           width: 27px;
           transition: color 0.3s ease-in-out;
           border: none;
   }

   .scroll-down .subscribe-hit {
           top: 0px;
           bottom: auto;
           height: auto;
   }

   .subscribe-hit img {
           width: 30px;
           position: relative;
           left: 0px;
           top: 0px;
           display: none;
   }
}
@media (min-width: 480px) {
.c-article.size-11 .c-article__title a {
        min-height: 100px;
        max-height: 100px;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow-y: hidden !important;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        }
}
@media (min-width: 768px){ 
        #CloseBtnSubscribe{
                color: var(--black);
        }
        .scroll-down .subscribe-hit .hit-btn{
                width: 42%;
        }
        .scroll-down .subscribe-hit .second-mesage {
                        margin-top: inherit;
                }
        .c-article.c-article--big.size-11 {
                        height: 600px;
                        overflow: hidden;
                }
        .c-article--lateral {
                        --thumb-width: auto;
                }
        .scroll-down .add-300-container.u-sticky, .scroll-down .u-sticky.henneoHB_desktop, .scroll-down .u-grid-col-span-1 .u-sticky{
                top:5px;
                transition: display 0.3s;
        }
        .c-detail__tags__list li {
                        display: none;
                }
        
                .c-detail__tags__list li:nth-child(-n + 5) {
                        display: block;
                }
        .c-article.c-article--big.size-11 figure.c-article__thumb {
                        width: 200%;
                }
        .c-article.size-11 .c-article__title a {
                min-height: 97px;
                max-height: 97px;
                -webkit-line-clamp: 3;
        }
   .u-grid-columns-3{
        grid-template-columns: 3fr 1fr!important;
    }
    .u-grid-col-span-1 .u-sticky{
        width: 300px;
    }
    /*este cambio afecta siendo un span-2 y lo cambiamos por span 1*/
    .u-grid-col-span-2 {
        grid-column: auto/span 1!important;
    }
.c-add-sky{
        top:0px;
        }
.c-add-sky-left {
        right: calc(50% + 580px);
        }
.c-add-sky-right {
        left: calc(50% + 580px);
        }
.c-detail .composite-video .video-player.player-inline, .c-detail .main_video .video-player.player-inline {
        height: auto !important;
        }
.c-detail__media-video .c-detail__media__thumb{
        position: relative;
        overflow: hidden;
        padding-bottom: 56.25%
        }
.c-detail__card__content p{
        max-width: 100%!important;
        }
.u-grid{
        /*grid-column-gap: 2rem;
        grid-row-gap: 2rem;*/
        }
.newsletter-btn:after {
        top: -5px;
        }
.c-header__brand img, .c-header__brand svg {
    width: 140px;
    height: 60px;
    max-width: 100%;
}
.open-navigation .c-nav.sticky {
        top:102px!important;
        transition: top 0.3s;
   }
.c-detail__body>:not(.full) {
        max-width: 100%;
   }
.c-detail__body>:not(.full), .c-detail-content .c-detail__author, .c-detail-content .c-detail__tags{
        max-width: 100%;
   }
.c-detail-content .c-detail__tags{
        max-width: 100%;
   }
   main.content {
           padding: 0 1rem;
   }
   .c-article.c-article--big.size-11 .c-article__txt {
           padding: 2rem;
   }
   
}
@media (min-width: 820px) {

}
@media (min-width: 992px) {
        .c-article.c-article--big.size-11 figure.c-article__thumb {
                        width: 120%;
                }
        .link-block-7 {
                width: 900px;
                grid-column-gap: 2.2rem;
                grid-row-gap: 2.2rem;
        }
        .c-article.size-11 .c-article__title a {
                min-height: 155px !important;
                max-height: 155px !important;
                -webkit-line-clamp: 3;
        }

        .c-article--lateral {
                --thumb-width: 140px;
        }

        .c-add-980 {
                margin: 20px auto 20px;
        }

        main.content {
                padding: 0 1rem;
        }

        .c-article.c-article--big.size-11 .c-article__txt {
                padding: 4rem;
        }

        .c-article.c-article--big.size-11 .c-article__subtitle {
                width: 60%;
        }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */