.section__indexNews{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    font-size: 20px;
    font-weight: 400;
    background-color: var(--section-bg);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%);
    border-bottom: 0.5px solid rgb(0 0 0 / 30%);
    max-width: 1000px;
    margin: 0;
    margin-bottom: 1rem;
}

.indexNews{
    display: flex;
    margin: 0;
    padding: 1rem;
    flex-direction: row;
    width: -webkit-fill-available;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: left;
    position: relative;
}

section[xmod='abc'] .indexNews:has( a.html-a-link){
    padding: 0rem;
}


.html-a-link[xmod='abc']{
    cursor: default;
    pointer-events: none;
    margin: 1em 0em 1em 0em;
}

.html-a-link[xmod='abc']>img{
    margin-top: -20px;
}

.indexNews__row-first{
    display: flex;
    margin: 0;
    align-content: flex-start;
    justify-content: space-between;
    border-bottom: 0px solid var(--medium);
    padding: 10px 0;
    gap: 10px;
    width: -webkit-fill-available;
    width: 100%;
    position: relative;
}
.main > section > .indexNews__row-first:last-child,
.main > section > .indexNews__row:last-child{
    border-bottom: 1px solid transparent!important;
}

.indexNews__column-left-first{
    text-decoration: none;
    min-width: 45%;
}

.indexNews__column-left-first img{
    border-radius: 4px;
    aspect-ratio: auto;
    height: 100%;
}

.indexNews__column-left-first img.w-auto{
    width: auto;
}

.indexNews__column-right-first{
    height: fit-content;
}

        @media screen and (max-width: 449px) {
            .indexNews__image{min-height: initial;}
            .indexNews__row{max-width: -webkit-fill-available;}
            .indexNews__column-left-first{width: 100%;}
            .indexNews__column-right-first{width: 100%;}
            .indexNews__row-first{flex-wrap: wrap;}
            .indexNews__row{margin: 0;}
            .indexNews > p{    margin-top: -0.5rem;}
        }

    @media screen and (min-width: 450px) and (max-width: 799px)  {
        .indexNews__image{min-height: 275px;}
        .indexNews__row{max-width: -webkit-fill-available;}
        .indexNews__column-left-first{width: 100%;}
        .indexNews__column-right-first{width: 100%;}
        .indexNews__row-first{flex-wrap: wrap;}
        .indexNews__row{margin: 0;}
        .indexNews > p{    margin-top: -0.5rem;}
    }

    @media screen and (min-width: 800px) and (max-width: 1199px){
    .indexNews__row{max-width: 49%;}
    .indexNews__column-left-first{min-width: 62%;max-width: 450px;}
    .indexNews__column-right-first{max-width: 36%;}
    .indexNews__row-first{flex-wrap: wrap;}
    .indexNews__image{min-height: 225px;max-height: fit-content;}
    .indexNews__row{margin: 10px 0 0 0;}
    .indexNews > p{    margin-top: -0.5rem;}
    }

    @media screen and (min-width: 1200px){
        .indexNews__row{max-width: 32%;}
        .indexNews__column-right-first{min-width: 55%;}
        .indexNews__row-first{flex-wrap:nowrap;}
        .indexNews__image{min-height: 185px;}
        .indexNews__row{margin: 20px 0;}
        .indexNews > p{    margin-top: -1.75rem;}
    }

  .indexNews__date-first, .indexNews__date{
    margin: 1em 0em 2em 0em;
    font-size: smaller;
    font-weight: 600;
  }

  .indexNews__date-first small{
    font-weight: 400!important;
  }

  .indexNews__column-right-first > p{
    margin: 0.75em 0em 0.25em 0em;
  }
  .indexNews__column-right > p{
    margin: 0.75em 0em 0.25em 0em;
  }


.indexNews__date-first > small, .indexNews__date > small{
    
    color: var(--separator);
}



.indexNews__image-first{
    background-color: var(--footer-bg);
    height: auto;
    width: 100%;
    cursor: pointer;
    max-width: initial;
    box-shadow: 0 1px 4px 0 var(--separator);
}



.indexNews__title-first{
    font-size: unset;
    font-weight: 400;
    margin-bottom: 1em;
}

.indexNews__title{
    font-size: unset;
    font-weight: 400;
    margin-bottom: 1em;
}

.indexNews__desc-first{
    margin: 0em 0.75em 0em 0em;
    font-size: 20px;
    font-weight: 300;
    text-align: justify;
}

.indexNews__desc-first > p{
    font-size: 20px;
    font-weight: 300;
    text-align: justify;
}

.indexNews__desc, .indexNews__desc > p{
    font-size: 20px;
    font-weight: 300;
    text-align: justify;
}

.indexNews__row-nowrap{
	width: -webkit-fill-available;
}

.indexNews__row-nowrap  p, .indexNews__row-nowrap  span{
    font-weight: 300;
}

.indexNews__row-nowrap  p{
    margin: 0.25em 0em 0em 0em;
}

.indexNews__row-wrap-image{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.indexNews__row-divider{
    margin: 1rem 0px;
    border-top: 1px solid var(--medium);
}

.indexNews__row{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	width: 100%;
    position: relative;
}
.indexNews__column-right{
    min-height: auto;
}

.indexNews__column-left{
    width: 100%;
    padding: initial;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    transition: 0.5s;
}


.indexNews__image{
    box-shadow: 0 1px 4px 0 var(--separator);
    width: -webkit-fill-available;
}

a.section__link{
    display: block;
    font-size: unset;
    color: var(--a-default);
    text-decoration: none;
    font-weight: 400;
    margin-top: 0.75em;
}


a.section__link:hover{
    font-size: unset;
    color: var(--Red);
    text-decoration: underline;
}

.permalink-block{
    display: block;
}

.permalink-block small{
    font-size: small;
    text-decoration: auto;
    font-weight: 300;
    color: var(--altmain);
}

.permalink-block a{
    font-size: small;
    text-decoration: auto;
    font-weight: 300;
    color: var(--altmain);
}

.permalink-block a:hover{
    color: var(--Red);
}

.indexNews__desc > p > a.section__link{
    font-size: unset;
    color: var(--a-default);
    text-decoration: none;
    font-weight: 400;
}

.indexNews__desc > p > a.section__link:hover{
    font-size: unset;
    color: var(--Red);
    text-decoration: underline;
}

.indexNews > p{
    font-weight: 300;
    margin: auto 0px;
    text-align: justify;
    width: -webkit-fill-available;
}

.indexNews > p > a.section__button-link {
    margin: auto;
    background: transparent;
    color: var(--default);
    font-size: large;
    font-weight: 400;
    padding: 0;
}

.indexNews > p > a.section__button-link:hover{
    color: var(--Mustard);
    background: transparent;
    box-shadow: 0 0px 0px 0 transparent;
}

.indexNews > .fileDetails > .fileDetails__links{
    background: transparent!important;
}