/* --- WRAP --- */
.agis-featured-wrap{
  background:#fff;
  padding:4em 5em;
  margin:-30px auto 40px;
  display:block;
  z-index:10000;
  max-width:1600px;
  border-radius:4px;
  position:relative;
  box-shadow:0 0 8px 4px rgba(0,0,0,.04);
  overflow:visible; 
}
.agis-heading{
  font-size:42px;
  line-height:1.1;
  margin:0 0 10px;
  color:#1A2324;
  letter-spacing:.02em;
}
@media (max-width:920px){
  .agis-heading{font-size:32px}
}

/* --- SLIDER --- */
.agis-featured .swiper{
  width:100%;
  position:relative;
  overflow:hidden;
}
.agis-slide{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:40px;
  align-items:center;
}

/* --- IMMAGINE (max 400px, crop centrato) --- */
.agis-media{
  position:relative;
  width:100%;
  height:500px;          /* altezza fissa max */
  max-height:500px;
  overflow:hidden;       /* taglia l’eccesso */
  border-radius:2px;
  display:block;
}
.agis-media img{
  width:100%;
  height:100%;
  object-fit:cover;      /* riempie il box tagliando */
  object-position:center;/* centratissimo */
  display:block;
  border-radius:2px;
}

/* --- META --- */
.agis-badge{
  display:inline-block;
  font-size:12px;
  line-height:1;
  padding:8px 12px;
  border-radius:999px;
  background:#e8eee9;
  color:#2F6861;
  border:1px solid #2F6861;
  margin-bottom:18px;
}
.agis-title{
  font-size:32px;
  line-height:1.2;
  margin:0 0 10px;
}
.agis-title a{
  font-size:1em;
  color:#1A2324;
  text-decoration:none;
}
.agis-excerpt{
  color:#4c5156;
  margin:0 0 22px;
}
.agis-btn{
  display:inline-block;
  padding:15px 30px;
  border-radius:100px;
  background:#2f6861;
  color:#fff;
  text-decoration:none;
  font:600 16px "Source Sans Pro",sans-serif;
  text-transform:uppercase;
  cursor:pointer;
}

/* --- FRECCE ESTERNE --- */
.agis-nav{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.agis-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  line-height:0;
  border-radius:100px;
  border:1px solid #cfd5d1;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  cursor:pointer;
  padding:15px;
  z-index:10;
  pointer-events:auto;
}
.agis-prev{ left:-22px; }
.agis-next{ right:-22px; }

@media (max-width:1200px){
  .agis-prev{ left:6px; }
  .agis-next{ right:6px; }
}

.agis-arrow svg{
  display:block;
  width:22px !important;
  height:22px !important;
  fill:#737373 !important;
  pointer-events:none;
}
.agis-next svg{ transform:rotate(180deg); }

/* --- PALLINI --- */

.agis-pagination.swiper-pagination{
  position:absolute;
  /* rimuovi pointer-events:none */
  pointer-events:auto;   /* o semplicemente non metterlo */
  z-index: 5;            /* opzionale, per sicurezza sopra l'immagine */
}
.swiper-pagination-bullet{
  width:14px;
  height:14px;
  opacity:.5;
  background:#c8c8c8;
}
.swiper-pagination-bullet-active{
  opacity:1;
  background:#2f6861;
}

/* --- RESPONSIVE (tablet) --- */
@media (max-width:1200px){
  .agis-featured-wrap{padding:3em;}
  .agis-slide{gap:28px;grid-template-columns:1fr 1fr;}
}

/* ===== MOBILE LAYOUT (≤900px) ===== */
@media (max-width:900px){
  .agis-featured-wrap{ padding:1.75em; }
  .agis-slide{
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:
      "title"
      "media"
      "excerpt"
      "cta";
    gap:16px;
  }
  .agis-meta{ display:contents; }

  .agis-title{ grid-area:title; margin-bottom:4px; font-size:26px; }
  .agis-media{ grid-area:media; }
  .agis-excerpt{ grid-area:excerpt; margin-top:4px; }
  .agis-btn{ grid-area:cta; margin-top:8px; }

  .agis-badge,
  .agis-arrow,
  .agis-nav{ display:none !important; }

  h2.agis-heading{
    font-size:28px;
    font-weight:400;
    margin:10px 0;
  }

  .agis-btn{
    padding:12px 20px;
    font-size:14px;
    text-align:center;
  }

  /* immagine un po' più bassa su mobile */
  .agis-media{
    height:250px;
    max-height:250px;
  }
}

/* --- EXTRA SMALL --- */
@media (max-width:560px){
  .agis-featured-wrap{padding:1.25em;}
  .agis-title{font-size:24px;}
  .agis-btn{
    padding:12px 20px;
    font-size:14px;
    text-align:center;
  }
}