/* A transparência deixa as ilustrações integradas ao cartão. */
.flow,.intro{animation:none}
.photo-guide{display:block;width:100%;max-width:440px;height:auto;margin:18px auto 6px;border-radius:18px}
.flow h1.growth-title{font-weight:800;line-height:1.45;letter-spacing:-.6px}
.projection-month{display:inline;padding:0 7px;background:#2f6b47;color:#fff;border-radius:4px;text-decoration:none;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:nowrap}
.projection-fruit-name{font-weight:800}
.plant-projection .projection-canvas{margin:4px 4px 8px!important}
.plant-projection .projection-canvas svg{height:auto!important;width:100%}
.plant-projection .projection-heading{padding:17px 18px 12px}
.plant-projection .projection-summary{padding:10px 0;margin:0 18px}
.plant-projection .projection-footnote{padding:0 18px 13px}
.plant-projection .projection-canvas{margin:22px 8px 10px}
.plant-projection .projection-canvas svg{height:320px;width:100%}
.projection-today{position:absolute;left:14%;top:69%;font-size:11px;font-weight:600;color:#976850;background:#fffefb;padding:5px 7px;border:1px solid #eadbd0;border-radius:7px;white-space:nowrap}
.plant-projection .projection-plant{right:9%;top:3%}
@media(min-width:480px){.plant-projection .projection-canvas svg{height:380px}.projection-today{top:69%}}
.plant-projection{margin:24px 0;background:#fffefb;border:1px solid #e2e5da;border-radius:20px;overflow:hidden;text-align:left;box-shadow:0 10px 30px #25412d06}
.plant-projection .projection-heading{height:auto;max-width:none;margin:0;padding:22px 20px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.projection-kicker{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#7a8272}.flow .projection-heading h2{font-size:23px;letter-spacing:-.8px;margin:7px 0 0;font-weight:600;color:#294437}
.projection-period{white-space:nowrap;font-size:11px;color:#49604b;border:1px solid #dce3d3;border-radius:30px;padding:7px 10px}
.projection-summary{display:flex;justify-content:space-between;gap:12px;margin:0 20px;padding:13px 0;border-top:1px solid #e8eadd;font-size:12px;color:#79816f}.projection-summary strong{color:#3e755a;font-weight:600}
.projection-canvas{position:relative;margin:2px 12px 0}.projection-canvas svg{display:block;width:100%;height:auto;overflow:visible}.projection-grid{fill:none;stroke:#d8dfd2;stroke-width:1;stroke-dasharray:3 6}.projection-scale{fill:#8b9382;font-size:10px}.projection-weeks{fill:#61705b;font-size:11px;font-weight:500}.projection-shade{fill:url(#plant-area)}.projection-curve{fill:none;stroke:url(#plant-line);stroke-width:3.5;stroke-linecap:round}
.projection-plant{position:absolute;right:12%;top:0;display:flex;align-items:center;gap:4px;padding:3px 9px 3px 3px;background:#fffefb;border:1px solid #dce5d5;border-radius:12px;box-shadow:0 3px 12px #2443330a}.projection-plant img{width:44px;height:50px;object-fit:contain}.projection-plant span{font-size:11px;font-weight:700;color:#355d43;white-space:nowrap}
.projection-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 20px;padding:14px 0 10px;border-top:1px solid #e8eadd;font-size:10px;color:#8a9180}.projection-key{color:#59735b;display:flex;align-items:center;gap:6px}.projection-key:before{content:'';width:15px;height:2px;background:#548368}.flow .projection-footnote{font-size:10px;line-height:1.5;color:#8b9383;margin:0;padding:0 20px 18px;text-align:left}
.info-screen:has(.plant-projection) .info-image{display:none}
@media(prefers-reduced-motion:no-preference){.projection-curve{stroke-dasharray:1;animation:grow-line 1.7s ease-out both}.projection-plant{animation:grow-fill 1.7s ease-out both}}
.growth-heading>span:first-child{font-size:22px;letter-spacing:-.6px;color:#263f2d}
.growth-heading .growth-tag{display:inline-flex;align-self:flex-start;background:#edf4e6;padding:7px 11px;border-radius:7px;color:#45703d;font-size:12px;font-weight:600}
.growth-chart .growth-axis{padding-left:42px;font-size:11px;font-weight:600;color:#506347}
.growth-chart .growth-grid{stroke:none}
.growth-chart .growth-points circle:nth-child(2){stroke:#b0b65a}
.growth-chart .growth-points circle:last-child{fill:#3b9866;stroke:#e0f0e5;stroke-width:6}
.growth-chart .growth-journey{padding:14px 0 2px;border-top:1px solid #e8eddf;font-size:12px}
.growth-chart{margin:24px 0;padding:22px 18px 14px;background:#fff;border:1px solid #dce6d5;border-radius:22px;box-shadow:0 8px 28px #173e2d08;text-align:left}
.growth-heading{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:15px;color:#24482f}
.growth-tag{font-size:11px;font-weight:500;color:#658048}
.growth-chart svg{display:block;width:100%;height:auto;margin-top:12px;overflow:visible}
.growth-grid{stroke:#edf0e7;stroke-width:1;fill:none}
.growth-area{fill:url(#growth-spectrum);mask:url(#growth-mask)}
.growth-baseline{stroke:#b7beaf;stroke-width:2;stroke-dasharray:5 6;fill:none}
.growth-line{fill:none;stroke:url(#growth-spectrum);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.growth-points circle{fill:#fff;stroke:#e57568;stroke-width:4}
.growth-points circle:nth-child(2){stroke:#e9ac55}
.growth-points circle:nth-child(3){stroke:#b0bc5b}
.growth-points circle:last-child{fill:#3b9866;stroke:#e0f0e5;stroke-width:6}
.growth-journey{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:11px;font-weight:600;color:#71806b}
.growth-journey i{flex:1;height:5px;border-radius:8px;background:linear-gradient(90deg,#e57568,#e9ac55,#b0bc5b,#3b9866)}
.growth-chart{background:linear-gradient(145deg,#fff 45%,#f5faf3);box-shadow:0 10px 32px #28472b0a;border-color:#e0e8dc}
.growth-axis{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#70806b}
.growth-legend{display:flex;justify-content:center;gap:24px;margin-top:22px;font-size:12px;color:#62715b}
.growth-legend span{display:flex;align-items:center;gap:7px}.growth-legend i{width:18px;height:3px;background:#537e37;border-radius:4px}.growth-legend span:last-child i{background:repeating-linear-gradient(90deg,#b7beaf 0 4px,transparent 4px 7px)}
.flow .growth-note{font-size:11px;color:#85907d;margin:14px 0 0;text-align:center}
.growth-stages{display:grid;gap:10px;margin:22px 0;text-align:left}.growth-stage{display:flex;gap:12px;align-items:center;background:#eef3e7;padding:16px;border-radius:14px;font-size:14px;line-height:1.55}.growth-stage strong{color:#325732}.growth-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#dce8cc;color:#426332;font-weight:700}
.info-screen:has(.growth-chart) .info-image{display:none}
.flow .growth-title{font-size:27px;line-height:1.25}
@media(prefers-reduced-motion:no-preference){.growth-line{animation:grow-line 1.8s ease-out both}.growth-area,.growth-points{animation:grow-fill 1.8s ease-out both}@keyframes grow-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes grow-fill{from{opacity:0}to{opacity:1}}}
.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.goal-grid .goal-option{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;gap:0;padding:0;background:#f5f7ee;overflow:hidden;border:2px solid #8da477;border-radius:14px}
.goal-option>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:10px 6px;box-sizing:border-box}
.goal-caption{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;flex:1;min-height:62px;padding:12px 8px;font-size:14px;font-weight:700;line-height:1.3;text-align:center;background:#e0ebce;color:#23412b;border-top:1px solid #a8bd8f}
.goal-grid .goal-option:hover,.goal-grid .goal-option.selected{background:#eaf1da;border-color:#365d32}
.goal-option:hover .goal-caption,.goal-option.selected .goal-caption{background:#cfdfb4}
.goal-option:focus-visible{outline:3px solid #6b873d;outline-offset:3px}
@media(max-width:360px){.goal-grid{gap:8px}.goal-caption{font-size:13px}}
.flow .attempts-grid{grid-template-columns:minmax(0,1fr);gap:10px}
.flow .attempts-grid .option{min-width:0;min-height:76px;padding:16px 68px 16px 44px;font-size:15px;line-height:1.4;overflow-wrap:break-word;border-radius:14px;border-color:#d5dfcc;box-shadow:0 2px 5px #173e2d05}
.attempts-grid .attempt-art{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:50px;height:58px;object-fit:contain;pointer-events:none}
.flow .attempts-grid .option>.circle{left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;font-size:12px;border-color:#96aa88;opacity:1}
.flow .attempts-grid .option.selected>.circle{border-color:var(--green)}
@media(min-width:480px){.flow .attempts-grid .option{padding-right:78px;font-size:15px}.attempts-grid .attempt-art{width:64px;height:68px;right:9px}}
@media(hover:none){.option:hover{transform:none}}

.flow .projection-footnote{font-size:9px;text-align:right;margin:-17px 5px 18px;padding:0;line-height:1.4;color:#959b8d}
.projection-summary .projection-gradient{background:linear-gradient(90deg,#c64f40 0%,#b78934 48%,#28734d 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;font-size:14px}
.plant-projection .projection-scale{font-size:11px}.plant-projection .projection-weeks{font-size:12px}