.elementor-201 .elementor-element.elementor-element-2ef8763{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-919e5be{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:72px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-201 .elementor-element.elementor-element-c1a02e8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-201 .elementor-element.elementor-element-704fbdd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-201 .elementor-element.elementor-element-919e5be{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-919e5be{--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for html, class: .elementor-element-fec1b98 *//* =========================================================
   VR - HERO BLOG
   Objetivo:
   Hero institucional do Blog da Valore RH

   Dependência:
   Widget HTML Elementor

   Container Elementor:
   Hero Blog

   Classe do container:
   vr-blog-hero-wrapper

   Versão:
   1.1.0
========================================================= */

/* =========================================================
   1. WRAPPER DO ELEMENTOR
========================================================= */

.vr-blog-hero-wrapper {
  width: 100%;
  max-width: none;

  margin: 0;
  padding: 0;
}

.vr-blog-hero-wrapper .elementor-widget-html,
.vr-blog-hero-wrapper .elementor-widget-container {
  width: 100%;
  max-width: none;

  margin: 0;
  padding: 0;
}

/* =========================================================
   2. ESTRUTURA PRINCIPAL
========================================================= */

.vr-blog-hero {
  position: relative;

  width: 100%;

  padding: 72px 24px 56px;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(217, 164, 65, 0.12) 0%,
      rgba(217, 164, 65, 0.05) 24%,
      rgba(217, 164, 65, 0) 48%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 76%,
      #fbfcfd 100%
    );

  font-family:
    var(--valore-font-body, "Inter", Arial, sans-serif);

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.vr-blog-hero *,
.vr-blog-hero *::before,
.vr-blog-hero *::after {
  box-sizing: border-box;
}

/* =========================================================
   3. CONTEÚDO
========================================================= */

.vr-blog-hero__content {
  position: relative;
  z-index: 1;

  display: flex;
  flex-direction: column;
  align-items: center;

  width: min(100%, 1080px);

  margin-inline: auto;

  text-align: center;
}

/* =========================================================
   4. SELO
========================================================= */

.vr-blog-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin: 0 0 18px;

  color: #d9a441;

  font-family:
    var(--valore-font-display, "Montserrat", Arial, sans-serif);

  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* =========================================================
   5. TÍTULO
========================================================= */

.vr-blog-hero__title {
  max-width: 940px;

  margin: 0;

  color: #061a2f;

  font-family:
    var(--valore-font-display, "Montserrat", Arial, sans-serif);

  font-size: clamp(34px, 4.8vw, 56px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.035em;

  text-wrap: balance;
}

/* =========================================================
   6. DESCRIÇÃO
========================================================= */

.vr-blog-hero__description {
  max-width: 760px;

  margin: 24px 0 0;

  color: #5d6b79;

  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;

  text-wrap: balance;
}

/* =========================================================
   7. DETALHE VISUAL
========================================================= */

.vr-blog-hero__description::after {
  content: "";

  display: block;

  width: 56px;
  height: 2px;

  margin: 26px auto 0;

  border-radius: 999px;

  background-color: #d9a441;
}

/* =========================================================
   8. BUSCA
========================================================= */

.vr-blog-search {
  position: relative;

  display: flex;
  align-items: center;

  width: min(100%, 820px);

  margin-top: 34px;
  padding: 7px;

  background-color: rgba(255, 255, 255, 0.96);

  border: 1px solid rgba(6, 26, 47, 0.14);
  border-radius: 16px;

  box-shadow:
    0 18px 44px rgba(6, 26, 47, 0.10),
    0 4px 12px rgba(6, 26, 47, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.vr-blog-search:focus-within {
  border-color: rgba(217, 164, 65, 0.72);

  box-shadow:
    0 20px 50px rgba(6, 26, 47, 0.12),
    0 0 0 4px rgba(217, 164, 65, 0.10);
}

.vr-blog-search__icon {
  flex: 0 0 auto;

  margin-left: 15px;

  color: #6f7d8a;
}

.vr-blog-search__input {
  width: 100%;
  min-width: 0;

  padding: 14px 16px;

  color: #061a2f;
  background: transparent;

  border: 0;
  outline: 0;

  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.vr-blog-search__input::placeholder {
  color: #8b98a5;
  opacity: 1;
}

.vr-blog-search__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  min-height: 48px;
  padding: 0 26px;

  cursor: pointer;

  color: #061a2f;
  background:
    linear-gradient(
      180deg,
      #f0bd47 0%,
      #e3ac2f 100%
    );

  border: 0;
  border-radius: 11px;

  box-shadow:
    0 8px 18px rgba(217, 164, 65, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);

  font-family:
    var(--valore-font-display, "Montserrat", Arial, sans-serif);

  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.vr-blog-search__button:hover {
  box-shadow:
    0 12px 24px rgba(217, 164, 65, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);

  transform: translateY(-2px);
}

.vr-blog-search__button:active {
  transform: translateY(0);
}

/* =========================================================
   9. CATEGORIAS
========================================================= */

.vr-blog-categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  gap: 10px;

  width: min(100%, 920px);

  margin-top: 28px;
}

.vr-blog-categories a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 40px;
  padding: 9px 16px;

  color: #445464;
  background-color: #f8fafc;

  border: 1px solid rgba(6, 26, 47, 0.09);
  border-radius: 999px;

  box-shadow:
    0 2px 6px rgba(6, 26, 47, 0.03);

  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;

  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.vr-blog-categories a:hover {
  color: #061a2f;
  background-color: #ffffff;

  border-color: rgba(217, 164, 65, 0.55);

  box-shadow:
    0 8px 18px rgba(6, 26, 47, 0.08);

  transform: translateY(-2px);
}

.vr-blog-categories a.is-active {
  color: #061a2f;
  background-color: rgba(217, 164, 65, 0.16);

  border-color: rgba(217, 164, 65, 0.65);

  box-shadow:
    0 6px 16px rgba(217, 164, 65, 0.12);
}

/* =========================================================
   10. ACESSIBILIDADE
========================================================= */

.vr-blog-search__input:focus-visible {
  outline: 0;
}

.vr-blog-search__button:focus-visible,
.vr-blog-categories a:focus-visible {
  outline: 2px solid #d9a441;
  outline-offset: 3px;
}

/* =========================================================
   11. TEXTO SOMENTE PARA LEITORES DE TELA
========================================================= */

.screen-reader-text {
  position: absolute !important;

  width: 1px;
  height: 1px;

  padding: 0;
  margin: -1px;

  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);

  white-space: nowrap;

  border: 0;
}

/* =========================================================
   12. TABLET
========================================================= */

@media (max-width: 1024px) {
  .vr-blog-hero {
    padding: 68px 24px 52px;
  }

  .vr-blog-hero__content {
    width: min(100%, 900px);
  }

  .vr-blog-hero__title {
    font-size: clamp(40px, 6vw, 48px);
  }

  .vr-blog-hero__description {
    max-width: 720px;

    font-size: 17px;
  }

  .vr-blog-search {
    width: min(100%, 760px);
  }
}

/* =========================================================
   13. MOBILE
========================================================= */

@media (max-width: 767px) {
  .vr-blog-hero {
    padding: 56px 20px 44px;
  }

  .vr-blog-hero__eyebrow {
    margin-bottom: 14px;

    font-size: 12px;
    letter-spacing: 1.7px;
  }

  .vr-blog-hero__title {
    font-size: clamp(32px, 9vw, 40px);
    line-height: 1.12;
  }

  .vr-blog-hero__description {
    margin-top: 20px;

    font-size: 16px;
    line-height: 1.65;
  }

  .vr-blog-hero__description::after {
    width: 48px;

    margin-top: 22px;
  }

  .vr-blog-search {
    margin-top: 28px;
    padding: 6px;
  }

  .vr-blog-search__icon {
    margin-left: 11px;
  }

  .vr-blog-search__input {
    padding: 13px 10px;

    font-size: 15px;
  }

  .vr-blog-search__button {
    min-height: 44px;
    padding: 0 16px;

    font-size: 13px;
  }

  .vr-blog-categories {
    justify-content: flex-start;
    flex-wrap: nowrap;

    width: 100%;

    margin-top: 24px;
    padding-bottom: 7px;

    overflow-x: auto;
    overscroll-behavior-inline: contain;

    scrollbar-width: thin;
  }

  .vr-blog-categories a {
    flex: 0 0 auto;

    min-height: 38px;
    padding: 8px 14px;

    font-size: 13px;
  }
}

/* =========================================================
   14. MOBILE PEQUENO
========================================================= */

@media (max-width: 480px) {
  .vr-blog-hero {
    padding-inline: 16px;
  }

  .vr-blog-search {
    flex-wrap: wrap;

    border-radius: 14px;
  }

  .vr-blog-search__icon {
    margin-left: 12px;
  }

  .vr-blog-search__input {
    width: calc(100% - 48px);
  }

  .vr-blog-search__button {
    width: 100%;
    margin-top: 2px;
  }
}

/* =========================================================
   15. REDUÇÃO DE MOVIMENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .vr-blog-search,
  .vr-blog-search__button,
  .vr-blog-categories a {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67d761a *//* =========================================================
   NEWSLETTER — BLOG VALORE RH
========================================================= */

.vr-newsletter,
.vr-newsletter *,
.vr-newsletter *::before,
.vr-newsletter *::after {
	box-sizing: border-box;
}

.vr-newsletter {
	width: min(100%, 1200px);
	margin: 64px auto 24px;
	padding: 28px 32px;

	background:
		radial-gradient(
			circle at 0% 50%,
			rgba(232, 174, 52, 0.09),
			rgba(232, 174, 52, 0) 42%
		),
		linear-gradient(
			135deg,
			#fffaf2 0%,
			#fff7e9 100%
		);

	border: 1px solid rgba(217, 164, 65, 0.32);
	border-radius: 16px;

	box-shadow:
		0 12px 30px rgba(6, 26, 47, 0.05);

	font-family:
		var(--valore-font-body, "Inter", Arial, sans-serif);
}

.vr-newsletter__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.vr-newsletter__intro {
	display: flex;
	align-items: center;
	gap: 20px;

	flex: 1 1 auto;
	min-width: 0;
}

.vr-newsletter__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 58px;

	width: 58px;
	height: 58px;

	color: #e8ae34;
	background-color: #061a2f;

	border-radius: 50%;

	box-shadow:
		0 8px 18px rgba(6, 26, 47, 0.14);
}

.vr-newsletter__text {
	min-width: 0;
}

.vr-newsletter__text h2 {
	max-width: 500px;
	margin: 0;

	color: #061a2f;

	font-family:
		var(--valore-font-display, "Montserrat", Arial, sans-serif);

	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.02em;
}

.vr-newsletter__text p {
	margin: 6px 0 0;

	color: #657383;

	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
}

/* =========================================================
   FORMULÁRIO
========================================================= */

.vr-newsletter__form {
	position: relative;

	display: grid;
	grid-template-columns: minmax(250px, 1fr) 150px;
	align-items: center;
	gap: 10px;

	flex: 0 1 510px;
	min-width: 0;
}

/* Campo antispam: permanece no HTML, mas nunca aparece */

.vr-newsletter .vr-newsletter__honeypot {
	position: absolute !important;
	top: 0 !important;
	left: -99999px !important;

	width: 1px !important;
	height: 1px !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden !important;

	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;

	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;

	white-space: nowrap !important;
	border: 0 !important;
}

.vr-newsletter .vr-newsletter__honeypot label,
.vr-newsletter .vr-newsletter__honeypot input {
	position: absolute !important;

	width: 1px !important;
	height: 1px !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden !important;

	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;

	border: 0 !important;
}

.vr-newsletter__label {
	position: absolute;

	width: 1px;
	height: 1px;

	padding: 0;
	margin: -1px;

	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);

	white-space: nowrap;
	border: 0;
}

.vr-newsletter__form > input[type="email"] {
	width: 100%;
	height: 48px;

	padding: 0 16px;

	color: #061a2f;
	background-color: #ffffff;

	border: 1px solid rgba(6, 26, 47, 0.15);
	border-radius: 8px;

	box-shadow:
		inset 0 1px 2px rgba(6, 26, 47, 0.03);

	font-family: inherit;
	font-size: 14px;

	outline: none;

	transition:
		border-color 180ms ease,
		box-shadow 180ms ease;
}

.vr-newsletter__form > input[type="email"]::placeholder {
	color: #8793a0;
	opacity: 1;
}

.vr-newsletter__form > input[type="email"]:focus {
	border-color: rgba(217, 164, 65, 0.9);

	box-shadow:
		0 0 0 4px rgba(217, 164, 65, 0.14);
}

.vr-newsletter__form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-width: 0;
	height: 48px;

	padding: 0 20px;

	color: #061a2f;
	background:
		linear-gradient(
			180deg,
			#f0bd47 0%,
			#d9a441 100%
		);

	border: 1px solid rgba(177, 128, 29, 0.38);
	border-radius: 8px;

	box-shadow:
		0 8px 18px rgba(217, 164, 65, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.38);

	font-family:
		var(--valore-font-display, "Montserrat", Arial, sans-serif);

	font-size: 13px;
	font-weight: 700;
	line-height: 1;

	cursor: pointer;

	transition:
		transform 180ms ease,
		box-shadow 180ms ease,
		filter 180ms ease;
}

.vr-newsletter__form button:hover {
	filter: brightness(1.03);
	transform: translateY(-2px);

	box-shadow:
		0 12px 24px rgba(217, 164, 65, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 0.38);
}

.vr-newsletter__form button:focus-visible,
.vr-newsletter__form > input[type="email"]:focus-visible {
	outline: 3px solid rgba(217, 164, 65, 0.65);
	outline-offset: 3px;
}

/* =========================================================
   MENSAGENS DO PROCESSAMENTO
========================================================= */

.vr-newsletter__feedback {
	width: 100%;
}

.vr-newsletter__message {
	display: none;

	margin: 14px 0 0;

	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	text-align: right;
}

.vr-newsletter__message.is-visible {
	display: block;
}

.vr-newsletter__message--success {
	color: #287247;
}

.vr-newsletter__message--duplicate {
	color: #8a6314;
}

.vr-newsletter__message--error {
	color: #b42318;
}

/* =========================================================
   RESPONSIVO
========================================================= */

@media (max-width: 960px) {
	.vr-newsletter__content {
		align-items: stretch;
		flex-direction: column;
		gap: 26px;
	}

	.vr-newsletter__form {
		flex: none;
		width: 100%;
	}

	.vr-newsletter__text h2 {
		max-width: 620px;
	}

	.vr-newsletter__message {
		text-align: left;
	}
}

@media (max-width: 767px) {
	.vr-newsletter {
		margin-top: 48px;
		padding: 26px 22px;

		border-radius: 14px;
	}

	.vr-newsletter__intro {
		align-items: flex-start;
	}

	.vr-newsletter__icon {
		flex-basis: 52px;

		width: 52px;
		height: 52px;
	}

	.vr-newsletter__text h2 {
		font-size: 17px;
	}

	.vr-newsletter__form {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.vr-newsletter__form button {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.vr-newsletter {
		padding: 24px 18px;
	}

	.vr-newsletter__intro {
		flex-direction: column;
		gap: 16px;
	}

	.vr-newsletter__text h2 {
		font-size: 18px;
	}

	.vr-newsletter__text p {
		font-size: 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vr-newsletter__form > input[type="email"],
	.vr-newsletter__form button {
		transition: none;
	}

	.vr-newsletter__form button:hover {
		transform: none;
	}
}/* End custom CSS */