/* Apply only within .upfrontpagenews */
.upfrontpagenews .mod-articles-items {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) { /* Only apply on desktops */
    .upfrontpagenews .upfrontpagenewsdetails {
        order: -1; /* Move details above the photo */
    }
    .upfrontpagenews .mod-articles-item-content {
        display: flex;
        flex-wrap: wrap; /* Ensures proper wrapping */
    }
}

/* Each article is a row with two columns */
.upfrontpagenews .mod-articles-item {
    display: flex;
    align-items: left;
    gap: 10px;
    width: 100%;
}

.upfrontpagenews .upfrontpagenewsphoto img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

/* Right column: Details container */
.upfrontpagenews .upfrontpagenewsdetails {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
}

/* Title styling */
.upfrontpagenews .mod-articles-title {
    font-size: 1 em;
    font-weight: bold;
    text-align: left;
    margin: 0;
    max-height: 5.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.upsitefeaturenews .mod-articles-title {
    font-size: 1.5em;  
}

/* Read more button */
.upfrontpagenews .readmore {
    margin-top: auto;
}

.upfrontpagenews .readmore a {
    display: inline-block;
    /*color: #007bff; */
    text-decoration: none;
    border-radius: 50px;
    font-size: 14px;
}

.upfrontpagenews .readmore a:hover {
    background: #0056b3;
}





/************************************** feature */

.upsitefeaturenews .col-4 {
    flex: 0 0 auto;
    width: 100%;
}

.upsitefeaturenews li {
    list-style: none;
}

ul.mod-articles-items, li.mod-articles-items {
  padding:0;
  margin:0;
}

.upfrontpagenews .row {
  align-items:left; !imporant
}


.upsitefeaturenews .upfrontpagenewsphoto img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

.ultimasnoticias li {
  list-style: none;
}


/************************BODY**/

/* div[itemprop="articleBody"] { */
.article-details {  
    max-width: 800px; /* Keeps lines readable */
    margin: 0 auto; /* Centers the content */
    padding: 24px; /* Good spacing inside */
    font-size: 18px; /* Readable text */
    line-height: 1.7; /* Comfortable line spacing */
}

#sp-main-body {
    /*padding: 50px 0; */
    margin-top: 50px;
}


/*********************** ACTUAL NEWS PAGE **********/
.noticias .article-introtext,
.anuncios .article-introtext{
   display: none;
}