/* ---- Layout base / atmosfera ---- */
/* (rimosso) body background globale: usiamo un full-bleed locale sul blocco */
.agriblock { position: relative; margin: 0 auto; padding: 3rem 0; color: #fff; }
.agriblock-wrap {
  background-color: #3a2024;
  padding: 3rem 0;
}
.agriblock__row { align-items: stretch; }

/* ---- Colonna sinistra ---- */
.agriblock__intro{
  background:#3b2024;
  padding: 1.25rem 1.5rem;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.06);
}
.agriblock__title{
  font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 .75rem 0;
  font-weight: 600;
}
.agriblock__desc{
  color: rgba(255,255,255,.92);
  margin: 0 0 1rem 0;
}
.agriblock__btn{
  display:inline-block;
  padding:.55rem 1rem;
  border:1px solid rgba(255,255,255,.45);
  border-radius:.6rem;
  color:#f5e9e9;
  text-decoration:none;
  transition:opacity .2s ease, transform .2s ease;
}
.agriblock__btn:hover{ opacity:.9; transform: translateY(-1px); }

/* ---- Griglia card (2 righe fisse, 4 card in schema specifico) ---- */
.agriblock__grid {
  display: grid;
  /* 3 colonne uguali: ci permette di fare il "zig‑zag" con card larghe 2 colonne */
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 18px;
}

/* Posizionamento esplicito a 3 colonne
   Riga 1: 1 grande a sinistra (span 2), 2 piccolo a destra
   Riga 2: 3 piccolo a sinistra, 4 grande a destra (span 2) */
.agriblock__card--1 { grid-column: 1 / span 2; grid-row: 1; }
.agriblock__card--2 { grid-column: 3;            grid-row: 1; }
.agriblock__card--3 { grid-column: 1;            grid-row: 2; }
.agriblock__card--4 { grid-column: 2 / span 2;   grid-row: 2; }


@media (max-width: 991.98px) {
  .agriblock__grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 16px;
  }
  .agriblock__card--1,
  .agriblock__card--2,
  .agriblock__card--3,
  .agriblock__card--4 {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* ---- Card ---- */
.agriblock__card{
  position:relative;
  display:block;
  overflow:hidden;
  background:#231516;
  border-radius:18px;
  min-height: 240px;
  text-decoration:none;
  color:#fff;
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.agriblock__imgwrap{ position:relative; height:100%; }
.agriblock__img{
  width:100%; height:100%;
  object-fit:cover;
  transform: scale(1);
  transition: transform .6s ease;
  filter: saturate(.96) contrast(1.05);
}
.agriblock__card:hover .agriblock__img{ transform: scale(1.07); }

/* Badge numerico */
.agriblock__badge{
  position:absolute; top:14px; left:14px;
  width:34px; height:34px; line-height:34px;
  border-radius:50%;
  text-align:center;
  font-weight:700;
  font-size:.95rem;
  color:#3a2024;
  background: #f0caaa; /* pesca caldo */
  box-shadow: 0 2px 6px rgba(0,0,0,.18), inset 0 -2px 0 rgba(0,0,0,.08);
}

/* Testo in overlay */
.agriblock__text{
  position:absolute; left:0; right:0; bottom:0;
  padding: 20px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.78) 100%);
}
.agriblock__subtitle{
  font-size: 1rem;
  margin: 0 0 .25rem 0;
  opacity:.95;
}
.agriblock__heading{
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.2;
}

/* Freccia circolare in basso a destra */
.agriblock__arrow{
  position:absolute; right:16px; bottom:16px;
  width:34px; height:34px; border-radius:50%;
  background: rgba(255,255,255,.85);
  display:inline-block;
  transition: transform .2s ease, background .2s ease;
}
.agriblock__arrow:before{
  content: '';
  position:absolute; inset: 9px;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z'/></svg>") center/contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z'/></svg>") center/contain no-repeat;
  background:#3a2024;
}
.agriblock__card:hover .agriblock__arrow{ transform: translateY(-2px); background:#fff; }

/* Varianti dimensioni per ricordare lo screenshot */
.agriblock__card--1 { min-height: 360px; }
.agriblock__card--2 { min-height: 360px; }
.agriblock__card--3 { min-height: 360px; }
.agriblock__card--4 { min-height: 360px; }


.agriblock.container {
	width: 80%;
}

/* Custom overrides */
.agriblock__heading {
    font-size: 1.2rem !important;
    transition: color .3s ease;
}
.agriblock__heading:hover,
.agriblock__card:hover .agriblock__heading {
    color: #d2a082 !important;
}
.agriblock__desc {
    width: 80%;
    line-height: 1.8;
    margin-bottom: 20px !important;
}
.agriblock__title {
    font-size: 1.5rem !important;
    font-weight: 300 !important;
}
.agriblock__btn {
    border: 1px solid #d2a082 !important;
    color: #d2a082 !important;
}
.agriblock__intro {
    border: 0px !important;
}
section.em-cs.em-cs--white .em-cs__media {
    border: 0px;
    overflow: hidden;
}