@charset "UTF-8";
.art-swiper-nav-btn-txt{
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;
width: 100%;
height: auto;
overflow-x: auto;
margin: 0px;
}
.art-swiper-nav-btn-txt .swiper-container{
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: column;
}
.art-swiper-nav-btn-txt .swiper-wrapper{
padding: 10px 0px 10px 0px;
}
.art-swiper-nav-btn-txt .swiper-container .swiper-slide{
height: auto;
opacity: 0 !important;
}
.art-swiper-nav-btn-txt .swiper-container .swiper-slide.swiper-slide-prev,
.art-swiper-nav-btn-txt .swiper-container .swiper-slide.swiper-slide-next{
opacity: 0 !important;
}
.art-swiper-nav-btn-txt .swiper-container .swiper-slide.swiper-slide-active{
opacity: 1 !important;
}.art-swiper-nav-btn-txt .art-linea--hito-descrip {
-webkit-flex-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: center;
padding: 0px 40px 0px 40px;
}
.art-swiper-nav-btn-txt .art-linea--hito-descrip .subtit h6 {
margin-bottom: 5px;
padding: 0px 0px 0px 0px;
}
.art-swiper-nav-btn-txt .art-linea--hito-descrip ul{
list-style-type: none;
}
.art-swiper-nav-btn-txt .art-linea--hito-descrip ul li{
margin-bottom: 7px;
}
.art-swiper-nav-btn-txt .art-linea--hito-descrip ul li p{
text-align: center;
padding: 0px 0px 0px 0px;
}
.art-swiper-nav-btn-txt .art-linea--hito-descrip ul li p::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-image: url('../../../imagenes/globales-oafcds-v7/iconos/nav/base/b/2/sprite-nav-base-b-2-bold-v3.png');
background-repeat: no-repeat;
background-size: auto 600%;
background-position: 50% 40%;
margin: -3px 5px 0 0;
vertical-align: middle;
}
.art-swiper-nav-btn-txt .swiper-pagination {
gap: 4px 4px;
border: none;
}
.art-swiper-nav-btn-txt .swiper-button-prev,
.art-swiper-nav-btn-txt .swiper-button-next{
top: calc(50% - 20px);
border: none;
background-color: var(--trans);
}
.art-swiper-nav-btn-txt .swiper-button-prev{
left: 0px;
}
.art-swiper-nav-btn-txt .swiper-button-next{
right: 0px;
}
.art-swiper-nav-btn-txt .swiper-button-prev:hover,
.art-swiper-nav-btn-txt .swiper-button-next:hover{
background-color: var(--base-a-0-10);
}
.art-swiper-nav-btn-txt .swiper-pagination-bullet{
width: auto;
height: auto;
border-radius: var(--border-r-sm);
background-color: var(--base-a-5-100);
font-family: var(--fuente-secundaria);
text-rendering: optimizeLegibility;
font-size: var(--font-size-xs);
line-height: calc(var(--line-height-xs) - 4px);
font-weight: 500;
font-variation-settings: "wght" 600;
color: var(--base-a-1-100);
border: 1.8px solid var(--bn-90);
opacity: 1.0;
margin: 0px !important;
padding: 5px 10px 5px 10px;
}
.art-swiper-nav-btn-txt .art-linea--swiper-container .swiper-pagination-bullet {
background-color: var(--base-a-5-100);
}
.art-swiper-nav-btn-txt .art-linea--swiper-container .swiper-pagination-bullet:hover {
background-color: var(--base-a-4-100);
}@media screen and (max-width:1280px){
.art-swiper-nav-btn-txt .swiper-button-prev,
.art-swiper-nav-btn-txt .swiper-button-next{
background-color: var(--trans) !important;
}
.art-swiper-nav-btn-txt .swiper-button-prev:hover,
.art-swiper-nav-btn-txt .swiper-button-next:hover{
background-color: var(--trans) !important;
}
}