/* Правки бразильской версии поверх base.css — общие для всех страниц сайта (главная, вуз, каталог, 404).
   Один файл вместо <style> в каждой странице: кэшируется между страницами. */

/* Логотип: эмблема из оригинала + латинское «Campus» вместо «Кампус». */
.nav-logo,
.footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--lp-font);
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #000;
  text-decoration: none;
}
.nav-logo svg,
.footer-logo svg {
  width: 30px;
  height: 30px;
  flex: none;
}
.footer-col .footer-logo {
  color: #fff;
  font-size: 20px;
}
.footer-logo svg {
  width: 26px;
  height: 26px;
}

/* «Ver horário» в шапке виден сразу, а не после прокрутки. */
.nav-download-btn {
  display: inline-flex;
  text-decoration: none;
}

/* Переключатель языка PT / EN рядом с «Ver horário»; ссылки ведут на ту же страницу на другом языке. */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 35px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(17, 17, 24, 0.06);
}
.lang-switch a {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 29px;
  padding: 0 8px;
  border-radius: 999px;
  color: rgba(35, 36, 58, 0.6);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: color 0.15s ease;
}
.lang-switch a:hover {
  color: #111118;
}
.lang-switch a.is-active {
  background: #fff;
  color: #111118;
  box-shadow: 0 1px 3px rgba(20, 20, 60, 0.12);
}

/* Бейдж «Escolha dos estudantes» — текстом вместо картинки с кириллицей. */
.lp-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  margin-bottom: 24px;
  filter: none;
  font-family: var(--lp-font);
  font-size: 15px;
  font-weight: 700;
  color: var(--lp-ink);
}
.lp-badge span {
  font-size: 13px;
  letter-spacing: 1px;
}

/* В оригинале над hero стоял блок выбора расписания; без него hero уходил под фиксированную шапку. */
.lp-hero {
  padding-top: 116px;
}

/* Hero: телефон с бразильским расписанием (≈1:1.24) вместо руки с телефоном (1:2.07). */
.lp-hero__media {
  width: min(460px, 100%);
}
.lp-hero__media::before {
  padding-top: 118%;
}
.lp-hero__media img {
  -webkit-mask-image: linear-gradient(#000 80%, transparent 98%);
  mask-image: linear-gradient(#000 80%, transparent 98%);
}

/* Без карточек «Отзывы на преподов» и «Скидки» сетка: [сегодня 4 | вакансии 2] / [расписание 6] / [мурал 6]. */
.lp-card--today__img {
  right: -4%;
  top: auto;
  bottom: 0;
  width: 56%;
  /* В today.png низ уходит в непрозрачный белый (с ~75% высоты) — на синей карточке это белая
     плашка. Гасим картинку в прозрачность раньше, чем начинается белый, а саму картинку
     опускаем: 70% её высоты приходится на нижний край карточки (translateY считается от
     высоты картинки), так телефон уходит за край на любой ширине. */
  transform: translateY(30%);
  -webkit-mask-image: linear-gradient(#000 58%, transparent 72%);
  mask-image: linear-gradient(#000 58%, transparent 72%);
}
.lp-card--schedule .lp-card__media img {
  left: 14%;
  top: 60px;
  width: 76%;
}
.lp-card--gossip {
  grid-template-columns: 520px minmax(0, 1fr);
}
.lp-card--gossip .lp-stk {
  left: 560px;
}

/* Mural: лента анонимных постов вёрсткой. Карточки с подписью «Anônimo» и ровной колонкой —
   «лесенка» сообщений без карточек читалась как мессенджер, а не подслушка. */
.lp-mural {
  position: absolute;
  left: 40px;
  right: 20px;
  top: 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: var(--lp-font);
  -webkit-mask-image: linear-gradient(#000 80%, transparent 100%);
  mask-image: linear-gradient(#000 80%, transparent 100%);
}
.lp-post {
  padding: 14px 16px;
  border-radius: 22px;
  background: #f5f6fb;
  border: 1px solid #eceef6;
}
.lp-post__who {
  display: flex;
  align-items: center;
  gap: 8px;
}
.lp-post__ava {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--lp-lavender);
  color: var(--lp-blue);
}
.lp-post__ava svg {
  width: 16px;
  height: 16px;
}
.lp-post__who b {
  font-size: 14px;
  font-weight: 700;
  color: var(--lp-ink);
}
.lp-post time {
  font-size: 13px;
  color: var(--lp-mute);
}
.lp-post p {
  margin-top: 8px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--lp-ink);
}
.lp-post__acts {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.lp-post__acts span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #eef0ff;
  font-size: 14px;
  font-weight: 700;
  color: var(--lp-ink);
}
.lp-post__acts svg {
  width: 15px;
  height: 15px;
}
.lp-post__acts .is-liked svg {
  color: #f0375a;
}

/* Плашка про резюме — на стыке стопки вакансий и текста. */
.lp-jobs__stk {
  left: 22px;
  top: 236px;
  transform: rotate(-5deg);
}

/* Логотипы работодателей в карточке «Vagas». */
.lp-job__logo--ifood {
  background: #ea1d2c;
}
.lp-job__logo--nubank {
  background: #820ad1;
}
.lp-job__logo--cultura {
  background: #0b3d91;
}
.lp-job__logo--mcdonalds {
  background: #da291c;
  color: #ffc72c;
}

.footer-grid {
  grid-template-columns: 1fr auto;
}

/* Бейдж страницы вуза: логотип + город. */
.lp-badge img {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  object-fit: contain;
  background: #fff;
}

/* Главная: список вузов с расписанием. */
.lp-unis {
  padding: 20px 0;
}
.lp-unis h2 {
  font-family: var(--lp-font);
  font-size: 32px;
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
}
.lp-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
  list-style: none;
}
.lp-chips a {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e3e6f5;
  color: var(--lp-ink);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: border-color 0.15s ease;
}
.lp-chips a:hover {
  border-color: var(--lp-blue);
}
.lp-chips small {
  font-size: 13px;
  font-weight: 500;
  color: var(--lp-mute);
}
.lp-unis__all {
  display: block;
  width: fit-content;
  margin: 20px auto 0;
  color: var(--lp-blue);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.lp-unis__all:hover {
  text-decoration: underline;
}

/* Телефон: логотип, PT/EN, кнопка и бургер не помещаются — у кнопки остаётся иконка
   (полная «Ver horário» — в первом экране и в меню). */
@media (max-width: 480px) {
  .nav-download-btn {
    justify-content: center;
    width: 35px;
    padding: 0;
  }
  .nav-download-btn__text {
    display: none;
  }
}

@media (max-width: 1000px) {
  .lp-hero__media::before {
    padding-top: 118%;
  }
  .lp-card--gossip {
    grid-template-columns: 54% minmax(0, 1fr);
  }
  .lp-card--gossip .lp-stk {
    left: auto;
    right: 30px;
  }
  .lp-mural {
    left: 36px;
  }
  /* Вакансии остались без пары — на всю ширину, стопка карточек слева. */
  .lp-card--jobs {
    grid-column: span 2;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: none;
  }
  .lp-card--jobs .lp-card__txt {
    align-items: center;
    text-align: left;
  }
}

@media (max-width: 640px) {
  /* Стикеры справа длиннее оригинальных («Belo Horizonte», «12 universidades») — ближе к телефону. */
  .lp-hero__stk-2,
  .lp-hero__stk-3 {
    right: -12px;
  }
  /* «750+ universidades e faculdades» длиннее «sem cadastro» — без выноса влево, иначе уходит за экран. */
  .lp-hero__stk-1 {
    left: 0;
  }
  /* Возвращаем мобильные значения base.css, перебитые десктопными правками выше. */
  .lp-card--today__img {
    right: auto;
    width: 86%;
  }
  .lp-card--schedule .lp-card__media img {
    left: 50%;
    top: 40px;
    width: 70%;
  }
  .lp-card--gossip {
    grid-template-columns: minmax(0, 1fr);
  }
  .lp-mural {
    position: static;
    padding: 0 28px;
    gap: 20px;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .lp-card--jobs {
    grid-column: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }
  .lp-card--jobs .lp-card__txt {
    align-items: flex-start;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .lp-unis h2 {
    font-size: 26px;
  }
}

/* Список курсов вуза в «Saiba mais»: колонками, без маркеров — его читают поисковики и те, кто ищет свой курс. */
.seo-courses {
  margin: 22px 0;
}
.seo-courses ul {
  columns: 3 200px;
  column-gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.seo-courses li {
  break-inside: avoid;
  padding: 3px 0;
  color: #34384a;
  line-height: 1.4;
}