html {
        	scroll-behavior: smooth
        }

        .presell .card {
        	transition: all 0.3s ease;
        	margin-bottom: 20px;
        	border-width: 2px;
        }

        .presell #remainingSpots {
        	transition: all 0.3s ease;
        	display: inline-block;
        }

        .presell #remainingSpots.text-danger.fs-3 {
        	font-size: 1.5rem !important;
        	color: #dc3545 !important;
        	transform: scale(1.1);
        }

        .presell .card:hover {
        	transform: translateY(-5px);
        	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .presell .btn-lg {
        	font-weight: 700;
        	padding: 12px 30px;
        	border-radius: 50px;
        	border-width: 2px;
        	text-transform: uppercase;
        	letter-spacing: 0.5px;
        }

        .presell .lead {
        	font-size: 1.25rem;
        	margin-bottom: 1.5rem;
        	font-weight: 500;
        }

        /* Efeito especial para o card amarelo (destaque) */
        .presell .card.border-warning {
        	border-color: #ffc107 !important;
        }

        .presell .card-header.bg-warning {
        	background-color: #ffc107 !important;
        }

        /* Efeito especial para o card vermelho */
        .presell .card.border-danger {
        	border-color: #dc3545 !important;
        }

        .presell .card-header.bg-danger {
        	background-color: #dc3545 !important;
        }

        body.presell {
        	font-family: 'Roboto', sans-serif;
        	min-height: 100vh;
        	-webkit-font-smoothing: antialiased;
        	overflow-x: hidden;
        	background-color: #fff;
        }

        .presell .unfold-content {
        	overflow: hidden;
        	height: 200px;
        	position: relative;
        	transition: height 0.5s ease-in-out;
        }

        .presell .unfold-content::after {
        	content: "";
        	position: absolute;
        	bottom: 0;
        	left: 0;
        	right: 0;
        	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
        	height: 100%;
        	z-index: 1;
        }

        .presell .unfold-button {
        	cursor: pointer;
        	display: block;
        	position: relative;
        	z-index: 2;
        	background: transparent;
        	border: none;
        	padding: 10px;
        	text-decoration: underline;
        }

        /* Ribbon styles */
        .presell .ribbon {
        	position: relative;
        	--text: 'MOST POPULAR';
        	--first-color: #62baea;
        	--second-color: #4a98bf;
        }

        .presell .ribbon .ribbon-tag {
        	position: absolute;
        	top: -10px;
        	width: 150px;
        	height: 150px;
        	display: flex;
        	justify-content: center;
        	align-items: center;
        	z-index: 9;
        	overflow: hidden;
        }

        .presell .ribbon-top-left {
        	left: -10px;
        }

        .presell .ribbon-top-left::before {
        	transform: rotate(-45deg) translateY(-20px);
        }

        .presell .ribbon-top-left::after {
        	left: 0;
        }

        .presell .ribbon-top-right {
        	right: -10px;
        }

        .presell .ribbon-top-right::before {
        	transform: rotate(45deg) translateY(-20px);
        }

        .presell .ribbon-top-right::after {
        	right: 0;
        }

        .presell .ribbon .ribbon-tag::before {
        	content: var(--text);
        	position: absolute;
        	width: 150%;
        	height: 40px;
        	background: var(--first-color);
        	display: flex;
        	justify-content: center;
        	align-items: center;
        	font-size: 14px;
        	font-weight: 600;
        	color: #fff;
        	letter-spacing: .1em;
        	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
        }

        .presell .ribbon .ribbon-tag::after {
        	content: '';
        	position: absolute;
        	bottom: 0;
        	width: 10px;
        	height: 10px;
        	background: var(--second-color);
        	z-index: -1;
        	box-shadow: 140px -140px var(--second-color);
        }

        /* Custom heading styles */
        .presell .heading-1 {
        	font-size: 48px;
        	font-weight: 700;
        	line-height: 64px;
        }

        .presell .heading-2 {
        	font-size: 36px;
        	font-weight: 600;
        	line-height: 48px;
        }

        .presell .heading-3 {
        	font-size: 24px;
        	font-weight: 500;
        	line-height: 36px;
        }

        .presell .text-body {
        	font-size: 16px;
        	line-height: 24px;
        	color: #646464;
        }

        /* Custom button styles */
        .presell .btn-custom {
        	padding: 12px 24px;
        	border-radius: 3px;
        	font-weight: 600;
        	transition: all 0.3s ease-in-out;
        }

        .presell .btn-primary-custom {
        	background-color: #61ce70;
        	color: #fff;
        }

        .presell .btn-primary-custom:hover {
        	background-color: #4fb65c;
        }

        /* Custom section styles */
        .presell .section-header {
        	background-color: #c4180a;
        	padding: 15px 0;
        }

        .presell .highlight-box {
        	border-left: 3px solid #c4180a;
        	background-color: #f5f6f7;
        	padding: 20px;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
        	.presell .heading-1 {
        		font-size: 28px;
        		line-height: 36px;
        	}

        	.text-mob {
        		font-size: 21px !important;
        	}

        	.presell .heading-2 {
        		font-size: 24px;
        		line-height: 32px;
        	}

        	.presell .text-body {
        		font-size: 14px;
        		line-height: 22px;
        	}
        }