@font-face { font-family: 'COCOGOOSE';}
body { 
font-family: 'COCOGOOSE';background-color:#111010; ;

background-image: url("https://tchauchule.minoli.com.br/images/bg.jpg");
background-position:center!important;background-size:cover!important;
background-positionX: bottom center;
background-sizeX: 100%;
background-repeatX: no-repeat;
}

.bg-marrom { background-color: #33250C!important;}
.marrom { color: #33250C!important;}
.bg-laranja { background-color: #dd4d26!important;}
.laranja { color: #dd4d26!important;}
.bg-bege { background-color: #FEDCA6!important;}
.bege { color: #FEDCA6!important; }

:root{
  --marrom:#33250C;   /* Marrom */
  --amarelo:#FFDD00;   /* Marrom */
  --laranja:#dd4d26;  /* Laranja */
  --bege:#F3E6D7;     /* Bege (ajustado — troque aqui se quiser outro tom) */
  --verde:#73b845 ;
  --texto:#1a1a1a;
  --texto-suave:#4b4b4b;
  --branco:#ffffff;
  --sombra:0 10px 25px rgba(0,0,0,.08);
  --radius:18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-familyXXX:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue','Noto Sans',Arial,sans-serif;
  color:var(--texto);
  backgroundXXX:linear-gradient(180deg,var(--bege),#fff 45%);
}

/* ===== Layout ===== */
.topo { display: table;width: 100%;padding: 15px;background-color:var(--marrom);color:var(--bege); font-size:20px;margin-bottomX: 50px; }
.container{width:min(1120px,92vw);margin-inline:auto}
.grid{display:grid;gap:32px}

/* ===== Header/Hero ===== */
.header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(140%) blur(6px);
  background:rgba(255,255,255,.85);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--marrom);font-size:20px}
.brand-badge{width:28px;height:28px;border-radius:8px;background:var(--laranja)}
.header-cta{
  appearance:none;border:0;cursor:pointer;
  background:var(--laranja);color:var(--branco);
  padding:10px 16px;border-radius:999px;font-weight:700;
  transition:transform .08s ease, box-shadow .2s ease;
  box-shadow:0 8px 18px rgba(221,77,38,.25)
}
.header-cta:hover{transform:translateY(-1px)}
.header-cta:active{transform:translateY(0)}

.hero{padding:0px 0 24px;padding-top: 0px;}

.hero .grid {
  display: flex;
  justify-content: space-between; /* espaço entre as divs */
  align-items: center;            /* centraliza verticalmente */
  gap: 40px;                      /* distância entre os blocos */
}

.hero .grid > div {
  flex: 1;                 /* cada div ocupa metade do espaço */
}

/* o-que-dizem */
.dr_chule_3_i { max-width: 90px;display: inline-table;margin-right: 20px;}
.dr_chule_2 { display:none;}
.dr_chule_1-externo { display:none;}
.dr_chule_1-interno { max-width: 190px;display: inline-table;margin-bottom: 40px;}
.o-que{padding:100px 0px}
.o-que h2{font-size:28px;margin:0 0 14px;color:var(--marrom)}
.o-que p.sub{margin:0 0 24px;color:var(--bege)}
.o-que .grid {
  display: flex;
  justify-content: space-between; /* espaço entre as divs */
  align-items: center;            /* centraliza verticalmente */
  gap: 40px;                      /* distância entre os blocos */
}
.print-ebook-grid { padding-bottom: 50px;text-align: center;}
.print-ebook { display: inline-table;padding: 15px;max-width: 150px;}
.print-ebook-img { display: inline;width: 100%;border-radius: 15px;border:3px solid #382606;}


.o-que .grid > div {
  flex: 0.8;                 /* cada div ocupa metade do espaço */
}

.badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;justify-content: center; }
.badge{
  font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
  padding:6px 10px;border-radius:999px;background:rgba(51,37,12,.08);color:var(--marrom);
  border:1px dashed rgba(51,37,12,.25)
}
h1{
  font-size:28px;line-height:1.1;margin:10px 0 14px;color:var(--amarelo);padding-top: 60px;
}
.hero p.lead{font-size:18px;color:var(--bege);margin:0 0 22px;padding-top: 30px;}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.btn{  display: table!important;appearanceX:none;border:0;cursor:pointer;font-weight:600; padding:14px 22px;border-radius:14px;transition:transform .08s ease, box-shadow .25s ease, background .2s ease;}
.btn-primary{  display: table!important;background:var(--verde);color:var(--branco)!important;  box-shadow:0 12px 28px rgba(221,77,38,.30);width:100%;transition:transform .08s ease, box-shadow .25s ease, background .2s ease;white-space: normal!important;font-size: 20px;font-weight: 400;}
.btn-primary:hover{transform:translateY(-1px);background:#6fe024;color:var(--marrom)!important;}
.btn-outline{background:#e8491c;  color:var(--branco)!important;font-weight: 300;  border:2px solid rgba(51,37,12,.2);width:100%;transition:transform .08s ease, box-shadow .25s ease, background .2s ease;white-space: normal!important;}
.btn-outline:hover{transform:translateY(-1px);background:transparent;}
.secure {display:table;gap:10px;align-itemsX:center;color:var(--marrom)!important;font-size:13px;width:100%;max-width: 350px;display:block;width: 100%;text-align: center!important;margin: 0 auto;}
.quero-me-livrar { font-size:22px;word-break: break-all;white-space: normal!important; }
.br { display:none;}

/* Mock do livro */
.mock{
  background:var(--branco);
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--radius);
  box-shadow:var(--sombra);
  padding:10px;aspect-ratio:1/1;
  display:flex;align-items:center;justify-content:center;
  position:relative;
  width:100%; 
 overflow:hidden;
  
}
/*.mock::after{
  content:"E-book";position:absolute;top:26px;left:16px;
  font-weight:800;color:rgba(0,0,0,.08);font-size:42px;transform:rotate(-18deg)
}*/
.cover{
  width:90%;height:90%;border-radius:8px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;
  /*background:radial-gradient(120% 120% at 10% 0%, #ffa78f 0%, var(--laranja) 60%, #b3391f 100%);*/
  color:#fff;box-shadow:0 16px 30px rgba(221,77,38,.65);
  background-image: url("../images/E-BOOK-TCHAU-CHULE.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.cover h3{display: none;margin:0 0 6px;font-size:28px;line-height:1.15}
.cover p{display: none;margin:0;font-size:14px;opacity:.9}

/* ===== Benefícios ===== */

.section{padding:100px 0}
.section h2{font-size:28px;margin:0 0 14px;color:var(--marrom)}
.section p.sub{margin:0 0 24px;color:var(--texto-suave)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.card{  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:18px;box-shadow:var(--sombra);}
.card h3{margin:0 0 8px;font-size:18px;color:var(--marrom)}
.card p{margin:0;color:var(--texto-suave);font-size:14px}

/* ===== Conteúdo do e-book ===== */
.features{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.list{display:grid;gap:12px}
.list-item{
  background:linear-gradient(180deg,#fff, #fff8f6);
  border:1px solid rgba(221,77,38,.18);
  border-radius:14px;padding:14px 14px 14px 44px;position:relative
}
.list-item::before{
  content:"✓";position:absolute;left:14px;top:12px;
  width:24px;height:24px;border-radius:999px;display:grid;place-items:center;
  background:rgba(221,77,38,.12);color:var(--laranja);font-weight:800
}

/* ===== Prova social ===== */
.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.quote{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:16px;box-shadow:var(--sombra);
  font-size:14px;color:var(--texto-suave)
}
.quote strong{display:block;color:var(--marrom);margin-top:8px}

/* ===== Oferta ===== */
.offer{
  background:linear-gradient(180deg, rgba(221,77,38,.08), rgba(221,77,38,.02));
  border:1px solid rgba(221,77,38,.15);
  border-radius:20px;
  padding:50px;
  box-shadow:var(--sombra);
  text-align: center;
}
.price{display:block;align-items:baseline;gap:10px;margin:2px 0 14px}
.price .current{color:#FFB600;font-size: 18px; /*text-decoration:line-through;*/font-weight:700;display: table;width:100%;  text-align:center;}
.price .desconto{font-size:20px;font-weight:800;}
/*.price .old{color:rgba(51,37,12,.45);text-decoration:line-through;font-weight:700}*/
.img-autor {display:block;max-width: 75px;border-radius:100px;padding: 5px;}

.quero { display: table; background-color:var(--laranja);color:#ffffff!important;margin: 0 auto; max-width: 300px;margin-bottom: 50px;width:100%;text-align:center;padding: 15px 30px;border-radius:10px; }

.guarantee{font-size:13px;color:var(--texto-suave)}

/* ===== FAQ ===== */
.faq{display:grid;gap:12px;padding-top: 30px;}
.faq-item{
  background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:14px;box-shadow:var(--sombra)
}
.faq-item h4{margin:0 0 6px;color:var(--marrom)}
.faq-item p{margin:0;color:var(--texto-suave)}

/* ===== Rodapé ===== */
.footer{
  padding:30px 0;color:#6b6b6b;font-size:13px;
  border-top:1px solid rgba(0,0,0,.06);margin-top:40px;
  background-color:var(--marrom); 
}
.footer a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(0,0,0,.25)}
.footer a:hover{color:var(--marrom)}



    /* Fundo escuro */
    .modal {
      display: none; /* escondido por padrão */
      position: relative;
      z-indexX: 1000;
      leftX: 0;
      topX: 0;
      width: 100%;
      heightX: 100%;
      background: rgba(0,0,0,0.6);
	  text-align: justify;
	  padding:30px;
	  margin-top: 50px;
	  
    }

    /* Conteúdo do modal */
    .modal-content {
	font-size: 16px!important;
      background: #fff;
      padding: 40px;
      border-radius: 12px;
      max-width: 80%;
      width: 80%;
      text-align: justify;
      position: relative;
	  margin: 0 auto!important;
	  font-weight: 500;
    }
	
	.modal-content h2 { font-size: 24px;color:var(--laranja); }
	.modal-content h3 { font-size: 18px;color:var(--marrom); }
	.modal-content p { font-size: 14px;color: #555555; }

    /* Botão fechar */
    .close {
      positionX: relative;
	  width: 30px;
	  height: 30px;
      font-size: 14px;
	  font-weight: 400;
      cursor: pointer;
	  color:#ffffff;
	  border-radius:30px;
	  background-color:var(--laranja);
	  padding: 9px;
	  opacity: 1;
	  text-align: center;
    }

    .closeX:hover {
      color: red;
    }

    button {
      padding: 10px 15px;
      background: #3498db;
      color: #fff;
      border: none;
      border-radius: 6px;
      cursor: pointer;
    }

    button:hover {
      background: #2980b9;
    }



/* ===== Responsividade ===== */
@media (max-width: 980px){
  
  h1{font-size:24px;padding-top: 60px;}
  .section { text-align: center;padding:50px 0; }
  .dr_chule_3_i { max-width: 70%;display: block;margin-right: 0px;margin: 0 auto;margin-bottom: 20px;}
  .dr_chule_2 { max-width: 50%;display: block;margin-right: 0px;margin: 0 auto;margin-bottom: 50px;}
  .dr_chule_1 { max-width: 50%;display: block;margin-right: 0px;margin: 0 auto;margin-bottom: 0px;}
  .lead { padding-bottom: 20px;}
  .cards{grid-template-columns:repeat(1,1fr);}
  .testimonials{grid-template-columns:repeat(1,1fr);}
  .hero{padding-top: 00px;}
  .hero .grid, .features{grid-template-columns:1fr}
  .hero .grid {flex-direction: column;text-align: center; }
  .hero .grid > div {flex: unset;width: 100%;  }
  .o-que{padding:50px 0px;}
  .o-que .grid {flex-direction: column;text-align: center; }
  .o-que .grid > div {flex: unset;width: 100%;  }
  .mock {padding:10px;	max-width: 100%; margin: 0 auto 10px;width: 80%;}
  .btn { width: 100%;text-align: center!important;padding:14px 12px;max-width: 500px;}
  .secure { display:block;width: 100%;text-align: center!important;}
  .badge{ font-size:14px; }
  .footer { text-align:center;}
  .fotter-div { display: table;width: 100%; }
  .abremodals { display: table;width: 100%; text-align: center;border:none;text-decoration: none;}
  .footer a { border:none;  }
  .footer div { margin: 0 auto;}
  .modal-content {padding: 30px;max-width: 95%;width: 100%;}
  .price .desconto{ display: block; }
  .offer{ padding:10px;}
  .topo {text-align: center;margin-bottom: 0px; }
  .quero { margin-bottom: 10px; }
  .cta-row{text-align: center!important;}
  .cta-row a, .cta-row .secure { margin: 0 auto; }
  .img-autor {display:inline-table;max-width: 150px;border-radius:100px;padding: 15px;}
  .quero-me-livrar { font-size:22px; }
  .br { display:block;}
}



@media (max-width: 640px){
  .cards, .testimonials{grid-template-columns:1fr}
  .cover{width:88%}
}




@media only screen and (max-width : 990px){  
.RES990-dn { display: none!important; }
}
@media (min-width: 768px) 		{

}


@media print {
           .noprint {
              visibility: hidden;
              display: none!important;
           }
        }