.breves-swiper {
  position: relative;
  width: 100%;
  margin: 2rem auto 0 auto;
  padding: 0px 10px !important;
}
.breves-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.breve-item {
  font-size:1rem !important;
  background: #fff;
  padding: 1rem;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  width:100%;
  text-align: left;
  position:relative;
}
.breve-date {
  font-weight: bold;
  margin-bottom: .2rem;
}
.breve-short {
  margin-bottom: .55rem;
  padding: 20px 10px;
}
.breve-readmore {
  position:absolute;
  bottom:10px;
  right:20px;
  text-decoration: none !important;
  display: inline-block;
  padding: 0.5rem 2rem !important;
  background: var(--ast-global-color-1);
  color: #fff !important;
  text-decoration: none;
  clip-path: polygon(
    20% 0,    /* top-left  décalé */
    100% 0,   /* top-right */
    80% 100%, /* bottom-right décalé */
    0% 100%   /* bottom-left */
  );
  font-weight: bold;
}

div.breves-swiper .swiper-button-prev,
div.breves-swiper .swiper-button-next {
  display: none !important;
}

div.breves-swiper .swiper-pagination-bullet {
  background-color: #cccccc !important;
}
div.breves-swiper .swiper-pagination-bullet-active {
  background-color: #A6A6A6 !important;
}

.breves-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.breve-card {
    border: 1px solid #ccc;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    position: relative;
}