/* Paletas "metal" + capa ornamental (P10). Carga DESPUÉS de styles.css y de forja.css, en las dos páginas.
   - Paletas: html[data-theme="obsidiana|hierro|plata"]. A diferencia de las 6 viejas (que solo cambian el
     acento), estas redefinen también fondo, paneles, texto y la tierra/mar de la vista cercana (--land/--sea*,
     que lee app.js para la Tierra vectorial).
   - Ornamento: html[data-ornate="on"] (switch en Ajustes; "off" = el aspecto de antes). Va en marcos, esquinas
     y títulos; NUNCA encima de texto de datos. Sin animación propia: respeta prefers-reduced-motion. */

html[data-theme="obsidiana"]{
  --bg:#07070a; --panel:rgba(13,11,15,.70); --panel-solid:#0e0c10; --bone-dim:#9a917f; --silver:#8f8a80;
  --accent-rgb:201,162,74; --accent-bright:#E8C66A; --accent-2:#7A5A1E; --text-hi:#EFE6D2; --bone:#EFE6D2;
  --select:#F0CF6B; --select-rgb:240,207,107; --bg-warm:#140f08; --gold-bright:#E8C66A;
  --land:#2b2620; --sea:#07131f; --sea-2:#0c1d2e; --coast:rgba(201,162,74,.42);
}
html[data-theme="hierro"]{
  --bg:#080707; --panel:rgba(18,14,14,.70); --panel-solid:#110d0d; --bone-dim:#9b928f; --silver:#8d8f94;
  --accent-rgb:226,74,64; --accent-bright:#F0584C; --accent-2:#5A0F0F; --text-hi:#E8E2DE; --bone:#E8E2DE;
  --select:#FF5A4A; --select-rgb:255,90,74; --bg-warm:#170909; --gold-bright:#F0584C;
  --land:#38322f; --sea:#0b0e12; --sea-2:#141a21; --coast:rgba(226,74,64,.45);
}
html[data-theme="plata"]{
  --bg:#050506; --panel:rgba(12,12,14,.72); --panel-solid:#0d0d10; --bone-dim:#a0a3a9; --silver:#b4b9c0;
  --accent-rgb:196,202,210; --accent-bright:#F4F6F8; --accent-2:#4A5058; --text-hi:#F4F4F2; --bone:#F4F4F2;
  --select:#FFFFFF; --select-rgb:255,255,255; --bg-warm:#0c0d10; --gold-bright:#F4F6F8;
  --land:#2e3136; --sea:#05070a; --sea-2:#0b1016; --coast:rgba(222,227,234,.40);
}

/* ===== ornamento ===== */
html[data-ornate="on"] .am-col.left, html[data-ornate="on"] .am-col.right{isolation:isolate}
/* textura muy leve (metal/pergamino) DETRÁS del contenido del panel */
html[data-ornate="on"] .am-col.left::before, html[data-ornate="on"] .am-col.right::before,
html[data-ornate="on"] .am-ficha::before, html[data-ornate="on"] .fj-ficha::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .92 0 0 0 0 .78 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); opacity:.05; mix-blend-mode:overlay;
}
html[data-ornate="on"] .am-ficha, html[data-ornate="on"] .fj-ficha{isolation:isolate}
/* esquinas con filigrana (máscara: el color sigue al acento de la paleta) */
html[data-ornate="on"] .am-col.left::after, html[data-ornate="on"] .am-col.right::after,
html[data-ornate="on"] .am-ficha::after, html[data-ornate="on"] .fj-ficha::after{
  content:""; position:absolute; inset:6px; pointer-events:none; z-index:2;
  background:rgba(var(--accent-rgb),.55);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform=''%3E%3Cpath d='M2 46V15Q2 2 15 2h31' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M7 40V18Q7 7 18 7h22' fill='none' stroke='%23000' stroke-width='.7'/%3E%3Cpath d='M13 24q-1-9 7-10q7 0 6 6q-1 4-5 3q-3-1-2-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M2 46l-1.8-3.2h3.6zM46 2l-3.2-1.8v3.6z'/%3E%3Cpath d='M12.5 12.5l2.6-.9-.9 2.6z'/%3E%3C/g%3E%3C/svg%3E") top left/38px 38px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform='translate(48 0) scale(-1 1)'%3E%3Cpath d='M2 46V15Q2 2 15 2h31' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M7 40V18Q7 7 18 7h22' fill='none' stroke='%23000' stroke-width='.7'/%3E%3Cpath d='M13 24q-1-9 7-10q7 0 6 6q-1 4-5 3q-3-1-2-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M2 46l-1.8-3.2h3.6zM46 2l-3.2-1.8v3.6z'/%3E%3Cpath d='M12.5 12.5l2.6-.9-.9 2.6z'/%3E%3C/g%3E%3C/svg%3E") top right/38px 38px no-repeat,
               url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform='translate(0 48) scale(1 -1)'%3E%3Cpath d='M2 46V15Q2 2 15 2h31' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M7 40V18Q7 7 18 7h22' fill='none' stroke='%23000' stroke-width='.7'/%3E%3Cpath d='M13 24q-1-9 7-10q7 0 6 6q-1 4-5 3q-3-1-2-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M2 46l-1.8-3.2h3.6zM46 2l-3.2-1.8v3.6z'/%3E%3Cpath d='M12.5 12.5l2.6-.9-.9 2.6z'/%3E%3C/g%3E%3C/svg%3E") bottom left/38px 38px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform='translate(48 48) scale(-1 -1)'%3E%3Cpath d='M2 46V15Q2 2 15 2h31' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M7 40V18Q7 7 18 7h22' fill='none' stroke='%23000' stroke-width='.7'/%3E%3Cpath d='M13 24q-1-9 7-10q7 0 6 6q-1 4-5 3q-3-1-2-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M2 46l-1.8-3.2h3.6zM46 2l-3.2-1.8v3.6z'/%3E%3Cpath d='M12.5 12.5l2.6-.9-.9 2.6z'/%3E%3C/g%3E%3C/svg%3E") bottom right/38px 38px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform=''%3E%3Cpath d='M2 46V15Q2 2 15 2h31' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M7 40V18Q7 7 18 7h22' fill='none' stroke='%23000' stroke-width='.7'/%3E%3Cpath d='M13 24q-1-9 7-10q7 0 6 6q-1 4-5 3q-3-1-2-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M2 46l-1.8-3.2h3.6zM46 2l-3.2-1.8v3.6z'/%3E%3Cpath d='M12.5 12.5l2.6-.9-.9 2.6z'/%3E%3C/g%3E%3C/svg%3E") top left/38px 38px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform='translate(48 0) scale(-1 1)'%3E%3Cpath d='M2 46V15Q2 2 15 2h31' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M7 40V18Q7 7 18 7h22' fill='none' stroke='%23000' stroke-width='.7'/%3E%3Cpath d='M13 24q-1-9 7-10q7 0 6 6q-1 4-5 3q-3-1-2-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M2 46l-1.8-3.2h3.6zM46 2l-3.2-1.8v3.6z'/%3E%3Cpath d='M12.5 12.5l2.6-.9-.9 2.6z'/%3E%3C/g%3E%3C/svg%3E") top right/38px 38px no-repeat,
               url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform='translate(0 48) scale(1 -1)'%3E%3Cpath d='M2 46V15Q2 2 15 2h31' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M7 40V18Q7 7 18 7h22' fill='none' stroke='%23000' stroke-width='.7'/%3E%3Cpath d='M13 24q-1-9 7-10q7 0 6 6q-1 4-5 3q-3-1-2-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M2 46l-1.8-3.2h3.6zM46 2l-3.2-1.8v3.6z'/%3E%3Cpath d='M12.5 12.5l2.6-.9-.9 2.6z'/%3E%3C/g%3E%3C/svg%3E") bottom left/38px 38px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg transform='translate(48 48) scale(-1 -1)'%3E%3Cpath d='M2 46V15Q2 2 15 2h31' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M7 40V18Q7 7 18 7h22' fill='none' stroke='%23000' stroke-width='.7'/%3E%3Cpath d='M13 24q-1-9 7-10q7 0 6 6q-1 4-5 3q-3-1-2-4' fill='none' stroke='%23000' stroke-width='1'/%3E%3Cpath d='M2 46l-1.8-3.2h3.6zM46 2l-3.2-1.8v3.6z'/%3E%3Cpath d='M12.5 12.5l2.6-.9-.9 2.6z'/%3E%3C/g%3E%3C/svg%3E") bottom right/38px 38px no-repeat;
}
/* separador de filigrana bajo los títulos de panel y de las secciones del dashboard */
html[data-ornate="on"] .am-panelhead h2::after, html[data-ornate="on"] .dash-eyebrow::after,
html[data-ornate="on"] .f-name::after{
  content:""; display:block; width:min(200px,80%); height:12px; margin-top:7px;
  background:linear-gradient(90deg, rgba(var(--accent-rgb),.25), rgba(var(--accent-rgb),.9) 50%, rgba(var(--accent-rgb),.25));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12'%3E%3Cpath d='M0 6h82M118 6h82' stroke='%23000' stroke-width='.8'/%3E%3Cpath d='M100 1.5l4.5 4.5-4.5 4.5-4.5-4.5z'/%3E%3Cpath d='M82 6q5-5 10 0q-5 5-10 0M118 6q-5-5-10 0q5 5 10 0' fill='none' stroke='%23000' stroke-width='.9'/%3E%3Ccircle cx='88' cy='6' r='.9'/%3E%3Ccircle cx='112' cy='6' r='.9'/%3E%3C/svg%3E") center/100% 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12'%3E%3Cpath d='M0 6h82M118 6h82' stroke='%23000' stroke-width='.8'/%3E%3Cpath d='M100 1.5l4.5 4.5-4.5 4.5-4.5-4.5z'/%3E%3Cpath d='M82 6q5-5 10 0q-5 5-10 0M118 6q-5-5-10 0q5 5 10 0' fill='none' stroke='%23000' stroke-width='.9'/%3E%3Ccircle cx='88' cy='6' r='.9'/%3E%3Ccircle cx='112' cy='6' r='.9'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
html[data-ornate="on"] .dash-eyebrow::after{margin:10px auto 0}
/* rombo antes de los subtítulos de la ficha de país */
html[data-ornate="on"] .am-dsec h3::before, html[data-ornate="on"] .esc-sec h3::before{
  content:""; display:inline-block; width:6px; height:6px; margin:0 8px 1px 0; transform:rotate(45deg);
  background:rgba(var(--accent-rgb),.8); vertical-align:middle;
}
/* dorado con gradiente sutil en la marca y los grandes títulos (texto grande: AA a 3:1) */
html[data-ornate="on"] .am-wordmark b, html[data-ornate="on"] .fj-title b{
  background:linear-gradient(180deg, var(--accent-bright) 0%, rgb(var(--accent-rgb)) 55%, var(--accent-2) 130%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
html[data-ornate="on"] .am-top, html[data-ornate="on"] .fj-top{
  border-image:linear-gradient(90deg, transparent, rgba(var(--accent-rgb),.55) 20%, rgba(var(--accent-rgb),.55) 80%, transparent) 1;
}
@media (max-width:560px){
  html[data-ornate="on"] .am-col.left::after, html[data-ornate="on"] .am-col.right::after,
  html[data-ornate="on"] .am-ficha::after, html[data-ornate="on"] .fj-ficha::after{
    -webkit-mask-size:26px 26px; mask-size:26px 26px; }
}

/* switch "Marcos ornamentados" en Ajustes (misma familia que el selector de fuente) */
.am-ornpick{display:flex;align-items:center;gap:8px;background:rgba(12,11,14,0.6);border:1px solid var(--line);
  padding:6px 8px;font-family:var(--font-ui);font-size:11px;letter-spacing:.06em;color:var(--bone);cursor:pointer}
.am-ornpick input{accent-color:rgb(var(--accent-rgb));width:14px;height:14px;cursor:pointer}