/* EL ÁRBOL HUECO — fondos materiales reales, 13/10/2026.
   Se retiran los planos de color sin añadir fotografías ficticias del estudio.
   Los JPG usados son texturas de roca y lino ya presentes en el proyecto.
   Portada, símbolo, tipografía, animación de entrada y fotografías: intactos.
   Se carga después de las hojas originales para deshacer sus !important. */

/* El proceso: lino, penumbra oblicua y luz cálida; texto oscuro legible. */
.view .section.paper {
  background:
    radial-gradient(ellipse 70% 85% at 10% 8%,rgba(255,253,245,.85),transparent 70%),
    linear-gradient(108deg,rgba(240,232,214,.86) 0%,rgba(235,227,211,.80) 48%,rgba(209,199,179,.88) 100%),
    url('/media/linen-photo.jpg') center 46% / cover no-repeat !important;
  color:#292c24;
  box-shadow:inset 0 40px 65px -64px rgba(22,23,18,.55),inset 0 -70px 85px -90px rgba(22,23,18,.48);
}

/* Servicios: vetas minerales y sombras largas, no bloques corporativos. */
.view .section.linen {
  background:
    radial-gradient(ellipse 65% 80% at 87% 15%,rgba(248,240,220,.72),transparent 76%),
    linear-gradient(112deg,rgba(231,225,209,.91) 0%,rgba(222,214,195,.79) 58%,rgba(191,179,153,.88) 100%),
    url('/media/rock-surface-960.jpg') center 62% / cover no-repeat !important;
  color:#292d25;
  box-shadow:inset 0 60px 85px -80px rgba(21,25,18,.48),inset 0 -80px 90px -98px rgba(25,28,21,.6);
}

/* Equipo: sensación de profundidad y metal/madera en penumbra. */
.view .section.oak {
  background:
    radial-gradient(ellipse 62% 83% at 85% 10%,rgba(104,82,53,.38),transparent 75%),
    linear-gradient(107deg,rgba(21,30,25,.94) 0%,rgba(33,39,31,.88) 46%,rgba(33,27,22,.92) 100%),
    url('/media/rock-surface-optimized.jpg') center 38% / cover no-repeat !important;
  color:#f5ecdd !important;
  box-shadow:inset 0 80px 80px -100px rgba(218,179,115,.18),inset 0 -80px 95px -100px #060a08;
}
.view .section.oak h2,.view .section.oak h3{color:#f5ecdd !important}
.view .section.oak .eyebrow,.view .section.oak .gear small{color:#d8c3a0 !important}
.view .section.oak .lead,.view .section.oak .body-copy,.view .section.oak .gear p{color:#e5dfd3 !important}
.view .section.oak .gear{border-top-color:rgba(238,224,195,.30) !important}
.view .section.oak .equipment-grid{color:inherit}
.view .section.oak .gear:hover{background:transparent!important}

/* Entorno: piedra cálida de base, con relieve y una luz más abierta. */
.view .section.stone {
  background:
    radial-gradient(ellipse 70% 88% at 14% 8%,rgba(249,241,224,.82),transparent 75%),
    linear-gradient(107deg,rgba(226,219,203,.85),rgba(208,201,184,.78) 52%,rgba(190,188,171,.88)),
    url('/media/rock-surface-960.jpg') 53% 52% / cover no-repeat !important;
  color:#262a22;
  box-shadow:inset 0 60px 80px -95px rgba(22,24,18,.48);
}

/* Contacto: continuidad con el bosque y con el umbral oscuro. */
.view .section.sierra:not(.home-contact-atmosphere) {
  background:
    radial-gradient(ellipse 70% 90% at 83% 15%,rgba(94,112,91,.28),transparent 74%),
    linear-gradient(115deg,rgba(17,37,29,.96),rgba(20,39,31,.86) 50%,rgba(16,28,23,.95)),
    url('/media/rock-surface-960.jpg') center 61% / cover no-repeat !important;
  color:#faf4e9;
}
.view .home-contact-atmosphere.section.sierra {
  background:
    radial-gradient(ellipse 55% 80% at 80% 18%,rgba(87,107,74,.22),transparent 75%),
    linear-gradient(105deg,rgba(22,43,31,.95),rgba(26,45,32,.86) 55%,rgba(18,32,26,.86)),
    url('/media/camino-valla-web.jpg?v=20261014b') center 48% / cover no-repeat !important;
  box-shadow:inset 0 95px 105px -120px #080f0b;
}
.view .section.sierra .lead,.view .section.sierra .body-copy{color:#ece8dc}

/* Páginas interiores: misma gramática visual desde el primer pliegue. */
.view .page-hero {
  background:
    radial-gradient(ellipse 66% 96% at 14% 12%,rgba(255,250,233,.79),transparent 78%),
    linear-gradient(113deg,rgba(237,229,210,.84),rgba(223,214,195,.75) 55%,rgba(192,186,165,.84)),
    url('/media/linen-photo.jpg') center 44% / cover no-repeat !important;
  border-bottom:1px solid rgba(65,59,47,.24);
  box-shadow:inset 0 -100px 100px -110px rgba(28,30,22,.34);
}

/* Evitar que otros contenedores reviertan al aspecto de cartón plano. */
.view .bio-side {
  background:
    linear-gradient(115deg,rgba(22,47,37,.86),rgba(14,29,25,.88)),
    url('/media/rock-surface-960.jpg') center / cover no-repeat !important;
}
.view .form {
  background:
    linear-gradient(110deg,rgba(248,244,233,.96),rgba(236,230,215,.95)),
    url('/media/linen-photo.jpg') center / cover no-repeat !important;
  border:1px solid rgba(91,79,59,.18);
}
.footer{
  background:
    linear-gradient(105deg,rgba(13,21,17,.94),rgba(17,26,21,.90)),
    url('/media/rock-surface-960.jpg') center 50% / cover no-repeat !important;
}

/* La transición de la onda no reintroduce un bloque beige liso. */
.wave-divider{
  background:
    linear-gradient(90deg,rgba(217,207,185,.90),rgba(229,222,207,.81),rgba(218,205,183,.88)),
    url('/media/linen-photo.jpg') center / cover no-repeat !important;
}

@media(max-width:650px){
 .view .section.paper,.view .section.linen,.view .section.stone,.view .page-hero{
   background-position:center,center,55% center!important;
 }
 .view .section.oak{background-position:center,center,58% center!important}
 .view .home-contact-atmosphere.section.sierra{background-position:center,center,57% center!important}
}
@media(prefers-reduced-motion:reduce){
 .view .section,.view .page-hero,.footer{background-attachment:scroll!important}
}

/* En pantallas estrechas, misma fotografía auténtica con resolución adaptada.
   Evita descargar 1,6 MB para un fondo oscurecido de ancho móvil. */
@media(max-width:480px){
  .view .section.oak.studio-inventory{
    background-image:
      radial-gradient(ellipse 62% 83% at 85% 10%,rgba(104,82,53,.38),transparent 75%),
      linear-gradient(107deg,rgba(21,30,25,.94) 0%,rgba(33,39,31,.88) 46%,rgba(33,27,22,.92) 100%),
      url('/media/rock-surface-960.jpg')!important;
  }
}