/* Ghidul „Vânzare cu plata în rate direct la proprietar” (views/utile/vanzare-in-rate-proprietar.ejs) */
.rv-content { padding-bottom: 32px; }
.rv-p { color: #374151; line-height: 1.65; margin: 0 0 16px; max-width: 75ch; }
.rv-small { font-size: .82rem; color: #6b7280; margin: 10px 0 0; }
.rv-ways { display: grid; gap: 14px; }
@media (min-width: 1100px) { .rv-ways { grid-template-columns: 1fr 1fr 1fr; } }
.rv-way { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; display: flex; flex-direction: column; }
.rv-way header { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 8px; }
.rv-way__n { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: #047857; color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.rv-way h3 { margin: 0; font-size: 1.02rem; font-weight: 800; color: #111827; line-height: 1.35; }
.rv-way__what { margin: 0 0 10px; color: #1f2937; line-height: 1.55; font-size: .93rem; }
.rv-way dl { margin: 0; display: grid; gap: 8px; font-size: .88rem; }
.rv-way dt { font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; }
.rv-way dd { margin: 2px 0 0; color: #374151; line-height: 1.5; }
.rv-law { display: flex; gap: 6px; align-items: center; margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #f3f4f6; font-size: .8rem; color: #6b7280; margin-top: auto; }
.rv-law .ut-icon { width: 14px; height: 14px; }
.rv-callout { margin-top: 14px; }
.rv-cards { display: grid; gap: 12px; }
@media (min-width: 768px) { .rv-cards { grid-template-columns: 1fr 1fr 1fr; } }
.rv-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px 16px; }
.rv-card h3 { margin: 0 0 6px; font-size: 1rem; font-weight: 700; color: #111827; }
.rv-card p { margin: 0; color: #374151; line-height: 1.55; font-size: .92rem; }
.rv-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; counter-reset: rv; }
.rv-steps li { counter-increment: rv; position: relative; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 14px 12px 48px; }
.rv-steps li::before { content: counter(rv); position: absolute; left: 14px; top: 12px; width: 24px; height: 24px; border-radius: 50%; background: #fef3c7; color: #92400e; font-weight: 800; font-size: .85rem; display: flex; align-items: center; justify-content: center; }
.rv-steps strong { display: block; color: #111827; }
.rv-steps span { display: block; color: #374151; line-height: 1.55; font-size: .92rem; margin-top: 2px; }
.rv-calc { display: grid; gap: 12px; background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; }
@media (min-width: 640px) { .rv-calc { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .rv-calc { grid-template-columns: repeat(4, 1fr); } }
.rv-calc label span { display: block; font-size: .82rem; font-weight: 600; color: #374151; margin-bottom: 4px; }
.rv-calc input { width: 100%; border: 1px solid #d1d5db; border-radius: 10px; padding: 10px 12px; font-size: 1rem; }
.rv-calc input:focus { outline: 0; border-color: #047857; box-shadow: 0 0 0 3px rgba(4, 120, 87, .15); }
.rv-result { display: grid; gap: 10px; margin-top: 12px; }
@media (min-width: 640px) { .rv-result { grid-template-columns: 1fr 1.3fr 1fr; } }
.rv-res { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 14px; }
.rv-res span { display: block; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; }
.rv-res strong { display: block; font-size: 1.35rem; color: #111827; margin-top: 2px; }
.rv-res small { display: block; color: #6b7280; font-size: .8rem; }
.rv-res--main { background: #ecfdf5; border-color: #a7f3d0; }
.rv-res--main strong { color: #047857; font-size: 1.7rem; }
.rv-sched { margin-top: 12px; }
.rv-sched summary { cursor: pointer; font-weight: 600; color: #047857; }
.rv-table td, .rv-table th { text-align: right; white-space: nowrap; }
.rv-table td:first-child, .rv-table th:first-child { text-align: left; }
.rv-gap { text-align: center !important; color: #9ca3af; }
.rv-checklist { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
@media (min-width: 900px) { .rv-checklist { grid-template-columns: 1fr 1fr; } }
.rv-checklist li { display: flex; gap: 10px; align-items: flex-start; background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 12px; font-size: .92rem; color: #1f2937; line-height: 1.5; }
.rv-checklist .ut-icon { flex-shrink: 0; width: 18px; height: 18px; color: #047857; margin-top: 2px; }