/* =============================================
   TOKENS (Design System)
============================================== */

:root {
  font-size: 16px;

  /* Espaçamentos e raio */
  --gap: clamp(.75rem, 1vw, 1.25rem);
  --radius: .375rem;
  --radius-sm: .5rem;
  /* mobile */

  /* Cores */
  --color-azul-a: #2583a6;
  /* R37 G131 B166 */
  --color-azul-a20: #2583a620;
  /* R37 G131 B166 */
  --color-azul-b: #67bfde;
  /* R103 G191 B222 */
  --color-azul-c: #004450;
  /* R0 G68 B80 */
  --color-azul-d: #03334b;
  /* R3 G51 B75 */
  --color-azul-e: #034a6e;
  /* R3 G74 B110 */

  --color-cinza-1: #606060;
  /* R96 G96 B96 */
  --color-cinza-2: #959595;
  /* R149 G149 B149 */
  --color-cinza-3: #b8b8b8;
  /* R184 G184 B184 */
  --color-cinza-350: #b8b8b850;
  /* R184 G184 B184 */
  --color-cinza-4: #f5f5f5;
  /* R245 G245 B245 */
  --color-preto: #000000;
  /* R0 G0 B0 */
  --color-branco: #ffffff;
  /* R255 G255 B255 */

  --color-vendas-1: #de5d24;
  /* R222 G93 B36 */
  --color-vendas-2: #efbd79;
  /* R239 G189 B121 */
  --color-vendas-3: #f7debc;
  /* R247 G222 B188 */
  --color-dourado: ;
  /* R154 G133 B100 */

  /* Imóveis */
  --imv-expand: #a9c7cf;
  --imv-145vianna: #9a8564;
  --imv-sanpaolo: #885548;
  --imv-parkavenue: #004450;
  --imv-locacao: #959595;

  /* Texto / Header */
  --text: var(--color-preto);
  --font-body: var(--wp--preset--font-family--atyp-text);
  --font-heading: var(--wp--preset--font-family--atyp-text);

  /* Larguras/Alturas */
  --max-content-width: 1920px;
  /*
  --header-height-large-desktop: 10vh;
  --header-height-desktop: 14vh;
  --header-height-tablet: 8vh;
  */
  --hh: 90px;

  --cta-bg: var(--color-vendas-1);
  /* azul petróleo/grafite */
  --cta-bg-hover: var(--color-azul-d);
  --cta-fg: var(--color-branco);
  /* ícone/texto */
  --cta-accent: #2ecc71;
  /* status online (verde discreto) */
  --cta-shadow: 0 8px 15px rgba(0, 0, 0, .18), 0 3px 10px rgba(0, 0, 0, .12);
  --cta-shadow-focus: 0 8px 22px rgba(0, 0, 0, .28), 0 4px 12px rgba(0, 0, 0, .18);
  --cta-radius: 999px;
  --cta-size: 60px;
  /* altura mínima do botão */
  --cta-pad-x: 18px;
  /* padding lateral quando expandido */
  --cta-gap: 10px;
  /* espaço entre ícone e texto */

  /* Typo */
  --ratio: 1.333;
  --min-base: var(--gap);
  /* 16px */

  --line-height-body: 1.5;
  --line-height-heading: 1.25;

  --text-color: var(--color-preto);
  --bg-color: var(--color-branco);
  --link-color: var(--color-azul-e);

  --section-max-w: min(100vw, 67.5rem);
  --section-pad-x: var(--gap);
  /* margem/padding lateral no mobile */

  --card-height: 40vw;
  --card-margin: 4vw;
  --card-top-offset: 1em;
  --outline-width: 0px;

  --swiper-pagination-color: var(--color-azul-b);

}

/* Media query for tablets (e.g., screens between 768px and 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  :root {
    font-size: 14px; /* New root font size for tablets */
  }
}

/* =============================================
   BASE / Acessibilidade
============================================== */
.skip-link.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.skip-link.screen-reader-text:focus {
  background-color: #eee;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* =============================================
   BASE / RESET
============================================== */
/* a */

a.wp-block-post-excerpt__more-link {
  font-size: 1rem;
  color: var(--color-azul-e);
}

.wp-block-post-title a {
  color: var(--color-preto) !important;
}

.sidebar-posts {
  font-size: 1rem;
}

.sidebar-posts a {
  color: var(--color-azul-e);
}

.sidebar-posts ul {
  list-style: none;
  padding-left: 0;
}

.sidebar-posts .wp-block-search__input {
  border: 1px solid var(--color-cinza-3);
}

taxonomy-category wp-block-post-terms a {
  text-decoration: none !important;
}

p.wp-block-post-excerpt__more-text,
.text-right {
  margin-top: 0;
  text-align: right;
}

/* Pagination */
.wp-block-query-pagination-numbers span.current {
  background: var(--color-azul-a);
  padding: .35rem 1rem .5rem;
  line-height: .5;
  color: var(--color-branco);
  border-radius: 9999px;
}

.wp-block-query-pagination-numbers a {
  padding: .35rem 1rem .5rem;
  line-height: .5;
  text-decoration: none;
}

.blog footer,
.archive footer,
.search footer,
.single footer {
  background-color: var(--color-branco);
}


/* DIV CTA Lívia */
.livia {
  display: flex;
  align-items: center;
  justify-content: center;
}

.livia a {
  font-size: 1.5rem;
}