.cinza {
    color: #6E6E6E;
}

.preto {
    color: black;
}

.branco {
    color: #ffffff !important;
}

.cinza-claro {
    color: #bebebe !important;
}

.laranja {
    color: #EA6018 !important;
}

.azul-nicepayer {
    color: #1A343C;
}

.mb--26 {
    margin-bottom: -26px !important;
}

.bt-laranja {
    background-color: #EA6018 !important;
    color: #000000;
}

.rodape {
    font-size: 1.1875rem !important;
    font-weight: bold;
    margin-bottom: 18px;
}

.my-10 {
    margin-top: 100px ;
}


/* ==== Ícones do footer (evitar corte no Safari) ==== */
.footer-socials [class^="flaticon-"],
.footer-socials [class*=" flaticon-"] {
  display: inline-block;
  font-size: 25px;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-socials [class^="flaticon-"]::before,
.footer-socials [class*=" flaticon-"]::before {
  display: block;
  line-height: 1;
}

.footer-socials {
  overflow: visible;
}

.placeholder-pequeno::placeholder {
    font-size: 14px; /* equivalente a ~14px */
}

/* 
  Estilização compacta e sutil para o breadcrumb Bootstrap:
  - Fonte menor
  - Remoção de fundo
  - Espaços reduzidos
  - Separador "/" com ajuste independente de margens
*/

.breadcrumb {
    --bs-breadcrumb-divider: "/"; /* Força separador sem espaços internos */
    --breadcrumb-separator-left: 2px;  /* espaço à esquerda do "/" */
    --breadcrumb-separator-right: 2px; /* espaço à direita do "/" */
    background: transparent;
    margin-bottom: 0.45rem; /* Reduz espaço abaixo */
    font-size: 0.7rem; /* ~12px */
    color: #6c757d;
}

/* Remove padding extra do próximo item após o separador */
.breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0 !important;
}

/* Ajusta o separador "/" para ficar colado e controlável */
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "/");
    padding-left: var(--breadcrumb-separator-left) !important;
    padding-right: var(--breadcrumb-separator-right) !important;
    font-size: 0.7rem;
}

/* Links discretos */
.breadcrumb a {
    color: #6c757d;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

/**
 * Vídeo fullscreen em dispositivos touch (mobile/tablet) no modo paisagem,
 * somente quando o vídeo está em play (iframe presente).
 * - Expande <figure> para ocupar toda a tela.
 * - Ajusta <iframe> para 100% (altura dinâmica vh/svh/dvh).
 * - Esconde menu/header e overlay do menu móvel.
 * - Não interfere no desktop.
 */
@media screen and (orientation: landscape) and (hover: none) and (max-width: 1368px) {

  /* vídeo fullscreen */
  figure[onclick^="carregarVideo"]:has(> iframe) {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;

    /* fallbacks de altura para diferentes UAs */
    height: 100vh !important;     /* fallback antigo */
    height: 100svh !important;    /* small viewport iOS */
    height: 100dvh !important;    /* dynamic viewport moderno */

    z-index: 1 !important;
    background: #000;
  }
  figure[onclick^="carregarVideo"]:has(> iframe) > iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;

    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;

    border: 0;
  }

  /* esconde menu/overlay */
  body:has(figure[onclick^="carregarVideo"] > iframe) .wsmobileheader,
  body:has(figure[onclick^="carregarVideo"] > iframe) .wsmainfull,
  body:has(figure[onclick^="carregarVideo"] > iframe) .overlapblackbg {
    display: none !important;
  }

  /* bloqueia e oculta o resto do site (sem herdar para o figure) */
  body:has(figure[onclick^="carregarVideo"] > iframe)
  > *:not(.wsmobileheader):not(.wsmainfull):not(.overlapblackbg) {
    pointer-events: none !important;
  }
  body:has(figure[onclick^="carregarVideo"] > iframe)
  > *:not(.wsmobileheader):not(.wsmainfull):not(.overlapblackbg)
  :not(figure[onclick^="carregarVideo"]):not(figure[onclick^="carregarVideo"] *) {
    visibility: hidden !important;
  }

  /* garante visibilidade do player */
  body:has(figure[onclick^="carregarVideo"] > iframe) figure[onclick^="carregarVideo"],
  body:has(figure[onclick^="carregarVideo"] > iframe) figure[onclick^="carregarVideo"] * {
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* trava scroll */
  body:has(figure[onclick^="carregarVideo"] > iframe) { overflow: hidden; }
}