/* Вариант для сравнения «крем и зелёный» — по пину Pinterest №27
   (https://www.pinterest.com/pin/45739752463723910/, dizayn-pinterest/kandidat-27.jpg). 06.11.2026.
   Не утверждён: стиль выбирает Макс. Подключается после stil.css и stranica.css, меняет только оформление. */
:root {
  --c-fon: #f6f2ec;          /* фон страницы, крем образца */
  --c-fon-2: #fbf9f5;        /* карточки и светлые блоки */
  --c-fon-3: #ece5da;        /* тёплый беж за фото первого экрана */
  --c-tekst: #2f3329;        /* текст */
  --c-tekst-2: #696a5f;      /* подписи, серо-оливковый */
  --c-akcent: #3f5237;       /* кнопки, заголовки, кружки шагов — тёмно-зелёный образца */
  --c-akcent-2: #2c3b26;     /* наведение, подвал */
  --c-zelen-2: #627452;      /* зелёная карточка заявки (карточка «Agendamento» образца) */
  --c-liniya: #e0dacf;       /* рамки и разделители */
  --ten: 0 6px 18px rgba(47, 63, 41, .14);
  --radius: 10px;
  --radius-knopki: 8px;
  --fs-h1: clamp(36px, 2.6vw + 24px, 60px);
}
h1, h2, h3 { font-weight: 400; color: var(--c-akcent); }
.blok + .blok { border-top: 1px solid var(--c-liniya); }
.blok.svetlyy { background: var(--c-fon-2); }
.btn { box-shadow: none; }

/* ── Первый экран: фото справа на всю высоту, мягкий переход в крем, текст слева ── */
.hero { position: relative; overflow: hidden; background: var(--c-fon-3); border-bottom: 1px solid var(--c-liniya); }
.hero .nadzag { color: var(--c-tekst-2); text-transform: none; letter-spacing: 0; font-weight: 500; font-size: var(--fs-melkiy); }
.hero .lid { color: var(--c-tekst); }
.hero .data { border-left-color: var(--c-zelen-2); font-weight: 500; }
@media (min-width: 901px) {
  .hero { padding: 96px 0 104px; }
  .hero-in { position: static; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
  .hero-tekst, .hero .cta { position: relative; z-index: 2; }
  .hero .ph { position: absolute; top: 0; right: 0; bottom: 0; width: 58%; border-radius: 0; }
  .hero .ph img {
    width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; object-fit: cover; object-position: 45% 30%;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 32%);
            mask-image: linear-gradient(to right, transparent 0, #000 32%);
  }
  .hero .pin { left: 52%; top: 62%; }
}
@media (max-width: 900px) {
  .hero .ph img { border-radius: var(--radius); }
}

/* ── Цепочка НДВ: на компьютере шаги в линию с зелёными кружками, как «Um processo único» ── */
.cepochka { counter-reset: shag; }
.cepochka li { counter-increment: shag; }
.cepochka li::before {
  content: counter(shag); left: 0; top: -1px; width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  background: var(--c-akcent); border: 0; color: var(--c-na-akcente);
  font-family: var(--f-tekst); font-size: var(--fs-melkiy); font-weight: 600;
}
.cepochka li:last-child::before { background: var(--c-akcent); }
.cepochka li::after { left: 15px; top: 34px; width: 1px; background: var(--c-liniya); }
@media (min-width: 901px) {
  .cepochka { max-width: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
  .cepochka li { padding: 50px 0 0; text-align: center; color: var(--c-tekst-2); }
  .cepochka li:last-child { color: var(--c-tekst); }
  .cepochka li::before { left: 50%; top: 0; transform: translateX(-50%); }
  .cepochka li::after { left: calc(50% + 24px); right: calc(-50% - 8px); top: 15px; bottom: auto; width: auto; height: 1px; }
}

/* ── Карточки: светлые, тонкая рамка ── */
.karta { background: var(--c-fon-2); border-color: var(--c-liniya); }
.blok.svetlyy .karta { background: var(--c-fon); }
.situacii .karta::before { background: var(--c-zelen-2); }
.vyvod b { color: var(--c-akcent); }
.blok.svetlyy .sessiya, .sessiya { background: var(--c-fon-2); border-color: var(--c-liniya); }
.sessiya h3 { font-size: var(--fs-h3); }
.punkty b { font-weight: 400; color: var(--c-akcent); }
.foto-blok img { border-radius: var(--radius); }

/* ── Кто ведёт: фото слева, текст справа (веточку убрали по просьбе Тани 06.11) ── */
@media (min-width: 901px) { .vedushchaya { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); } }
.vedushchaya img { border-radius: var(--radius); }
.regalii li::before { background: var(--c-zelen-2); }
.otzyv::before { color: var(--c-zelen-2); }

/* ── Заявка: зелёная карточка на креме ── */
.zayavka { background: var(--c-fon); color: var(--c-na-akcente); }
.zayavka-in { max-width: 860px; background: var(--c-zelen-2); border-radius: var(--radius); padding: 48px 44px; }
.zayavka h2 { color: var(--c-na-akcente); }
.zayavka .vvod { color: color-mix(in srgb, var(--c-na-akcente) 85%, transparent); }
.temnyy .btn { background: var(--c-na-akcente); color: var(--c-akcent); border-color: var(--c-na-akcente); }
.temnyy .btn:hover, .temnyy .btn:active { background: var(--c-fon); border-color: var(--c-fon); color: var(--c-akcent-2); }
@media (max-width: 600px) { .zayavka-in { padding: 32px 20px; margin: 0 16px; width: auto; } .zayavka .wrap.zayavka-in { padding: 32px 20px; } }
.zayavka + .blok { border-top: 0; }
.voprosy summary { color: var(--c-akcent); }
.voprosy summary::after { color: var(--c-zelen-2); }

/* ── Подвал тёмно-зелёный ── */
.podval { background: var(--c-akcent); }
.mod { background: color-mix(in srgb, var(--c-akcent-2) 60%, transparent); }
.pin-btn::before { background: var(--c-akcent); outline-color: color-mix(in srgb, var(--c-akcent) 25%, transparent); }

/* ── Заголовок первого экрана — не больше трёх строк (Таня, 06.11.2026) ── */
:root { --fs-h1: clamp(27px, 1.9vw + 21px, 52px); }
.hero h1 { max-width: none; text-wrap: balance; }
@media (min-width: 901px) {
  .hero-in { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); }
  .hero h1 { max-width: 640px; }
}
@media (max-width: 380px) { :root { --fs-h1: 25.5px; } }

/* ── Карточки трёх сессий: название и главная строка заметнее (Таня, 06.11.2026) ── */
.sessiya h3 { font-weight: 600; color: var(--c-akcent); }
.sessiya p.glavnoe { font-weight: 600; color: var(--c-akcent); }
.sessiya p { color: var(--c-tekst); }
/* Все подзаголовки — жирные тёмно-зелёные (Таня, 06.11.2026) */
.sessiya h3, .punkty b, .voprosy summary, .dlya p b { font-weight: 700; color: var(--c-akcent); }
/* «НДВ» в заголовке блока 2 — жирным (Таня, 06.11.2026) */
.zag .termin { font-weight: 700; color: var(--c-akcent); }
.raspisanie .gruppa { border-left-color: var(--c-zelen-2); }