/* ==========================================================
   Astilla Selva — estética propia (solo selva.html)
   Selva de noche: verde muy oscuro, crema y bronce, tipografía serif.
   Redefine los colores base para que encabezado, pie y formulario
   se adapten solos.
   ========================================================== */

body.selva {
  --pr-fondo: #0F1813;
  --pr-fondo-2: #15211A;
  --pr-texto: #E9E2D3;
  --pr-suave: rgba(233, 226, 211, 0.68);
  --pr-bronce: #BE9E66;
  --pr-musgo: #6F7F5C;
  --pr-serif: "Cormorant Garamond", "Times New Roman", serif;

  --pino: var(--pr-fondo);
  --pino-claro: var(--pr-fondo-2);
  --carbon: var(--pr-texto);
  --carbon-suave: var(--pr-suave);
  --tierra: var(--pr-bronce);
  --tierra-oscuro: #A8884F;
  --madera: var(--pr-bronce);
  --placeholder: #1C2A22;
  --linea: rgba(233, 226, 211, 0.12);
  --linea-fuerte: rgba(233, 226, 211, 0.26);
  --radio-s: 2px;
  --radio-m: 2px;
  --radio-l: 2px;

  background: var(--pr-fondo);
  color: var(--pr-texto);
  font-weight: 300;
  letter-spacing: 0.01em;
}
body.selva ::selection { background: var(--pr-bronce); color: var(--pr-fondo); }
body.selva .encabezado { background: rgba(15, 24, 19, 0.92); backdrop-filter: blur(8px); }
body.selva .boton--primario { color: var(--pr-fondo); letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.8rem; }
body.selva .pie { background: #0A110D; color: var(--pr-texto); border-top: 1px solid var(--linea); }
body.selva .form { background: transparent; border-color: var(--linea-fuerte); }
body.selva .form input, body.selva .form select, body.selva .form textarea { background: var(--pr-fondo-2); color: var(--pr-texto); border-color: var(--linea-fuerte); }
body.selva .form__ok { background: var(--pr-bronce); color: var(--pr-fondo); }

.pr-etiqueta {
  display: inline-block;
  font-size: 0.72rem; font-weight: 400; letter-spacing: 0.42em; text-transform: uppercase;
  color: var(--pr-bronce);
}
.pr-serif { font-family: var(--pr-serif); font-weight: 400; letter-spacing: -0.005em; line-height: 1.04; }
.pr-linea { width: 56px; height: 1px; background: var(--pr-bronce); border: 0; margin: 0; }

/* Portada */
.pr-portada {
  position: relative; overflow: hidden;
  min-height: calc(100svh - var(--alto-encabezado));
  display: grid; align-items: center;
  padding: clamp(64px, 12vw, 140px) 0;
  background:
    radial-gradient(ellipse 80% 60% at 75% 20%, rgba(111, 127, 92, 0.22), transparent 70%),
    radial-gradient(ellipse 60% 50% at 10% 90%, rgba(190, 158, 102, 0.10), transparent 70%),
    var(--pr-fondo);
}
/* Vetas de madera dibujadas con líneas finas */
.pr-portada::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.07;
  background: repeating-radial-gradient(ellipse 140% 40% at 110% 50%, transparent 0 18px, var(--pr-texto) 19px, transparent 20px);
}
.pr-portada__texto { position: relative; display: grid; gap: clamp(22px, 3vw, 32px); justify-items: start; max-width: 54rem; }
.pr-portada h1 { font-size: clamp(2.6rem, 8vw, 5.6rem); }
.pr-portada h1 em { font-style: italic; color: var(--pr-bronce); }
.pr-portada__bajada { font-size: clamp(1.05rem, 2vw, 1.25rem); color: var(--pr-suave); max-width: 34rem; line-height: 1.7; }

/* Manifiesto */
.pr-manifiesto { padding: clamp(80px, 12vw, 160px) 0; text-align: center; border-top: 1px solid var(--linea); }
.pr-manifiesto blockquote { margin: 0 auto; max-width: 46rem; display: grid; gap: 28px; justify-items: center; }
.pr-manifiesto p { font-size: clamp(1.6rem, 4.2vw, 2.6rem); }
.pr-manifiesto cite { font-style: normal; }

/* Tres principios */
.pr-principios { display: grid; gap: 1px; background: var(--linea); border: 1px solid var(--linea); }
.pr-principio { background: var(--pr-fondo); padding: clamp(28px, 4vw, 48px); display: grid; gap: 14px; align-content: start; }
.pr-principio__num { font-family: var(--pr-serif); font-size: 1rem; color: var(--pr-bronce); font-style: italic; }
.pr-principio h3 { font-family: var(--pr-serif); font-weight: 400; font-size: clamp(1.7rem, 3vw, 2.2rem); letter-spacing: 0; }
.pr-principio p { color: var(--pr-suave); line-height: 1.75; }
@media (min-width: 820px) { .pr-principios { grid-template-columns: repeat(3, 1fr); } }

.pr-seccion { padding: clamp(72px, 10vw, 128px) 0; }
.pr-seccion--alt { background: var(--pr-fondo-2); }
.pr-cabecera { display: grid; gap: 18px; margin-bottom: clamp(36px, 5vw, 56px); max-width: 40rem; }
.pr-cabecera h2 { font-size: clamp(2.1rem, 5vw, 3.4rem); }
.pr-cabecera p { color: var(--pr-suave); line-height: 1.75; }

/* Maderas */
.pr-maderas { display: grid; gap: 0; border-top: 1px solid var(--linea); }
.pr-madera { display: grid; gap: 6px 32px; padding: 22px 0; border-bottom: 1px solid var(--linea); }
.pr-madera h3 { font-family: var(--pr-serif); font-weight: 400; font-size: 1.7rem; letter-spacing: 0; }
.pr-madera p { color: var(--pr-suave); }
@media (min-width: 720px) { .pr-madera { grid-template-columns: 14rem 1fr; align-items: baseline; } }

/* Cada pieza incluye */
.pr-incluye { display: grid; gap: 18px; }
.pr-incluye li { display: grid; grid-template-columns: 28px 1fr; gap: 14px; color: var(--pr-suave); line-height: 1.6; }
.pr-incluye li::before { content: ""; width: 28px; height: 1px; margin-top: 0.8em; background: var(--pr-bronce); }
.pr-incluye strong { color: var(--pr-texto); font-weight: 500; }

/* Colección: estado vacío */
.pr-coleccion { display: grid; gap: 20px; justify-items: center; text-align: center; padding: clamp(48px, 8vw, 96px) 24px; border: 1px solid var(--linea); }
.pr-coleccion h3 { font-family: var(--pr-serif); font-weight: 400; font-size: clamp(1.8rem, 4vw, 2.6rem); letter-spacing: 0; }
.pr-coleccion p { color: var(--pr-suave); max-width: 32rem; line-height: 1.75; }

.pr-volver { display: inline-flex; gap: 10px; align-items: center; color: var(--pr-suave); font-size: 0.9rem; text-decoration: none; }
.pr-volver:hover { color: var(--pr-texto); }