@charset "UTF-8";
html { scroll-behavior: smooth;}
* {margin:0px;padding:0px; box-sizing: border-box;border: 0 none;outline: 0;font-family: "Quicksand", sans-serif;}
img {max-width: 100%;height: auto;}
li {list-style: none;}
body {background:#131313;}
h1, h2, h3, h4, h5, h6, a {font-family:  "Inter", sans-serif;padding: 0px;margin:0px;color:#f6f6f6;font-weight: 700;}
h1, h2 {letter-spacing: -2px;}
h2 {text-align: center;}
p {line-height: 1.8em;letter-spacing: -0.2px; font-size: 1em;color:#f6f6f6;margin-bottom: 15px;text-align: left;}
.bt_buy {padding:25px 5px;border-radius: 15px;background-color: #63C360;font-size:1.2em;color:#ffffff;text-decoration: none;display: block;font-weight: 700;letter-spacing: -0.7px;transition-duration: 0.3s;text-align: center;width: 100%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);}
.bt_buy:hover {background-color: #333333;transition-duration: 0.3s;}
.bt_align {margin:0px auto;text-align: center;max-width: 500px;}
.clear {clear: both;}
.space {display: block;height: 20px;}
.highlight {text-decoration: underline #713fff 5px;font-weight: 900;}
.color {color:#f7e19e;font-weight: 700;font-family:  "Inter", sans-serif;}
.align-div {max-width: 1200px;margin:0px auto;padding:15px;}
.align-div-2 {max-width: 900px;margin:0px auto;padding:15px;}
.align-div-3 {max-width: 700px;margin:0px auto;padding:15px;}
#bonus, #hook, #steps, #future {text-align: center;}
li {font-size:1em;color:#131313;font-family: "Quicksand", sans-serif;line-height: 1.8em;letter-spacing: -0.2px;}
.align-center {text-align: center;}
.hidden {display: none;} 

#warning {background: red;padding:10px;text-align: center;}
#warning h5 {font-size:1.1em;color:#fff;font-weight: 300;}
#warning strong {font: 1.1em;font-weight: 700;}

#header {background:url("../agathon_images/header.webp") top right no-repeat #131313;padding:150px 15px;background-position: center center; background-repeat: no-repeat;background-size: cover;}
#header-left {max-width: 45%;}
#header img {margin-bottom: 15px;}
#header h6 {font-size: 1em;line-height: 1.7em;font-weight: 400;margin-bottom: 5px;text-align: left;font-family: "Quicksand", sans-serif;letter-spacing: 0px;}
#header h1 {font-size: 3em;line-height: 1.1em;margin-bottom: 10px;text-align: left;}
#header h2 {font-size: 1.1em;line-height: 1.5em;font-weight: 400;margin-bottom: 15px;text-align: left;font-family: "Quicksand", sans-serif;letter-spacing: 0px;}

#pain, #call {margin: 0px auto;padding:75px 15px 125px 15px;}
#pain h2 {font-size:2.4em;line-height: 1.2em;margin-bottom: 10px;text-align: center;}
#pain h3 {font-size:1.2em;line-height: 1.5em;color:#f6f6f6;text-align: center;font-weight: 300;}

#hook {padding:25px 15px 75px 15px;}
#hook h4 {font-size:1.3em;line-height: 1.1em;margin-bottom:0px !important;font-weight: 300;}
#hook h2 {font-size:2.9em;line-height: 1.2em;margin-bottom: 25px;color:#f7e19e;}
#hook-photo {width: 60%;float: left;}
#hook-content {width: 38%;float: right;text-align: left;}
#hook-content h3 {text-align: left;margin-bottom: 15px;font-size: 1.4em;line-height: 1.4em;}

#change {text-align: center;padding:50px 15px 50px 15px;}
#change h3 {font-size:1.2em;line-height: 1.5em;margin-bottom: 5px;color:#f6f6f6;font-weight: 500;}
#change h2 {font-size:2.8em;line-height: 1.1em;margin-bottom: 15px;color:#f6f6f6;}
.change-text {margin: 0px auto; max-width: 600px;}

#change li {display: block;float: left;padding:2%;max-width:29%;text-align: center;border-radius: 15px;margin:2%;border:1px solid #333333;}
#change h4 {font-size: 1.6em;line-height: 1.4em;margin-bottom:1px;color:#f6f6f6;font-weight: 700;text-align: center;}
#change h5 {font-size: 1em;line-height: 1.5em;color:#f6f6f6;font-weight: 300;text-align: center;font-style: italic;margin-bottom: 10px;}
#change p {font-size: 1em;color:#f6f6f6;text-align: left;}
.change-text p {text-align: center !important;}
#change ol {line-height: 1.8em;letter-spacing: -0.2px;font-size: 0.9em;color:#f6f6f6;margin-bottom: 15px;text-align: left;font-family: "Quicksand", sans-serif;background:url("../agathon_images/ico-register-yes.png") no-repeat 0px 7px;padding-left: 25px;}

#foryou {padding:25px 15px 75px 15px;}
#foryou h4 {font-size:1.3em;line-height: 1.1em;margin-bottom:0px !important;font-weight: 300;text-align: center;}
#foryou h2 {font-size:2.9em;line-height: 1.2em;margin-bottom: 25px;color:#f7e19e;}
#foryou-photo {width: 48%;float: left;}
#foryou-content {width: 48%;float: right;text-align: left;}
#foryou-content h3 {text-align: left;margin-bottom: 15px;font-size: 1.5em;line-height: 1.4em;}

#reviews-02 {background: #fffffff;text-align: center;padding:25px 15px 50px 15px;}
#reviews-02 h2 {font-size:2.8em;line-height: 1.1em;margin-bottom: 10px;}
#reviews-02 h3 {font-size:1.1em;line-height: 1.5em;margin-bottom: 15px;color:#131313;font-weight: 400;}
.reviews-box li {padding:2%;max-width: 33%;float: left;display: block;}
.reviews-box li img {border-radius: 15px;}

#theplan {padding:75px 0px;background: #270b76;}
#theplan h2 {color: #713fff;text-align: center;font-size: 3em;line-height: 1.1em;margin-bottom: 10px;}
#theplan h3 {font-size:1.1em;color:#ffffff;text-align: center;font-weight: 400;margin-bottom: 50px;}
#theplan-photo {display: block;width: 45%;float: left;}
#theplan-box {display: block;width: 45%;float: right;}
#theplan p {color: #ffffff;margin-bottom: 15px;}
#theplan h6 {color:#713fff;font-weight: 500;font-size: 1.1em;}
#theplan h5 {font-size:1.3em;color:#ffffff;margin-bottom: 5px;text-align: left;font-weight: 700;}
#theplan ul {display: block;}
#theplan li {background:url("../Images/ico-bullet.webp") no-repeat 0px 3px;text-align: left;font-family: "Quicksand", sans-serif;letter-spacing: -0.2px;color:#ffffff;margin-bottom: 10px;padding-left: 25px;}

.content-card {display: flex;border-radius: 15px;overflow: hidden;background-color: #232323;margin: 0 auto;margin-bottom: 25px;}
#content h2 {color: #f6f6f6;text-align: center;font-size: 2.6em;line-height: 1.1em;margin-bottom: 25px;}
.content-expand {padding:30px;flex: 1;color: white;background-color: #232323;display: flex;flex-direction: column;justify-content: center;}
#content h3 {font-size: 1.3em;font-weight: 400;margin-bottom: 10px;color: #f6f6f6;text-align: left;line-height: 1.4em;}
.content-content p {color: #f6f6f6;max-width: 90%;}
.content-image {flex: 1;}
.content-image img {width: 100%;height: 100%;object-fit: cover;display: block;}

#masterclasses {text-align: center;padding:50px 15px 50px 15px;}
#masterclasses h2 {font-size:3.8em;line-height: 1.1em;margin-bottom: 10px;}
#masterclasses h3 {font-size:1.1em;line-height: 1.5em;margin-bottom: 15px;color:#f6f6f6;font-weight: 400;}
#masterclasses li {padding:2%;max-width: 20%;float: left;display: block;}
#masterclasses li img {border-radius: 15px;}

#call h2 {font-size:4em;line-height: 1.2em;margin-bottom: 10px;text-align: center;}
#call h3 {font-size:1.2em;line-height: 1.5em;color:#f6f6f6;text-align: center;font-weight: 300;}
#call p {text-align: center;font-weight: 300;}

#real-benefits {padding: 75px 15px;}
#real-benefits .div_intern {background: #f6f6f6;border-radius: 15px;padding:50px 25px;}
#real-benefits-box {background: #f6f6f6;}
#real-benefits h2 {font-size:2.5em;line-height: 1.1em;margin-bottom: 25px;text-align: center;color: #131313;}
#real-benefits h6 {font-size:1.1em;color:#131313;text-align: center;font-weight: 400;margin-bottom:0px;}
.options {display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;margin-bottom: 24px;}
.option {border: 2px dashed #131313;border-radius: 40px;padding: 12px 20px;display: flex;align-items: center;gap: 10px;cursor: pointer;transition: all 0.3s ease;font-family: "Inter", sans-serif;color:#131313;font-size: 1em;letter-spacing: -0.5px;}
.circle {width: 16px;height: 16px;border: 2px solid #63C360;border-radius: 50%;}
.circle {width: 16px;height: 16px;border: 2px solid #63C360;border-radius: 50%;}


#register {padding:75px 15px;text-align: center;}
#register h2 {font-size:3em;line-height: 1em;margin-bottom: 10px;}
#register h5 {line-height: 1.4em;color: #f6f6f6;font-size: 1em;margin-bottom: 50px;text-align: center;font-weight: 700;}
.register-pricing-table {display: flex;gap: 60px;margin: 0px auto;justify-content: center;}
.register-card {background: #232323;padding: 25px;border: 2px solid #333;width: 400px;flex: 0 0 auto;border-radius: 15px;}
.register-sign {display: block;text-align: center;font-size: 1em;font-family:  "Inter", sans-serif;line-height: 1.2em;font-weight: 300;color:#f6f6f6;}
.register-sub-sign {display: block;text-align: center;font-size: 2.5em;font-family:  "Inter", sans-serif;font-weight: 800;line-height: 1em;color:#f6f6f6;margin-bottom: 10px;}
.price {display: flex;justify-content: center;align-items: flex-start;gap:0px;margin-bottom: 5px;}
.register-currency {padding-top: 5px; font-size: 1rem;margin-right: 5px;line-height: 1.1em;color:#f6f6f6;font-family:  "Inter", sans-serif;}
.register-price {display: block;text-align: center;font-size: 2.8em;font-family:  "Inter", sans-serif;line-height: 1em;margin-bottom: 5px;color:#f6f6f6;font-weight: 700;}
.desconto {font-size: 1rem;margin-right: 5px;line-height: 1.1em;color:#f6f6f6;font-family:  "Inter", sans-serif;margin-bottom: 25px;padding-bottom: 20px;}


.register-yes {background:url("../agathon_images/ico-register-yes.png") no-repeat 0px 12px;}
.register-no {background:url("../agathon_images/ico-register-no.png") no-repeat 0px 12px;}
.card-highlight {box-shadow: 0 0 10px rgba(230, 210, 130, 0.6);}
.register-card li {text-align: left;font-family: "Quicksand", sans-serif;line-height: 2em;letter-spacing: -0.2px; font-size: 0.9em;color:#f6f6f6;list-style:none;padding-left: 23px;padding-top:5px;padding-bottom:5px;border-bottom: 1px dotted #131313;}
#register h4 {margin-top: 10px; line-height: 1.4em;color: #f6f6f6;font-size: 1.3em;margin-bottom: 10px;font-weight: 700;text-align: center;}
.price {display: flex;align-items: flex-start;}
.bt_buy_giant {margin: 0px auto; padding:15px 10px;border-radius: 15px;background-color: #63C360;font-size:1.2em;color:#ffffff;text-decoration: none;display: block;font-weight: 700;letter-spacing: -0.7px;text-align: center;width: 100%;border:1px solid #276b25;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);transition-duration: 0.3s;}
.bt_buy_giant:hover {background-color: #131313;transition-duration: 0.3s;}

#benefits {margin:0px auto;margin-top: 50px;max-width: 700px;}
#benefits li {float: left;width:25%;text-align: center;display: block;}
#benefits li img {margin-bottom: 5px;max-width: 40px;}
#benefits li h6 {line-height: 1.3em;color: #f6f6f6;display: block;font-size: 0.9em;text-align: center;font-weight: 400;}

#guarantee {padding:0px 15px 75px 15px;text-align: center;}
#guarantee-photo {width: 25%;float: left;margin-bottom:15px;}
#guarantee-box {margin: 0px auto;z-index: 1;width: 70%;float: right;}
#guarantee h5 {font-size:1.2em;line-height: 1.4em;margin-bottom: 5px;color:#cccccc;font-weight: 600px;text-align: left;}
#guarantee p {text-align: left;}

#aboutus {padding:75px 15px;}
#aboutus-bio {width: 48%;float: left;}
#aboutus-foto {width: 48%;float: right;padding-top: 25px;margin-bottom:15px;}
#aboutus-foto img {border-radius: 15px;}
#aboutus-bio h3 {font-size:2.2em;line-height: 1.2em;margin-bottom: 10px;text-align: left}
#aboutus-bio h6 {font-size:1.1em;line-height: 1.6em;margin-bottom: 15px;text-align: left;color: #f7e19e;}

#faq {padding:75px 15px;}
#faq-box {max-width: 900px;margin:0px auto;}
#faq h2 {font-size:3em;line-height: 1.1em;margin-bottom: 10px;text-align: center;color:#f6f6f6;}
.faq-question {background:url("../agathon_images/ico-faq.webp") no-repeat 10px center;cursor: pointer;outline: none;transition: 0.4s;padding:15px 15px 15px 36px;background-color: #232323;margin-bottom: 10px;border-radius: 15px;}
.faq-question:hover {background-color: #343434;transition: 0.4s;}
.faq-question p {margin-bottom: 0px;font-weight: 800;color:#f6f6f6;}
.faq-answer {padding:15px 15px 15px 36px;margin-bottom: 10px;display: none;overflow: hidden;transition: 0.4s;}

footer {text-align: center;padding:75px 0px 75px 0px;border-top: 1px solid #111111;}
address  {font-size: 0.9em;text-align: center;line-height: 1.8em;margin-bottom: 15px;font-style: normal;color:#eeeeee;}
footer p {font-size: 0.7em;text-align: center;line-height: 2.2em;color:#eeeeee;}
footer img {margin-bottom: 15px;margin-top: 25px;}


@media only screen and (max-width: 800px) {
	#aboutus-bio {width: 100%;float: none;}
	#aboutus-foto {width: 100%;float: none;text-align: center;}
}
@media only screen and (max-width: 600px) {
    #warning h5 {font-size:1em;color:#fff;font-weight: 300;}
    #warning strong {font: 1em;}
    #header {background:url("../agathon_images/header-mob.webp") top center no-repeat;padding:350px 15px 50px 15px;}
    #header-left {max-width: 100%;text-align: center;}
    #header h1 {font-size: 2.3em;line-height: 1.1em;text-align: center;}
    #header h6, #header h2 {text-align: center;}
    .align-div {max-width: 100%;margin:0px auto;padding:15px;}
    .align-div-2 {max-width: 100%;margin:0px auto;padding:15px;}
    .align-div-3 {max-width: 100%;margin:0px auto;padding:15px;}
    #pain {padding:50px 15px 50px 15px;}
    #pain h2 {font-size:2em;line-height: 1.1em;}
    #pain h3 {font-size:1.1em;line-height: 1.5em;}
    #foryou-photo {width: 100%;float: none;}
    #foryou-content {width: 100%;float: none;}
    #hook-photo {width: 100%;float: none;}
    #hook-content {width: 100%;float: none;}
    .reviews-box li {padding:2%;max-width: 46%;}
	#benefits li {float: left;width:50%;padding:10px;}
    #masterclasses h2 {font-size:2.3em;line-height: 1.1em;margin-bottom: 10px;}
    #real-benefits h2, #reviews-01 h2, #hook h2, #steps h2, #reviews-02 h2, #faq h2, #bonus h2, #theplan h2 {font-size:2em;line-height: 1.2em;}
    #register-box {padding:20px;}
    #register h2 {font-size: 2.5em;}
    .register-pricing-table {flex-direction: column;align-items: center;}
    .register-card {width: 100%; /* ou 100%, ou o que fizer sentido visualmente */
    max-width: 100%;}
    #faq {padding:25px 15px 75px 15px;}
    #masterclasses li {padding:2%;max-width: 48%;float: left;display: block;}
    #real-benefits ul li {display: block;float: left;width:98%;margin:1%;}
    #real-benefits ul {padding:25px;display: block;float: none;width: 100%;}
    #change li {float: none;padding:2%;max-width:100%;}
    #real-benefits ul li {display: block;float: left;width:98%;margin:1%;}
    #real-benefits ul {padding:25px;display: block;float: none;width: 100%;}
}