.seo-logo-img { width: 32px; height: 32px; max-width: 32px; max-height: 32px; border-radius: 8px; flex-shrink: 0; }
.seo-logo-text { font-weight: 800; font-size: 20px; color: #ffffff; letter-spacing: -0.02em; }
.seo-cta-btn { display: inline-block; padding: 14px 36px; font-size: 16px; }
.seo-logo-link-inner { display: flex; align-items: center; gap: 12px; }
.seo-accent-2 { color: #60a5fa !important; }
.seo-bolt { color: #00f2fe; }

    *, *::before, *::after { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; background: #061114; background-image: linear-gradient(135deg, #114552 0%, #082c35 45%, #030b0f 100%); color: #e6edf3 !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #00f2fe; text-decoration: none; }
.seo-wrap { max-width: 980px; margin: 0 auto; padding: 24px 20px 72px; }
.seo-header-nav { display: flex; align-items: center; justify-content: space-between; padding: 12px 24px; background: rgba(8, 20, 24, 0.6); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(0, 242, 254, 0.18); position: sticky; top: 0; z-index: 100; }
.seo-logo-link { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.seo-logo-svg { color: #00f2fe; }
.btn-nav { font-size: 14px; font-weight: 600; padding: 9px 18px; border-radius: 8px; text-decoration: none; transition: all 0.2s ease; display: inline-block; }
.btn-login { color: #e6edf3 !important; background: rgba(0, 242, 254, 0.08); border: 1px solid rgba(0, 242, 254, 0.25); }
.btn-login:hover { background: rgba(0, 242, 254, 0.16); }
.btn-start { color: #030b0f !important; background: #00f2fe; font-weight: 700; }
.btn-start:hover { background: #4facfe; }
.pill-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; background: linear-gradient(135deg, rgba(255, 215, 0, 0.18) 0%, rgba(99, 102, 241, 0.18) 100%); border: 1px solid rgba(255, 215, 0, 0.35); border-radius: 999px; color: #ffd700 !important; font-size: 13px; font-weight: 600; margin: 0 auto 20px; width: fit-content; }
.hero-card { text-align: center; padding: 48px 20px 20px; margin-bottom: 40px; background: transparent; border: none; box-shadow: none; }
h1 { font-size: clamp(30px, 4.5vw, 46px); font-weight: 800; color: #ffffff !important; line-height: 1.18; margin: 0 auto 18px; max-width: 900px; letter-spacing: -0.02em; }
.seo-lead { font-size: 17.5px; color: #9fb3c8 !important; margin: 0 auto; max-width: 760px; line-height: 1.7; }
.seo-section { background: rgba(16, 45, 54, 0.55); border: 1px solid rgba(0, 242, 254, 0.18); border-radius: 16px; padding: 30px 34px; margin-bottom: 20px; backdrop-filter: blur(8px); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25); }
.seo-section h2 { font-size: 22px; font-weight: 750; color: #ffffff !important; margin: 0 0 14px; letter-spacing: -0.01em; line-height: 1.35; }
.seo-section h2::after { content: ""; display: block; width: 44px; height: 3px; border-radius: 2px; margin-top: 10px; background: linear-gradient(90deg, #00f2fe, #4facfe); }
.seo-section p { margin: 0; color: #c6d6e4 !important; font-size: 15.5px; line-height: 1.8; }
.seo-section ul { margin: 10px 0 0; padding-left: 20px; color: #c6d6e4; line-height: 1.8; }
.seo-section table { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 14.5px; }
.seo-section th { text-align: left; color: #ffffff; font-weight: 650; padding: 12px 14px; border-bottom: 1px solid rgba(0, 242, 254, 0.25); background: rgba(0, 242, 254, 0.06); }
.seo-section td { color: #c6d6e4; padding: 11px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.seo-section td a { font-weight: 600; }
.sitemap-center { text-align: center; }
.sitemap-right { text-align: right; }
.sitemap-muted { color: #9fb3c8; }
.sitemap-priority { padding: 3px 10px; font-size: 12px; font-weight: 700; }
.sitemap-th-narrow { width: 110px; }
.cta-card { background: linear-gradient(135deg, rgba(0, 242, 254, 0.16) 0%, rgba(79, 172, 254, 0.1) 100%); border: 1px solid rgba(0, 242, 254, 0.35); border-radius: 20px; padding: 46px 36px; text-align: center; margin-top: 44px; box-shadow: 0 16px 48px rgba(0, 242, 254, 0.12); }
.cta-card h3 { font-size: 26px; font-weight: 800; color: #ffffff !important; margin: 0 0 14px; letter-spacing: -0.01em; }
.cta-card p { color: #c6d6e4 !important; font-size: 15.5px; margin: 0 0 26px; line-height: 1.7; }
.cta-card .btn-start { font-size: 15px; padding: 12px 26px; border-radius: 10px; }
.seo-footer { margin-top: 64px; border-top: 1px solid rgba(0, 242, 254, 0.15); padding-top: 26px; font-size: 13px; color: #7d95aa !important; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
@media (max-width: 640px) { .seo-wrap { padding: 16px 14px 56px; } .hero-card { padding: 36px 10px 16px; } .seo-section { padding: 24px 20px; } }

/* ─────────────────────────────────────────────────────────────────────────────
   GOLD REGISTER — the acquisition pages wear the product's own material
   (owner order 2026-09-21, after the trial on comparativa-software-gestion-
   alquiler-espana: "Ça en jette !!!!").

   WHY THIS FILE: these pages were dressed in theme-teal's exact gradient
   (#061114 + the byte-identical 135deg teal ramp) — the look the product
   abandoned two defaults ago — while the default a stranger now opens is the
   Dorado's gold silk. This block keeps the DARK register (the legible one: body
   text 13.4:1) and changes only the MATERIAL: teal/sky accents -> the brand gold,
   the page warms to the silk's own folds, and the hero carries one band of the
   real artwork.

   WHY NOT THE DORADO ITSELF: its identity is a 110 KB photographic page plus CREAM
   cards under a gold primary — and gold on those cards measures 1.95:1. These are
   prose + comparison tables read on unknown screens. Gold is the safest accent on
   a near-black page and the most dangerous one on a cream card: this register takes
   the first and refuses the second.

   Measured with src/themes/chrome.ts contrast(); every pair clears 4.5:1, and
   src/utils/__tests__/seo_pages_contrast.test.ts fails the suite if one drops:
     body  #f0e4cc on #140d06 ....... 14.43:1   (on the card #2a1f12: 12.80:1)
     muted #c4ab84 on #140d06 ........ 8.22:1   (on the card:          7.29:1)
     h1    #fff6e2 on #140d06 ....... 16.90:1
     link  #ffd700 on #140d06 ....... 12.95:1
     gold  #d4af37 on #140d06 ........ 8.64:1
     button ink #2b2416 on #d4af37 ... 7.31:1   (on #ffd700: 10.96:1)
     hero band, worst case = the silk's BRIGHTEST crest (#f4d166) under the 0.72
       overlay: h1 7.16:1, lead 6.12:1. The knob is the LEAD INK, not the overlay:
       the muted #c4ab84 the lead carries elsewhere measures 3.49:1 on that band —
       a FAIL — which is why the hero's lead is lifted to the body ink.

   SCOPED ON PURPOSE: every rule below is under the .seo-theme-gold class (carried by the
   <html> tag in renderSeoPageHtml and the sitemap views), so the base sheet above
   stays intact for any page that does not opt in — the change is additive and
   reverting it is one attribute.

   ⚠️ This sheet is a JS TEMPLATE LITERAL: a backtick anywhere below (in a comment
   included) ends the string and turns the rest into code — the first cut of this
   block carried .seo-theme-gold in backticks and the generator died with
   "ReferenceError: theme is not defined" (it read seo-theme-gold as subtraction).
   ───────────────────────────────────────────────────────────────────────────── */
html.seo-theme-gold, .seo-theme-gold body { background: #140d06; background-image: linear-gradient(160deg, #3a2812 0%, #241a0c 46%, #140d06 100%); color: #f0e4cc !important; }
.seo-theme-gold a { color: #ffd700; }
.seo-theme-gold .seo-logo-text { color: #fff6e2; }
.seo-theme-gold .seo-logo-svg { color: #ffd700; }
.seo-theme-gold .seo-accent-2 { color: #d4af37 !important; }
.seo-theme-gold .seo-bolt { color: #ffd700; }
.seo-theme-gold .seo-header-nav { background: rgba(20, 13, 6, 0.62); border-bottom: 1px solid rgba(212, 175, 55, 0.22); }
.seo-theme-gold .btn-login { color: #fff6e2 !important; background: rgba(255, 215, 0, 0.08); border: 1px solid rgba(255, 215, 0, 0.28); }
.seo-theme-gold .btn-login:hover { background: rgba(255, 215, 0, 0.16); }
.seo-theme-gold .btn-start { color: #2b2416 !important; background: #d4af37; }
.seo-theme-gold .btn-start:hover { background: #ffd700; }
.seo-theme-gold .pill-badge { background: linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(133, 90, 17, 0.2) 100%); border-color: rgba(255, 215, 0, 0.45); color: #ffd700 !important; }
.seo-theme-gold .hero-card { padding: 56px 20px 40px; border-radius: 0 0 22px 22px; background-image: linear-gradient(180deg, rgba(45, 30, 10, 0.72) 0%, rgba(45, 30, 10, 0.72) 62%, rgba(20, 13, 6, 0.9) 100%), url('/themes/gold-silk.jpg'); background-size: cover; background-position: center 38%; box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.18), 0 18px 44px rgba(0, 0, 0, 0.42); }
.seo-theme-gold h1 { color: #fff6e2 !important; }
.seo-theme-gold .seo-lead { color: #f0e4cc !important; }
.seo-theme-gold .seo-section { background: rgba(42, 31, 18, 0.72); border: 1px solid rgba(212, 175, 55, 0.22); }
.seo-theme-gold .seo-section h2 { color: #fff6e2 !important; }
.seo-theme-gold .seo-section h2::after { background: linear-gradient(90deg, #f4d166, #855a11); }
.seo-theme-gold .seo-section p, .seo-theme-gold .seo-section ul { color: #f0e4cc !important; }
.seo-theme-gold .seo-section th { color: #fff6e2; background: rgba(212, 175, 55, 0.1); border-bottom: 1px solid rgba(212, 175, 55, 0.3); }
.seo-theme-gold .seo-section td { color: #f0e4cc; border-bottom: 1px solid rgba(255, 246, 226, 0.1); }
.seo-theme-gold .sitemap-muted { color: #c4ab84; }
.seo-theme-gold .cta-card { background: linear-gradient(135deg, rgba(212, 175, 55, 0.18) 0%, rgba(133, 90, 17, 0.14) 100%); border: 1px solid rgba(212, 175, 55, 0.42); box-shadow: 0 16px 48px rgba(133, 90, 17, 0.22); }
.seo-theme-gold .cta-card h3 { color: #fff6e2 !important; }
.seo-theme-gold .cta-card p { color: #f0e4cc !important; }
.seo-theme-gold .seo-footer { border-top: 1px solid rgba(212, 175, 55, 0.2); color: #c4ab84 !important; }
/* The register out-specifies the sheet's own 640px tuning (it comes later AND carries a
   class), so the hero's narrow-screen padding has to be re-stated here or mobile would
   inherit the desktop 56/40 rhythm. */
@media (max-width: 640px) { .seo-theme-gold .hero-card { padding: 40px 14px 30px; } }