#inicio {
  justify-content: center;
  min-height: 0;
  padding-top: calc(var(--aiw-cabecera-alto) + clamp(1.5rem, 4vw, 3.5rem));
  padding-bottom: clamp(2.5rem, 6vw, 5rem);
}
#inicio .a-medida {
  width: 100%;
}
#inicio .inicio__rejilla {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
}
#inicio .inicio__encabezado {
  margin-bottom: 0;
  max-width: 36rem;
}
#inicio .titular {
  font-size: clamp(2.5rem, 5.2vw, 4.4rem);
  max-width: 12ch;
}
#inicio .entradilla {
  max-width: 33rem;
}
#inicio .inicio__firma {
  margin: 1.1rem 0 0;
  font-family: var(--aiw-fuente-titulos);
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgb(var(--aiw-suave));
}
#inicio .acciones {
  margin-top: 1.8rem;
}

/* la escena: los dos arcos de la cubierta detrás del libro de pie */
#inicio .inicio__escena {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(360px, 46vw, 560px);
  perspective: 1600px;
  isolation: isolate;
}
#inicio .inicio__arco {
  position: absolute;
  bottom: 9%;
  z-index: -2;
  width: 38%;
  height: 70%;
  border-radius: 999px 999px 0 0;
}
#inicio .inicio__arco--uno {
  left: 4%;
  background: rgb(var(--aiw-acento2) / 0.85);
}
#inicio .inicio__arco--dos {
  right: 4%;
  height: 58%;
  background: rgb(var(--aiw-profundo));
}
#inicio .inicio__sombra {
  position: absolute;
  bottom: 6%;
  left: 50%;
  z-index: -1;
  width: 62%;
  height: 7%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(closest-side, rgb(var(--aiw-texto) / 0.38), transparent);
  filter: blur(6px);
}

/* el libro: tapa delante, canto de páginas a la derecha, trasera detrás */
#inicio .inicio__libro {
  --grosor: 26px;
  --giro-y: 0;
  --giro-x: 0;
  position: relative;
  width: clamp(210px, 25vw, 330px);
  aspect-ratio: 5 / 8;
  margin-bottom: 6%;
  transform-style: preserve-3d;
  transform: rotateX(calc(4deg + var(--giro-x) * 1deg)) rotateY(calc(-24deg + var(--giro-y) * 1deg));
}
#inicio .inicio__tapa,
#inicio .inicio__trasera {
  position: absolute;
  inset: 0;
  border-radius: 2px 5px 5px 2px;
}
#inicio .inicio__tapa {
  overflow: hidden;
  transform: translateZ(calc(var(--grosor) / 2));
  box-shadow: inset 4px 0 6px -3px rgb(var(--aiw-texto) / 0.35);
}
#inicio .inicio__trasera {
  transform: translateZ(calc(var(--grosor) / -2));
  background: rgb(var(--aiw-profundo));
  box-shadow: 24px 30px 50px -18px rgb(var(--aiw-texto) / 0.45);
}
#inicio .inicio__hojas {
  position: absolute;
  top: 1.2%;
  bottom: 1.2%;
  left: calc(100% - var(--grosor) / 2 - 3px);
  width: var(--grosor);
  transform: rotateY(90deg);
  background:
    linear-gradient(90deg, rgb(var(--aiw-texto) / 0.18), transparent 30%, transparent 70%, rgb(var(--aiw-texto) / 0.18)),
    repeating-linear-gradient(90deg, rgb(var(--aiw-sobreprofundo)) 0 2px, rgb(var(--aiw-borde)) 2px 3px);
}
#inicio .inicio__foto {
  width: 100%;
  height: 100%;
  margin: 0;
  background: transparent;
}
#inicio .inicio__foto .foto__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 900px) {
  #inicio .inicio__rejilla {
    grid-template-columns: 1fr;
  }
  #inicio .inicio__escena {
    min-height: 0;
    padding-block: 2rem 1rem;
  }
  #inicio .inicio__libro {
    width: clamp(190px, 52vw, 260px);
  }
}