/* Altana: ajustes de celular (carregado depois de main.css). */
@media (max-width: 767px) {
  body { line-height: 1.5; }
  p { margin-bottom: 1.1em; }
  h1, h2, .h2 { font-size: 32px; line-height: 1.08; margin-bottom: 18px; }

  /* hero: título maior, embaixo, legível sobre a foto */
  #hero { height: calc(100svh - 56px); min-height: 520px; }
  #hero .swiper-slide::after { background: linear-gradient(0deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.1) 55%, rgba(0,0,0,.05) 100%); }
  #hero .base-caption { top: auto; bottom: 96px; left: 20px; right: 20px; }
  #hero h1 { font-size: 34px; line-height: 1.08; margin-bottom: 14px; }
  #hero .base-caption p { font-size: 16px; }
  #hero .swiper-button-prev, #hero .swiper-button-next { width: 44px; height: 44px; bottom: 24px; border: 1px solid rgba(255,255,255,.6); }
  #hero .swiper-button-prev { right: 74px; }
  #hero .swiper-button-next { right: 20px; }

  /* texto com margem simétrica; a linha decorativa fica a 12px da borda */
  :root { --col: 12px; }
  main { padding-top: 32px; }
  .rte, .rte:first-child { padding: 0 20px 0 28px; }
  .section02 > div > div > div > div { padding: 56px 20px 56px 28px; }
  .section07 > div > div > div:first-child { padding: 44px 20px 0 28px; }
  .section03 .swiper-slide > div:last-child { padding-right: 20px; }
  .section03 .swiper-container, .section01 .swiper-container { padding-left: 28px; }

  /* menos texto de uma vez: no máximo dois parágrafos e o link */
  .rte p:nth-of-type(n+3):not(:last-child) { display: none; }
  .section02 .content p:not(:last-child):nth-of-type(n+2) { display: none; }

  /* alvos de toque */
  a:not(.btn) { text-underline-offset: 3px; }
  .rte p:last-child a, .section03 .content a, .section02 a { display: inline-block; padding: 8px 0; }
  #topbar-small-down .hamb { width: 44px; height: 44px; }
  #topbar-small-down a.book { padding: 10px 0; }
  #menu ul li a { display: block; padding: 4px 0; }
  .newsletter .check { padding-left: 30px; }
  .newsletter .check input { width: 20px; height: 20px; top: 1px; }
  .newsletter button { padding: 10px 0; }

  /* rodapé */
  #footer .second-row > div:nth-child(2) ul { row-gap: 2px; }
  #footer .second-row li a { display: block; padding: 7px 0; }
  #footer .langs a { display: inline-block; padding: 6px 0; }
  #footer .third-row > div { gap: 14px; }
  #footer .badge { font-size: 18px; }
}