/*-- INDICE --*/
/*-- Max width 1260px --*/
/*-- Max width 860px --*/
/*-- Max width 660px --*/





/*------------------ MAX-WIDTH 1260 PX ------------------*/


@media (max-width: 1260px) {
    
    main {
        max-width: 600px;
        margin-left: auto;
        margin-right: 30px;
        margin-top: 128px;
    }
    
    h2 {
        font-size: 2.2em;
        letter-spacing: -2px;
    }
    
    h3 {
        font-size: 2em;
    }
    
    .entry-content .alignright {
        margin-right: 0;
        margin-bottom: 20px;
    }


    /*--A-EQUIPA--*/
    
    .post-9 .entry-content .alignleft {
        margin-left: 0;
    }
    
    
    /*--PROJETOS--*/
    
    .page-id-13 main {
        margin-right: auto;
    }
    
}


/*------------------ MAX-WIDTH 1260 PX ------------------*/



.show-680 {
    display: none;
}

.menu-mobile-flex-box {
    display: none;
}


/*------------------ MAX-WIDTH 860 PX ------------------*/


@media (max-width: 860px) {
    
    .hide-680 {
        display: none;
    }
    
    .show-680 {
        display: block;
    }
    
    header.site-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    
    .custom-logo-link img {
        width: 160px;
        margin: 20px;
    }
    
    .menu-toggle {
        z-index: 3;
        position: relative;
		margin: 0px 20px -5px;
    }
    
    .menu-mobile-flex-box {
        display: block;
    }
    
    .menu-mobile {
        position: absolute;
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        top: 0;
        flex-direction: column;
        text-align: center;
        background-color: var(--orangedetail);
        transform: translate(-100vh);
        transition: transform 0.5s ease;
        z-index: 2;
    }
    
    .open {
      transform:  translateY(0);
    }
    
    .menu-mobile .current-menu-item a {
        color: white;
    }
    
    .menu-mobile ul.menu {
        padding-inline-start: 0;
        margin-top:0;
        
    }
    
    .menu-mobile-flex-box .language-switcher {
        align-items: flex-end;
        display: flex;
		padding-inline-start: 13px;
		z-index: 4;
		position: relative;
    }
    
    .trp-ls-shortcode-language {
        width: unset !important;
    }
    
    .trp-language-switcher {
        height: fit-content;
    }
    
    
}


/*------------------ MAX-WIDTH 860 PX ------------------*/




/*------------------ MAX-WIDTH 660 PX ------------------*/


@media (max-width: 660px) {
    
    
    /* 1) Elimina overflow horizontal global */
    html, body {
      margin: 0;
      padding: 0;
      overflow-x: hidden;
      /* Para cobrir a tela toda no mobile */
      min-height: 100dvh; /* Unidades dinâmicas para mobile moderno */
      min-height: 100vh;  /* Fallback */
    }
    
    /* 2) Garanta que o fundo cubra o final da página */
    html, body {
      background-color: var(--bgcolor);
    }
    
    
    /* 4) Links longos e palavras grandes não “estouram” a largura */
    body, .entry-content, .site, .wp-block {
      overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-word;
    }
    
    p,
    body{
        font-size: 16px;
        line-height: 1.6;   
    }
    
    h2 {
        font-size: 2em;
        letter-spacing: -1px;
    }
    
    h3 {
        font-size: 1.5em;
        letter-spacing: -1px;
    }
    
    main {
        margin: 20px;
        margin-top: 60px;
    }
    
    .entry-content .alignleft, 
    .entry-content .alignright,
    .post-9 .entry-content .alignleft {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px;
    }
    
    .post-7 h3,
    .post-2 h3,
    h3.wp-block-heading {
        margin-top: 60px;
    }
    
    .post-7 .wp-block-spacer {
        display: none;
    }
    
    .post-11 h4 {
        margin-top: 30px;
    }
    
    .post-9 figure.size-full{
        margin-top: 60px;
        margin-bottom: 30px;    
    }
    
    
}


/*------------------ FIMMAX-WIDTH 660 PX ------------------*/