.highlights {
    --cgap: 1.6rem;
    --rgap: 1.6rem;
    --big-col-span: 5;
    --big-row-span: 2;
    --small-col-span: 4;
    font-size: .9em
}

.highlights h3 {
    color: var(--base-c);
    font-family: var(--base-ff);
    font-size: 1em
}

.highlights .big {
    --ar: 414 / 245;
    grid-column-end: span var(--big-col-span);
    grid-row-end: span var(--big-row-span);
    position: relative
}

.highlights .big>* {
    position: relative
}

.highlights .big .text {
    position: absolute;
    bottom: 1em;
    left: 1em;
    right: 1em;
    padding: 1em;
    border-radius: .8em;
    overflow: hidden
}

.highlights .big .text *:not(div) {
    position: relative
}

.highlights .big .text .overlay {
    background-color: #ecece9;
    opacity: .75
}

.highlights .small {
    grid-column-end: span var(--small-col-span);
    display: flex;
    --w1: 35%;
    --w2: 65%
}

.highlights .small>:first-child {
    width: var(--w1)
}

.highlights .small>:last-child {
    width: var(--w2);
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.highlights .big,.highlights .small img {
    border-radius: .8em;
    overflow: hidden
}

.highlights .tag {
    display: block;
    margin-bottom: 1em
}

.highlights .article-params {
    margin-top: .5em
}

@media (max-width: 992px) {
    .highlights {
        --cgap:1.2em;
        --rgap: 1.2em
    }
}

@media (max-width: 768px) {
    .highlights {
        --rgap:2rem;
        --big-col-span: 9;
        --big-row-span: 1;
        --small-col-span: 9
    }

    .highlights .big {
        height: 0;
        padding-top: calc(1 / (var(--ar)) * 100%)
    }
}
@media (max-width: 992px) {
    .contenido_html img,
    .contenido_html table
    {
        height: inherit !important;
        width: 100% !important;
    }
    .only_desktop{
        display: none;
    }
    .only_mobile{
        display: block;
    }
    #kids .ob-cover
    {
        height: 170px;
        padding-top: 0px;
    }

    .xs-1.games{
        padding-top: 10px;
    }

    #kids h1{
        color: var(--c-prim);
        text-shadow: -.06em -.06em #57C894;
    }

    #home .image_header{
        object-fit: cover;
        height: 100%;
    }

    .layout_container .overlay{
        height: inherit;
    }

    .overlay{
        position: relative;
    }
    .fix-home-height{
        padding-top: 20px;
    }

    .video-button img.icon{
        display: none;
    }
    .fix-iniciativas-grid{
        display: block;
        padding-top: 5px;
    }

    .fix-resultados-grid{
        
    }

    .results {
        --rgap: 5px !important;
    }

    .results h3{
        margin: 0px !important;
    }

    .fix-iniciativas-grid .img-wrapper.ob-cover{
        margin-top: 30px;
    }

    .descubre_post{
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-cover{
        min-height: 12rem;
    }

    #descubre table,#descubre iframe{
        max-width: 100%;
    }

    .reorder .container.fix-answer-mobile{
        display: grid;
        grid-template-columns: 10% 90%;
        text-align: left;
        margin-bottom: 10px;
    }

    .option-text{
        top: 2px !important;
    }

    .termometro-texto{
        padding-left: 0px !important;
        margin-top: 10px;
    }

    .option-style{
        display: none;
    }

    .fix-answers-buttons .btn{
        width: 48%;
        min-width: inherit;
    }

    .result-container{
        overflow: auto;
    }

    .username-label{
        line-height: 22px;
    }

    #sidenav .submenu.open{
        display: block;
        visibility: inherit;
    }

}