@charset "utf-8";
/*Teaser News*/
.page-node-type-news h2 {font-size: var(--font-size-teasernews)!important; color: var(--heading-color)!important;display: block;line-height: normal!important;text-decoration: none!important;}
.page-node-type-news .box-blog .datos {font-size: var(--font-size-sentby);color: var(--sentby-color);}
.page-node-type-news .box-blog .autor{text-transform: uppercase;font-size: var(--font-size-sentby);color:var(--sentby-color);}
.page-node-type-news .box-blog .media__image {margin: 0px;}
.page-node-type-news .box-blog .datetime{color:var(--sentby-color);}
.page-node-type-news .box-blog .box-content{background-color: rgba(var(--box-background),0.07);background-repeat: no-repeat;background-position: left,bottom;background-size: contain;height: 100%;width: 100%;margin-top: -2px;}
.page-node-type-news .box-blog h3{font-size: var(--font-size-teasernews) !important;color: var(--tit-section) !important;display: block;line-height: normal !important;}
.page-node-type-news .box-blog .circle {width: 100%;object-fit: contain;overflow: hidden;display: block;object-position: center;}
.page-node-type-news .box-blog .circle img {width: 100%;transition: transform 0.6s ease-out;transform-origin: center center;}
.page-node-type-news .box-blog .circle img:hover{transform: scale(1.8);}
.page-node-type-news .datos {padding: 0.5rem;font-size: var(--font-size-sentby);}
.page-node-type-news .datos span.autor {font-size: var(--font-size-sentby);color: var(--sentby-color); font-weight: bold;}
.page-node-type-news .datos .datetime {color: var(--primary-color);font-weight: bold;}
.page-node-type-news .datos-container {position: relative;margin-top: 0.5rem;}
.page-node-type-news .datos-container::after {content: "";display: block;width: 100%;margin-top: -1px;}
.page-node-type-news a.box-link:hover img{transform: scale(1.8);}
.page-node-type-news a p{color:var(--text-color);}
/*Sidebar*/
.page-node-type-article #content-aside h3{font-weight: bold;font-size: var(--font-size-sidebar-title);color:var(--text-color);}
.page-node-type-article #content-aside .view-header{margin-bottom: 1rem;}
.page-node-type-article #content-aside #block-b5subtheme-content .view-header{margin-bottom:6rem;}
.page-node-type-article #content-aside div[id^="block-"], #content-aside nav[id^="block-"] {background-color: #f1f1f1;padding: 1rem;margin-bottom: 0.75rem;}
.page-node-type-article .sticky-top{z-index: 500!important;}
.page-node-type-article #content-aside.sticky-top{top:126px!important;}
.page-node-type-article #content-aside .datos{background-color: var(--secondary-color);padding: 0.5rem;max-width: fit-content;font-size: var(--font-size-sentby);color: var(--sentby-color);font-weight: bold;}
.page-node-type-article #content-aside .datos span  {font-size: var(--font-size-lastarticle);}
.page-node-type-article #content-aside .datos time {color: var(--primary-color);}
.page-node-type-article #content-aside .box-blog .last-articles a{font-weight: bold;color: var(--title-section);text-decoration: none;font-size: var(--font-size-body);line-height: normal;display: block;}
.page-node-type-article #content-aside .box-blog .last-articles a:hover{ background-color:  rgba(53, 139, 195, 0.2);}

/*Main News*/
.page-node-type-article .field--name-field-art-lead{padding: 20px;background-color: var(--secondary-color);}
.page-node-type-article .field--name-field-art-lead p{font-weight: bold;color:var(--primary-color);font-style: italic;font-size: var(--font-size-box-lead);line-height: normal;}
.page-node-type-article .grid-container {display: flex;flex-direction: row-reverse; /* Invierte el orden */width: 100%; /* Ancho total */height: 20px; /* Ajusta la altura según tus necesidades */}
.page-node-type-article .col {flex: 1; height: 100%;margin: 0;padding: 0;}
.page-node-type-article .field--name-body{margin-top: 2rem;}
.page-node-type-article .node__submitted,
.page-node-type-article .node__submitted .field {font-size:var(--font-size-sentby);}
.page-node-type-news .grid-container{display: flex;/*flex-direction: row-reverse;*/height: 5px;}
.page-node-type-article .container-blog{padding-top: 3rem;}
/*links*/
.page-node-type-news .main a.more-info {font-size: var(--font-size-small);display: inline-block;font-weight: bold;text-decoration: none!important;}
.page-node-type-news .main a.more-info:hover {background-color: rgba(var(--link-background), 0)!important;text-decoration: underline;}
.page-node-type-news .main a.more-info::after {content: " >";display: inline-block;transition: transform 0.3s ease-in-out;}
.more-info:hover::after {transform: translateX(5px); /* Mueve solo la flecha */}
.page-node-type-news .box-content a,
.page-node-type-article  .main a { color: var(--text-color); text-decoration: underline; }
.page-node-type-article  .main a:hover,
.page-node-type-news  .main .box-content a:hover{ background-color: rgba(var(--link-background), 0.2);}
.page-node-type-article .main .field--name-body a { color: var(--text-color)!important; text-decoration: underline!important;background-color: var(--background-color)!important;}
.page-node-type-article .main  .field--name-body a:hover { background-color: rgba(var(--link-background), 0.2)!important;}
.page-node-type-article .main .field--name-field-art-lead a{color:var(--link-lead);}
.page-node-type-article .main .field--name-field-art-lead a:hover { background-color: rgba(var(--link-background), 0.8);}
.page-node-type-article .main .field__item a{color:var(--link-lead); background-color: rgba(var(--link-background),1); text-decoration: none;font-size: var(--font-size-tag);padding: 3px;}
.page-node-type-article .main .field__item a:hover{color:var(--link-lead); background-color: var(--primary-color);}
.page-node-type-article .main h1 span{color: var(--title-section)!important;}
/*Tags*/
.page-node-type-article .field--name-field-tags .field__label{margin: 100px 0px 10px;}
.page-node-type-article .field--name-field-tags .field__items {display: flex;}
.page-node-type-article .field--name-field-tags .field__item{margin-right: 5px;}
/*Imagenes internas*/
.img-ori {display: block;max-width: 100%;height: auto;}
/* Si la pantalla es menor a 1024px, la imagen ocupa el 100% del contenedor */
@media (max-width: 1024px) {
    .img-ori { width: 100%;}
}
@media (max-width: 425px) {
.page-node-type-article .container-blog{padding-top: 4rem;}
}