/* Farmácia Verde 7.2 — a Amazônia como ponto de partida. */
.home-overline { padding: 4px 0 18px; font-size: 10px; letter-spacing: .12em; color: #52664e; }
.home-overline span:last-child { letter-spacing: .14em; }
.home-hero { grid-template-columns: minmax(0,1.18fr) minmax(0,1fr); gap: clamp(30px,4vw,68px); padding: 36px 0 34px; align-items: center; }
.home-kicker { color: #52684a; font-size: 12px; margin-bottom: 20px; }
.home-hero h2 { font-size: clamp(43px,4.4vw,70px); line-height: 1.06; letter-spacing: -.05em; margin: 0 0 22px; }
.home-hero h2 em { color: #687d48; }
.home-hero-copy>p { font-size: 14px; max-width: 470px; line-height: 1.8; }
.home-search-area { margin-top: 26px; position: relative; z-index: 3; }
.home-search { display: flex; align-items: center; gap: 10px; padding: 7px 7px 7px 15px; border: 1px solid #a6b79a; background: #fffefb; border-radius: 11px; box-shadow: 0 5px 15px #26452607; }
.home-search:focus-within { border-color: #3c6340; box-shadow: 0 0 0 3px #49723b14; }
.home-search>svg { height: 20px; width: 20px; stroke: #56734c; stroke-width: 1.6; flex-shrink: 0; }
.home-search input { min-width: 0; width: 100%; flex: 1; border: 0; outline: none; background: transparent; padding: 10px 0; color: #20392d; font: inherit; font-size: 12px; border-radius: 0; box-shadow: none; }
.home-search input::placeholder { color: #65715d; opacity: 1; }
.home-search input:focus-visible { outline: 2px solid #779866; outline-offset: 1px; border-radius: 3px; }
.home-search>button { display: flex; align-items: center; gap: 14px; border: 0; border-radius: 7px; background: #244f34; color: #fffefb; padding: 11px 15px; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.home-search>button:hover { background: #173d29; }
.home-search-hint { color: #65735d; font-size: 10px; margin-top: 9px; }
.home-search-results { position: absolute; top: 62px; left: 0; right: 0; padding: 10px; background: #fffefb; border: 1px solid #b6c6ab; border-radius: 10px; box-shadow: 0 15px 40px #153b2b22; }
.home-search-results>p { padding: 5px 7px 10px; font-size: 11px; color: #5b6d52; }
.home-search-results ul { list-style: none; margin: 0; padding: 0; }
.home-search-results li>button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; background: transparent; border: 0; border-top: 1px solid #e3e8da; text-align: left; color: #244a32; padding: 11px 8px; cursor: pointer; }
.home-search-results li>button:hover { background: #eef2e6; }
.home-search-results strong { font-size: 13px; display: block; font-weight: 600; }
.home-search-results small { display: block; font-size: 10px; font-style: italic; color: #5e7054; margin-top: 2px; }
.home-result-kind { flex-shrink: 0; font-size: 10px; color: #49643a; }
.home-search-all { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 7px; border: 0; border-radius: 5px; background: #ebf0e1; color: #254c33; padding: 10px; font-size: 11px; cursor: pointer; }
.home-suggestions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 13px; font-size: 10px; color: #64715c; }
.home-suggestions>button { border: 1px solid #d4ddc7; background: transparent; padding: 6px 10px; min-height: 32px; border-radius: 20px; font: inherit; color: #415d33; cursor: pointer; }
.home-suggestions>button:hover { background: #e8eddf; border-color: #9ab28d; }
.home-browse { display: inline-flex; gap: 18px; align-items: center; background: none; border: 0; border-bottom: 1px solid #b7c5a7; border-radius: 0; color: #2d5739; font-size: 12px; font-weight: 600; margin-top: 22px; padding: 5px 0; cursor: pointer; }
.home-browse:hover { color: #617b3e; }
.home-feature { align-self: center; width: 100%; max-width: 420px; justify-self: end; text-align: center; }
.home-feature-heading { display: block; font-size: 9px; letter-spacing: .15em; color: #617350; margin: 0 0 14px; }
.home-specimen { display: block; width: 100%; text-align: left; color: #25452c; background: #eff1e3; border: 1px solid #d7ddc6; border-radius: 190px 190px 14px 14px; padding: 34px 25px 20px; cursor: pointer; transition: background .2s, border-color .2s, transform .2s; overflow: hidden; }
.home-specimen:hover { background: #e9eddb; border-color: #9aae81; transform: translateY(-3px); }
.home-plant-region { display: block; text-align: center; font-size: 10px; color: #526340; letter-spacing: .025em; }
.home-specimen img { display: block; width: 100%; height: clamp(225px,24vw,345px); object-fit: contain; mix-blend-mode: multiply; margin: 7px 0; }
.home-plant-caption { border-top: 1px solid #ced8be; padding: 15px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.home-plant-caption strong { display: block; font: 400 clamp(25px,2.4vw,34px)/1.15 Georgia,serif; }
.home-plant-caption em { display: block; font-size: 11px; color: #586c46; margin-top: 5px; }
.home-plant-arrow { border-radius: 50%; border: 1px solid #9caf88; display: grid; place-items: center; width: 39px; height: 39px; font-size: 23px; flex-shrink: 0; }
.home-plant-open { display: flex; align-items: center; gap: 10px; font-size: 10px; margin-top: 14px; color: #496238; }
.home-shuffle { display: inline-flex; gap: 8px; align-items: center; background: transparent; border: 0; color: #3e5b34; font-size: 11px; cursor: pointer; padding: 7px 5px; margin-top: 10px; }
.home-shuffle span { font-size: 21px; }
.home-shuffle:hover { text-decoration: underline; text-underline-offset: 4px; }
.home-illustration-note { font-size: 9px; color: #627057; margin-top: 2px; }
.home-collection { border-block: 1px solid #d7dfcc; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; color: #617254; font-size: 11px; }
.home-collection p { display: flex; align-items: center; gap: 10px; }
.home-collection strong { font: 400 27px Georgia,serif; color: #365a38; }
.home-collection>span { color: #8e9c7d; }
.home-path-heading { margin: 32px 0 17px; }
.home-path-heading .eyebrow { font-size: 9px; color: #637650; }
.home-path-heading h3 { font: 400 30px Georgia,serif; color: #26492f; margin-top: 6px; letter-spacing: -.025em; }
.home-paths { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.home-paths>button { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 23px 20px 20px; text-align: left; background: #fffefb; border: 1px solid #d7dfce; border-radius: 10px; cursor: pointer; color: #294b32; transition: border-color .2s, transform .2s; }
.home-paths>button:hover { border-color: #8aa47a; transform: translateY(-3px); }
.home-path-number { font-size: 9px; letter-spacing: .12em; color: #61764e; }
.home-path-title { font: 400 23px/1.2 Georgia,serif; margin-top: 24px; display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.home-path-title>span { font: 400 20px Georgia,serif; }
.home-path-description { font-size: 11px; line-height: 1.7; color: #627357; margin-top: 11px; margin-bottom: 21px; }
.home-path-link { border-top: 1px solid #e1e7d8; padding-top: 12px; font-size: 10px; color: #395f3a; font-weight: 600; margin-top: auto; }
.home-amazonia { margin-top: 27px; padding: 31px 34px; background: #20472f; color: #f1f4e8; border-radius: 12px; overflow: hidden; position: relative; }
.home-amazonia>div { position: relative; max-width: 680px; padding-right: 55px; }
.home-amazonia .eyebrow { color: #c2d49f; font-size: 9px; letter-spacing: .14em; }
.home-amazonia h3 { font: 400 33px/1.15 Georgia,serif; margin: 10px 0 13px; letter-spacing: -.025em; }
.home-amazonia p { font-size: 12px; line-height: 1.85; color: #d8e2cc; }
.home-amazonia button { border: 0; background: none; color: #e6eecf; padding: 0; font-size: 11px; cursor: pointer; margin-top: 15px; display: flex; align-items: center; gap: 15px; }
.home-amazonia button:hover { text-decoration: underline; text-underline-offset: 5px; }
.home-river { position: absolute; width: 230px; height: 270px; top: -10px; right: -20px; stroke: #91ac64; stroke-width: 1; opacity: .24; }
.home-context-note { margin-top: 14px; color: #617157; font-size: 10px; line-height: 1.8; max-width: 900px; }
.sidebar .nav-btn { font-size: 12px; }
.sidebar nav .nav-label-secondary { padding-top: 15px; }
.card-explore { width: auto; padding: 6px 0; border: 0; background: transparent; font-size: 10px; color: #596e4a; }
.card-explore:hover { text-decoration: underline; }
@media (min-width:1550px) { .home-hero { padding-block: 44px; } }
@media (max-width:1200px) { .home-hero { gap: 28px; } .home-search { gap: 7px; padding-left: 10px; } .home-search>button { gap: 7px; padding-inline: 11px; } .home-search input { font-size: 11px; } .home-path-title { font-size: 21px; } .home-paths>button { padding: 20px 16px 16px; } .home-collection { gap: 12px; font-size: 10px; } }
@media (max-width:820px) { .home-hero { grid-template-columns: minmax(0,1.18fr) minmax(0,1fr); gap: 24px; } .home-hero h2 { font-size: 43px; } .home-hero-copy>p { font-size: 13px; } .home-specimen { padding: 28px 17px 16px; } .home-search>svg { display: none; } .home-paths { gap: 10px; } .home-path-title { font-size: 21px; } .home-collection>p:last-child,.home-collection>span:last-of-type { display: none; } .home-collection { justify-content: center; gap: 32px; } }
@media (max-width:600px) {
  .home-overline { font-size: 8px; padding-bottom: 13px; }
  .home-hero { grid-template-columns: minmax(0,1fr); gap: 30px; padding: 26px 0 24px; }
  .home-hero h2 { font-size: clamp(40px,10.6vw,56px); }
  .home-kicker { font-size: 11px; margin-bottom: 18px; }
  .home-hero-copy>p { font-size: 13px; max-width: 420px; }
  .home-search-area { margin-top: 22px; }
  .home-search>svg { display: block; width: 17px; }
  .home-search input { font-size: 16px; min-height: 42px; }
  .home-search>button { min-height: 42px; font-size: 13px; }
  .home-search-results { top: 65px; }
  .home-search-hint { font-size: 10px; }
  .home-browse { margin-top: 17px; }
  .home-feature { justify-self: center; max-width: 420px; }
  .home-feature-heading { font-size: 9px; }
  .home-specimen { border-radius: 130px 130px 12px 12px; padding: 27px 23px 18px; }
  .home-specimen img { height: 240px; }
  .home-plant-caption strong { font-size: 30px; }
  .home-plant-caption em { font-size: 12px; }
  .home-plant-open { font-size: 11px; }
  .home-shuffle { font-size: 12px; min-height: 44px; }
  .home-collection { justify-content: space-between; gap: 12px; font-size: 10px; }
  .home-collection p { gap: 8px; max-width: 140px; line-height: 1.4; }
  .home-collection strong { font-size: 29px; }
  .home-path-heading { margin-top: 27px; }
  .home-paths { grid-template-columns: 1fr; gap: 12px; }
  .home-paths>button { padding: 20px; }
  .home-path-title { font-size: 25px; margin-top: 15px; }
  .home-path-description { font-size: 12px; margin: 9px 0 16px; }
  .home-path-link { font-size: 11px; }
  .home-amazonia { padding: 27px 23px 22px; margin-top: 22px; }
  .home-amazonia>div { padding-right: 0; }
  .home-amazonia h3 { font-size: 31px; }
  .home-river { opacity: .12; right: -80px; }
  .home-context-note { font-size: 10px; }
}
@media (prefers-reduced-motion:reduce) { .home-specimen:hover,.home-paths>button:hover { transform: none; } }