/* PriceRight — identidad: etiqueta de precio sobre papel kraft; verde de caja y naranja de oferta.
   Tipografía: Bricolage Grotesque (títulos y cifras) + Instrument Sans. */
:root { --font-body: "Instrument Sans", system-ui, sans-serif; --font-figure: "Bricolage Grotesque", system-ui, sans-serif;
  --paper: #efe6d3; --surface: #fbf6ea; --card: #fbf6ea; --ink: #16301f; --ink-soft: #5a6a58; --line: #d6c8a8; --accent: #1b6b45; --tag: #f26b1d; --radius: 12px; }
@media (prefers-color-scheme: dark) { :root { --paper: #101a14; --surface: #172319; --card: #172319; --ink: #e8f3e6; --ink-soft: #a5b8a4; --line: #2b3d2e; --accent: #5fd09b; --tag: #ff9a52; } }
.site-head h1 { font-family: var(--font-figure); font-weight: 800; letter-spacing: -0.035em; font-size: clamp(2rem, 7vw, 2.8rem); }
h2 { font-family: var(--font-figure); font-weight: 700; letter-spacing: -0.02em; }
.result { position: relative; background: var(--surface); border: 2px solid var(--ink); border-radius: 14px 14px 14px 48px; padding: 1.2rem 1.2rem 1.3rem 3.2rem; margin-left: 0.2rem; }
.result::before { content: ""; position: absolute; left: 1rem; top: 1.25rem; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: var(--paper); border: 2px solid var(--ink); }
.result::after { content: "PRECIO"; position: absolute; right: -2px; top: -2px; background: var(--tag); color: #fff; font: 800 0.7rem var(--font-figure); letter-spacing: 0.14em; padding: 0.25rem 0.6rem; border-radius: 0 12px 0 10px; }
.result .big { font-weight: 800; letter-spacing: -0.04em; color: var(--accent); }

/* PriceRight: verde bosque sobre papel neutro; el precio final es lo único grande. */
:root { --accent: #1b6b45; --plus: #1b6b45; }
@media (prefers-color-scheme: dark) { :root { --accent: #5fd09b; } }
.result .label { color: var(--ink-soft); margin: 0; }

.scen { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.scen th, .scen td { text-align: right; padding: 0.45rem 0.5rem; border-bottom: 1px solid var(--line); }
.scen th:first-child, .scen td:first-child { text-align: left; }
.scen tr.current { background: color-mix(in srgb, var(--accent) 14%, transparent); font-weight: 700; }
.quote-list { list-style: none; margin: 1rem 0 0; padding: 0; border-top: 1px solid var(--line); }
.quote-list li { display: grid; grid-template-columns: 1fr auto; gap: 0.4rem 0.75rem; padding: 0.7rem 0; border-bottom: 1px solid var(--line); }
.quote-list .main { display: flex; flex-direction: column; min-width: 0; } .quote-list .sub { color: var(--ink-soft); font-size: 0.85rem; }
.quote-list .amt { font-family: var(--font-figure); font-weight: 700; } .quote-list .actions, .quote-list .share { grid-column: 1 / -1; }
.share pre { white-space: pre-wrap; background: var(--paper); border: 1px dashed var(--line); padding: 0.75rem; border-radius: 8px; font: 0.9rem/1.5 var(--font-body); }
.button { display: inline-flex; align-items: center; min-height: 40px; padding: 0 0.9rem; border: 1px solid var(--line); border-radius: var(--radius); color: inherit; text-decoration: none; font-weight: 600; background: var(--card); }
.small { min-height: 40px; }