/* Faixa azul da marca no lugar das fotos nas páginas de produto. */
#fh5co-hero .flexslider .slides li.bg-azul {
  background:
    radial-gradient(900px 300px at 85% -10%, rgba(255,255,255,.14), transparent 60%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 2px, transparent 2px 22px),
    linear-gradient(160deg, #000080 0%, #00004d 100%);
}
/* faixa fina: sobrescreve a altura de tela cheia definida pelo template/JS */
#fh5co-hero { height: auto !important; min-height: 0 !important; background: none !important; }
#fh5co-hero .flexslider { height: auto !important; }
#fh5co-hero .flexslider .slides li.bg-azul,
#fh5co-hero .flexslider .slider-text,
#fh5co-hero .flexslider .slider-text > .slider-text-inner { height: 250px !important; min-height: 0 !important; } /* faixa de altura fixa, igual em todas as páginas */
#fh5co-hero .flexslider .slider-text > .slider-text-inner { padding: 1em 2em; } /* cresce com o título */
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1 { margin-bottom: 0; }

/* contato centralizado, sem imagem ao lado */
.fh5co-contact .half-contact { width: 100%; padding: 5em 0; }
.fh5co-contact .form-group { text-align: center; }
.fh5co-contact textarea.form-control { max-width: 600px; margin: 0 auto; }

/* título do hero centralizado (o template o alinha à esquerda com offset/pull de colunas) */
#fh5co-hero .flexslider .slider-text {
  float: none !important; position: relative; left: auto !important; right: auto !important;
  margin-left: auto !important; margin-right: auto !important;
  width: 100%; max-width: 760px; text-align: center;
}

/* seções de texto mais compactas (template: 7em de padding + 4em de margem no título) */
#fh5co-blog-section { padding: clamp(1.5em, 4vw, 3em) 0; }
#fh5co-blog-section .heading-section { padding-bottom: 0; margin-bottom: 0; }

/* botão Enviar agora é link; mantém a proporção do botão original (input) */
.fh5co-contact a.btn.btn-primary { padding: 14px 40px; font-size: 14px; min-width: 204px; }

/* index: "Seguros em Destaque" sem fotos; só os nomes, como botões */
.fh5co-staff a { display: block; padding: 28px 12px; border: 2px solid rgba(255,255,255,.55); border-radius: 8px; transition: background .2s; }
.fh5co-staff a:hover { background: rgba(255,255,255,.14); text-decoration: none; }
.fh5co-staff a h3 { margin: 0; }

/* pontos do slider (index) ficam abaixo do botão, não sobre ele */
#fh5co-hero .flexslider .flex-control-nav { bottom: 2px !important; }

/* index: faixa com imagem neutra própria (SVG criado para o site) */
#fh5co-hero .flexslider .slides li.bg-azul.bg-neutra {
  background: url(../images/faixa-neutra.svg) center / cover no-repeat, #000080;
}

/* compensa o padding das colunas só no layout col-md-4 + pull-4 (produtos e slides da index) */
#fh5co-hero .flexslider .slider-text.col-md-pull-4 { left: -15px !important; }

/* index: cartões de "Seguros em Destaque" com a mesma altura, mesmo se o nome quebrar linha */
.row-cartoes { display: flex; flex-wrap: wrap; }
.row-cartoes::before, .row-cartoes::after { display: none; }
.row-cartoes > div { display: flex; margin-bottom: 15px; }
.row-cartoes .fh5co-staff { display: flex; width: 100%; }
.row-cartoes .fh5co-staff a { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 100px; }

/* no celular os títulos quebram em mais linhas: a faixa pode crescer, mantendo 230px como mínimo */
@media screen and (max-width: 768px) {
  #fh5co-hero .flexslider .slides li.bg-azul,
  #fh5co-hero .flexslider .slider-text,
  #fh5co-hero .flexslider .slider-text > .slider-text-inner { height: auto !important; min-height: 250px !important; }
}

/* index: bloco "Um pouco sobre nós" sem imagem, compacto, com link */
#fh5co-popular-properties { padding: clamp(1.5em, 4vw, 3em) 0; }
#fh5co-popular-properties .heading-section { padding-bottom: 0; margin-bottom: 0; }
#fh5co-popular-properties .heading-section p a { color: #0076A3; text-decoration: underline; }
#fh5co-popular-properties .heading-section p a:hover { color: #00506e; }

/* conteúdo do hero compacto: selo + título + botão cabem na faixa fixa */
#fh5co-hero .flexslider .slider-text .status { margin-bottom: 8px; }
#fh5co-hero .flexslider .slider-text .desc p { margin: 0; }
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1 { font-size: 36px; line-height: 1.25; }
#fh5co-hero .flexslider .slider-text > .slider-text-inner .heading-title { font-size: 40px; margin-bottom: 10px; } /* contato e sobre */

/* slides da index (com selo + botão): menos padding interno para sobrar folga na faixa fixa */
#fh5co-hero .flexslider .slider-text .desc:has(.status) { padding-top: 20px; padding-bottom: 20px; }

/* segunda seção das páginas de produto (antes repetia o id #fh5co-blog-section) */
.fh5co-blog-section { clear: both; padding: clamp(1.5em, 4vw, 3em) 0; }
.fh5co-blog-section .heading-section { padding-bottom: 0; margin-bottom: 0; }