@charset "UTF-8";main{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: column;
gap: 40px;
position: relative;
width: 100%;
min-height: 200px;
}
.blq-grupos-anual{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: column;
gap: 40px;
position: relative;
width: 100%;
padding-top: var(--relacion-y-buscador-notas);
}
.grupo-anual{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 0px 45px;
}
.grupo-anual::before{
content: '';
width: 100%;
height: 1px;
background-color: var(--am-100);
margin: 10px 0px 30px 0px;
}.blq-noticias{
position: relative;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
justify-content: center;
flex-direction: row;
gap: 5px;
width: 100%;
}
.subtit-anual{
position: absolute;
top: 0px;
right: -45px;
width: var(--relacion-x-sticky-anual-notas);
height: calc(100% - 20px);
cursor: default;
z-index: 4;
border-left: 0.7px solid var(--bn-20);
}
.subtit-anual::before{
content:'';
position: absolute;
left: 0px;
top: 0px;
width: 0.7px;
height: 100%;
background-color: var(--bn-20);
box-shadow:
0 0 0 1px rgba(53, 72, 91, .12),
0 2px 1px rgba(0, 0, 0, .06),
0 2px 2px rgba(0, 0, 0, .07),
0 5px 4px rgba(0, 0, 0, .08),
0 7px 7px rgba(0, 0, 0, .08),
0 10px 10px rgba(0, 0, 0, .09),
0 12px 12px rgba(0, 0, 0, .10);
}.grp-txt-anual{
position: -webkit-sticky;
position: sticky;
top: 40px;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-direction: column;
visibility: visible;
width: 50px;
height: var(--height-labels);
margin: 0 auto;
margin-top: 32px;
}
.grp-txt-anual h2{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-family: var(--fuente-principal);
font-size: var(--font-size-sm);
font-weight: 400;
font-variation-settings: "wght" 600;
text-align: center;
color: var(--bn-80);
}
.grp-notas{
width: calc(100% - var(--relacion-x-sticky-anual-notas));
}
.grp-notas ul{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
list-style: none;
}
.grp-notas ul li{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: column;
width: calc(50% - 10px);
gap: 10px;
border-radius: var(--border-r-lg);
background-color: var(--bn-10);
box-shadow:
0 0 0 1px rgba(53, 72, 91, .12),
0 2px 1px rgba(0, 0, 0, .06),
0 2px 2px rgba(0, 0, 0, .07),
0 5px 4px rgba(0, 0, 0, .08),
0 7px 7px rgba(0, 0, 0, .08),
0 10px 10px rgba(0, 0, 0, .09),
0 12px 12px rgba(0, 0, 0, .10);
padding-bottom: 15px;
}
.grp-img-nota{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-start;
flex-direction: row;
gap: 5px;
position: relative;
width: 100%;
padding: 10px;
}
.img-nota{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: center;
flex-direction: row;
position: relative;
width: 100%;
height: 100%;
}
.grp-img-nota picture{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
width: 100%;
height: 100%;
border-radius: var(--border-r-base);
overflow: hidden;
box-shadow:
0 0 0 1px rgba(53, 72, 91, .12),
0 2px 1px rgba(0, 0, 0, .06),
0 2px 2px rgba(0, 0, 0, .07),
0 5px 4px rgba(0, 0, 0, .08),
0 7px 7px rgba(0, 0, 0, .08),
0 10px 10px rgba(0, 0, 0, .09),
0 12px 12px rgba(0, 0, 0, .10);
}
.grp-img-nota picture img{
object-fit: cover;
}
.grp-txt-link-nota{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
gap: 20px;
flex: 1;
}
.grp-tipo-nota{
position: relative;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row;
gap: 4px;
z-index: 2;margin: 0px 18px 0px 18px;
}
.grp-tipo-nota h3{
position: relative;
text-rendering: optimizeLegibility;
font-family: var(--fuente-principal);
font-size: var(--font-size-xxs);
font-size: calc(var(--font-size-xxs) + 1px);
line-height: calc(var(--line-height-base) + 1.65);
font-weight: 400;
font-variation-settings: "wght" 600;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--bn-100);
margin: 0px;
padding: 0px 10px 0px 10px;
}.grp-tipo-nota h3 strong{
font-weight: 500;
background-color: var(--ng-70);
border-radius: 4px 4px 4px 4px;
-webkit-box-shadow:
var(--home-boxshadow-tipo-nota-pos) 0px 0px var(--ng-70),
var(--home-boxshadow-tipo-nota-neg) 0px 0px var(--ng-70);
box-shadow:
var(--home-boxshadow-tipo-nota-pos) 0px 0px var(--ng-70),
var(--home-boxshadow-tipo-nota-neg) 0px 0px var(--ng-70);
-webkit-box-decoration-break: clone;
-moz-box-decoration-break: clone;
box-decoration-break: clone;
padding: 0.46rem 0 0.46rem 0;
}.grp-tipo-nota .cj-icn{
width: var(--tamano-icn-sm);
height: var(--tamano-icn-sm);
flex: 0 0 var(--tamano-icn-sm);
}
.grp-txt-nota{
margin-bottom: 10px;
padding: 0px 20px 0px 20px;
}
.grp-txt-nota h4{
font-family: var(--fuente-principal);
font-size: var(--font-size-base);
line-height: var(--line-height-base);
font-weight: 400;
font-variation-settings: "wght" 600;
color: var(--bn-100);
margin-bottom: 12px;
}
.grp-txt-nota p{
font-family: var(--fuente-principal);
font-size: calc(var(--font-size-xxs) + 2px);
line-height: var(--line-height-xxs);
font-weight: 400;
font-variation-settings: "wght" 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--bn-90);
}
.grp-btn-link{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-start;
flex-direction: row;
position: relative;
gap: 6px;
border-radius: var(--border-r-base);
border: 0.5px solid var(--ng-50);
box-shadow:
0 0 0 1px rgba(53, 72, 91, .12),
0 2px 1px rgba(0, 0, 0, .06),
0 2px 2px rgba(0, 0, 0, .07),
0 5px 4px rgba(0, 0, 0, .08),
0 7px 7px rgba(0, 0, 0, .08),
0 10px 10px rgba(0, 0, 0, .09),
0 12px 12px rgba(0, 0, 0, .10);
cursor: pointer;
margin: 7px 0px 0px 15px;
padding: 2px 16px 2px 2px;
}
.grp-btn-link a{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
}
.grp-btn-link p{
font-family: var(--fuente-principal);
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 400;
font-variation-settings: "wght" 600;
color: var(--ng-100);
}
.grp-btn-link-top{
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: flex-end;
flex-direction: row;
position: fixed;
bottom: 10px;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
max-width: 1100px;
border-radius: 0px;
z-index: 10;
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.grp-btn-link-top .cj-icn{
position: relative;
visibility: visible;
margin-right: 20px;
margin-bottom: 23px;
}
.grp-btn-link-top a{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 2;
}.grp-btn-link{
background-color: var(--am-80);
}
.grp-btn-link:hover{
background-color: var(--am-100);
}
.grp-btn-link-top .cj-icn{
background-color: var(--am-80);
}
.grp-btn-link-top  .cj-icn:hover{
background-color: var(--am-100);
}.item-fade {
opacity: 1;
max-height: 1000px;
overflow: hidden;
transition: opacity .4s ease, max-height .4s ease;
}
.item-hidden {
display: none !important;
opacity: 0;
max-height: 0;
pointer-events: none;
}@media screen and (orientation:portrait){
.subtit-anual{
position: relative;
right: auto;
height: auto;
width: var(--relacion-x-sticky-anual-notas);
}
.grp-btn-link-top{
width: calc(100% - 90px - 5px);
}
}@media screen and (orientation:landscape)  and (max-width:1280px){
.grp-btn-link-top{
width: 100%;
max-width: 1100px;
}
}@media screen and (orientation:landscape) and (max-width:1024px){
.grupo-anual {
max-width: 900px;
}
.grp-btn-link-top {
width: 100%;
max-width: 900px;
}
}@media screen and (max-width:851px){
main{
width: 100%;
margin-left: 0px;
}.subtit-anual {
width: var(--relacion-x-sticky-anual-notas-movil);
}
.grp-txt-anual{
top: calc(var(--relacion-y-buscador-notas) + 30px);
margin-top: 0px;
}
.grp-btn-link-top .cj-icn {
margin-right: 15px;
}
}@media screen and (max-width:677px){
.grupo-anual{
padding: 0px 20px 0px 20px;
}
.grp-notas {
width: 100%;
}
.grp-notas ul {
flex-direction: column;
}
.grp-notas ul li{
width: 100%;
}
.grp-btn-link-top {
width: 100%;
}
.grp-btn-link-top .cj-icn {
margin-right: 30px;
}
}