#guerrerodln{
  position:relative;
  z-index:2;
}

.gdn{
  padding:32px 0 56px;
}

.gdn__card{
  display:grid;
  gap:28px;
}

.gdn__head{
  text-align:center;
}

.gdn__title{
  margin:0;
}

.gdn__gallery{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.gdn__content{
  max-width:920px;
  margin:0 auto;
  display:grid;
  gap:14px;
  color:#133427;
}

.gdn__content h2,
.gdn__content h3{
  margin:12px 0 2px;
  color:#0d2f22;
}

.gdn__lead{
  margin:2px 0 6px;
  padding:14px 16px;
  border-left:4px solid #0c6b49;
  background:linear-gradient(90deg, rgba(7,102,70,.14), rgba(7,102,70,.04));
  border-radius:10px;
  font-weight:600;
  color:#11402f;
}

.gdn__content p{
  margin:0;
  color:#234136;
  line-height:1.7;
}

.gdn__content ul{
  margin:0;
  padding-left:20px;
  color:#234136;
  line-height:1.7;
  display:grid;
  gap:4px;
}

.gdn__story{
  display:grid;
  gap:16px;
}

.gdn__story--with-media{
  grid-template-columns:minmax(240px, 320px) 1fr;
  align-items:start;
}

.gdn__storyText{
  display:grid;
  gap:12px;
}

.gdn__banners{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.gdn__media{
  margin:0;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(145deg, rgba(1,68,46,.75), rgba(1,35,24,.95));
  border:1px solid rgba(120,190,160,.24);
  box-shadow:0 12px 24px rgba(0,0,0,.2);
}

.gdn__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  color:#d7f5ea;
  font-size:12px;
}

.gdn__media--portrait{
  aspect-ratio:3 / 4;
}

.gdn__media--square{
  aspect-ratio:1 / 1;
  max-width:360px;
}

.gdn__media--inline{
  position:sticky;
  top:96px;
}

.gdn__media--banner{
  aspect-ratio:4 / 3;
}

@media (max-width: 960px){
  .gdn__gallery{
    grid-template-columns:1fr;
    max-width:420px;
    margin:0 auto;
  }

  .gdn__banners{
    grid-template-columns:1fr;
  }

  .gdn__story--with-media{
    grid-template-columns:1fr;
  }

  .gdn__media--inline{
    position:static;
    margin:8px auto;
  }
}