/* =========================================================
   Algargos · Pieles de época
   Se aplican con la clase piel-{slug} que el tema añade al body.
   Solo cambian dos acentos, el fondo de cabecera y un ornamento.
   ========================================================= */
.piel-prehistoria{            /* Prehistoria — puntos y trazos rupestres */
  --acento:#8A5A3B;
  --acento-2:#C08A55;
  --fondo-cab:#3A2A1E;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><g fill='none' stroke='%238A5A3B' stroke-opacity='0.35' stroke-width='1.5'><circle cx='15' cy='15' r='3'/><circle cx='45' cy='45' r='3'/><path d='M8 40c6-10 16-10 22 0M30 20c6-10 16-10 22 0'/></g></svg>");
  --trama-tam:60px 60px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><circle cx='15' cy='15' r='3'/><circle cx='45' cy='45' r='3'/><path d='M8 40c6-10 16-10 22 0M30 20c6-10 16-10 22 0'/></g></svg>");
}
.piel-mesopotamia{            /* Mesopotamia — zigzag y palmeta */
  --acento:#9C6B2F;
  --acento-2:#C9A227;
  --fondo-cab:#3B2A16;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='32'><g fill='none' stroke='%239C6B2F' stroke-opacity='0.35' stroke-width='1.5'><path d='M0 32 16 4 32 32 48 4 64 32'/><path d='M0 24 16 0M32 24 48 0'/></g></svg>");
  --trama-tam:64px 32px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='32'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M0 32 16 4 32 32 48 4 64 32'/><path d='M0 24 16 0M32 24 48 0'/></g></svg>");
}
.piel-egipto{            /* Egipto — chevrones y loto */
  --acento:#1D5B8A;
  --acento-2:#C9A227;
  --fondo-cab:#12283C;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40'><g fill='none' stroke='%231D5B8A' stroke-opacity='0.35' stroke-width='1.5'><path d='M0 40 15 8 30 40 45 8 60 40'/><path d='M0 20h60'/><circle cx='15' cy='26' r='3'/><circle cx='45' cy='26' r='3'/></g></svg>");
  --trama-tam:60px 40px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M0 40 15 8 30 40 45 8 60 40'/><path d='M0 20h60'/><circle cx='15' cy='26' r='3'/><circle cx='45' cy='26' r='3'/></g></svg>");
}
.piel-grecia{            /* Grecia — greca de meandro */
  --acento:#1F5F7A;
  --acento-2:#B3562C;
  --fondo-cab:#12303C;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g fill='none' stroke='%231F5F7A' stroke-opacity='0.35' stroke-width='1.5'><path d='M8 8h32v32H16V16h16v16'/></g></svg>");
  --trama-tam:48px 48px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M8 8h32v32H16V16h16v16'/></g></svg>");
}
.piel-roma{            /* Roma — opus reticulatum */
  --acento:#8E2B2B;
  --acento-2:#C9A227;
  --fondo-cab:#3A1616;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g fill='none' stroke='%238E2B2B' stroke-opacity='0.35' stroke-width='1.5'><path d='M24 0 48 24 24 48 0 24Z'/><path d='M0 0h48v48H0Z'/></g></svg>");
  --trama-tam:48px 48px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M24 0 48 24 24 48 0 24Z'/><path d='M0 0h48v48H0Z'/></g></svg>");
}
.piel-bizancio{            /* Bizancio — cruz y círculo */
  --acento:#6B3F8A;
  --acento-2:#C9A227;
  --fondo-cab:#2B1A3A;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><g fill='none' stroke='%236B3F8A' stroke-opacity='0.35' stroke-width='1.5'><circle cx='32' cy='32' r='22'/><path d='M32 6v52M6 32h52'/><circle cx='32' cy='32' r='9'/></g></svg>");
  --trama-tam:64px 64px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><circle cx='32' cy='32' r='22'/><path d='M32 6v52M6 32h52'/><circle cx='32' cy='32' r='9'/></g></svg>");
}
.piel-al-andalus{            /* Al-Ándalus — lacería de ocho puntas */
  --acento:#1F6B53;
  --acento-2:#B08B3A;
  --fondo-cab:#123C31;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><g fill='none' stroke='%231F6B53' stroke-opacity='0.35' stroke-width='1.5'><path d='M40 4 76 40 40 76 4 40Z'/><path d='M14 14h52v52H14Z'/><path d='M40 14v52M14 40h52'/></g></svg>");
  --trama-tam:80px 80px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M40 4 76 40 40 76 4 40Z'/><path d='M14 14h52v52H14Z'/><path d='M40 14v52M14 40h52'/></g></svg>");
}
.piel-romanico{            /* Románico — arquillos y ajedrezado */
  --acento:#7A5230;
  --acento-2:#A8632B;
  --fondo-cab:#33241a;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g fill='none' stroke='%237A5230' stroke-opacity='0.35' stroke-width='1.5'><path d='M0 24V14a12 10 0 0 1 24 0v10M24 24V14a12 10 0 0 1 24 0v10'/><path d='M0 24h48M0 36h12v12H0ZM24 36h12v12H24Z'/></g></svg>");
  --trama-tam:48px 48px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M0 24V14a12 10 0 0 1 24 0v10M24 24V14a12 10 0 0 1 24 0v10'/><path d='M0 24h48M0 36h12v12H0ZM24 36h12v12H24Z'/></g></svg>");
}
.piel-gotico{            /* Gótico — tracería y rosetón */
  --acento:#3F5A8A;
  --acento-2:#B08B3A;
  --fondo-cab:#1C2A44;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><g fill='none' stroke='%233F5A8A' stroke-opacity='0.35' stroke-width='1.5'><path d='M30 6 54 42H6Z'/><circle cx='30' cy='30' r='8'/><path d='M14 54h32'/></g></svg>");
  --trama-tam:60px 60px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M30 6 54 42H6Z'/><circle cx='30' cy='30' r='8'/><path d='M14 54h32'/></g></svg>");
}
.piel-renacimiento{            /* Renacimiento — casetón y círculo */
  --acento:#7A6A2F;
  --acento-2:#B08B3A;
  --fondo-cab:#2E2A16;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56'><g fill='none' stroke='%237A6A2F' stroke-opacity='0.35' stroke-width='1.5'><path d='M4 4h48v48H4Z'/><circle cx='28' cy='28' r='14'/><path d='M4 4 52 52M52 4 4 52'/></g></svg>");
  --trama-tam:56px 56px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='56'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M4 4h48v48H4Z'/><circle cx='28' cy='28' r='14'/><path d='M4 4 52 52M52 4 4 52'/></g></svg>");
}
.piel-barroco{            /* Barroco — roleo y voluta */
  --acento:#6E2331;
  --acento-2:#C9A227;
  --fondo-cab:#2B1017;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><g fill='none' stroke='%236E2331' stroke-opacity='0.35' stroke-width='1.5'><path d='M8 56c0-26 16-26 16-40s24-14 24 12-16 26-16 26'/><circle cx='48' cy='54' r='4'/></g></svg>");
  --trama-tam:64px 64px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M8 56c0-26 16-26 16-40s24-14 24 12-16 26-16 26'/><circle cx='48' cy='54' r='4'/></g></svg>");
}
.piel-japon{            /* Japón Edo — olas seigaiha */
  --acento:#B3282D;
  --acento-2:#2B2118;
  --fondo-cab:#1A1715;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='36'><g fill='none' stroke='%23B3282D' stroke-opacity='0.35' stroke-width='1.5'><path d='M0 36a36 36 0 0 1 72 0'/><path d='M9 36a27 27 0 0 1 54 0'/><path d='M18 36a18 18 0 0 1 36 0'/><path d='M27 36a9 9 0 0 1 18 0'/><path d='M-36 36a36 36 0 0 1 72 0'/><path d='M36 36a36 36 0 0 1 72 0'/></g></svg>");
  --trama-tam:72px 36px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='36'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M0 36a36 36 0 0 1 72 0'/><path d='M9 36a27 27 0 0 1 54 0'/><path d='M18 36a18 18 0 0 1 36 0'/><path d='M27 36a9 9 0 0 1 18 0'/><path d='M-36 36a36 36 0 0 1 72 0'/><path d='M36 36a36 36 0 0 1 72 0'/></g></svg>");
}
.piel-neoclasicismo{            /* Neoclasicismo — ovas y palmetas */
  --acento:#4A5A6B;
  --acento-2:#B08B3A;
  --fondo-cab:#1E2830;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='28'><g fill='none' stroke='%234A5A6B' stroke-opacity='0.35' stroke-width='1.5'><path d='M0 28a14 14 0 0 1 28 0a14 14 0 0 1 28 0'/><path d='M14 28V14M42 28V14'/></g></svg>");
  --trama-tam:56px 28px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='28'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M0 28a14 14 0 0 1 28 0a14 14 0 0 1 28 0'/><path d='M14 28V14M42 28V14'/></g></svg>");
}
.piel-siglo-xix{            /* Siglo XIX — retícula de hierro */
  --acento:#4A3B2F;
  --acento-2:#A8632B;
  --fondo-cab:#251C15;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><g fill='none' stroke='%234A3B2F' stroke-opacity='0.35' stroke-width='1.5'><path d='M0 0h40v40H0Z'/><path d='M0 20h40M20 0v40'/></g></svg>");
  --trama-tam:40px 40px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M0 0h40v40H0Z'/><path d='M0 20h40M20 0v40'/></g></svg>");
}
.piel-siglo-xx{            /* Siglo XX — diagonal y círculo */
  --acento:#1F3A5F;
  --acento-2:#C4442E;
  --fondo-cab:#14202F;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><g fill='none' stroke='%231F3A5F' stroke-opacity='0.35' stroke-width='1.5'><path d='M0 64 64 0'/><path d='M0 32 32 0M32 64 64 32'/><circle cx='32' cy='32' r='12'/></g></svg>");
  --trama-tam:64px 64px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M0 64 64 0'/><path d='M0 32 32 0M32 64 64 32'/><circle cx='32' cy='32' r='12'/></g></svg>");
}
.piel-siglo-xxi{            /* Siglo XXI — retícula fina */
  --acento:#2F5D63;
  --acento-2:#A8632B;
  --fondo-cab:#162B2E;
  --trama:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><g fill='none' stroke='%232F5D63' stroke-opacity='0.35' stroke-width='1.5'><path d='M0 16h32M16 0v32'/><rect x='12' y='12' width='8' height='8'/></g></svg>");
  --trama-tam:32px 32px;
  --trama-cab:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><g fill='none' stroke='%23EFE3CC' stroke-opacity='0.9' stroke-width='1.5'><path d='M0 16h32M16 0v32'/><rect x='12' y='12' width='8' height='8'/></g></svg>");
}