/*
Theme Name: Dinara
Theme URI: https://hedomi.com
Author: Elena Domingos
Author URI: https://hedomi.com
Description: Tema WordPress moderno para site da Dinara.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dinara
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

body {    
    font-family: "Raleway", sans-serif;
    background:#fff9ed;
    padding:0;
    margin:0;
    color:#161616;
    font-size:16px;
     
}
.creme {
    background:#F1E9D9;
}


html {
  scroll-behavior: smooth;
}

#comofunciona {
  scroll-margin-top: 120px;
}

.scroll-down {
  
  animation: bounce 1.5s infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px); /* глубина "прыжка" */
  }
}

h1, h2, h3, h4, h5, h6, .lora {
    font-family: "Lora", serif;
}

h2 {
    font-size:24px !important;
}

header {
    height:117px;
     background:#fff9ed;
}
footer {
    background:#fff9ed;
}
.container {
    width:1367px !important;
    max-width:100%;
    margin:0 auto;
}

ul, li {
    list-style:none;
}

.overdark {
    width:100%;
    height:100vh;
    background:rgba(0,0,0,.5);
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
}

#mini-cart {
    z-index:1000;
}

.btn-border {
    color:#161616;
    border-radius:43px;
    padding:12px 41px;
    border:1px solid;
    transition:all .3s;
}

.btn-border:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn-header {
    background:#B38F6F;
    color:#fff;
    border-radius:45px;
    padding:8px 20px; 
}

.btn-cart {
    padding:10px 14px;
    border:1px solid #161616;
    border-radius:43px;
}

.img-logo {
    width:100%;
}

.menu-top {
    gap:22px;
    flex-grow: 1;
    padding-right:22px;
}

.menu-footer a {
    font-size:18px;
}

.border-main {
    border-color:#DBCFB5;
}

.hamburger {
  position: relative;
  width: 24px;
  height: 2px;
  background: #161616;
  display: block;
}

.hamburger::before,
.hamburger::after {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background: inherit;
}

.hamburger::before {
  top: -7px; /* barra de cima */
}

.hamburger::after {
  top: 7px; /* barra de baixo */
}
.desktop-logo { display: block; }
.mobile-logo { display: none; }

@media (max-width: 800px) {
  .desktop-logo { display: none; }
  .mobile-logo { display: block; }
  
  header {
    height:9px;
    
}

footer {
    max-width:100%;
}

.footer-container {
    padding-top:24px;
    border-top:1px solid #DBCFB5;
    max-width:100%;
}
}

.bg-main {
    background:#fff9ed ;
}
.mobile-menu {
    z-index:100 !important;
    width:393px !important;
    max-width:100%;
    background:#fff9ed  ;
}

.bg-gray-900 {
    background-color:#111827 !important;
}

.voltar {
    cursor:pointer;
}

.mobile-menu { 
  top: 0;
  right: 0;
  height: 100%;   
  padding-bottom:30px; 
  height: 100vh;    
  width:393px !important; 
  max-width:100%; 
  background: #fff;
  z-index: 9999;
  box-shadow: -10px 0 30px rgba(0,0,0,.12);
  display: flex;    
  flex-direction: column;
  transform: translateX(100%);
}


.socials img {
    width:50px ;
    max-width:50px !important;
}

/* Hero */

.hero_texts {
    width:611px;
    max-width:100%;
}
.hero-image, .hero-image img {
    width:579px;
    max-width:100%;
}

.hero_texts .subtitle {
    color:#B38F6F;
    text-transform:uppercase;
    font-size:19px;
}

.hero_title {
    color:#710014;
    font-size:70px  ;
    line-height:1.0;
}

.hero_title span {
    font-style:italic;
}

.hero_texts .text-base {
    font-size:24px;
    color:#161616;
    margin-top:18px;
    margin-bottom:36px;
    line-height:1.2;
}

.btn-comeca {
    background:#710014;
    color:#fff;
    display:flex;
    gap:5px;
    border-radius:42px;
    justify-content:center;
    align-items:center;
    padding-left:24px;
    padding-right:24px;
    font-size:24px;
    font-weight:500;
}

.btn-saiba {
    font-size:24px;
    font-weight:500;
    display:flex;
    justify-content:center;
    align-items:center;
}
.vidas {
    margin-top:36px;
    position:relative;
}
.vidas .images {
    display:flex; 
}
.vidas .images .vida:first-child, .vidas .images .vida:nth-child(2) {
   margin-right:-33px;
}

.number {
    color:#710014;
    font-weight:bold;
    font-size:30px;
}
.vidas-text {
    color:#161616;
    font-size:18px;
}
@media screen and (max-width:1280px) {
    .btn-header {
        background:#B38F6F;
        color:#fff;
        border-radius:45px;
        padding:8px 14px;
        font-size:14px;
    }
    
    .menu-top {
        gap:14px; 
        padding-right:12px;
    }
    
    .menu-top a {
        font-size:14px;
    }

    .hero_texts .subtitle {
        font-size:18px; 
    }
    
    .hero_texts {
        width:590px;
        max-width:100%;
    }
    
    .hero_title {
       
        font-size:50px ;
         
    }
    
    .hero_texts .text-base {
        font-size:18px;
         
        color:#161616;
        margin-top:18px;
        margin-bottom:18px;
        
    }
    
    .btn-comeca {
        background:#710014;
        color:#fff;
        display:flex;
        gap:5px;
        border-radius:42px;
        justify-content:center;
        align-items:center;
        padding-left:24px;
        padding-right:24px;
        font-size:18px;
        padding-top:14px;
        padding-bottom:14px;
    }
    
    .btn-saiba {
        font-size:18px; 
    }
}

 
@media screen and (max-width:800px){
    
    .btn-header {
        background:#B38F6F;
        color:#fff;
        border-radius:45px;
        padding:8px 14px;
        font-size:18px;
    }
    
    .menu-top a {
        font-size:18px;
        
    }
    
    .hero {
        margin-top:50px;
        padding-left:15px;
        padding-right:15px;
    }
    
    .hero-image img {
        height:293px;
        object-fit: cover;
        object-position:top;
        border-radius:12px;

    }
    .hero-image {
        margin-bottom:23px;
    }
    
    .hero_texts .subtitle {
        font-size:16px;
        text-align:center;
    }
    
    .hero_title {
       
        font-size:40px ;
        text-align:center;
    }
    
    .hero_texts .text-base {
        font-size:16px;
        text-align:center;
        color:#161616;
        margin-top:18px;
        margin-bottom:18px;
        
    }
    
    .btn-comeca {
        background:#710014;
        color:#fff;
        display:flex;
        gap:5px;
        border-radius:42px;
        justify-content:center;
        align-items:center;
        padding-left:24px;
        padding-right:24px;
        font-size:20px;
        padding-top:14px;
        padding-bottom:14px;
    }
    
    .btn-saiba {
        font-size:20px; 
    }
    
    .vidas .images .vida {
        width:50px;
        height:50px;
    }
    
    .vidas .images .vida:first-child, .vidas .images .vida:nth-child(2) {
       margin-right:-28px;
    }
    
    .vidas {
        margin-top:0;
        position:relative;
        margin-bottom:25px;
    }
    .number { 
        font-size:22px;
    }
    .vidas-text { 
        font-size:13px;
    }
    
}

/* Como funiona */

.como-funciona {
    background:#710014;
    border-radius:20px;
    padding:42px 144px;
}

.comofunciona_title {
    color:#fff;
    font-size:30px;
}

.comofunciona_title span {
    font-style:italic;
}

.comofunctiona_item h3 {
    font-size:185px;
    position:relative;
    left:30px;
    z-index:1;
    font-weight:bold;
}

.maislonge{
    left:45px !important;
}

.comofunctiona_item_text {
    border-left:1px solid #fff;
    padding-left:10px;
    background:#710014;
    gap:15px;
    z-index:10;
}
.comofunctiona_item_text h5 {
    font-size:20px;
    font-weight:500;
}

.comofunctiona_item_text p {
    font-size:18px;
}

.btn-comofunciona {
    padding-left:24px;
    padding-right:24px;
    height:64px;
    box-sizing: border-box;
    font-size:24px;
    width:264px !important;
}

@media screen and (max-width:1000px){
    .como-funciona {
        padding:42px 48px;
    }
    
    .comofunctiona_item h3 {
            font-size:120px;
            position:relative;
            left:0 !important;
            position:absolute;  
    }
    
    .maislonge{
        left:0 !important;
    }
    
    .comofunctiona_item_text {
        margin-left:35px;
    }
    
    .comofunctiona_item_text p {
        font-size:14px;
    }
    
    .btn-comofunciona {
        padding-left:24px;
        padding-right:24px;
        height:51px;
        box-sizing: border-box;
        font-size:20px;
        width:214px !important;
    }
}

/* Tienda */

.tienda-title {
    font-size:50px;
}

.prev, .next {
    width:60px !important;
    height:60px !important;
    background:#B38F6F;
    border-radius:50%;
    cursor:pointer;
   
}

.prev svg, .next svg{
    width:40px;
}
.swiper-button-next svg, .swiper-button-prev svg {
    width:40% !important;
}
.titles .subtitle {
    text-transform:uppercase;
    font-size:18px;
    color:#B38F6F;
}

.product-card {
    width:438px;
    height:610px !important;
    justify-content:flex-end !important; 
    display:flex ;
    padding:25px !important;
    border-radius:25px;
}

.product-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%; /* altura do degradê */
  background: url('http://dinaraaxanova.com/wp-content/uploads/2025/09/Rectangle-128.png'); 
  background-repeat:no-repeat;
  background-position:bottom;
  z-index: 1;
  pointer-events: none;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit; 

 
}

.category-filter {
    background:transparent;
    color:#161616;
    border:1px solid;
    font-size:26px;
}

.product-data {
    background:rgba(255,255,255,0.3);
    padding:12px !important;
     
}

.btn-plus {
    background:#710014 !important;
    color:#fff;
    font-size:30px;
}

.price-home {
    font-size:25px;
     font-family: "Lora", serif;
}

.product-title {
    font-size:25px;
}

.cat-home {
    font-size:20px;
}

.bg-active {
    background:#B38F6F;
    border:none;
    color:#fff;
}

.line {
    width:100%;
    height:1px;
    background:rgba(0,0,0,.3);
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after , .swiper-button-prev::after {
    display:none !important;
}

 

@media screen and (max-width:800px){
    .tienda-title {
        font-size:30px;
        text-align:left;
    }
    
    .products {
        padding-left:15px;
        padding-right:15px;
    }
    
    .titles .subtitle {font-size:16px;}
    
    .category-filter {font-size:20px;}
    
    .product-card {
         
        height:320px !important;
        padding:20px !important;
         
    }
    
    .product-title {
        font-size:20px;
    }
    
    .cat-home {
        font-size:16px;
    }
    
    .price-home {
        font-size:20px;
        
    }
    
    .product-data {
        background:rgba(255,255,255,0.4);
        padding:8px;
    }
}

 .swiper-button-next, .swiper-button-prev {
     opacity:0 !important;
 }

@media screen and (max-width:900px) {
	.swiper-button-next {
    	top:360px !important;
    	right:30% !important;
    	opacity:1 !important;
    }

    .swiper-button-prev {
    	top:360px !important;
    	left:30% !important;
    	opacity:1 !important;
    }
	
    .swiper {
    	overflow-y:visible !important;
    	height:400px;
    }
}

/* Quem guia */
.aboutme_texts {
    width:54%;
    max-width:100%;
}

.aboutme_imagem img{
    width:559px;
    max-width:100%;
}
.aboute_text p{
    font-size:24px;
    margin-bottom:20px;
}


.quem-number, .quem-number span{
    color:#B38F6F;
    font-size:80px !important;
    font-weight:bold;
     font-family: "Lora", serif;
}

.numbers span{  
    font-size:18px;
    text-transform:uppercase;
    margin-top:-10px;
    text-align:center;
}

@media screen and (max-width:900px){
    .aboutme, .faq {
        padding-left:15px;
        padding-right:15px;
    }
    
    .aboutme .tienda-title {
        text-align:center;
    }
    
    .aboute_text p{
        font-size:16px;
        margin-bottom:15px;
         text-align:center;
    }
    
    .numbers {
        margin-top:-20px;
    }
    .quem-number{
        
        font-size:45px; 
    }
    
    .numbers span{  
        font-size:10px;
        text-transform:uppercase;
        margin-top:0px;
    }
    
    .aboutme_texts {
        width:100%;
    }
    
    .quem-number, .quem-number span{
        color:#B38F6F;
        font-size:40px !important;
        font-weight:bold;
        font-family: "Lora", serif;
    }
    
    .numbers {
        margin-top:20px;
    }
}

/* FAQ */

.faq_content {
    flex:0 0 50%;
}

.question {
    font-size:18px;
}

.answer {
    font-size:14px;
}

.textos-faq p {
    font-size:16px;
}

/* Descubra */

.descubra-title {
    font-size:48px;
}

.descubra-block {
    height:510px;
}

.cards-descubra {
    padding-left:0;
}

.last-text {
    width:349px;
    font-size:20px;
    line-height:1.2;
     
}

.descubra-card {
    max-width: 263px;
    border-radius: 14px;
    background: rgba(255, 249, 237, 0.15); /* 15% de opacidade */
    backdrop-filter: blur(10px); /* desfoque */
    -webkit-backdrop-filter: blur(10px);
    padding:20px;
}

.descubra-card h5 {
    font-size:20px;
    color:#710014;
    font-style:italic;
}

.descubra-card p {
    font-size:16px;
}

.post-card {
    border-radius:20px;
}

@media screen and (max-width:1536px){
    .container {
        max-width:1367px !important;
        max-width:100%;
        margin:0 auto;
    }
}

@media screen and (max-width:1367px){
    .container {
        max-width:1267px !important;
       
        margin:0 auto;
    }
    
    .gap-20 {
        gap:40px !important
    }
    
    .last-text {
        width:280px;
        font-size:20px;
        line-height:1.2;
        margin-left:58px;
    }
}

@media screen and (min-width:900px) and (max-width:1018px){
    .container {
        padding-left:20px;
        padding-right:20px;
        
    }
}

@media screen and (max-width:1000px){
    .container {
         
         max-width:100% !important;
    }
    
    .descubra {
        padding-left:15px;
        padding-right:15px;
        
    }
    
    .descubra-block {
        height:552px !important;
    }
    
    .descubra-title {
        font-size:30px;
        width:223px;
    }
    
    .descubra-card {
        width: 167px;
        height:109px;
        border-radius: 14px;
        background: rgba(255, 249, 237, 0.15); /* 15% de opacidade */
        backdrop-filter: blur(10px); /* desfoque */
        -webkit-backdrop-filter: blur(10px);
        padding:10px;
    }
    
    .cards-descubra {
        padding-left:20px;
    }
    
    .descubra-card h5 {
        font-size:12px !important;
        
    }
    
    .descubra-card p {
        font-size:10px !important;
    }
    
    .icon svg {
        width:22px !important;
    }
    
    .last-text { 
        font-size:12px; 
        margin-left:22px;
        padding-top:8px;
    }
    
    .blog {
        padding-left:15px;
    }
}

/* Contactos */

.breadcrumbs a {
    color:#6E7C87;
}

.ctas {
    background:#710014;
    border-radius:20px;
    padding:40px 50px;
    width:583px;
    max-width:100%;
    margin-top:51px;
}

.cta:first-child {
    border-bottom:2px solid rgba(255,255,255,.3);
    padding-bottom:25px;
}

.cta:nth-child(2){
    padding-top:25px;
}

.cta {
    font-size:22px;
}

.contact-text {
    font-size:22px;
}

.form-contact {
    background:#fff;
    padding:40px 50px;
    border-radius:12px;
    box-shadow:-5px 18px 72px 0 rgba(0,0,0,.1);
}

.form-contact h3 {
    font-size:38px;
     font-family: "Raleway", sans-serif;
     font-weight:600;
}

.form-contact p {
    color:#667085;
    font-size:20px;
}


.form-contact input {
    border-radius:8px;
    border:none;
    box-shadow:0 0 2px 0 #D0D5DD;
    max-width:100%;
    width:100%;
    padding:10px;
    height:48px;
    margin-top:7px;
}

.form-contact .flex p {
    display:flex;
    flex-direction:column;
}

.form-contact input::placeholder {
    color:#667085;
    font-size:16px;
    font-family: "Inter", sans-serif;
}

.form-contact  span {
    color:#344054;
    font-size:14px;
    font-family: "Inter", sans-serif;
}

.form-contact textarea {
    box-shadow:0 0 2px 0 #D0D5DD;
    max-width:100%;
    width:100%;
    padding:10px;
    height:128px;
    border-radius:8px;
    border:none;
    margin-top:7px;
}

.btn-comeca.wpcf7-submit {
    width:100%;
    height:64px;
}

.w-full p {
    width:100%;
}

@media screen and (max-width:800px){
    .main-contatos {
        padding-left:15px;
        padding-right:15px;
    }
    
    .contact-text {
         
        font-size:16px ;
        margin-top:15px;
    }
    
    .form-contact {
         
        padding:23px;
         
    }
    
    .form-contact h3 {
        font-size:27px;
         font-family: "Raleway", sans-serif;
    }
    
    .form-contact p {
        color:#667085;
        font-size:17px;
    }
    
    .ctas {
        background:#710014;
        border-radius:20px;
        padding:17px;
        max-width:100%;
        margin-top:30px;
      
    }
    
    .cta:first-child {
        border-bottom:2px solid rgba(255,255,255,.3);
        padding-bottom:10px;
    }
    
    .cta:nth-child(2){
        padding-top:10px !important;
    }
    
    .cta {
        font-size:15px;
       
    }
    
    .cta svg {
        width:30px;
    }
}

/* Sobre */

.sobre-text p, .bottom-text{
    font-size:20px;
    margin-top:20px;
    font-weight:400;
}

.testimonial-card {
    width:435px;
     box-shadow:-5px 18px 72px 0 rgba(0,0,0,.1);
    height:306px;
    border-radius:20px;
    background:#fff;
    padding:20px;
}

.testimonial-text {
    text-align:center;
    color:#090914;
    font-size:18px;
    font-weight:500;
    margin-top:14px;
}

.testimonial-name {
    margin-top:30px;
    font-size:16px;
    color:#090914;
    font-weight:bold;
}

.testimonial-position {
    font-size:14px;
    color:#71717A;
}

.sobre-title {
    font-size:40px;
    text-align:center;
    margin-bottom:26px;
}

@media screen and (max-width:800px){
    .sobre-text p, .bottom-text{
        font-size:16px;
        margin-top:16px;
        font-weight:400;
    }

.testimonial-cards {
     
    gap:18px
}

.testimonial-card {
    width:262px; 
    height:187px;
    border-radius:20px;
    background:#fff;
    padding:20px;
}

.testimonial-card img {
    width:37px;
}

.testimonial-text {
    text-align:center;
    color:#090914;
    font-size:10px;
    font-weight:500;
    margin-top:14px;
}

.testimonial-name {
    margin-top:30px;
    font-size:9px;
    color:#090914;
    font-weight:bold;
}

.testimonial-position {
    font-size:8px;
    color:#71717A;
}
}

/* Tienda */
.tienda-text {
    font-size:22px;
    font-weight:400;
}

.beneficios {
    background:#B38F6F;
    border-radius:20px;
    padding:30px 50px;
    color:#fff;
}

.beneficios .tienda-title {
    color:#fff;
    text-align:center;
    font-size:48px;
}

.beneficios-item {
    width:324px;
    padding:30px !important;
    margin-top:30px;
}

.beneficios-item:nth-child(1),.beneficios-item:nth-child(2),.beneficios-item:nth-child(4) {
    border-right:1px solid #FFF9ED;
}

.beneficios-item  h3 {
    font-size:24px !important;
    font-style:italic !important;
    line-height:1.2;
}

.beneficios-item p {
    font-size:18px;
}

.beneficios .btn-saiba {
    color:#fff;
}

@media screen and (max-width:800px){
    .beneficios-item:nth-child(1),.beneficios-item:nth-child(2),.beneficios-item:nth-child(4) {
    border-right:none ;
}

.beneficios-item {
    width:324px;
    padding:20px !important;
    margin-top:0;
    border-bottom:1px solid #FFF9ED;
    padding-top:30px !important;
    padding-bottom:30px !important;
}

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

.beneficios {
    background:#B38F6F;
    border-radius:20px;
    padding:30px 30px;
    color:#fff;
}

.tienda-text {
    font-size:16px;
    font-weight:400;
}
}

.btn-comeca {
    background: #710014;
    color: #fff;
    display: flex;
    gap: 5px;
    border-radius: 42px;
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .btn-saiba {
    font-size: 18px;
  }

@media screen and (max-width: 1000px) {
  .icon svg {
   display:none
  }
}

@media screen and (max-width: 1000px) {
  .descubra-card {
    width: 167px;
    height: 113px;
    border-radius: 14px;
    background: rgba(255, 249, 237, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 10px;
  }
}

@media screen and (max-width: 1000px) {
  .descubra-card p {
    font-size: 9px !important;
  }
	
	.cards-descubra {
		gap:0.5rem !important
	}

}

@media screen and (max-width: 1000px) {
  .last-text {
    font-size: 10.6px;
    margin-left: 22px;
    
  }
}

/* Submenu */

.menu-item {
	position:relative;	
}

.menu-item-has-children {
    margin-right:15px;
}

.menu-item-has-children::after {
	width:8px;
	height:8px;
	position:absolute;
	top:6px;
	transform:rotate(45deg);
	right:-15px;
	border:1px solid;
	border-top:none;
	border-left:none;
	content:''; 
}

.sub-menu {
	position:absolute;
	width:350px;
	padding:15px; 
	background: rgba(255, 249, 237, 0.15); /* 15% de opacidade */
    backdrop-filter: blur(10px); /* desfoque */
    -webkit-backdrop-filter: blur(10px);
	border-radius:8px;
	top:40px;
	display:none;
	box-shadow:-5px 18px 72px 0 rgba(0,0,0,.1);
}

.sub-menu li {
    padding: 7px 0;
}

.sub-menu li:first-child {
    border-bottom:1px solid rgba(0,0,0,.1);
}

.menu-top { 
  padding-right:35px; 
}

@media screen and (max-width:800px){
    .sub-menu {
        display:flex;
        position:relative;
        flex-direction:column;
        padding:5px; 
        padding-left:15px;
    	background:transparent;  
        backdrop-filter: blur(0);  
        -webkit-backdrop-filter: blur(0);
    	border-radius:0px;
    	top:0px;
    	box-shadow:none;
        }
        
        .sub-menu li:first-child {
            border-bottom:none;
        }
}

/* Curso Avanzado */

.curso-title {
    font-size:50px;
}

.curso-avanzado .text-base {
    font-size:20px;
}

.curso-avanzado .hero_texts {
    width: 681px;
}

.curso-avanzado .hero_texts .text-base {
  font-size: 24px;
  color: #161616;
  margin-top: 10px;
  margin-bottom: 26px;
  line-height: 1.2;
}

.quemguia {
    background:#B38F6F;
    color:#fff;
    padding:40px;
}

.quemguia h3 {
    font-size:40px;
}

.quemguia .texto {
    font-size:22px;
    width:1006px;
    max-width:100%;
    margin:10px auto;
    text-align:center;
}

.quemguia .texto a {
    text-decoration:underline;
}

.convierte h3, .curriculo h3 {
    color:#090909;
    font-size:40px;
}

.convierte .texto {
    font-size:22px;
    color:#434343;
    width:998px;
    max-width:100%;
    margin:0 auto;
    text-align:center;
}
.curriculo-itens {
    width:858px;
    max-width:100%;
    margin:40px auto;
}

.accordion-content p {
  color: #303030;
  padding-left: 30px;      /* espaço para o bullet */
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  position: relative;      /* necessário para o ::before posicionado */
  margin: 0 0 12px;        /* ajuste de espaçamento entre itens */
}

 
.accordion-content p::before {
  content: "";                     /* obrigatório para aparecer */
  position: absolute;
  left: 12px;                      /* distância da borda esquerda */
  top: 50%;                        
  transform: translateY(-50%);     /* centraliza verticalmente */
  width: 3px;                      /* tamanho do bullet (ajuste) */
  height: 3px;
  border-radius: 50%;
  background: #303030;
  display: block;
}
.accordion-button h3 {
    font-size:24px;
    font-weight:bold;
    font-family: "Raleway", sans-serif;
}

.accordion-content {
    padding-top:20px;
    padding-bottom:30px;
}

.accordion-item {
    border-bottom:1px solid rgba(0,0,0,.1);
}

.active .accordion-icon {
    margin-right:-4px;
}

.precio-container {
    background:#710014;
    padding:50px;
    border-radius:20px;
}
.precio-container .texto {
    width:568px;
    max-width:100%;
}
.precio-container .texto h3{
    font-size:40px;
    color:#fff;
}

.precio-card {
    background:#fff;
    padding:30px;
    border-radius:25px;
    
}

.precio-card h3 {
    font-size:36px;
    font-family: "Raleway", sans-serif;
    color:#4D4D4D
}

.precio-price {
    font-size:33px;
     color:#4D4D4D;
     text-align:center;
}

.precio-items {
    padding-top:30px;
    border-top:1px solid rgba(0,0,0,.1);
}
.precio-items .flex {
    color:#AEAEAE;
}

.importante-text {
    color:#434343;
    font-size:22px;
}

.importante h3 {
    font-size:40px;
    margin-bottom:20px;
}

.queinclue .texto {
    text-align:left !important;
    width:100%;
}

@media screen and (max-width:800px){
    .curso-avanzado .curso-title {
        font-size:30px;
        text-align:left;
    }
    
    .curso-avanzado .subtitle {
        text-align:left;
    }
    
    .curso-avanzado .text-base  {
        font-size:16px !important;
        color:#161616;
         text-align:left;
    }
    
    .quemguia h3 {
        font-size:30px;
        line-height:1.1;
    }
    
    .quemguia .texto {
        font-size:16px;
    }
    
    .convierte, .curriculo, .precio, .importante {
        padding-left:15px;
        padding-right:15px;
    }
    
    .convierte h3 {
        font-size:30px;
        line-height:1.1;
        text-align:center;
    }
    
    .convierte .texto {
        font-size:16px;
    }
    
    .curriculo h3 {
        font-size:30px;
        line-height:1.1;
    }
    
    .accordion-button h3 {
        font-size:18px;
    }
    
    .accordion-item {
        padding-top:10px;
        padding-bottom:10px;
    }
    
    .accordion-content p {font-size:16px;}
    
    .precio-container .hero_title {
        font-size:26px !important;
    }
    .precio-card {
        width:305px
    }
    .precio-card h3 {
        font-size:24px;
    }
    
    .precio-container {
        padding:30px 15px ;
    }
    
    .precio-price { 
        font-size:27px;
    }
    
    .importante-text {
        font-size:16px;
    }
     
}

/* Curso Básico */

.curso-basico {
    background:#710014 !important;
}

.curso-basico-precio {
    background:#B38F6F !important;
}

.sobre-curso {
    background:#710014 !important;
    padding-top:50px;
    padding-bottom:50px;
}


.inclui-card {
    padding:35px;
    padding-top:0;
    padding-bottom:0;
    width:289px;
    max-width:100%;
    box-sizing:content-box;
}
 .inclui-card:first-child{
     padding-left:0;
 }
 
  .inclui-card:last-child{
     padding-right:0;
 }
 
 .inclui-card:first-child, .inclui-card:nth-child(2) {
     border-right:1px solid rgba(255,255,255,.3);
 }


.inclui-card img {
    width:44px;
}

.inclui-card h3 {
    font-size:20px;
}

.inclui-card p {
    font-size:16px;
}

@media screen and (max-width:800px){
    .inclui-card {
        padding:25px;
        border-bottom:1px solid rgba(255,255,255,.3);
    }
    .inclui-card:first-child{
       padding-left:25px;
    }
 
      .inclui-card:last-child{
         padding-right:25px;
         border-bottom:none;
     }
 
     .inclui-card:first-child, .inclui-card:nth-child(2), .inclui-card:nth-child(3){
         border-right:none;
     }
     
     .sobre-curso {
         
        padding-right:20px;
        padding-left:20px;
    }
}

/* Recursos gratuitos */

.recurso {
    width:100%;
    background:#fff;
    padding:30px;
    border-radius:20px;
    padding-right:40px;
}

.img img { 
 width:480px;
 max-width:100%;
}

.recurso-wrapper h3 {
    font-size:36px;
    color:#710014;
    line-height:1.1;
    margin-bottom:20px;
}

.recurso-description p {
    font-size:18px;
}

.recurso .absolute svg {
    width:22px;
}

.sobre-foto img{
	border-radius:12px !important;
	object-fit:cover;
	object-position:top;
	height:570px;
	width:100%;
}

.aboutme_imagem img {
		border-radius:12px !important;
}

#n57, #n58, #n59, #n60, #n62, #n61, #n63 {
	width:3rem !important;
	display:flex;
	height:2rem !important;
}
#n58, #n61, #n63 {
	width:2rem !important;
}

.propouse-icon {
	width:40px;
 
	display:flex;
}

.proposals > .w-fit {
	display:none;
}

.accordion-item button.active {
  background: transparent !important;
}

@media screen and (max-width:800px){
    .recurso-wrapper h3 {
        font-size:30px;
        padding-right:30px;
    }
    
    .recursos, .calculadora, .bottoms, .nopermitas, .conauda {
        padding-left:15px;
        padding-right:15px;
    }
    
    .hero_title.curso-title {
        font-size:30px;
        
    }
    
    .bottom-text {
        font-size:16px !important;
    }
    .product-card {
        max-width:100% !important;
    }
}

.bottom-text p{
    margin-top:15px !important;
}

.lectura-title {
    font-size:50px;
}

@media screen and (max-width:800px){
    .lectura-title {
    font-size:30px;
    text-align:left;
}

.lectura .subtitle, .lectura .text-base {
    text-align:left !important;
}

}
.lectura-imagina { 
    width:1006px !important;
    max-width:100%;
    display:flex;
    margin:0 auto;
}  
.lectura-imagina p {
      font-size:32px;
}
.lectura-imagina span {
    font-style:italic;
  
}

.title-ajuda {
    font-size:40px;
    color:#710014;
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
}

.title-ajuda span {
    font-style:italic;
}

.ajuda-item {
    width:444px;
    height:454px;
    padding-top:90px !important;
    color:#916E4F;
    background:#F2EDE3;
    border-radius:22px;
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

.ajuda-item h3 {
    font-size:23px;
    font-weight:bold;
}  

.ajuda-item p {
   font-size:23px; 
} 

.nopermitas h3 {
    font-size:40px;
    color:#090909;
    text-align:center;
}
.nopermitas .texto {
    width:1017px;
    max-width:100%;
    margin:10px auto;
    text-align:center;
}
.nopermitas .texto p {
    font-size:22px !important;
    font-weight:400;
    color:#434343;
}

.produtos-title {
    font-size:50px;
    color:#710014;
    text-align:center;
    margin-bottom:40px;
}

.produtos-title span {
    font-style:italic;
}

@media screen and (max-width:800px){
    .lectura-imagina p {
        font-size:24px;
    }
    
    .quemguia.curso-basico .btn-border {
        font-size:20px;
        padding:10px 12px;
    }
    
    .title-ajuda {
        font-size:30px;
        line-height:1.1;
    }
    
    .ajuda-item {
        width:361px;
        height:369px;
        max-width:100%;
    }
    
    .ajuda-item h3 {
        font-size:19px;
        font-weight:bold;
    }  
    
    .ajuda-item p {
       font-size:19px; 
    } 
    
    .nopermitas h3 {
            font-size:30px;
             line-height:1.1;
            
        }
        
        .produtos-title {
            font-size:26px;
        }
}

.resenhta-text {
    font-size:20px;
    color:#607D8B;
    width:607px;
    
    margin:0 auto;
    max-width:100%;
   
  
}

.resenha-texto-abaixo {
    max-width:80%;
    font-size:22px;
    font-weight:400;
    color:#161616;
    margin:0 auto;
    display:flex;
    width:1017px;
    margin-top:60px;
    text-align:center;
}

.resenhat-item {
      box-shadow:-5px 18px 72px 0 rgba(0,0,0,.1);
    background:#fff;
    border-radius:12px;
    width:1017px;
    padding:50px;
    max-width:100%;
    margin:0 auto;
    margin-top:-100px;
}


.mimetodo {
    background:#F2EDE3;
    padding:108px;
}

.mimetodo .container {
    width:939px !important;
    max-width:100%;
}

.mimetodo-title {
    color:#090914;
    line-height:38px;
    font-size:28px;
    font-weight:600;
}

.mimetodo-text {
    font-size:18px;
    color:#52525B;
    line-height:34px;
}


.brown-block {
    padding: 89px 54px;
    background:#B38F6F;
    border-radius:20px; 
}



.brown-block h3 {
    font-size:32px;
    line-height:1.2;
}

.brown-text p {
    font-size:22px;
    color:#fff;
    font-weight:300;
    margin-top:10px !important;
}

.item-single {
    height:291px;
    padding:40px;
    max-width:100%; 
    width:429px;
}

.category-filter.active {
    color:#fff;
    background:#B38F6F !important;
}
.item-single:nth-child(1),.item-single:nth-child(2), .item-single:nth-child(4) , .item-single:nth-child(5) {
    border-right:1px solid rgba(64,64,64,.2);
}
.item-single:nth-child(1),.item-single:nth-child(2),.item-single:nth-child(3) {
    border-bottom:1px solid rgba(64,64,64,.2);
    
}

.queresultados {
    background:#710014;
    border-radius:20px;
    padding:80px;
}

.queresesultado-text {
    font-size:22px;
}
.queresesultado-title {
    font-size:32px;
    color:#fff;
    font-weight:400;
}

.trabajaremos-title  {
    font-size:40px;
} 

.trabajaremos-text p {
    font-family: "Raleway", sans-serif;
    margin-top:10px !important;
    font-size:22px !important;
    color:#363636;
    font-weight:300 !important;
}

@media screen and (max-width:800px){
    .red-block-title {
        font-size:24px !important;
    }
    
    .red-block .texto p {
        font-size:16px;
        font-weight:200;
    }
    
    .red-block {
        padding-bottom:100px !important;
    }
    
    .resenhta-text p {
        font-size:20px;
    }
    
    .resenha-texto-abaixo {
         
        font-size:16px;
        font-weight:200; 
    }
    
    .resenhat-item {
        padding:30px;
    }
    
    .mimetodo {
        padding:40px 20px ;
    }
    
    .mimetodo-title {
        font-size:20px;
    }
    
    .mimetodo-text p {
        font-size:16px !important;
         
    }
    
    .brown-block {
        padding:40px 20px;
    }
    
    .brown-block .curso-title {
        font-size:22px;
    }
    
    .brown-text p {
        font-size:18px !important;
        font-weight:200 !important;
    }
    
    .accordion-item span {
        font-size:16px;
        color:#303030;
        font-weight:300;
    }
    
    .queresultados {
        padding:40px 20px;
    }
    
    .item svg {
        width:20px;
        flex:0 0 7%;
    }
    
    .queresesultado-title {
        font-size:30px;
    }
    
    .queresesultado-text {
        font-size:16px;
    }
    
    .accordion-button h3 
    {
        text-align:left;
    }
    
    .item-single {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    .item-single:nth-child(1),.item-single:nth-child(2), .item-single:nth-child(4) ,  .item-single:nth-child(5) {
        border-right:none;
    }
    .item-single:nth-child(1),.item-single:nth-child(2),.item-single:nth-child(3) {
        border-bottom:none;
        
    }
    
    .trabajaremos, .queresultados-block, .aplicaciones, .faq, .resenha, .brown {
        padding-left:15px;
        padding-right:15px;
    }
    
    .trabajaremos-text p{
        font-size:16px !important;
        font-weight:300 !important;
        
    }
    
    .item-single {
        height:191px;
        width:250px;
        padding:15px;
        max-width:100%; 
        padding-bottom:30px;
        border-bottom:1px solid rgba(64,64,4,.2) !important;
       
    }
    
    .item-single:last-child{
        border-bottom:none !important;
    }
}

.curso-avanzado .hero_texts .text-base {
    font-weight:300;
}

.title-de-onde {
    font-size:40px;
    color:#090909;
}

.title-de-onde span {
    font-style:italic;
}

.deonde .texto {
    width:1017px;
    max-width:100%;
    margin:10px auto;
}

.deonde .texto p {
    
    font-size:22px;
    text-align:center;
    color:#434343;
    font-weight:300;
}
.deonde-item h3 {
    color:#710014;
    font-size:20px;
    font-family: "Lora", serif;
    font-style: italic;
    line-height:1.1;
}
.deonde-item {
    border-radius:14px;
    background:rgba(166,166,166,.2);
    height:192px;
    padding:24px 27px;
    width:263px;
}
.video {
    width:100%;
    background-size:cover;
    background-position:center;
    height:568px;
    cursor:pointer;
}

.video-title {
    color:#090909;
    font-size:40px;
    text-align:center;
    width:958px;
    max-width:100%; 
    line-height:1.1;
    
}

.video-title span {
    font-style:italic;
}

.video-lectura {
    padding:50px 0;
    background:#F2EDE3;
}

.video-player { 
    z-index:1000; 
}

.conajuda-title {
    font-size:40px;
    color:#710014;
}

h1 span, h2 span, h3 span {
    font-style:italic
}

.conajuda-items .item-single:nth-child(5) {
    border-right:1px solid rgba(64,64,4,.2) !important;
}

.brown-block-full {
    padding:108px;
    background:#B38F6F;
}

.brown-block-full .texto p {
    color:#fff;
    font-size:22px;
    font-weight:300;
    margin-bottom:22px !important;
}

.card {
     
    height:405px !important;
    max-width:100%;
    border-radius:12px;
    font-family: "Plus Jakarta Sans", sans-serif !important;
    display:flex !important;
}

.card h3 {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    font-size:21px;
    font-weight:bold; 
}


.card-title-lectura {
    font-size:26px !important;
    line-height:1.1;
}

.precio-card-lectura {
    width:368px;
    height:451px;
    max-width:100%;
}

.items-text {
    font-size:20px;
    font-weight:bold;
}

.lectura-item {
    border-bottom:1px solid rgba(255,255,255,.2);
}

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

.important {
    padding-top:70px;
    padding-bottom:70px;
    background:#F2EDE3;
}

.importante-icon {
    height:44px;
    width:44px;
}

.importante-item {
    width:439px;
    max-width:100%;
}

.title-important {
    font-size:40px;
    color:#710014;
}
.importante-item {
    position:relative;
}
.importante-item:first-of-type::after {
    content:'';
    display:block;
    width:1px;
    height:150px;
    position:absolute;
    top:40px;
    right:-10px;
    background:rgba(0,0,0,0.5);
}

/* Corrige posicionamento das setas */
.conajuda-slider .swiper-button-prev,
.conajuda-slider .swiper-button-next {
  position: static !important; /* remove posição absoluta do Swiper */
  margin: 0;                  /* remove margens padrão */
  width: auto;                 /* deixa só o SVG controlar o tamanho */
  height: auto;
}

.conajuda-slider .swiper-button-next,.conajuda-slider .swiper-button-prev {
  opacity: 1 !important;
}

/* Alinha os SVGs */
.conajuda-slider .swiper-nav .swiper-button-prev svg,
.conajuda-slider .swiper-nav .swiper-button-next svg {
  display: block;
}
.btn-comeca {
    transition:all .3s;
}
.btn-comeca:hover {
    background:#8A1A2B;
}

.leitura-setas { 
  top: -40px;
  right: 75px;
}

.leitura-setas .swiper-button-next, .leitura-setas .swiper-button-prev {
  opacity: 1 !important;
}

.leitura-setas .swiper-button-next {
    right: -70px;
}  

.leitura-setas .swiper-button-prev  {
    left: -60px;
}

.conajuda-slider .swiper-button-prev.swiper-button-disabled, .conajuda-slider .swiper-button-next.swiper-button-disabled {
    opacity: 0.35 !important;
}

@media screen and (max-width:800px){
    .title-de-onde, .video-title, .conajuda-title {
        font-size:30px !important;
        line-height:1.1 !important;
        text-align:left !important;
    }
    
    .deonde, .video-lectura, .conajuda  {
        padding-left:15px;
        padding-right:15px;
    }
    
    .deonde .texto p {
        font-size:16px;
        text-align:left;
    }
    
    .video {
        width:367px;
        height:265px;
        background-size:cover;
        border-radius:20px;
    }
    
    .conajuda  .conajuda-slider {
        height:1200px !important;
        overflow:hidden !important;
    }
    
    .brown-block-full {
        padding:30px;
    }
    
    .brown-block-full  .texto  p {
        font-size:20px;
    }
    
    .setas {
        display:none;
    }
    
    .precio-card-lectura {
        width:293px;
        height:363px;
    }
    
    .items-text {
        font-size:16px;
    }
    
    .lectura-item svg {
        width:28px;
    }
    
    .card {
        width:370px;
        height:260px !important;
    }
    
     
}

@media screen and (max-width: 900px) {
  .products-carousel-lectura .swiper-button-prev {
    top: 297px !important;
    left: 1% !important;
    opacity: 1 !important;
  }
  
  .products-carousel-lectura .swiper-button-next {
      top: 297px !important;
      right: 60% !important;
  }
  
  .item-single {
      width:220px !important;
  }
}

.product-title-single {
    font-size:40px;
}

/* Remove setas padrão */
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.qty {
    -moz-appearance: textfield;
    text-align: center;
    width: 60px;
}
input { 
  background: #fff !important; 
}
.carrito-items {
    padding:10px;
    background:#F2EBDD;
    border-radius:20px;
}

.carrito-breads {
    font-size:14px;
}

.red-btn {
    background:#710014;
}

.desktop-logo {
	width:60px !important;
	height:83px !important;
}

.gender-change {
	border:1px solid #161616;
	padding:6px 12px;
	color:#161616;
}

.gender-change.active {
	border:1px solid #B38F6F;
	background:#B38F6F;
	color:#fff ;
}

.gender{
	position:relative;
}

.gender:after {
	position:absolute;
	content:'';
	display:block;
	width:3px;
	height:33px;
	background:#B38F6F;
	top:3px;
	right:-15px; 
}

.calculate {
	margin-left:15px;
}

.birthdate-item select{
	border-radius:12px !important;
	background:#F1E9D9
}

.proposals   {
	width:100%;
	padding-left: 200px
	
}



.propousalsandbtn {
	margin-top:90px;
	
	display:flex;
	flex-direction:column;
	background:#F1E9D9;
	border-radius:20px;
	width:1367px  ;
	max-width:100%;
	padding-bottom:50px;
	gap:40px;
}

@media screen and (max-width:900px){
	.proposals   {
		width:100%;
		padding-left: 0px 
  }
	
	.gender:after {display:none}
	
	
		.calculate {
			margin-left:0;
		}
}

.table {
  border-collapse: separate;     
  border-spacing: 0;     
  border-radius: 20px;    
  overflow: hidden;       
}

.product-imagem {
	width:691px !important;
	max-width:100%;
}

.btn-header {
	transition:all .3s;
}
.btn-header:hover {
	background:#8F7359;
}

.btn-cart:hover {
	
}

@media screen and (max-width: 1280px) {
  .product-card {
  width: 380px;
  height: 550px !important;
  justify-content: flex-end !important;
  display: flex;
  padding: 25px !important;
  border-radius: 25px;
}
 
	
 
	.conauda  .lg\:justify-between{
      justify-content:center !important;
	}
}

@media screen and (max-width: 880px) {
  .product-card {
  width: 380px;
  height: 310px !important;
  justify-content: flex-end !important;
  display: flex;
  padding: 25px !important;
  border-radius: 25px;
} 
    
}

.animate-on-scroll {
    opacity: 0.5;
    transform: translateY(50px);
  }