/* =========================================================
  ESTILOS GENERALES
  ========================================================= */
#contacto-eventos{
    display: flex;
}
#contacto-eventos h2{
  color: var(--ink);
  font-weight: 700;
  font-size: clamp(26px,3.2vw,36px);
}
.benefit {
    background: #fff;
    border: 1px solid rgba(15, 43, 58, .10);
    border-radius: 12px;
    padding: 16px;
    box-shadow: var(--shadow);
}
.event-visual{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.event-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  aspect-ratio: auto;
  filter: drop-shadow(0 12px 24px rgba(15, 43, 58, .12));
}
input, textarea {
    padding: 12px 14px;
    border: 1px solid rgba(15, 43, 58, .12);
    border-radius: 10px;
    font: inherit;
}
/* =========================================================
  RESPONSIVE: MÓVILES / TABLET (≤ 959px)
  ========================================================= */
@media (max-width:959px){
#contacto-eventos{flex-direction: column;}
.event-benefits {
  display: grid;
  gap: 12px;
  margin: 2em 0 18px;
}
.event-visual{border-radius: 0 0 10px 10px;}
.contacto-eventos-info{padding: 1em;}
#seccion-eventos{padding: 7% 10%;}
.event-visual .muted{
  position: absolute;
  bottom: 25px;
  right: 30px;
}
}

/* =========================================================
  RESPONSIVE: ESCRITORIO (≥ 960px)
  ========================================================= */
@media (min-width:960px){
.event-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 12px;
  margin: 10px 0 18px;
  position: absolute;
  bottom: 5%;
  left: 5%;
  width: 100%;
  z-index: 9;
  min-height: 20vh;
}
.event-visual{
  width: 40%;
  overflow: hidden;
  max-height: 70vh;
  border-radius: 0 10px 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contacto-eventos-info{
  width: 60%;
  position: relative;
  padding: 5%;
}
.event-visual .muted{
  position: absolute;
  bottom: 10px;
  right: 8px;
}
#contacto-eventos{min-height: 70vh;}
}