/* LDF Home Slider Auto - CSS (1.0.1)
   Ajustes pedidos:
   - dar “respiro” em relação ao menu (margem superior)
   - tirar setas (já removidas do HTML)
   - cantos retos (sem arredondado)
*/

.ldfhs {
  width: 100%;
  margin-top: var(--ldfhs-top-space, 16px);
}

.ldfhs__wrap {
  width: 100%;
  display: flex;
  gap: 16px;
}

/* HERO */
.ldfhs__hero {
  position: relative;
  flex: 1 1 66%;
  min-height: 460px;
  overflow: hidden;
  background: #111;
  border-radius: 0;
}

.ldfhs__heroLink {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  text-decoration: none;
  position: relative;
}

.ldfhs__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.10) 35%, rgba(0,0,0,0.75) 100%);
}

.ldfhs__heroContent {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 22px;
  z-index: 2;
  color: #fff;
}

.ldfhs__badge {
  display: inline-block;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1;
  background: #3b49ff;
  margin-bottom: 10px;
  border-radius: 0;
}

.ldfhs__title {
  margin: 0 0 10px 0;
  font-size: clamp(22px, 2.2vw, 38px);
  line-height: 1.15;
  font-weight: 700;
  text-shadow: 0 2px 12px rgba(0,0,0,0.55);
}

.ldfhs__dateRow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  opacity: 0.95;
}

.ldfhs__dateIcon {
  width: 16px; height: 16px;
  display: inline-block;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm14 9H3v8a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-8ZM20 6H4a1 1 0 0 0-1 1v2h18V7a1 1 0 0 0-1-1Z"/></svg>') center / contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm14 9H3v8a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-8ZM20 6H4a1 1 0 0 0-1 1v2h18V7a1 1 0 0 0-1-1Z"/></svg>') center / contain no-repeat;
}

/* SIDE */
.ldfhs__side {
  flex: 1 1 34%;
  min-width: 280px;
}

.ldfhs__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  height: 460px;
}

.ldfhs__card {
  position: relative;
  overflow: hidden;
  background: #111;
  border-radius: 0;
  min-height: 0;
}

.ldfhs__cardLink {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  text-decoration: none;
  position: relative;
}

.ldfhs__cardOverlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.12) 35%, rgba(0,0,0,0.82) 100%);
}

.ldfhs__cardContent {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  color: #fff;
}

.ldfhs__cardBadge {
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1;
  background: #3b49ff;
  margin-bottom: 8px;
  border-radius: 0;
}

.ldfhs__cardTitle {
  margin: 0 0 8px 0;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0,0,0,0.55);
}

.ldfhs__cardDateRow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  opacity: 0.95;
}

/* Responsivo */
@media (max-width: 980px) {
  .ldfhs__wrap { flex-direction: column; }
  .ldfhs__hero { min-height: 420px; }
  .ldfhs__grid { height: auto; grid-template-columns: 1fr 1fr; }
  .ldfhs__card { min-height: 200px; }
}

@media (max-width: 520px) {
  .ldfhs__grid { grid-template-columns: 1fr; }
}