/* Homepage viva — faixa Sobre a Cupido antes do footer. Isolado do homepage-v2. */

.cv2-ha {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0;
	padding: 88px 16px 92px;
	min-height: 460px;
	box-sizing: border-box;
	overflow: hidden;
	color: #fff;
	text-align: center;
}
.cv2-ha__slides,
.cv2-ha__slide,
.cv2-ha__veil {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
.cv2-ha__slides { z-index: 0; }
.cv2-ha__slide {
	background-size: cover;
	background-position: center 40%;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: -webkit-filter 0.45s ease;
	transition: filter 0.45s ease, -webkit-filter 0.45s ease;
	-webkit-animation-duration: 28s;
	animation-duration: 28s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.cv2-ha:hover .cv2-ha__slide {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.cv2-ha:hover .cv2-ha__veil {
	background: rgb(0 0 0 / 70%);
}
.cv2-ha__slide:nth-child(1) {
	-webkit-animation-name: cv2-ha-s1;
	animation-name: cv2-ha-s1;
}
.cv2-ha__slide:nth-child(2) {
	-webkit-animation-name: cv2-ha-s2;
	animation-name: cv2-ha-s2;
}
.cv2-ha__slide:nth-child(3) {
	-webkit-animation-name: cv2-ha-s3;
	animation-name: cv2-ha-s3;
}
.cv2-ha__slide:nth-child(4) {
	-webkit-animation-name: cv2-ha-s4;
	animation-name: cv2-ha-s4;
}
.cv2-ha__veil {
	z-index: 1;
	background: rgb(0 0 0 / 80%);
	pointer-events: none;
	opacity: 1;
	-webkit-transition: background 0.45s ease, opacity 0.45s ease;
	transition: background 0.45s ease, opacity 0.45s ease;
}
.cv2-ha__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
	box-sizing: border-box;
	opacity: 1;
	-webkit-transition: opacity 0.45s ease;
	transition: opacity 0.45s ease;
}
.cv2-ha__kicker {
	margin: 0 0 14px;
	font-family: Inter, Manrope, Poppins, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(232, 214, 220, 0.88);
}
html body.cv2-home-blank h2.cv2-ha__title,
.cv2-ha h2.cv2-ha__title {
	margin: 0 0 18px !important;
	padding: 0 !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-weight: 500 !important;
	font-size: 52px !important;
	line-height: 1.12 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
	color: #fff !important;
	text-align: center !important;
}
.cv2-ha__lead {
	margin: 0 auto 28px;
	max-width: 640px;
	font-family: Inter, Manrope, Poppins, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.65;
	font-weight: 400;
	color: rgba(255,255,255,.88);
}
html body.cv2-home-blank a.cv2-ha__cta,
.cv2-ha a.cv2-ha__cta {
	display: inline-block;
	margin: 0 0 22px;
	padding: 12px 26px;
	border: 1px solid rgba(255,255,255,.78);
	border-radius: 999px;
	color: #fff !important;
	text-decoration: none;
	font-family: Inter, Manrope, Poppins, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease, color 200ms ease;
	transition: background 200ms ease, color 200ms ease;
}
html body.cv2-home-blank a.cv2-ha__cta:hover,
html body.cv2-home-blank a.cv2-ha__cta:focus,
.cv2-ha a.cv2-ha__cta:hover,
.cv2-ha a.cv2-ha__cta:focus {
	background: #fff;
	color: #1a1519 !important;
	outline: none;
}
.cv2-ha__social {
	margin: 0;
	font-family: Inter, Manrope, Poppins, Arial, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255,255,255,.55);
}
.cv2-ha__social a {
	color: rgba(255,255,255,.62);
	text-decoration: none;
}
.cv2-ha__social a:hover { color: #fff; }
.cv2-ha__dot { color: rgba(255,255,255,.35); }

/* 4 fotos, 28s, cruzamento ~1.4s (5%) sem delay — o delay do CSS so aplica na 1.a volta e saltava. */
@-webkit-keyframes cv2-ha-s1 {
	0%, 20% { opacity: 1; }
	25%, 95% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes cv2-ha-s1 {
	0%, 20% { opacity: 1; }
	25%, 95% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes cv2-ha-s2 {
	0%, 20% { opacity: 0; }
	25%, 45% { opacity: 1; }
	50%, 100% { opacity: 0; }
}
@keyframes cv2-ha-s2 {
	0%, 20% { opacity: 0; }
	25%, 45% { opacity: 1; }
	50%, 100% { opacity: 0; }
}
@-webkit-keyframes cv2-ha-s3 {
	0%, 45% { opacity: 0; }
	50%, 70% { opacity: 1; }
	75%, 100% { opacity: 0; }
}
@keyframes cv2-ha-s3 {
	0%, 45% { opacity: 0; }
	50%, 70% { opacity: 1; }
	75%, 100% { opacity: 0; }
}
@-webkit-keyframes cv2-ha-s4 {
	0%, 70% { opacity: 0; }
	75%, 95% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes cv2-ha-s4 {
	0%, 70% { opacity: 0; }
	75%, 95% { opacity: 1; }
	100% { opacity: 0; }
}

@media only screen and (max-width: 768px) {
	.cv2-ha { padding: 64px 18px 68px; min-height: 420px; }
	html body.cv2-home-blank h2.cv2-ha__title,
	.cv2-ha h2.cv2-ha__title { font-size: 36px !important; }
	.cv2-ha__lead { font-size: 14px; }
}
