/* Páginas provisorias de cada sección, hasta que exista su aplicación */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: env(safe-area-inset-top, 0px) clamp(16px, 5vw, 48px) env(safe-area-inset-bottom, 0px);
  background: var(--fondo);
  color: var(--txt);
  font: 400 1.05rem/1.5 "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.seccion--notas     { --fondo: #8dd7f7; --marca: #ed1c24; --titulo: #d0121a; --txt: #14242d; }
.seccion--booktique { --fondo: #75344c; --marca: #fff100; --titulo: #fff100; --txt: #fff6c7; }
.seccion--editorial { --fondo: #42515a; --marca: #dfe4e7; --titulo: #dfe4e7; --txt: #dfe4e7; }

.seccion-caja { width: min(520px, 100%); padding-block: 48px; }

.seccion-caja svg {
  display: block;
  width: calc(var(--w) / 150 * 70%);
  height: auto;
  overflow: visible;
  color: var(--marca);
  animation: entrar .8s cubic-bezier(.3, 1.4, .45, 1) both;
}
.seccion-caja svg path { fill: currentColor; fill-rule: evenodd; }

h1 {
  margin: 1.75rem 0 .5rem;
  color: var(--titulo);
  font: 700 clamp(2.6rem, 9vw, 4rem)/.95 "Barlow Condensed", "Arial Narrow", sans-serif;
  text-transform: uppercase;
  transform: skewY(-6.5deg);
  transform-origin: 0 100%;
}

a { color: inherit; font-weight: 500; text-underline-offset: 4px; }

@keyframes entrar { from { opacity: 0; transform: translateY(-30%); } }

@media (prefers-reduced-motion: reduce) {
  .seccion-caja svg { animation: none; }
}