/* ============================================================
   Tecidos e cores da capa — feitos em CSS, não em foto.
   Motivo: pesa zero no VPS, escala em qualquer tela e o cliente
   não espera download nenhum para ver a capa.
   As classes saem de aprovacao.capa = {tecido, cor}.
   ============================================================ */

/* --- cores base --- */
.cor-areia    { --c1:#e8dcc4; --c2:#d9c9a8; }
.cor-marfim   { --c1:#f2ece0; --c2:#e3dacb; }
.cor-perola   { --c1:#ece9e4; --c2:#dcd7cf; }
.cor-bege     { --c1:#ded0b8; --c2:#cbb896; }
.cor-caramelo { --c1:#a9743f; --c2:#8a5a2c; }
.cor-cafe     { --c1:#5b4230; --c2:#42301f; }
.cor-chocolate{ --c1:#4a3427; --c2:#33231a; }
.cor-preto    { --c1:#2a2724; --c2:#1a1816; }
.cor-grafite  { --c1:#4a4a4c; --c2:#333335; }
.cor-verde    { --c1:#4a5a45; --c2:#35422f; }
.cor-marsala  { --c1:#6d3a3d; --c2:#4f2629; }
.cor-azul     { --c1:#3a4a5e; --c2:#273545; }
.capa{ background:linear-gradient(140deg,var(--c1,#e8dcc4),var(--c2,#d9c9a8)); }

/* --- linho: trama cruzada fina --- */
.tec-linho{
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(0,0,0,.09) 0 1px,transparent 1px 3px),
    linear-gradient(140deg,var(--c1),var(--c2));
}
/* --- couro: poros irregulares --- */
.tec-couro{
  background-image:
    radial-gradient(circle at 18% 26%,rgba(0,0,0,.13) 0 1.5px,transparent 2px),
    radial-gradient(circle at 62% 12%,rgba(0,0,0,.10) 0 1.5px,transparent 2px),
    radial-gradient(circle at 82% 68%,rgba(0,0,0,.12) 0 1.5px,transparent 2px),
    radial-gradient(circle at 34% 78%,rgba(255,255,255,.10) 0 1.5px,transparent 2px),
    linear-gradient(140deg,var(--c1),var(--c2));
  background-size:13px 13px,17px 17px,19px 19px,15px 15px,100% 100%;
}
/* --- veludo: brilho que varre --- */
.tec-veludo{
  background-image:
    linear-gradient(112deg,rgba(255,255,255,.19) 0%,transparent 26%,rgba(0,0,0,.15) 58%,transparent 82%),
    repeating-linear-gradient(96deg,rgba(255,255,255,.05) 0 2px,transparent 2px 5px),
    linear-gradient(140deg,var(--c1),var(--c2));
}
/* --- seda: ondulação suave --- */
.tec-seda{
  background-image:
    repeating-linear-gradient(122deg,rgba(255,255,255,.13) 0 6px,rgba(0,0,0,.05) 6px 12px),
    linear-gradient(140deg,var(--c1),var(--c2));
}
/* --- algodão / canvas: trama grossa --- */
.tec-algodao,.tec-canvas{
  background-image:
    repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 2px,transparent 2px 5px),
    repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 5px),
    linear-gradient(140deg,var(--c1),var(--c2));
}
/* --- madeira: veios --- */
.tec-madeira{
  background-image:
    repeating-linear-gradient(92deg,rgba(0,0,0,.11) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(88deg,rgba(255,255,255,.07) 0 1px,transparent 1px 13px),
    linear-gradient(140deg,var(--c1),var(--c2));
}

/* Texto da capa em baixo relevo, como gravação a quente. */
.capa.claro .capa-texto{ text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 1px rgba(0,0,0,.22); }
.capa.escuro .capa-texto{ text-shadow:0 1px 1px rgba(0,0,0,.5),0 -1px 0 rgba(255,255,255,.14); }