@font-face {
font-family: 'SemanaSerif-Black';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSerif-Black.ttf);
}
@font-face {
font-family: 'SemanaSerif-ExtraBold';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSerif-ExtraBold.ttf);
}
@font-face {
font-family: "SemanaSerif-Bold";
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSerif-Bold.ttf);
font-weight: bold;
font-style: bold;
}
@font-face {
font-family: 'SemanaSerif-BoldItalic';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSerif-BoldItalic.ttf);
}
@font-face {
font-family: 'SemanaSerif-Medium';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSerif-Medium.ttf);
}
@font-face {
font-family: 'SemanaSerif-Regular';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSerif-Regular.ttf);
}
@font-face {
font-family: 'SemanaSerif-RegularItalic';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSerif-RegularItalic.ttf);
}
@font-face {
font-family: 'SemanaSerif-Light';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSerif-Light.ttf);
}
@font-face {
font-family: 'SemanaSans-Black';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSans-Black.ttf);
}
@font-face {
font-family: 'SemanaSans-ExtraBold';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSans-ExtraBold.ttf);
}
@font-face {
font-family: 'SemanaSans-Bold';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSans-Bold.ttf);
}
@font-face {
font-family: 'SemanaSans-Light';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSans-Light.ttf);
}
@font-face {
font-family: 'SemanaSans-Medium';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSans-Medium.ttf);
}
@font-face {
font-family: 'SemanaSans-Regular';
src: url(https://multimedia.semana.com/2025/recursos/fuentes/SemanaSans-Regular.ttf);
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;

}

.container-slider{
display: flex;
width: 100%;
max-width: 900px;
align-items: center;
justify-content: center;
}
@media (max-width: 768px){
.container-slider{
width: 100%;
}

}
.card-wrapper{
max-width: 900px;
margin: 0 60px 35px; 
padding: 20px 10px;
overflow: hidden;
}
.card-list .card-item{
list-style: none;
}
.card-list .card-item .card-link{
user-select: none;
display: block;
background: #224b28;
padding: 18px;
border-radius: 12px;
text-decoration: none;
border: 1.3px solid #3a6841;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
transition: 0.1s ease;
cursor: pointer;

}
.card-list .card-item .card-link:active{
cursor: grabbing;
}
.card-list .card-item .card-link:hover{
border: 1.3px solid #83a588;
}
.card-list .card-link .card-image{
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
border-radius: 10px;
}

.card-list .card-link .badge{
color: #032608;
padding: 4px 8px;
font-family: 'SemanaSans-Regular';
font-size: 12px;
font-weight: 500;
margin: 8px 0 8px;
background: #fff;
width: fit-content;
border-radius: 50px;
}

.card-list .card-link .card-title{
font-family: 'SemanaSans-Regular';
font-size: 16px;
line-height: 19px;
color: #fff;
font-weight: 300;
}
	
.card-list .card-link .card-button{
height: 35px;
width: 35px;
border-radius: 50%;
margin: 30px 0 5px;
background: none;
cursor: pointer;
border: 2px solid #F095AA;
}
	
.card-list .card-link:hover .card-button{
color: #fff;
background: #004300;
}

.card-wrapper .swiper-pagination-bullet{
height: 13px;
width: 13px;
opacity: 0.5;
background: #396b39;
}
.card-wrapper .swiper-pagination-bullet-active{
opacity: 1;
}
@media screen and (max-width: 768px){
.card-wrapper{
margin: 0 10px 25px;
}
.card-wrapper .swiper-slide-button{
display: none;
}
.card-list .card-link .card-title{
font-size: 15px;
}
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
color: #396b39;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
color: #396b39;
}
	