:root {
    --cf-blue: #324673;
    --cf-orange: #f39c12;
    --cf-orange-dark: #f26e35;
    --cf-orange-light: #ff874f;
    --cf-dark: #2a2a2a;
    --cf-bg: #f5f7fb;
    --cf-muted: #53535f;
    --cf-white: #fff;
    --cf-text: #333;
    --cf-shadow-light: rgba(0,0,0,.06);
    --cf-shadow-medium: rgba(0,0,0,.12);
    --cf-shadow-very-light: rgba(0,0,0,.04);
    --cf-blue-alpha-light: rgba(50, 70, 115, 0.06);
    --cf-orange-alpha-light: rgba(242, 110, 53, 0.08);
}

.thankyou-page { background: var(--cf-bg); min-height: 100vh; }
.thankyou { padding:0; }
.agradecimento-hero { position: relative; padding: 60px 0 0; }
.container-hero { width:100%; padding:0 20px; margin:0 auto; max-width:1180px; }
.agradecimento-hero__layout { display:flex; flex-direction:column; max-width:100%; margin:0; }
.agradecimento-hero__intro { flex-direction:column; align-items:center; margin-top:0; }
.agradecimento-hero__intro h1 { font-size:70px; line-height:1.2; margin-bottom:16px; }
.agradecimento-hero__content { display:flex; flex-direction:column; gap:20px; padding-top:20px; }
.agradecimento-hero__media { text-align:center; display:flex; justify-content:center; margin-left:0; margin-top:0; }
.agradecimento-hero__icon { width:650px; max-width:100%; height:auto; flex-shrink:0; margin-top:0; margin-left:0; }
p { font-size:16px; line-height:30px; color:var(--cf-text); margin-top:0; }
.tag { padding:5px 16px; border-radius:15px; background:linear-gradient(90deg, var(--cf-orange-dark), var(--cf-orange-light)); color:var(--cf-white); text-transform:uppercase; font-size:12px; font-weight:600; letter-spacing:.4px; }
.tag-light { background: linear-gradient(90deg, var(--cf-orange-dark), var(--cf-orange-light)); color: var(--cf-white); }
.lead { font-size:18px; color:var(--cf-muted); line-height:1.7; }
.agradecimento-incentivo-section { padding: 0 0 40px; }
.agradecimento-cliente-logado { padding: 0 0 40px; }
.agradecimento-incentivo {
    background: linear-gradient(135deg, #fff 0%, #f0f4ff 100%);
    border-radius: 28px;
    padding: 32px 28px;
    box-shadow: 0 12px 40px var(--cf-shadow-light);
    border: 1px solid rgba(50, 70, 115, 0.12);
}
.agradecimento-incentivo--painel { text-align: center; }
.agradecimento-incentivo h2 { margin: 12px 0 16px; font-size: 26px; color: var(--cf-dark); }
.agradecimento-incentivo__lead { margin: 0 0 16px; font-size: 17px; color: var(--cf-muted); }
.agradecimento-incentivo__beneficios {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    color: var(--cf-muted);
    line-height: 1.7;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 100%;
}
.agradecimento-incentivo__beneficios li {
    display: block;
    width: 100%;
    padding-left: 28px;
    position: relative;
    margin: 0;
}
.agradecimento-incentivo__beneficios li::before { content: "✓"; position: absolute; left: 0; color: var(--cf-orange); font-weight: 700; }
.agradecimento-incentivo__acoes { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.agradecimento-incentivo__btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 14px 22px; border-radius: 999px; font-weight: 600; font-size: 15px;
    text-decoration: none; border: none; cursor: pointer; transition: transform .2s, box-shadow .2s;
}
.agradecimento-incentivo__btn--primary { background: linear-gradient(90deg, var(--cf-orange-dark), var(--cf-orange-light)); color: var(--cf-white); }
.agradecimento-incentivo__btn--secondary { background: var(--cf-blue); color: var(--cf-white); }
.agradecimento-incentivo__btn--ghost { background: transparent; color: var(--cf-muted); box-shadow: inset 0 0 0 1px rgba(50, 70, 115, 0.2); }
.agradecimento-incentivo__btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px var(--cf-shadow-medium); color: inherit; }
.agradecimento-incentivo__btn--primary:hover,
.agradecimento-incentivo__btn--secondary:hover { color: var(--cf-white); }
@media (max-width:575px) {
    .agradecimento-incentivo { padding: 24px 20px; }
    .agradecimento-incentivo h2 { font-size: 22px; }
    .agradecimento-incentivo__acoes { flex-direction: column; align-items: stretch; }
}
.agradecimento-status { padding:0 0 60px; }
.container-status { width:100%; padding:0 20px; margin:0 auto; max-width:1180px; }
.agradecimento-card { border-radius:28px; padding:0; }
.agradecimento-steps { display:grid; grid-template-columns:1fr; gap:18px; margin:0; list-style:none; margin-top:20px; }
.agradecimento-step { display:flex; gap:16px; background:var(--cf-white); border-radius:22px; padding:20px 22px; box-shadow:0 8px 26px var(--cf-shadow-light); transition: transform .2s ease, box-shadow .2s ease; position: relative; overflow:hidden; }
.agradecimento-step::after { content:""; position:absolute; inset:0; border-radius:22px; background: linear-gradient(120deg, var(--cf-blue-alpha-light), var(--cf-orange-alpha-light)); opacity:0; transition:opacity .2s ease; pointer-events:none; }
.agradecimento-step:hover { transform: translateY(-4px); box-shadow:0 16px 32px var(--cf-shadow-medium); }
.agradecimento-step:hover::after { opacity:1; }
.agradecimento-step:hover .agradecimento-step__number { background: var(--cf-orange); }
.agradecimento-step__number { display:inline-flex; flex-shrink:0; width:36px; height:36px; border-radius:50%; align-items:center; justify-content:center; background:var(--cf-blue); color:var(--cf-white); font-weight:700; font-size:18px; margin-top:30px; transition: background .3s ease; }
.agradecimento-step h4 { margin:0 0 10px; font-size:18px; color:var(--cf-dark); font-weight:600; }
.agradecimento-step p { margin:0; color:var(--cf-muted); line-height:1.5; }
.agradecimento-panels { padding:0 0 60px; }
.container-panels, .container-channels { width:100%; padding:0 20px; margin:0 auto; max-width:1180px; }
.agradecimento-channels { padding:0 0 60px; }
.section-head, .agradecimento-card__head { max-width:100%; margin:0 auto 0; padding:0; }
.section-head h2, .agradecimento-card__head h2 { margin:16px 0 0; font-size:25px; color:var(--cf-text); }
.section-head p { font-size:17px; color:var(--cf-text); line-height:1.6; }
.panels-grid { display:grid; gap:20px; padding:0; margin-top:20px !important; }
.panel-card { background:var(--cf-white); border-radius:28px; padding:24px 22px; display:flex; flex-direction:column; gap:10px; transition: transform .2s, box-shadow .2s; }
.panel-card h3 { margin:0 0 4px; font-size:20px; color:var(--cf-dark); text-align:center; }
.panel-card ul { margin:8px 0 0; padding-left:0; line-height:1.8; color:var(--cf-muted); list-style:none; }
.panel-card ul li { margin-bottom:8px; padding-left:24px; position:relative; font-size:15px; }
.panel-card ul li::before { content: "•"; position:absolute; left:0; color:var(--cf-orange); font-weight:bold; font-size:18px; }
.pill { display:inline-flex; align-items:center; padding:6px 6px; border-radius:999px; background:var(--cf-shadow-very-light); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.4px; color:var(--cf-muted); width:170px; }
.channels-grid { display:grid; grid-template-columns:1fr; gap:20px; margin-top:20px; }
.channel-link-card { background:var(--cf-white); padding:15px 15px; display:flex; flex-direction:column; align-items:center; text-align:center; text-decoration:none; transition: all .3s ease; position:relative; overflow:hidden; border-radius:20px; }
.channel-icon { font-size:48px; margin-bottom:16px; transition: transform .3s ease; position:relative; z-index:1; }
.channel-cta { display:inline-flex; align-items:center; font-size:14px; font-weight:600; color:#324673; transition: all .3s ease; position:relative; z-index:1; }
@media (max-width:575px) {
    .agradecimento-hero { padding:40px 0 0; }
    .agradecimento-hero__content{ padding-top:55px;}
    .agradecimento-hero__intro h1{font-size:36px; text-align:left; margin-top:15px;}
    .agradecimento-hero__icon{width:100%; max-width:320px; margin:0;}
    .agradecimento-status{padding:0 0 40px;}
    .agradecimento-panels{padding:0 0 40px;}
    .agradecimento-channels{padding:0 0 40px;}
    .agradecimento-steps{grid-template-columns:1fr;padding:0;}
    .agradecimento-step{padding:24px 20px;}
    .agradecimento-card__head h2{font-size:22px;margin-bottom:20px;}
    .channels-grid{grid-template-columns:1fr;}
    .channel-link-card{padding:24px 20px;}
    .agradecimento-status__wrapper{padding:0;}
    .panel-card{padding:24px 20px;}
    .panels-grid{gap:16px;padding:0;}
    .lead{font-size:16px;}
}
@media (min-width:576px) and (max-width:767px) {
    .container-hero, .container-status, .container-panels, .container-channels{padding:0 30px;}
    .agradecimento-hero{padding:50px 0 0;}
    .agradecimento-hero__content{padding-top:55px;}
    .agradecimento-hero__intro h1{font-size:48px;text-align:left;margin-top:15px;}
    .agradecimento-hero__layout{flex-direction:column;}
    .agradecimento-hero__icon{width:100%; max-width:400px; margin:0;}
    .agradecimento-status{padding:0 0 40px;}
    .agradecimento-panels{padding:0 0 40px;}
    .agradecimento-channels{padding:0 0 40px;}
    .agradecimento-steps{grid-template-columns:repeat(2, minmax(0,1fr));padding:0;}
    .agradecimento-step{padding:24px 20px;}
    .agradecimento-card__head h2{font-size:22px;margin-bottom:20px;}
    .channels-grid{grid-template-columns:1fr;}
    .channel-link-card{padding:24px 20px;}
    .panel-card{padding:24px 20px;}
    .panels-grid{gap:16px;padding:0; grid-template-columns:repeat(2,1fr);}
    .agradecimento-status__wrapper{padding:0;}
    .lead{font-size:16px;}
}
@media (min-width:992px) and (max-width:1199px) {
    .container-hero, .container-status, .container-panels, .container-channels{padding:0 35px;}
    .agradecimento-hero__layout{flex-direction:row; align-items:center; justify-content:space-between; gap:16px;}
    .agradecimento-hero__content{flex:0 0 60%; max-width:60%;}
    .agradecimento-hero__media{flex:0 0 40%; max-width:40%;}
    .agradecimento-hero__icon{width:100%;}
    .agradecimento-steps{grid-template-columns:repeat(3, minmax(0,1fr));}
    .agradecimento-panels .panels-grid{grid-template-columns:repeat(3,1fr); max-width:1180px; margin:0 auto; padding:0; gap:20px;}
    .channels-grid{grid-template-columns:repeat(3,1fr);}
}
@media (min-width:1200px) {
    .container-hero, .container-status, .container-panels, .container-channels{padding:0 40px;}
    .agradecimento-hero__layout{flex-direction:row; align-items:center; justify-content:space-between; gap:24px;}
    .agradecimento-hero__content{flex:0 0 60%; max-width:60%;}
    .agradecimento-hero__media{flex:0 0 40%; max-width:40%;}
    .agradecimento-hero__icon{width:100%;}
    .agradecimento-steps{grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;}
    .agradecimento-panels .panels-grid{grid-template-columns:repeat(3,1fr); max-width:1180px; margin:0 auto; padding:0; gap:24px;}
    .channels-grid{grid-template-columns:repeat(3,1fr);}
}