@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: 760px;
align-items: center;
justify-content: center;
}
@media (max-width: 768px){
.container-slider{
width: 100%;
}
}
.card-wrapper{
max-width: 900px;
margin: 0 60px 0; 
padding: 10px 10px;
overflow: hidden;
}
.card-list .card-item{
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
flex-wrap: wrap;
list-style: none;
}
.card-list .card-item .card-link{
width: 107px;
height: 107px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
user-select: none;
background: #224b28;
padding: 2px;
border-radius: 50%;
text-decoration: none;
border: 2px solid #3a6841;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
transition: 0.1s ease;
}
.card-list .card-item .card-link:active{
cursor: grabbing;
}
.card-list .card-item .card-link:hover{
border: 2px solid #83a588;
}
.card-list .card-link .card-image{
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
cursor: pointer;
}
.card-list .card-link .badge{
color: #032608;
padding: 4px 8px;
font-family: 'SemanaSans-Regular', sans-serif;
font-size: 12px;
font-weight: 500;
margin: 8px 0 8px;
background: #fff;
width: fit-content;
border-radius: 50px;
}
.card-title{
width: 100px;
font-family: 'SemanaSans-Regular', sans-serif;
font-size: 16px;
line-height: 19px;
color: #2d412d;
font-weight: 300;
text-align: center;
padding-top: 5px;
}
.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: #396b39;
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{
max-width: 340px;
margin: 0px 10px 15px;
}
.card-wrapper .swiper-slide-button{
/*display: none;*/
}
.card-title{
width: 77px;
font-size: 15px;
}
.card-list .card-item .card-link{
width: 77px; height: 77px;
}
.card-list .card-link .card-image{
width: 70px; height: 70px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
transform: scale(0.7);
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
transform: scale(0.7);
}
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
color: #396b39;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
color: #396b39;
}