:root {
    /* Cores principais */
    --color-primary: #1D8A9C;
    --color-secondary: #6B46C1;
    --color-accent: #bf423c;
    --color-success: #28a745;
    --color-warning: #dc3545;
    --color-gold: #FFD700;
    --color-whatsapp: #DCF8C6;
    --color-light-blue: #D9EEF0;
    --color-teal-light: #20c997;
    
    /* Cores de texto */
    --text-primary: #1B141A;
    --text-secondary: #333;
    --text-muted: #555;
    --text-light: #666;
    --text-white: #fff;
    
    /* Cores de fundo */
    --bg-light: #f2f2f2;
    --bg-white: #fff;
    --bg-gray: #f8f9fa;
    --bg-dark: #1B141A;
    --bg-whatsapp: #F5F1EB;
    
    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
    --gradient-success: linear-gradient(135deg, var(--color-success) 0%, var(--color-teal-light) 100%);
    --gradient-dark: linear-gradient(135deg, var(--bg-dark) 0%, #2c1e25 100%);
    
    /* Fontes */
    --font-primary: 'Poppins', sans-serif;
    --font-heading: 'Fjalla One', sans-serif;
    --font-script: 'Caveat', cursive;
    
    /* Espaçamentos */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 25px;
    --spacing-xxl: 30px;
    --spacing-xxxl: 40px;
    
    /* Bordas */
    --border-radius-sm: 10px;
    --border-radius-md: 15px;
    --border-radius-lg: 20px;
    --border-radius-xl: 25px;
    --border-radius-pill: 50px;
    
    /* Sombras */
    --shadow-sm: 0 2px 5px rgba(0,0,0,0.1);
    --shadow-md: 0 5px 15px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.1);
    --shadow-xl: 0 20px 40px rgba(0,0,0,0.1);
}

body {
    font-family: var(--font-primary);
    color: var(--text-primary);
    background-color: var(--bg-light);
    line-height: 1.6;
}
        
.header-section {
    background-color: var(--color-primary);
    color: var(--text-white);
    padding: var(--spacing-xxxl) 0 80px 0;
    text-align: center;
}

.main-headline {
    font-family: var(--font-heading);
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: var(--spacing-xxl);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.sub-headline {
    font-family: var(--font-primary);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: var(--spacing-lg);
    opacity: 0.6;
}

.price-highlight {
    font-family: var(--font-heading);
    font-size: 24px;
    color: var(--text-white);
    margin: var(--spacing-lg) 0 var(--spacing-xxxl) 0;
}

.strikethrough {
    text-decoration: line-through;
    color: var(--text-primary);
}

.sales-letter {
    background: var(--bg-white);
    padding: 60px var(--spacing-xxxl);
    margin: var(--spacing-xxxl) 0;
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-lg);
}

.secondary-headline {
    font-family: var(--font-heading);
    font-size: 36px;
    text-align: center;
    margin: var(--spacing-xxl) 0;
    border-radius: var(--border-radius-sm);
    letter-spacing: -2px;
}

.signature {
    font-family: var(--font-script);
    font-size: 28px;
    color: var(--color-primary);
    margin: var(--spacing-xxl) 0;
}

.story-text {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.emphasis {
    background: linear-gradient(120deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 18px;
}

.quote-box {
    background: var(--bg-light);
    border-left: var(--spacing-xs) solid var(--color-primary);
    padding: var(--spacing-lg);
    margin: var(--spacing-xxl) 0;
    font-style: italic;
    font-size: 17px;
}

.bonuses-section {
    background: var(--gradient-primary);
    color: var(--text-white);
    padding: var(--spacing-xxxl);
    border-radius: var(--border-radius-md);
    margin: var(--spacing-xxxl) 0;
}

.bonus-item {
    background: rgba(255,255,255,0.1);
    padding: 25px;
    margin: 20px 0;
    border-radius: 10px;
    border: 2px solid rgba(255,255,255,0.3);
}

.bonus-title {
    font-family: var(--font-heading);
    font-size: 24px;
    margin-bottom: var(--spacing-sm);
}

.bonus-value {
    font-family: var(--font-heading);
    font-size: 20px;
    color: var(--bg-light);
}

.cta-button {
    background: var(--gradient-accent);
    color: var(--text-white);
    font-family: var(--font-heading);
    font-size: 24px;
    padding: var(--spacing-lg) var(--spacing-xxxl);
    border: none;
    border-radius: var(--border-radius-pill);
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 8px 25px rgba(191, 66, 60, 0.4);
    transition: all 0.3s ease;
    margin: var(--spacing-xxl) 0;
    width: 100%;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(191, 66, 60, 0.6);
}

.guarantee-box {
    background: var(--color-accent);
    color: var(--text-white);
    padding: var(--spacing-xxl);
    border-radius: var(--border-radius-md);
    text-align: center;
    margin: var(--spacing-xxxl) 0;
}

.guarantee-title {
    font-family: var(--font-heading);
    font-size: 28px;
    margin-bottom: var(--spacing-md);
}

.testimonial {
    background: var(--bg-white);
    padding: var(--spacing-xl);
    border-radius: var(--border-radius-sm);
    margin: var(--spacing-lg) 0;
    box-shadow: var(--shadow-md);
    border-left: var(--spacing-xs) solid var(--color-primary);
}

.testimonial-name {
    font-weight: 700;
    color: var(--color-primary);
    margin-top: var(--spacing-md);
}

.urgency-text {
    background: var(--color-accent);
    color: var(--text-white);
    padding: var(--spacing-lg);
    border-radius: var(--border-radius-sm);
    font-weight: 600;
    text-align: center;
    margin: var(--spacing-xxl) 0;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(191, 66, 60, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(191, 66, 60, 0); }
    100% { box-shadow: 0 0 0 0 rgba(191, 66, 60, 0); }
}

.footer-section {
    background: var(--bg-dark);
    color: var(--text-white);
    padding: var(--spacing-xxxl) 0;
    text-align: center;
}

.ps-section {
    background: var(--bg-light);
    padding: var(--spacing-xxl);
    border-radius: var(--border-radius-sm);
    margin-top: var(--spacing-xxxl);
    border: 2px dashed var(--color-primary);
}

.ps-title {
    font-family: var(--font-heading);
    font-size: 24px;
    color: var(--color-accent);
    margin-bottom: var(--spacing-md);
}

.secondary-subtitle {
    color: var(--color-primary);
    font-weight: 300;
    font-size: 24px;
}

/* Estilos para CTA Pricing */
.timer-header h2 {
    color: var(--text-primary);
    font-size: 40px;
    text-align: center;
    font-family: var(--font-heading);
}
.h3-plan {
    text-align: center;
    background-color: var(--text-primary);
    border-radius: var(--spacing-xxl) var(--spacing-xxl) 0 0;
    color: var(--text-white);
    margin-bottom: 0;
    padding: var(--spacing-lg);
}
.plan-item {
    background-color: var(--bg-gray);
    border-radius: 0 0 var(--spacing-xxl) var(--spacing-xxl);
    padding: var(--spacing-xxl);
}
.plan-item h4 {
    font-weight: 100;
    margin: 0px;
    opacity: 0.6;
}
.plan-item h2 {
    margin: 0px;
}
.plan-item ul {
    padding: 0;
    margin-top: var(--spacing-xxxl);
    margin-bottom: var(--spacing-xxl);
    list-style: none;
}
.plan-item ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px;
}
.pricing-box .plan-item ul li {
    padding-bottom: var(--spacing-md);
}
.plan-item ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--text-primary);
}
.plan-starter h2 {
    color: var(--color-primary);
}
.plan-starter .btn-danger:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.plan-professional h2 {
    color: var(--color-accent);
}
.plan-premium h2 {
    color: var(--color-secondary);
}
.plan-item ul li.hidden-item::before, .plan-item ul li.hidden-item {
    opacity: 0.3;
}
.pricing-box {
    border-radius: 0px 0px 30px 30px;
}
.plan-starter ul li::before, h3.starter {
    background-color: #1d8a9c; /* Verde água */
}
.plan-professional ul li::before, h3.professional, .plan-professional .btn-danger {
    background-color: var(--color-accent); /* Vermelho */
}
.plan-premium ul li::before, h3.premium, .plan-premium .btn-danger {
    background-color: var(--color-secondary); /* Roxo escuro */
}
.margin-top-40 {
    margin-top: var(--spacing-xxxl);
}
.header-banner {
    background: var(--bg-dark);
    color: var(--text-white);
}
.header-banner span {
    font-family: var(--font-heading);
    font-size: 34px;
    color: var(--text-white);
    text-transform: uppercase;
}
.header-banner a.btn {
    padding: 16px var(--spacing-sm);
}
.header-banner a.btn-link {
    color: var(--text-white);
    font-weight: 300;
    opacity: 0.6;
}

/* Formulário */
.form-container {
    background: white;
    border: 1px solid #fff;
    border-radius: 10px;
    overflow: hidden;
}

.steps-header {
    display: flex;
    background: #6B46C1;
    color: white;
    position: relative;
}

.step {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    position: relative;
}

.step-1 {
    background: #1D8A9C;
    padding-right: 40px;
}

.step-1::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #1D8A9C;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
}

.step-2 {
    background: #e8eaf6;
    color: #666;
    padding-left: 20px;
    flex: 1;
}

.step-number {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    font-size: 14px;
    font-weight: bold;
}

.step-1 .step-number {
    background: white;
    color: #1D8A9C;
}

.step-2 .step-number {
    background: #ccc;
    color: white;
}

.step-content {
    font-size: 16px;
}

.step-title {
    font-weight: bold;
    line-height: 1;
}

.step-subtitle {
    font-size: 11px;
    opacity: 0.8;
}

.form-body {
    padding: 20px;
}

.form-control {
    margin-bottom: 10px;
    padding: 0px 10px;
}

.form-control:focus {
    border-color: #1d8a9c;
    box-shadow: none;
    outline: none;
}

.phone-field {
    position: relative;
}

.phone-field .form-control {
    padding-left: 35px;
}

.flag-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    z-index: 2;
}

.claim-button {
    background: #d9534f;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
}

.claim-button:hover {
    background: #1d8a9c;
}

.claim-subtitle {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    margin-top: 2px;
}

.story-text ul {
    list-style-type: none;
    padding-left: 0;
    margin: 30px 0;
}

.story-text ul li {
    position: relative;
    padding-bottom: 10px;
}

.story-text p {
    margin-bottom: 20px;
}

/* Estilo WhatsApp para testemunhos */
.whatsapp-box {
    background-color: #F5F1EB;
    background-image: url('/img/packs/background-whatsapp.png');
    background-repeat: repeat;
    background-size: auto;
    padding: 20px;
    border-radius: 15px;
    margin: 30px 0;
}

.whatsapp-message {
    padding: 12px 16px;
    margin: 10px 0;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    max-width: 80%;
    clear: both;
}

.whatsapp-message.left {
    background: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    float: left;
    margin-left: 0;
    margin-right: 20%;
}

.whatsapp-message.right {
    background: #DCF8C6;
    border-radius: 15px 15px 15px 15px;
    float: right;
    margin-right: 0;
    margin-left: 20%;
}

.whatsapp-name {
    font-weight: bold;
    color: #075E54;
    margin-bottom: 5px;
    font-size: 14px;
}

.whatsapp-text {
    color: #303030;
    line-height: 1.4;
    font-size: 14px;
    margin: 0;
    margin-bottom: 0;
}

.whatsapp-time {
    font-size: 11px;
    color: #999;
    margin: 0;
    text-align: right;
    margin-top: -2px;
}

/* Cards de recursos */
.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin: 40px 0;
}

.feature-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(135deg, #1D8A9C 0%, #6B46C1 100%);
}

.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(29, 138, 156, 0.15);
    border: 2px solid rgba(29, 138, 156, 0.2);
}

.feature-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #1D8A9C 0%, #6B46C1 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.feature-icon i {
    font-size: 28px;
    color: white;
}

.feature-title {
    font-family: 'Fjalla One', sans-serif;
    font-size: 22px;
    color: #1B141A;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feature-subtitle {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
    font-style: italic;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-list li {
    display: flex;
    align-items: flex-start;
    padding: 8px 0;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

.plan-starter .btn-danger {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.plan-professional .btn-danger {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
}

.plan-premium .btn-danger {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

/* Estilos modificados */
.license-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-color: var(--color-light-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--spacing-md);
    margin-top: 3px;
}

.story-text ul li {
    display: flex;
    align-items: flex-start;
    padding-bottom: var(--spacing-sm);
}

.pain {
    list-style: none;
    padding: 0;
}

.pain li {
    position: relative;
    padding-left: var(--spacing-xl);
    margin-bottom: var(--spacing-sm);
    display: flex;
    align-items: center;
    line-height: 1.5;
}

.pain li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23c9302c' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'/%3E%3Cpath d='M165.66,101.66L139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}


/* Seção de preços comparativos */
.pricing-comparison {
    background: linear-gradient(135deg, #1B141A 0%, #2c1e25 100%);
    border-radius: 25px;
    padding: 40px;
    margin: 40px 0;
    color: white;
    position: relative;
    overflow: hidden;
}

.pricing-comparison::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(29, 138, 156, 0.1) 0%, transparent 70%);
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    33% { transform: translate(-10px, -10px) rotate(1deg); }
    66% { transform: translate(10px, -5px) rotate(-1deg); }
}

.comparison-title {
    font-family: 'Fjalla One', sans-serif;
    font-size: 32px;
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.comparison-subtitle {
    text-align: center;
    font-size: 18px;
    color: rgba(255,255,255,0.8);
    margin-bottom: 30px;
}

.price-breakdown {
    background: rgba(255,255,255,0.05);
    border-radius: 15px;
    padding: 30px;
    margin: 25px 0;
    border: 1px solid rgba(29, 138, 156, 0.3);
    backdrop-filter: blur(10px);
}

.breakdown-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.breakdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    font-size: 16px;
}

.breakdown-item:last-child {
    border-bottom: none;
    font-weight: bold;
    font-size: 18px;
    color: rgb(217, 238, 240);
    margin-top: 10px;
    padding-top: 20px;
    border-top: 2px solid rgb(217, 238, 240);
}

.breakdown-service {
    display: flex;
    align-items: center;
    font-family: 'Fjalla One', sans-serif;
}

.breakdown-service::before {
    content: '💰';
    margin-right: 10px;
    font-size: 18px;
}

.breakdown-price {
    font-family: 'Fjalla One', sans-serif;
    font-size: 18px;
    color: rgb(217, 238, 240);
    font-weight: bold;
}

.value-proposition {
    text-align: center;
    margin: 30px 0;
}

.value-text {
    font-size: 20px;
    color: rgba(255,255,255,0.9);
    margin-bottom: 15px;
}

.final-message {
    background: linear-gradient(135deg, #1D8A9C 0%, #6B46C1 100%);
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    margin-top: 25px;
    box-shadow: 0 10px 30px rgba(29, 138, 156, 0.3);
}

.final-message p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: white;
}


/* Seção de Bônus */
.bonus-section {
    background: linear-gradient(135deg, #6B46C1 0%, #1D8A9C 100%);
    border-radius: 25px;
    padding: 50px 40px;
    margin: 40px 0;
    color: white;
    position: relative;
    overflow: hidden;
}

.bonus-section::before {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    border-radius: 50%;
    animation: pulse-bonus 4s ease-in-out infinite;
}

.bonus-section::after {
    content: '';
    position: absolute;
    bottom: -150px;
    right: -150px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
    border-radius: 50%;
    animation: pulse-bonus 6s ease-in-out infinite reverse;
}

@keyframes pulse-bonus {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.2); opacity: 0.8; }
}

.bonus-title {
    font-family: 'Fjalla One', sans-serif;
    font-size: 36px;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    position: relative;
    z-index: 2;
}

.bonus-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.bonus-card {
    background: rgba(255,255,255,0.1);
    border-radius: 20px;
    padding: 25px;
    border: 1px solid rgba(255,255,255,0.2);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.bonus-card:hover {
    transform: translateY(-5px);
    background: rgba(255,255,255,0.15);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

.bonus-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.bonus-icon {
    font-size: 28px;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bonus-name {
    font-family: 'Fjalla One', sans-serif;
    font-size: 26px;
    font-weight: 300;
    margin: 0;
    flex: 1;
}

.bonus-value {
    background: rgba(255,255,255,0.2);
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.bonus-description {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255,255,255,0.9);
    margin: 0;
}

.bonus-total {
    background: rgba(255,255,255,0.15);
    border-radius: 20px;
    padding: 25px;
    text-align: center;
    margin-top: 30px;
    border: 2px solid rgba(255,255,255,0.3);
    position: relative;
    z-index: 2;
}

.bonus-total-text {
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.bonus-total-value {
    font-family: 'Fjalla One', sans-serif;
    font-size: 32px;
    color: #FFD700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    margin: 5px 0 0 0;
}


/* Seção de Garantia */
.guarantee-section {
    background: linear-gradient(135deg, #1d8a9c 0%, #20c997 100%);
    border-radius: 25px;
    padding: 50px 40px;
    margin: 40px 0;
    color: white;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(40, 167, 69, 0.3);
}

.guarantee-section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: rotate-guarantee 20s linear infinite;
}

@keyframes rotate-guarantee {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.guarantee-title {
    font-family: 'Fjalla One', sans-serif;
    font-size: 36px;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    position: relative;
    z-index: 2;
}

.guarantee-intro {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
    color: rgba(255,255,255,0.95);
    position: relative;
    z-index: 2;
}

.guarantee-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 30px 0;
    position: relative;
    z-index: 2;
}

.guarantee-item {
    background: rgba(255,255,255,0.15);
    border-radius: 15px;
    padding: 20px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease;
}

.guarantee-item:hover {
    transform: translateY(-5px);
    background: rgba(255,255,255,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

.guarantee-check {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.guarantee-check .license-icon {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-5px); }
    60% { transform: translateY(-3px); }
}

.guarantee-footer {
    background: rgba(255,255,255,0.1);
    border-radius: 20px;
    padding: 25px;
    margin-top: 30px;
    border: 2px solid rgba(255,255,255,0.3);
    position: relative;
    z-index: 2;
}

.guarantee-footer-text {
    font-family: 'Fjalla One', sans-serif;
    font-size: 28px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.guarantee-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    background: #FFD700;
    color: #28a745;
    padding: 10px 20px;
    border-radius: 25px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4);
    z-index: 3;
}


/* Seção de Objeções */
.objections-section {
    background: white;
    padding: 40px;
    margin: 40px 0;
}

.objections-title {
    font-family: 'Fjalla One', sans-serif;
    font-size: 32px;
    text-align: center;
    margin-bottom: 40px;
    color: #1B141A;
}

.objection-item {
    padding: 25px 0;
    border-bottom: 1px solid #eee;
}

.objection-item:last-child {
    border-bottom: none;
}

.objection-question {
    font-weight: 600;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-style: italic;
}

.objection-answer {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}

.objection-answer strong {
    color: #1D8A9C;
}


/* Seção de Escolhas */
.choice-comparison {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 30px 0;
}

.choice-option {
    padding: 30px;
    border-radius: 15px;
    position: relative;
}

.choice-1 {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #d9534f;
}

.choice-2 {
    background: linear-gradient(135deg, rgb(217, 238, 240) 0%, rgb(217, 238, 240) 100%);
    border: 2px solid #1d8a9c;
}

.choice-header {
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.choice-1 .choice-header {
    color: #d9534f;
}

.choice-2 .choice-header {
    color: #1d8a9c;
}

.choice-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.choice-list li {
    position: relative;
    margin-bottom: var(--spacing-sm);
    display: flex;
    align-items: center;
    line-height: 1.5;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 15px;
}

.choice-1 .choice-list li {
    padding-left: var(--spacing-xl);
}

.choice-2 .choice-list li {
    padding-left: 0;
}

.choice-1 .choice-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23c9302c' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'/%3E%3Cpath d='M165.66,101.66L139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}

.choice-result {
    font-weight: bold;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.choice-1 .choice-result {
    background: #d9534f;
    color: white;
}

.choice-2 .choice-result {
    background: #1d8a9c;
    color: white;
}

.final-call {
    background: linear-gradient(135deg, #1D8A9C 0%, #6B46C1 100%);
    color: white;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    margin-top: 30px;
}

.final-call p {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.6;
}

.final-call p:last-child {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Fjalla One', sans-serif;
}


/* Seção de Último Apelo */
.last-chance-text {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-left: 5px solid #bf423c;
    padding: 30px;
    margin: 20px 0;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.last-chance-text p {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: #333;
}

.last-chance-text p:nth-child(2) {
    font-weight: 600;
    color: #1D8A9C;
}

.last-chance-text p:nth-child(3) {
    font-style: italic;
    font-weight: 600;
    color: #bf423c;
    text-align: center;
    font-size: 20px;
}

.last-chance-text p:nth-child(4) {
    font-family: 'Fjalla One', sans-serif;
    font-size: 32px;
    text-align: center;
    color: #1B141A;
    text-transform: uppercase;
    letter-spacing: -2px;
    margin: 25px 0;
}

.last-chance-text p:nth-child(5) {
    color: #555;
}

.last-chance-text p:last-of-type {
    font-weight: 600;
    color: #bf423c;
    margin-bottom: 0;
}


/* P.S. Section */
.ps-notes {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    margin: 30px 0;
    border-left: 4px solid #1D8A9C;
}

.ps-notes p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #555;
}

.ps-notes p:last-of-type {
    margin-bottom: 0;
}

.ps-notes .ps-prefix {
    font-weight: bold;
    color: #1D8A9C;
}

/* Security badges */
.security-badges {
    background: linear-gradient(135deg, #D9EEF0 0%, #D9EEF0 100%);
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0;
    border: 1px solid #1d8a9c;
    text-align: center;
}

.security-badges p {
    font-size: 14px;
    font-weight: 600;
    color: #1d8a9c;
    margin: 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Quote section */
.motivational-quote {
    background: linear-gradient(135deg, #1B141A 0%, #2c1e25 100%);
    color: white;
    padding: 25px;
    border-radius: 10px;
    margin: 25px 0;
    text-align: center;
    position: relative;
}

.motivational-quote::before {
    content: '"';
    font-size: 60px;
    font-family: serif;
    color: rgba(255,255,255,0.2);
    position: absolute;
    top: -10px;
    left: 20px;
}

.motivational-quote p {
    font-style: italic;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    position: relative;
    z-index: 2;
}

/* Final CTA */
.final-cta-text {
    font-family: var(--font-heading);
    font-size: 38px;
    text-align: center;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: -2px;
    margin: 60px 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

/* Botão especial final */
.final-cta-btn {
    background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ff6b35 100%) !important;
    border: none !important;
    font-family: var(--font-heading) !important;
    font-size: 22px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: var(--spacing-xl) var(--spacing-xxl) !important;
    border-radius: var(--border-radius-md) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.4) !important;
    animation: mega-pulse 2.5s ease-in-out infinite !important;
    z-index: 1 !important;
}

.final-cta-btn::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ff6b35, #f7931e, #ff6b35, #f7931e);
    background-size: 400% 400%;
    border-radius: var(--border-radius-md);
    z-index: -1;
    animation: gradient-shift 3s ease infinite;
}

.final-cta-btn::after {
    content: '';
    position: absolute;
    right: var(--spacing-lg);
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23fcfcfc' viewBox='0 0 256 256'%3E%3Cpath d='M184,120v61.65a8,8,0,0,1-2.34,5.65l-34.35,34.35a8,8,0,0,1-13.57-4.53L128,176ZM136,72H74.35a8,8,0,0,0-5.65,2.34L34.35,108.69a8,8,0,0,0,4.53,13.57L80,128ZM40,216c37.65,0,50.69-19.69,54.56-28.18L68.18,161.44C59.69,165.31,40,178.35,40,216Z' opacity='0.2'/%3E%3Cpath d='M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: rocket-bounce 2s ease-in-out infinite;
}

.final-cta-btn:hover {
    transform: translateY(-5px) scale(1.03) !important;
    box-shadow: 0 15px 45px rgba(255, 107, 53, 0.6) !important;
    background: linear-gradient(135deg, #ff5722 0%, #f57c00 50%, #ff5722 100%) !important;
    color: white !important;
    text-decoration: none !important;
}

.final-cta-btn:active {
    transform: translateY(-2px) scale(1.01) !important;
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.5) !important;
}

@keyframes mega-pulse {
    0% { 
        transform: scale(1);
        box-shadow: 0 8px 32px rgba(255, 107, 53, 0.4);
    }
    50% { 
        transform: scale(1.05);
        box-shadow: 0 12px 40px rgba(255, 107, 53, 0.6);
    }
    100% { 
        transform: scale(1);
        box-shadow: 0 8px 32px rgba(255, 107, 53, 0.4);
    }
}

@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes rocket-bounce {
    0%, 100% { transform: translateY(-50%) translateX(0px); }
    50% { transform: translateY(-50%) translateX(3px); }
}

/* Efeitos para botões de compra */
.btn-danger.btn-lg {
    animation: pulse-button 2s ease-in-out infinite;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.btn-danger.btn-lg::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.btn-danger.btn-lg:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

/* Hovers específicos para cada plano */
.plan-starter .btn-danger.btn-lg:hover {
    background: linear-gradient(135deg, #158a9c 0%, #0f6b75 100%);
    border-color: #0f6b75;
}

.plan-starter .btn-danger.btn-lg:active {
    background: linear-gradient(135deg, #0f6b75 0%, #0a5862 100%);
    border-color: #0a5862;
}

.plan-professional .btn-danger.btn-lg:hover {
    background: linear-gradient(135deg, #a83232 0%, #8b2a2a 100%);
    border-color: #8b2a2a;
}

.plan-professional .btn-danger.btn-lg:active {
    background: linear-gradient(135deg, #8b2a2a 0%, #722323 100%);
    border-color: #722323;
}

.plan-premium .btn-danger.btn-lg:hover {
    background: linear-gradient(135deg, #5a3a9e 0%, #4a2f82 100%);
    border-color: #4a2f82;
}

.plan-premium .btn-danger.btn-lg:active {
    background: linear-gradient(135deg, #4a2f82 0%, #3d2669 100%);
    border-color: #3d2669;
}

.btn-danger.btn-lg:hover::before {
    left: 100%;
}

.btn-danger.btn-lg:active {
    transform: translateY(-1px) scale(1.01);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

@keyframes pulse-button {
    0% { 
        transform: scale(1);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    }
    50% { 
        transform: scale(1.03);
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
    }
    100% { 
        transform: scale(1);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    }
}

/* Efeito especial para ícones dos botões */
.btn-danger.btn-lg .arrow-circle {
    display: inline-block;
    transition: all 0.3s ease;
    margin-right: 8px;
}

.btn-danger.btn-lg:hover .arrow-circle {
    transform: scale(1.2) rotate(5deg);
}

/* FAQ Accordion Styles - Sobrescrevendo Bootstrap */
.panel-group {
    margin-bottom: var(--spacing-xxl) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.panel-group .panel {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #e8e8e8 !important;
}

.panel-group .panel:last-child {
    border-bottom: none !important;
}

.panel-group .panel-heading {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
    border: none !important;
    padding: 0 !important;
    position: relative;
    border-radius: 0 !important;
}

.panel-group .panel-title {
    margin: 0 !important;
    font-size: 18px !important;
    color: inherit !important;
}

.panel-group .panel-title a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: var(--spacing-lg) 0 !important;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    position: relative;
    transition: color 0.3s ease;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    width: 100% !important;
}

.panel-group .panel-title a::after {
    content: '\f105' !important;
    font-family: 'FontAwesome' !important;
    font-size: 18px !important;
    font-weight: normal !important;
    color: var(--color-primary) !important;
    transition: all 0.3s ease !important;
    transform: rotate(0deg) !important;
    margin-left: var(--spacing-md) !important;
    float: none !important;
}

.panel-group .panel-title a[aria-expanded="true"]::after {
    content: '\f107' !important;
    transform: rotate(0deg) !important;
}

.panel-group .panel-title a:hover,
.panel-group .panel-title a:focus {
    color: var(--color-primary) !important;
    text-decoration: none !important;
    background: transparent !important;
    outline: none !important;
}

.panel-group .panel-collapse {
    border-top: none !important;
    border: none !important;
    background: transparent !important;
}

.panel-group .panel-body {
    padding: 10px 0 40px 0 !important;
    color: var(--text-muted) !important;
    line-height: 1.6 !important;
    font-size: 16px !important;
    background: transparent !important;
    border: none !important;
}

.panel-group .panel-body strong {
    color: var(--text-secondary) !important;
    font-weight: 600 !important;
}

/* Animação suave para abertura */
.panel-group .panel-collapse.collapsing {
    transition: height 0.35s ease !important;
}

.panel-group .panel-collapse.in {
    overflow: visible !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .panel-group .panel-title {
        font-size: 16px !important;
    }
    
    .panel-group .panel-title a {
        padding: var(--spacing-md) 0 !important;
    }
    
    .panel-group .panel-body {
        font-size: 15px !important;
        padding-bottom: var(--spacing-md) !important;
    }
    
    .panel-group .panel-title a::after {
        font-size: 20px !important;
    }
}

/* =================================
   MEDIA QUERIES - RESPONSIVIDADE
   ================================= */

@media (max-width: 768px) {
    /* Headlines e tipografia */
    .main-headline {
        font-size: 32px;
    }
    .sub-headline {
        font-size: 18px;
    }
    .comparison-title,
    .bonus-title,
    .guarantee-title {
        font-size: 28px;
    }
    .objections-title {
        font-size: 26px;
    }
    .choice-header {
        font-size: 20px;
    }
    .final-cta-text {
        font-size: 22px;
    }
    
    /* Layout e espaçamento */
    .sales-letter {
        padding: var(--spacing-xxl) var(--spacing-lg);
    }
    .col-md-8 {
        width: 100%;
    }
    
    /* Grids responsivos */
    .features-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }
    .bonus-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    .guarantee-list {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    .choice-comparison {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }
    
    /* Cards e seções */
    .feature-card,
    .bonus-card,
    .choice-option {
        padding: var(--spacing-lg);
    }
    .guarantee-item {
        padding: var(--spacing-md);
    }
    
    /* Seções principais */
    .pricing-comparison,
    .bonus-section,
    .guarantee-section,
    .objections-section,
    .last-chance-text,
    .ps-notes,
    .motivational-quote,
    .final-call {
        padding: var(--spacing-xxl) var(--spacing-lg);
    }
    
    /* Headers flexíveis */
    .bonus-header {
        flex-direction: column;
        text-align: center;
        gap: var(--spacing-sm);
    }
    
    /* Items de breakdown */
    .breakdown-item {
        flex-direction: column;
        text-align: center;
        gap: var(--spacing-xs);
    }
    
    /* Badge reposicionado */
    .guarantee-badge {
        position: static;
        display: inline-block;
        margin-bottom: var(--spacing-lg);
    }
    
    /* Textos responsivos */
    .last-chance-text p {
        font-size: 16px;
    }
    .last-chance-text p:nth-child(4) {
        font-size: 20px;
    }
    .ps-notes p {
        font-size: 14px;
    }
    .security-badges p {
        font-size: 13px;
    }
    .motivational-quote p {
        font-size: 15px;
    }
    .final-call p {
        font-size: 16px;
    }
}

/* Efeito Polaroid para imagem */
.polaroid {
    background: #fff;
    padding: 10px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.3), 
                0 0 20px rgba(0,0,0,0.1);
    transform: rotate(-2deg);
    transition: all 0.3s ease;
    border-radius: 3px;
    position: relative;
    display: inline-block;
}

.polaroid:hover {
    transform: rotate(0deg) scale(1.05);
    box-shadow: 0 15px 30px rgba(0,0,0,0.4),
                0 0 30px rgba(0,0,0,0.15);
}

.polaroid::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 10%;
    right: 10%;
    height: 10px;
    background: rgba(0,0,0,0.2);
    border-radius: 50%;
    filter: blur(5px);
    z-index: -1;
}