/*
Theme Name: Thayna Lopes
Theme URI: https://thaynalopes.com.br
Author: Aaltag Inc.
Author URI: https://aaltag.com
Description: Desenvolvido com o foco em apresentar cursos de extensão de cílios e facilitar o agendamento. Com design moderno e responsivo.
Version: 1.0
Template: hello-elementor
*/
/* =================================== 
    00. Global
====================================== */
html {
  scroll-behavior: auto !important;
}

body {
  overflow: auto;
  min-height: 100vh;
} 
html, body{
	margin: 0;
	padding: 0;
	overflow-x: hidden !important;
}
::selection {
    background: #B4A47C;
    color: #232323;
} 
::-moz-selection {
    background: #B4A47C;
    color: #232323;
}
/* width */
::-webkit-scrollbar {
    width: 3px !important;
}
/* Track */
::-webkit-scrollbar-track {
    background: #000;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg, #795F3B 0%, #E9D192 32.5%, #FCE9B0 44.5%, #F5E2A1 55%, #9C8A5E 81.5%, #9B8557 100%);
    border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, #795F3B 0%, #E9D192 32.5%, #FCE9B0 44.5%, #F5E2A1 55%, #9C8A5E 81.5%, #9B8557 100%);
}
a:focus, a:active {
    outline: none !important;
}
/* ====================
    Buttons
==================== */
.btn-style-1 a {
  position: relative;
  background: linear-gradient(90deg, #795F3B 0%, #E9D192 20.5%, #FCE9B0 44.5%, #F5E2A1 65.5%, #9C8A5E 95.5%, #9B8557 100%);
  z-index: 1;
  overflow: hidden;
}
.btn-style-1_effects {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.btn-style-1_effects::before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    background: linear-gradient(45deg, #FCE9B0, #E9D192, #F5E2A1, #9C8A5E, #FCE9B0);
    background-size: 400%;
    filter: blur(8px);
    opacity: 0;
    z-index: -1;
    border-radius: 14px;
    transition: opacity 0.3s ease-in-out;
    animation: golden-glow 6s linear infinite;
}
.btn-style-1_effects:hover::before {
    opacity: 0.3;
}
.btn-style-1_effects a {
    font-family: "Sora", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #000000;
    border-radius: 10px;
    padding: 16px 32px;
    position: relative;
    background: linear-gradient(90deg, #795F3B 0%, #E9D192 20.5%, #FCE9B0 44.5%, #F5E2A1 65.5%, #9C8A5E 95.5%, #9B8557 100%);
    z-index: 1;
    text-decoration: none;
    display: inline-block;
}
@keyframes golden-glow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.btn-style-2 a {
	position: relative;
	width: 285px !important;
	text-align: center !important;
	padding: 20px 16px;
	background: transparent;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 16px;
	border-radius: 8px;
	z-index: 0;
}
.btn-style-2 a::before {
	content: '';
	position: absolute;
	inset: 0;
	padding: 3px;
	border-radius: 8px;
	background: linear-gradient(175deg, rgb(195, 168, 130) 24%, rgb(233, 209, 146) 40%, rgb(252, 233, 176) 50%, rgb(245, 226, 161) 75%, rgb(156, 138, 94) 95%, rgb(155, 133, 87) 100%);
	-webkit-mask: 
	  linear-gradient(#fff 0 0) content-box, 
	  linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	z-index: -1;
	pointer-events: none;
	box-sizing: border-box;
}
/* ====================
    Texts
==================== */
.text-gradient {
	color: transparent;
}
._gold_1 {
	background: linear-gradient(90deg, rgb(195, 168, 130) 0%, rgb(233, 209, 146) 20.5%, rgb(252, 233, 176) 60.5%, rgb(245, 226, 161) 77%, rgb(156, 138, 94) 120.5%, rgb(155, 133, 87) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
._gold_2 {
	background: linear-gradient(90deg, rgb(195, 168, 130) 0%, rgb(233, 209, 146) 30.5%, rgb(252, 233, 176) 45.5%, rgb(245, 226, 161) 70%, rgb(156, 138, 94) 85.5%, rgb(155, 133, 87) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
/* ====================
    Shapes
==================== */
/* Home vCard */
#profile-wrap {
	position: relative !important;
	width: 240px !important;
	height: 240px !important;
	overflow: hidden !important;
}
.shape-profile_border {
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px !important;
	border-radius: 50% !important;
	z-index: 2;
	background: linear-gradient(75deg, rgb(195, 168, 130) 0%, rgb(233, 209, 146) 30.5%, rgb(252, 233, 176) 40.5%, rgb(245, 226, 161) 55%, rgb(156, 138, 94) 80.5%, rgb(155, 133, 87) 100%);
}
.photo-avatar img {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50% !important;
  	z-index: 3;
}
/* =================================== 
    02. Home
====================================== */
.vcard_wrap {
	display: flex !important;
	flex-direction: column !important;
	min-height: 100vh !important;
	height: auto !important;
	overflow: hidden !important;
}
/* ====================
    Section Footer
==================== */
.footer_vcard {
	margin-top: auto !important;
	width: 100% !important;
	z-index: 1 !important;
}
/* =================================== 
    03. Landing Page
====================================== */
/* ====================
    Section Hero
==================== */
.hero-wrap {
	position: relative;
	overflow: hidden;
}
.hero-wrap::before {
	background-color: transparent;
	--background-overlay: '';
	background: radial-gradient(35.33% 39.41% at 76.75% 45.85%, rgba(28, 29, 32, 0) 0%, #1C1D20 100%);
}
.hero-wrap::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -10;
	pointer-events: none;
	opacity: 0.9;
	background: linear-gradient(90deg, #000 45.19%, #000 18.78%, rgba(0, 0, 0, 0) 96.88%);
}
/* ====================
    Section Prices
==================== */
.price-card {
    position: relative;
    border-radius: 8px;
    background: linear-gradient(180deg, #14181C 0%, #1F2328 100%);
    z-index: 0;
}
.price-card::before {
	content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 important;
    right: 0 important;
    bottom: 0 !important;
    z-index: -1 !important;
    border-radius: 8px !important
    padding: 1px !important;
    background: linear-gradient(180deg, #C3A882 0%, #E9D192 22.5%, rgba(252, 233, 176, 0.90) 34.5%, rgba(245, 226, 161, 0.70) 45%, rgba(156, 138, 94, 0.50) 71.5%, rgba(155, 133, 87, 0.20) 100%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
}


/* ====================
    Section About
==================== */
.about-wrap {
	position: relative;
	z-index: 0;
}
.about-image {
	position: relative;
	display: block;
	height: auto;
	z-index: 0;
}
.about-image__border {
	display: inline-block;
	background: linear-gradient(
    rgb(195, 168, 130) 0%,
    rgb(233, 209, 146) 22.5%,
    rgba(252, 233, 176, 0.9) 34.5%,
    rgba(245, 226, 161, 0.7) 45%,
    rgba(156, 138, 94, 0.5) 71.5%,
    rgba(155, 133, 87, 0.2) 100%
	);
	box-sizing: border-box;
}