/* November / Thanksgiving palette shared by the home, links and process pages. */
:root {
  --leaf-mocha: #5b4632;
  --leaf-depth: #403021;
  --leaf-amber: #c8792c;
  --leaf-amber-hover: #dc9650;
  --leaf-text: #fff5e7;
  --leaf-muted: #e0cdb5;
  --leaf-champagne: #f4d9a0;
  --leaf-line: #8f7358;
  --leaf-on-amber: #24180e;
  --ink: var(--leaf-text);
  --paper: var(--leaf-mocha);
  --muted: var(--leaf-muted);
  --border: var(--leaf-line);
  --line: var(--leaf-line);
  --accent: var(--leaf-amber);
  --accent-text: var(--leaf-champagne);
  --accent-light: var(--leaf-champagne);
  --accent-deep: var(--leaf-champagne);
  --navy: var(--leaf-text);
  --orange: var(--leaf-amber);
  --green: var(--leaf-champagne);
  --blue: var(--leaf-champagne);
  --cream: var(--leaf-mocha);
  color-scheme: dark;
}
body {
  color: var(--leaf-text);
  background: var(--leaf-mocha);
  background-image: radial-gradient(ellipse at 100% 0, #c8792c16, transparent 38%),
    linear-gradient(125deg, var(--leaf-depth), var(--leaf-mocha) 52%);
}
::selection { background: var(--leaf-amber); color: var(--leaf-on-amber); }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible,
[tabindex]:focus-visible { outline: 3px solid var(--leaf-champagne); outline-offset: 5px; }
.skip, .process-skip { background: var(--leaf-text); color: var(--leaf-depth); }

/* Home: mocha canvas, champagne framing and amber calls to action. */
.leaf-home .header { background: #5b4632f5; border-color: var(--leaf-line); }
.leaf-home .intro, .leaf-home .hero-note, .leaf-home .intro-bottom,
.leaf-home .contact-copy>p, .leaf-home .qr-callout p,
.leaf-home .contact-info>span { color: var(--leaf-muted); }
.leaf-home .line { background: var(--leaf-line); }
.leaf-home .eyebrow, .leaf-home .eyebrow.muted { color: var(--leaf-champagne); }
.leaf-home .hero-copy>.eyebrow { color: var(--leaf-text); letter-spacing: 1.6px; }
.leaf-home .green-dot { background: var(--leaf-amber); box-shadow: 0 0 0 4px #c8792c25; }
.leaf-home h1>span, .leaf-home .contact h2 span { color: var(--leaf-champagne); }
.leaf-home .button.dark, .leaf-home .green-button, .leaf-home .floating-wa {
  background: var(--leaf-amber); color: var(--leaf-on-amber);
}
.leaf-home .button.dark:hover, .leaf-home .green-button:hover,
.leaf-home .floating-wa:hover { background: var(--leaf-amber-hover); }
.leaf-home .hero-visual {
  display: flex; flex-direction: column; background: var(--leaf-depth);
  border: 1px solid var(--leaf-line); border-radius: 12px;
  box-shadow: 0 16px 44px #0003;
}
.leaf-home .hero-visual:after { display: none; }
.leaf-home .hero-visual>.visual-top {
  position: static; order: -1; padding: 15px 20px;
  color: var(--leaf-champagne); background: var(--leaf-depth);
  font-size: 9px; letter-spacing: 1.2px;
}
.leaf-home .hero-visual>.visual-top>span:last-child { color: var(--leaf-text); font-size: 24px; }
.leaf-home .hero-visual>img { height: auto; aspect-ratio: 1; object-fit: contain; filter: none; }
.leaf-home .hero-visual .photo-caption {
  background: var(--leaf-depth); color: var(--leaf-text); padding-bottom: 27px;
}
.leaf-home .hero-visual .photo-caption>span { color: var(--leaf-champagne); }
.leaf-home .color-bar i { background: var(--leaf-amber); width: 50%; }
.leaf-home .color-bar i:nth-child(2) { background: var(--leaf-champagne); width: 30%; }
.leaf-home .color-bar i:nth-child(3) { background: var(--leaf-mocha); width: 20%; }
.leaf-home .text-link { color: var(--leaf-text); border-color: #b3997b; }
.leaf-home .text-link:hover { color: var(--leaf-champagne); }
.leaf-home .services {
  background: var(--leaf-depth); color: var(--leaf-text);
  border-block: 1px solid var(--leaf-line);
}
.leaf-home .section-heading h2 span, .leaf-home .unit-label { color: var(--leaf-champagne); }
.leaf-home .section-heading>p, .leaf-home .unit-content>p:not(.eyebrow),
.leaf-home .service-detail p { color: var(--leaf-muted); }
.leaf-home .unit-tabs, .leaf-home .unit-tabs button { border-color: var(--leaf-line); }
.leaf-home .unit-tabs button { color: var(--leaf-muted); }
.leaf-home .unit-tabs button[aria-selected=true] { background: var(--leaf-mocha); color: #fff; }
.leaf-home .unit-tabs button:hover { background: #725438; color: #fff; }
.leaf-home .unit-tabs button[aria-selected=true]:after { background: var(--leaf-amber); }
.leaf-home .orange { background: #f4d9a0; }
.leaf-home .green { background: var(--leaf-champagne); }
.leaf-home .cyan { background: var(--leaf-text); }
.leaf-home .service-options button { background: transparent; color: var(--leaf-text); border-color: #b3997b; }
.leaf-home .service-options button[aria-pressed=true] {
  background: var(--leaf-amber); color: var(--leaf-on-amber); border-color: #e4b16c;
}
.leaf-home .service-options button:hover { border-color: var(--leaf-champagne); }
.leaf-home .service-detail { border-color: var(--leaf-amber); }
.leaf-home .text-link.light { color: var(--leaf-text); border-color: #b3997b; }
.leaf-home .text-link.light:hover { color: var(--leaf-champagne); }
.leaf-home .unit-image { border-radius: 9px; }
.leaf-home .image-footer { background: linear-gradient(0deg,#403021f2,transparent); }
.leaf-home .image-footer small { color: var(--leaf-text); }
.leaf-home .unit-image[data-unit-image="publicidad"] { background: var(--leaf-mocha); border: 1px solid var(--leaf-line); }
.leaf-home .unit-image[data-unit-image="publicidad"] .image-footer {
  background: var(--leaf-mocha); color: var(--leaf-text); border-top: 1px solid var(--leaf-line);
}
.leaf-home .unit-image[data-unit-image="publicidad"] .image-footer small,
.leaf-home .unit-image[data-unit-image="publicidad"] .product-view-label { color: var(--leaf-muted); }
.leaf-home .method { border-color: var(--leaf-line); }
.leaf-home .method>div>span { color: var(--leaf-champagne); }
.leaf-home .method p { color: var(--leaf-muted); }
.leaf-home .method strong { color: var(--leaf-text); }
.leaf-home .qr-callout svg { color: var(--leaf-champagne); }
.leaf-home .contact-card {
  background: var(--leaf-depth); border-color: var(--leaf-line); border-radius: 12px;
  box-shadow: inset 0 3px var(--leaf-amber), 0 16px 44px #0002;
}
.leaf-home label>span, .leaf-home .field-hint, .leaf-home .message-preview summary,
.leaf-home .privacy-note, .leaf-home .direct-contact { color: var(--leaf-muted); }
.leaf-home input:not([type=radio]), .leaf-home select, .leaf-home textarea {
  background: var(--leaf-mocha); border-color: #b3997b; color: var(--leaf-text);
}
.leaf-home input::placeholder, .leaf-home textarea::placeholder { color: #dec5a5; }
.leaf-home .intent label>span { color: var(--leaf-muted); border-color: #b3997b; }
.leaf-home .intent input:checked+span { background: var(--leaf-amber); border-color: #e4b16c; color: var(--leaf-on-amber); }
.leaf-home .message-preview p { background: var(--leaf-mocha); color: var(--leaf-text); }
.leaf-home .floating-wa { border-color: #e4b16c; box-shadow: 0 5px 24px #0005; }
.leaf-home footer { background: var(--leaf-depth); }
.leaf-home .footer-inner>p, .leaf-home .footer-inner>span { color: var(--leaf-muted); }
.leaf-home .footer-inner .beta { border-color: var(--leaf-line); color: var(--leaf-muted); }
.leaf-home .noscript { background: var(--leaf-depth); color: var(--leaf-text); }

/* Social links: warm panels and a champagne main destination. */
.leaf-links .share-button { background: var(--leaf-depth); }
.leaf-links .share-button:hover { background: #725438; border-color: var(--leaf-champagne); }
.leaf-links .welcome .eyebrow, .leaf-links h1 em { color: var(--leaf-champagne); }
.leaf-links .welcome .eyebrow>span { background: var(--leaf-amber); }
.leaf-links .welcome-copy { color: var(--leaf-muted); }
.leaf-links .mascot { background: var(--leaf-depth); border-color: var(--leaf-line); box-shadow: 0 12px 32px #0003; }
.leaf-links .mascot figcaption, .leaf-links .mascot figcaption>span { color: var(--leaf-text); }
.leaf-links .link-card { background: var(--leaf-depth); border-color: var(--leaf-line); color: var(--leaf-text); }
.leaf-links .link-card:hover { background: #725438; border-color: #b3997b; }
.leaf-links .link-icon { background: #715033; color: var(--leaf-champagne); }
.leaf-links .link-copy>span, .leaf-links .handle { color: var(--leaf-muted); }
.leaf-links .website { background: var(--leaf-amber); border-color: #e4b16c; color: var(--leaf-on-amber); }
.leaf-links .website:hover { background: var(--leaf-amber-hover); border-color: #e4b16c; }
.leaf-links .website .link-icon { background: #ffffff18; color: #fff; }
.leaf-links .website .link-copy>span { color: #fff; }
.leaf-links .instagram .link-icon, .leaf-links .process .link-icon { background: #715033; color: #f4d9a0; }
.leaf-links .tiktok .link-icon { background: var(--leaf-mocha); color: var(--leaf-text); }
.leaf-links .whatsapp .link-icon { background: #715033; color: #f4d9a0; }
.leaf-links .qr-panel>summary { color: var(--leaf-text); }
.leaf-links .qr-panel summary svg { color: var(--leaf-champagne); }
.leaf-links .qr-copy input { background: var(--leaf-depth); color: var(--leaf-text); border-color: #b3997b; }
.leaf-links .qr-copy a, .leaf-links .qr-copy button, .leaf-links .share-status { color: var(--leaf-champagne); }
.leaf-links .footer a:hover { color: var(--leaf-text); }

/* Process: seasonal surroundings, original artwork and eight scenes retained. */
.leaf-process .site-links a, .leaf-process .foot a { color: var(--leaf-champagne); }
.leaf-process .site-links a:hover, .leaf-process .site-links a[aria-current="page"] {
  background: var(--leaf-amber); color: var(--leaf-on-amber);
}
.leaf-process .eyebrow, .leaf-process .intro h1 em { color: var(--leaf-champagne); }
.leaf-process .intro p, .leaf-process .stage-description, .leaf-process .foot { color: var(--leaf-muted); }
.leaf-process .stage { background: var(--leaf-depth); border-color: var(--leaf-line); box-shadow: 0 15px 45px #0003; }
.leaf-process .scene-label { background: var(--leaf-depth); color: var(--leaf-text); }
.leaf-process .scene-label small { color: var(--leaf-champagne); }
.leaf-process .scene-counter { background: var(--leaf-amber); color: var(--leaf-on-amber); }
.leaf-process .bottom { background: var(--leaf-depth); border-color: var(--leaf-line); }
.leaf-process .btn { background: var(--leaf-mocha); color: var(--leaf-text); border-color: #b3997b; }
.leaf-process .btn.primary { background: var(--leaf-amber); border-color: #e4b16c; color: var(--leaf-on-amber); }
.leaf-process .btn:hover { filter: brightness(1.15); }
.leaf-process .dot { background: #9a8063; }
.leaf-process .dot.active { background: var(--leaf-amber); outline: 1px solid #f4d9a0; outline-offset: 1px; }
.leaf-process .dot.done { background: var(--leaf-champagne); }
.leaf-process .step { background: var(--leaf-mocha); color: var(--leaf-muted); }
.leaf-process .step.selected { background: var(--leaf-amber); border-color: #e4b16c; color: var(--leaf-on-amber); }

@media(max-width:800px) {
  .leaf-home #navigation { background: var(--leaf-mocha); border-color: var(--leaf-line); box-shadow: 0 18px 30px #0004; }
  .leaf-home .hero-visual>.visual-top { padding: 13px 18px; font-size: 8px; }
  .leaf-home .hero-copy>.eyebrow { letter-spacing: .9px; }
}
@media(max-width:580px) {
  .leaf-home .unit-tabs button { border-bottom-color: var(--leaf-line); }
  .leaf-home .hero-visual .photo-caption strong { font-size: 25px; }
}

/* Champagne surfaces bring light and warmth to the November edition. */
.leaf-home .hero-visual>.visual-top {
  background: var(--leaf-champagne); color: var(--leaf-depth);
}
.leaf-home .hero-visual>.visual-top>span:last-child { color: var(--leaf-depth); }
.leaf-home .hero-visual { border-color: #aa8660; }
.leaf-home .hero-visual .photo-caption { background: var(--leaf-mocha); }
.leaf-home .hero-copy>.eyebrow { color: var(--leaf-champagne); }
.leaf-home .contact-card {
  background: var(--leaf-champagne); color: var(--leaf-depth);
  border-color: var(--leaf-champagne); box-shadow: inset 0 4px var(--leaf-amber), 0 16px 44px #24180e20;
}
.leaf-home .contact-card label>span, .leaf-home .contact-card .field-hint,
.leaf-home .contact-card .message-preview summary, .leaf-home .contact-card .privacy-note,
.leaf-home .contact-card .direct-contact { color: #62462e; }
.leaf-home .contact-card input:not([type=radio]), .leaf-home .contact-card select,
.leaf-home .contact-card textarea {
  background: #fff5e7; color: var(--leaf-depth); border-color: #95714d; color-scheme: light;
}
.leaf-home .contact-card input::placeholder, .leaf-home .contact-card textarea::placeholder { color: #76583d; }
.leaf-home .contact-card .intent label>span { color: var(--leaf-depth); border-color: #95714d; }
.leaf-home .contact-card .intent input:checked+span {
  background: var(--leaf-mocha); color: #fff5e7; border-color: var(--leaf-mocha);
}
.leaf-home .contact-card .message-preview p { background: #fff5e7; color: var(--leaf-depth); }
.leaf-home .contact-card .green-button { background: var(--leaf-mocha); color: var(--leaf-champagne); }
.leaf-home .contact-card .green-button:hover { background: var(--leaf-depth); }
.leaf-home .contact-card .form-status a { color: var(--leaf-depth); }
.leaf-home .contact-card :focus-visible,
.leaf-home .contact-card .intent input:focus-visible+span { outline-color: var(--leaf-depth); }
.leaf-links .website { background: var(--leaf-champagne); border-color: var(--leaf-champagne); color: var(--leaf-depth); }
.leaf-links .website:hover { background: #ffe6b6; border-color: #ffe6b6; }
.leaf-links .website .link-icon { background: var(--leaf-amber); color: var(--leaf-on-amber); }
.leaf-links .website .link-copy>span { color: #62462e; }
.leaf-links .mascot figcaption { background: var(--leaf-mocha); color: var(--leaf-champagne); }
.leaf-process .dot.active { outline-color: var(--leaf-champagne); }

.leaf-process :is(a,button):focus-visible { outline: 3px solid var(--leaf-champagne); outline-offset: 4px; }

/* Supplied transparent artwork stays complete, on a champagne backdrop. */
.leaf-home .hero-visual>img {
  background: var(--leaf-champagne); padding: 16px; object-fit: contain;
}
.leaf-links .mascot>img { background: var(--leaf-champagne); padding: 8px; }