@charset "UTF-8";.art-linea{
position: relative;
width: calc(100% - 40px);
height: auto;
overflow-x: auto;
border: 0.5px solid var(--base-a-4-100);
border-radius: var(--border-r-md);
background-color: var(--bn-100);
box-shadow:
0 0 0 1px rgba(53, 72, 91, .07),
0 2px 2px rgba(0, 0, 0, .01),
0 4px 4px rgba(0, 0, 0, .02),
0 10px 8px rgba(0, 0, 0, .03),
0 15px 15px rgba(0, 0, 0, .03),
0 30px 30px rgba(0, 0, 0, .04),
0 70px 65px rgba(0, 0, 0, .05);
z-index: 2;
margin: 0px 0px 0px 0px;
}
.art-linea > .elem:first-of-type{
position: absolute;
top: 50%;
left: 0%;
-moz-transform: translateX(0%) translateY(-50%);
-webkit-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
width: 20px;
height: calc(100% - 70px);
border-left: 0.5px solid var(--base-a-3-100);
opacity: 0.5;
}
.art-linea > .elem:last-of-type{
position: absolute;
top: 50%;
right: 0%;
-moz-transform: translateX(0%) translateY(-50%);
-webkit-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
width: 20px;
height: calc(100% - 70px);
border-right: 0.5px solid var(--base-a-3-100);
opacity: 0.5;
}
.art-linea .swiper-container{
padding: 20px 20px 10px 20px;
}
.art-linea .swiper-container > .elem:first-of-type{
position: absolute;
left: 0px;
top: 60px;
width: 100%;
height: 1px;
}
.art-linea .swiper-container .swiper-slide{
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: stretch;
flex-direction: row;height: auto;
max-height: 700px;
padding: 0px 10px 0px 10px;
}
.art-linea--hito{
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: stretch;
flex-direction: column;
width: 100%;}
.art-linea--hito-fecha{
position: relative;
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;
flex: none;
border-radius: var(--border-r-sm);
margin-bottom: 4px;
padding: 8px 10px 2px 10px;
}
.art-linea--hito-fecha h5{
font-family: var(--fuente-principal);
text-rendering: optimizeLegibility;
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
font-weight: 50;
font-variation-settings: "wght" 250;
}
.art-linea--hito-descrip{
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;
position: relative;
width: 100%;
flex: 1;
padding: 0px 0px 0px 0px;
}.art-linea--hito-descrip > div:not(.img){
max-width: 700px;
}.art-linea--hito-descrip .img{
flex: 0 0 100%;
position: relative;
width: 100%;
border-radius: var(--border-r-md);
border: 0.5px solid var(--base-a-3-100);
overflow: hidden;
}
.art-linea--hito-descrip .img img{
border-radius: var(--border-r-base);
object-fit: cover;
}
.art-linea--hito-descrip-grp{
position: absolute;
bottom: 10px;
left: 50%;
-moz-transform: translateX(-50%) translateY(0%);
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
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(100% - 20px);
overflow: auto;
z-index: 2;
margin: 0px 0px 0px 0px;
}
.art-linea--hito-descrip-grp .subtit{
flex: 0;
margin-bottom: 2px;
padding: 2px;
}
.art-linea--hito-descrip-grp .subtit > *{
border-radius: var(--border-r-sm);
padding: 6px 13px 5px 13px;
}
.art-linea--hito-descrip-grp .subtit h6{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-md);
line-height: var(--line-height-md);
font-weight: 500;
font-variation-settings: "wght" 700;
margin-bottom: 0px;
}
.art-linea--hito-descrip-grp .txt{
flex: 1;
background-color: var(--bn-100);
border-radius: var(--border-r-base);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.art-linea--hito-descrip-grp .txt > *{
border-radius: var(--border-r-sm);
padding: 10px 17px 10px 17px;
}
.art-linea--hito-descrip-grp .txt p{
font-family: var(--fuente-parrafo);
text-rendering: optimizeLegibility;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 400;
font-variation-settings: "wght" 700;
color: var(--base-a-1-100);
margin-bottom: 0px;
}
.art-linea--hito-descrip .subtit h6{
font-family: var(--fuente-subtit);
text-rendering: optimizeLegibility;
font-size: var(--font-size-subtit-componente);
line-height: var(--line-height-subtit-componente);
font-weight: var(--font-weight-subtit-componente);
font-variation-settings: var(--font-variation-settings-subtit-componente);
padding: 0px 20px 0px 0px;
}.art-linea--hito-descrip .art-grid-blq--back-img .subtit h6{
line-height: calc(var(--line-height-subtit-componente) + 0.7);
padding: 0px 20px 0px 0px;
}
.art-linea--hito-descrip .art-grid-blq--back-img .subtit h6 strong {
position: relative;
font-weight: 500;
background-color: var(--bn-100);
border-radius: 4px 4px 4px 4px;-webkit-box-decoration-break: clone;
-moz-box-decoration-break: clone;
box-decoration-break: clone;
padding: 0.25rem 0.45rem;
}.art-linea--hito-descrip .txt{
overflow: auto;
}
.art-linea--hito-descrip .txt p:not(.txt-instr){
font-family: var(--fuente-parrafo);
text-rendering: optimizeLegibility;
font-size: var(--font-size-sm);
line-height: var(--line-height-xs);
font-weight: 400;
font-variation-settings: "wght" 700;
color: var(--base-a-1-100);
margin-bottom: 0px;
}.art-linea--hito-descrip-col{
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: row;
}
.art-linea--hito-descrip-col .img {
flex: none;
width: auto;
height: 100%;
}
.art-linea--hito-descrip-col .img img{
object-fit: contain;
}
.art-linea--hito-descrip-col .art-linea--hito-descrip-grp {
position: relative;
bottom: auto;
left: auto;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 50%;
margin: 0px 0px 0px -30px;
}.swiper-slide--link-docs .art-linea--hito-descrip{
justify-content: center;
border-radius: var(--border-r-base);
overflow: hidden;
padding: 20px 0px 10px 0px;
}
.swiper-slide--link-docs .art-linea--hito-descrip > div:not(.img){
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide--link-docs .art-linea--hito-descrip > .txt{
overflow: auto;
padding: 5px 20px 5px 20px;
}
.swiper-slide--link-docs .art-linea--hito-descrip .subtit{
flex: 0;
padding: 5px 20px 5px 20px;
}
.swiper-slide--link-docs .art-linea--hito-descrip .card{
padding: 5px 20px 5px 20px;
}
.swiper-slide--link-docs .art-linea--hito-descrip .txt p:not(.txt-instr) {
margin-bottom: 10px;
}
.swiper-slide--link-docs .art-linea--hito-descrip .txt p:not(.txt-instr):last-of-type {
margin-bottom: 0px;
}.art-linea .swiper-container .grp-pagination-btns{
position: relative;
flex-direction: row;
margin: 10px 0px 0px 0px !important;
}.art-linea .swiper-container .swiper-button-next,
.art-linea .swiper-container .swiper-button-prev {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin: 0px 5px 0px 5px;
}.art-linea .swiper-pagination-bullet {
width: 12px;
height: 12px;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.46,-0.21, 0.26, 1);
transition-delay: 0.0s;
border: 1.6px solid var(--bn-90);
opacity: 1;
}
.art-linea .swiper-pagination-bullet-active{
width: 12px;
height: 12px;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.46,-0.21, 0.26, 1);
transition-delay: 0.0s;
background-color: var(--base-a-00-90);
border: 1.8px solid var(--bn-90);
cursor: auto !important;
}.art-linea .swiper-container .swiper-button-next,
.art-linea .swiper-container .swiper-button-prev {
background-color: var(--trans);
}
.art-linea .swiper-container .swiper-button-next:hover,
.art-linea .swiper-container .swiper-button-prev:hover{
background-color: var(--base-a-5-100);
}
.art-linea .swiper-pagination-bullets .swiper-pagination-bullet {
background-color: var(--base-a-3-100);
}
.art-linea .swiper-pagination-bullets .swiper-pagination-bullet:hover {
background-color: var(--base-a-1-100);
}@media (hover: none) {
.art-linea .swiper-container .swiper-button-next,
.art-linea .swiper-container .swiper-button-prev {
background-color: var(--trans);
}
.art-linea .swiper-container .swiper-button-next:hover,
.art-linea .swiper-container .swiper-button-prev:hover{
background-color: var(--trans);
}
.art-linea .swiper-pagination-bullets .swiper-pagination-bullet {
background-color: var(--base-a-3-100);
}
.art-linea .swiper-pagination-bullets .swiper-pagination-bullet:hover {
background-color: var(--base-a-3-100);
}
}@media screen and (max-width:851px){
.art-linea {
width: calc(100% - 40px);
}
.art-linea .swiper-container {
width: calc(100% - 0px);
}
.art-linea .swiper-container .swiper-wrapper {
padding-bottom: 10px;
}
.art-linea .swiper-container .swiper-slide {
max-height: 70vh;
}
}@media screen and (max-width:677px){
.art-linea {
width: 100%;
}
.art-linea .swiper-container .swiper-slide {
padding: 0px 10px 0px 10px;
}.swiper-container .swiper-slide--link-docs:first-of-type{
margin-left: 0px;
}
}