/* ============================================================
   SAZA PERU - corporate-gifts.css
   Estilos del hero de "Regalos Corporativos".
   Las clases .corp-hero / .corp-hero__content aparecen en el HTML
   original SIN reglas en style.css (quedaban como placeholder),
   por lo que aquí se AÑADEN (no se reescribe nada existente),
   siguiendo el mismo lenguaje visual del image-banner del theme.
   ============================================================ */

.corp-hero {
  position: relative;
  width: 100%;
  max-height: 700px;
  overflow: hidden;
}

.corp-hero > img,
.corp-hero .placeholder-img {
  width: 100%;
  height: 700px;
  max-height: 700px;
  min-height: 450px;
  object-fit: cover;
  aspect-ratio: auto;
}

.corp-hero__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 5;
  padding: 3rem 3.5rem;
  max-width: 720px;
  width: calc(100% - 4rem);
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(52, 44, 33, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

.corp-hero__content h1 {
  font-size: 3.4rem;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  margin-bottom: 1.2rem;
}

.corp-hero__content p {
  font-size: 1.8rem;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  max-width: 600px;
  margin: 0 auto 2rem;
}

.corp-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.corp-gallery__grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media screen and (max-width: 750px) {
  .corp-hero > img,
  .corp-hero .placeholder-img {
    height: 520px;
    max-height: 520px;
    min-height: 380px;
  }
  .corp-hero__content {
    padding: 2.2rem 1.8rem;
    min-height: 240px;
    border-radius: 14px;
    width: calc(100% - 3rem);
  }
  .corp-hero__content h1 { font-size: 2.2rem; }
  .corp-hero__content p { font-size: 1.5rem; }
  .corp-gallery__grid { grid-template-columns: 1fr; }
}