/*small phones*/
@media only screen and (min-width: 375px){
    .heading-psy-m h4, .heading-psy-m h5 {
        margin-right: 48px;
        padding: 4px 8px;
    }
    .heading-psy-m h4 {
        margin-top: -72px;
    }    
    .heading-psy-m h5 {
        margin-top: -35px;
    }
    .heading-psy-m img {
        width: 72%;
        margin-top: -49px;
        margin-right: -16px;
    }
    .slogan-terap h4{ 
        font-size: var(--font-l-30);
        line-height: 1.6;
      }
    .slogan-terap h4 span:first-child::before {
        height: 24px;
        margin-top: 25px;
        margin-left: -1px;
        width: 191px;
      }
      .slogan-terap h4 span:nth-child(2)::before {
        height: 24px;    
        margin-left: -329px;
        width: 336px;
      }
      .slogan-terap h4 span:last-child::before {
        display: none;
      }
      .t-past-events h3 {
        font-size: var(--font-l-32) !important;
    }
}

/*large phones*/
@media only screen and (min-width: 390px){
    .container {        
        width: 390px;
      }
    /* Estilo para o círculo do cursor */
    #cursor-point {
        width: 0;
        height: 0;
        z-index: 9999;
    }
    .h-terap h1:before {
        width: 184px;
    }
    .heading-psy-m h4, .heading-psy-m h5 {
        margin-right: 69px;
      }
      .heading-psy-m h4{
        margin-top: -72px;
      }
      .heading-psy-m h5{       
        margin-top: -35px;
      }
      .heading-psy-m img{
        width: 92%;
        margin-top: 5px;
        margin-right: -16px;
    }
}
/*small tablets*/
@media only screen and (min-width: 430px){
    .heading h1 {
        margin-bottom: 64px;
    }
    .heading-psy-m img{
        width: 100%;
        margin-right: -35px;
    }
    .psy-form-2 img:last-child {
        margin-left: -36px;
    }
    .js-accordion dd.ativo {    
        margin-bottom: 90px;
    }
    .acc-ajst-2 {
        margin-bottom: 208px !important;
    }
}

/*tablets*/
@media only screen and (min-width: 600px){

    .container {        
        width: 560px;
        padding: 0 32px;
    }
    .js-accordion dd.ativo {     
        margin-bottom: 32px;
    }
    .t-acdon-ajst ul li:last-child{
        letter-spacing: normal;
    }
    .p-terap span:first-child::before {
        margin-top: 65px;
        margin-left: -241px;
        width: 237px;;
    }
    .p-terap span:nth-child(2)::before {
        margin-left: -217px;
        width: 217px;
    }
    .p-terap span:last-child::before {
        display: none;
    }
    .slogan h4 span:first-child::before {
        display: none;
    }
    .slogan h4 span:nth-child(2)::before {
        margin-left: -150px;
        width: 190px;
    }
    .slogan h4 span:last-child::before {
        margin-top: 24px;
        margin-left: -154px;
        width: 403px;
    }
    .heading-psy-m h4, .heading-psy-m h5 {      
        font-size: var(--font-l-32);
    }
    .heading-psy-m h4{
        margin-top: -98px;
    }
    .heading-psy-m h5{
        margin-top: -46px;
    }
    .heading-psy-m img {
        width: 88%;
        margin-top: -12px;
        margin-right: -50px;
    }
    #psy-2 {
        content: url("../imgs/psi-2.jpg"); 
    }
    #psy-3 {
        content: url("../imgs/psi-3.jpg");
    } 
    .psy-photos-m {
        gap: 40px;
    }
    .psy-form-2 img:last-child {
        width: 80%;
        margin-left: -50px;
        display: none;
    }
    .psy-photos-m ul:first-child li:first-child {
        padding: 8px;
    }

    .psy-form-3 img:last-child {
        width: 80%;
        margin-left: -50px;
    }
    .psy-photos-m ul:last-child li:last-child{
        width: 68%;
        padding: 8px;
    }
    .heading h1 {        
        padding-right: 21px;
    }
    .h-psy h1:before {
        width: 264px;
        margin-left: -4px;
    }
    .p-psy h2 span:first-child::before {
        width: 329px;
    }
    .toolTip span:after {        
        margin-left: -26px;
    }
    .h-terap h1:before {
        width: 212px;
    }
    .accordion-container{
        width: 520px !important;
    } 
    .slogan-terap {
        max-width: 584px;
    }
    .slogan-terap h4 span:first-child::before {
        width: 398px;
    }
    .slogan-terap h4 span:nth-child(2)::before {
        margin-top: 71px;
        margin-left: -315px;
        width: 129px;
    }
    .slogan-terap h4 span:last-child::before {
        display: none;
    }   
    .event-phts ul{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;  
    }
    .h-privacy h1:before {
        width: 537px;
        margin-top: 32px;
        margin-left: -7px;
    }
    .h-privacy h1 span:before {
        display: none;
    }
    .acc-ajst-1 {
        margin-bottom: 32px !important;
    }
    .acc-ajst-2 {
        margin-bottom: 88px !important;
    }
}

/*small desktop*/
@media only screen and (min-width: 768px){
    .heading-psy-m img{        
        margin-right: -136px;
    }
    .h-psy h1:before {
        width: 264px;
        margin-left: -13px;
    }
    .h-terap h1:before {
        width: 212px;
    }
}

/*notebook - Most resolution used in Brasil is 1360px (use 80px margin in Figma)*/
@media only screen and (min-width: 1200px){

    .hide-mobile{
        display: block;
    }
    .js-accordion dd{
        font-size: var(--font-m-20);
        font-weight: 300;
      }
    /*LAYOUT ESTRUTURA*/
    .container {        
        width: 1084px;
        padding: 0 40px;
    }
    .heading {
        margin-top: 80px;       
    }
    .heading-content{
        width: 873px;
    }  
    .container, .container-left, .container-right, .content-f-row, .slogan{
        display: flex;  
        width: 1084px;
    }
    .container-left, .container-right, .content-f-row{  
        margin: 0 auto;
        padding: 0 16px;
    }
    .container-right{
        justify-content: flex-end;
        text-align: right !important;
    }
    .container-left{
        justify-content: flex-start;
    }    
    .content-f-row{
        justify-content: center;
        width: auto !important;
    }
    .content {
        text-align: left;
        width: 743px;  
    }
    .heading-content {
        padding-left: 64px;
        padding-bottom: 80px;
    }
    .heading h1 {
        font-size: var(--font-xl-80);
        padding-right: 48px;
        margin-bottom: 64px;
    }
    .heading h1:before {             
        margin-top: 51px;
        width: 257px;
        height: 56px;
    }
    .heading h2 {
        font-family: "Pero";
        font-size: var(--font-l-40);
        font-weight: 600;
        margin-bottom: 16px;
    }
    .heading h3 {
        font-size: var(--font-m-24);
        font-weight: 300;
    }
    .p-terap span:first-child::before {
        margin-top: 25px;
        margin-left: 3px;
        width: 455px;
    }
    .p-terap span:nth-child(2)::before {
        display: none;
    }   
    .content > blockquote {
        font-size: var(--font-m-20);
        padding: 16px 32px;
    }
    .copy-trilha{
        display: flex;
        align-items: center;
        margin-top: 4px;
        gap: 40px;
    }
    .content-large {
        text-align: left;
        width: 1016px !important;
    }
    .copy-cog{
        width: 366px;
    }
    .copy-mind{
        width: 366px;
        margin-top: 184px;
    }
    .copy-compas{
        width: 482px;
        margin-top: -80px;
    }
    .content-large p {
        font-size: var(--font-m-16);
    }
    .p-terap-img {
        display: flex;
        padding: 0;
    }    
    .slogan-terap  {        
        max-width: 1003px;
        padding: 0;
        margin-right: 76px;
    } 
    .slogan-terap  h4 {     
        font-size: var(--font-l-32);
        text-align: left;       
    }  
    .slogan-terap h4 span:nth-child(2)::before {
        margin-top: 25px;
        margin-left: -150px;
        width: 512px;
    }
    .slogan-terap h4 span:last-child::before {
        display: none;
    }
    .content-full-w{
        width: 1084px !important;
    }
    .h-terap h1:before {
        width: 319px;
    }
    .accordion-container{
        width: auto !important;
    }
    .copyright-2 ul{  
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0 0 auto;
        padding-right: 104px;
        width: 1088px;        
    }
    /*A PSICOLOGA*/
    .heading-psy-m h4, .heading-psy-m h5 {
        display: none !important;
    }
    .h-psy h1:before {
        width: 451px;
    }
    .p-terap, .p-psy h5 {
        font-size: var(--font-m-24);
    }
    .p-title-3 h3 {
        font-size: var(--font-x-48);
    }
    .p-title-3 h4 {
        font-size: var(--font-l-32);
    }
    .hide-desktop{
        display: none;
    }
    .p-psy-1-img{
        margin-right: 40PX;
    }
    .p-psy-abrdn-container{
        display: flex;
        flex-direction: column;
    }
    .p-psy-abrdm {
        order: 1; 
    }
    .psy-photos-m {
        justify-content: right;
        padding-bottom: 80px;
    }      
    .psy-photos-m {
        order: 2;
        margin: 0;
        margin-top: -63px;
    }
    .p-psy-abrdm{
        display: flex; 
        align-items: center;     
    }    
    .p-psy-abrdm h3{
        text-align: end;  
        width: 351px;
        margin-right: 48px;
    }
    .p-psy-abrdm p{
        font-weight: 300;
        font-size: var(--font-m-16);    
    }
    .p-psy-abrdm-ajst{
        display: flex;
        flex-direction: row;
        align-items: baseline;
        gap: 40px;
        margin-top: -166px;
    }
    .ord-1{
        order: 2;
      }
      .ord-2{
        order: 1;
      }
    .psy-form-1{
        display: flex;
        flex-wrap: nowrap;
        gap: 40px;       
    }
    .psy-form-1{
        display: flex;
        flex-wrap: nowrap;
        gap: 40px;       
    }
    .psy-form-2, .psy-form-3{
        display: flex;
        gap: 170px;    
    }
    .psy-form {
        flex: 1;
    } 
    .psy-photos-m ul:first-child li:first-child {
        width: 69%;
      }
    .psy-photos-m ul:last-child li:last-child {
        width: 55%;
    }
    .heading-aton{
        font-weight: 600 !important;
        padding-bottom: 16px;
    }
    .heading-aton::before{
        content: '';
        background-color: var(--brand-primary-100);
        position: absolute;
        height: 16px;
        z-index: -2;
        font-weight: 600 !important;
        margin-top: 19px;
        margin-left: -8px;
        width: 700px;
    }
    .acc-ajst-2 {
        margin-bottom: 38px !important;
    }
    .toolTip span:after {        
        margin-left: -28px;
    }
    /*EVENTS*/
    .h-event h1:before {
        width: 337px;
        margin-left: -7px;
    }
    .h-event{
        margin-bottom: 14px;
    }     
    .event-container{
        display: flex;
        flex-wrap: nowrap;
        align-items: start;
    }
    .event-container:first-child{
        margin: 0;
      }
    .event-container h4 {
        width: 100%;
        padding-bottom: 16px;
    }
    .event-details{
        padding-top: 0;
    }
    .scheduling {
        margin-right: 40px;
    }
    .scheduling ul:first-child li:first-child {
        font-size: var(--font-x-56);
    }
    .scheduling ul:last-child li {
        font-size: var(--font-m-20);
    }
    .phts-container img {
        width: 90px;
        height: 90px;
    }
    .event-phts ul{
        gap: 40px;  
    }
    .past-events ul{
        justify-content: space-between;
      }

    .bt-m-secondary button {
        display: flex;
        align-items: center;
        color: var(--brand-secondary-300);
        font-size: var(--font-m-16);
        font-weight: 400;
        padding: 16px 32px;
        width: auto;
        border: 1px solid var(--brand-secondary-300);
        border-radius: 8px;
        background-color: transparent;
        transition: background-color 0.3s ease;
    }
    .bt-m-secondary button:hover {
        color: var(--neutral-secondary-10);
        background: var(--brand-secondary-300);
        transition: color 0.2s ease, background-color 0.3s ease;
    }
    .h-privacy h1:before {
        width: 812px;
        margin-top: 54px;
    }
    .h-privacy h1 span:before {
        display: none;
    }

    /*CHURN*/

    .heading-churn h1 {
        font-size: var(--font-xl-80);
        padding-right: 48px;
        margin-bottom: 64px;
    }
   
    /*Footer*/
    footer {
        align-items: center;
    } 
    .footer2-content{
        width: 1004px;
    }  
    footer ul{
        margin-top: 0;  
    }
    .copyright li, .copyright li a {
        font-size: var(--font-s-14);
    }
    footer h5 {
        font-family: "Pero";
        font-size: var(--font-l-32);
        font-weight: 600;
        color: var(--primary-black);
        line-height: 1.6;
        padding-top: 0;
        margin-bottom: 48px;
    }
    .cta-footer img{
        display: none;
    }
    .main-links {
        display: flex;
        align-items: flex-start;
        gap: 300px;    
    }
    .cta-footer{
        width: 484px;
    }
    .f-links{
        flex-direction: column;
        gap: 64px;
    }
    .links-pages li{
        padding-bottom: 32px;
    }
    .f-link-active{    
        color: var( --brand-primary-300) !important;
    }
    .f-link-active::before {
        color: var(--brand-secondary-300);
    }
    .links-pages li, .links-pages li a{
        font-family: "Lato", sans-serif;
        font-weight: 300;
        font-size: var(--font-m-24);
        color: var( --primary-black);
    }  
    .links-pages li a::before,   .f-link-active::before{
        content: '•';
        font-size: var(--font-m-20);
        font-weight: 200;
        top: -11px ;
        left: -6px;
        position: relative;
        transition: color 0.3s ease;
    }
    .links-pages li a:hover{    
        color: var( --brand-primary-300);
        transition: color 0.3s ease;
    }
    .links-pages li a:hover:before{
        color: var(--brand-secondary-300);
    }
    .f-social{
        display: flex;
        gap: 40px;
        height: 58px;
    }
    .f-social li{
        background-color: var(--neutral-primary-50);
        border-radius: 8px;
        transition: background 0.2s ease, padding-top 0.2s ease;  
    }
    .f-social li:hover{
        background-color: var(--neutral-primary-25);
        padding-top: 4px;   
    } 
    .f-address{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 88px;
    }
    .link-privacy {
        margin-top: 0;
    }
    .copyright {            
        flex-direction: row;
        justify-content: space-between;
        max-width: 1008px;        
    }
    .copyright li {
        font-size: var(--font-s-14);
        font-weight: 300;       
    } 
}
/*large desktop*/
@media only screen and (min-width: 1920px){
    
    /*LAYOUT ESTRUTURA*/
    .container { 
        padding: 0 96px;      
        margin: 0 0 0 auto;
    }
    .heading {
        margin-top: 104px;       
    }
    .heading-content {
        padding-bottom: 64px;
    }
    .heading h1{
        padding-right: 32px;
    }
    .h-terap h1:before {
        width: 303px;
    }
    .h-psy h1::before {
        width: 436px;
    }
    .js-blur-turnoff {
        filter: none;
    }
    .h-event h1:before {
        width: 320px;
    }
    footer {
        align-items: flex-end;
    } 
    .footer2-content{
        width: 1084px;
        padding-right: 104px;
    }
}