/*=========================================================
  V&G · TEXTURA DE PAPEL DE ALGODÓN · V2.3
=========================================================*/

html{
  background:#F8F5EF;
}

body{
  position:relative;
  isolation:isolate;
}

/* La textura acompaña el contenido, pero no tapa fotografías ni controles. */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:40;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(106,36,52,.010),
      transparent 15%,
      transparent 85%,
      rgba(106,36,52,.010)
    ),
    url("../assets/brand/textures/cotton-paper.svg?v=2.3") 0 0 / 512px 512px repeat;
  opacity:.34;
  mix-blend-mode:multiply;
}

/* Un borde marfil casi imperceptible imita el acabado artesanal. */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:41;
  pointer-events:none;
  box-shadow:
    inset 0 0 80px rgba(248,245,239,.24),
    inset 0 0 12px rgba(106,36,52,.018);
}

/* En la intro reducimos la textura para conservar el realismo del sobre. */
body.intro-active::before{
  opacity:.14;
}

/* Las fotografías se mantienen limpias; la textura se percibe en blancos y marfiles. */
.hero,
.gallery-item,
.story-image,
.location-image{
  isolation:isolate;
}

/* Accesibilidad y rendimiento. */
@media (prefers-reduced-transparency:reduce){
  body::before{
    opacity:.18;
    mix-blend-mode:normal;
  }
}

@media (max-width:700px){
  body::before{
    background-size:420px 420px;
    opacity:.29;
  }

  body.intro-active::before{
    opacity:.10;
  }
}