@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px !important;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}


.page--blog .blog-posts[data-v-51c49b4b] {
    display: flex
;
    flex-direction: column;
    gap: 2rem;
}

.container {
    margin: 0 auto;
    padding: 0 1rem;
}

	.secure-payment {
		width: 275px;
		background: #ffffff;
		box-shadow: 0px 10px 48px rgba(0, 0, 0, 0.2);
		border-radius: 1rem;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

	.img-side {
		max-height: 300px;
		max-width: 100%;
	}

	.secure-payment .icon {
		background: var(--primary-color);
		box-shadow: 0px 10px 48px rgba(0, 0, 0, 0.4);
		color: #ffffff;
		width: 60px;
		height: 60px;
		margin: 0 auto;
		border-radius: 50%;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: calc(-1rem - 30px);
	}

	.text-light {
		color: #707986 !important;
	}

	.mb-4, .my-4 {
		margin-bottom: 1.5rem!important;
	}

	.secure-payment .icon {
		background: #151b26;
		box-shadow: 0px 10px 48px rgba(0, 0, 0, 0.4);
		color: #f7f8f9;
		width: 60px;
		height: 60px;
		margin: 0 auto;
		border-radius: 50%;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: calc(-1rem - 30px);
	}
	
	.multiple-posts {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
}

.blog-post-box {
    border: 1px solid rgba(4, 4, 5, .1);
    border-radius: .5rem;
    box-shadow: 0 0 #fff;
    display: flex
;
    flex-direction: column;
    height: 100%;
    transition: box-shadow .2s ease-in-out 0s, transform .2s;
    will-change: transform;
}

.blog-post-box a.image-box[data-v-657dc6e8] {
    align-items: center;
    display: flex
;
    justify-content: center;
    margin: .5rem .5rem 0;
    width: calc(100% - 1rem);
}

.blog-post-box a.image-box picture[data-v-657dc6e8] {
    align-items: center;
    display: flex
;
    justify-content: center;
    width: 100%;
}

.blog-post-box a.image-box img[data-v-657dc6e8] {
    border-radius: 8px;
    height: 160px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    -ms-interpolation-mode: nearest-neighbor;
}

.blog-post-box .content-container[data-v-657dc6e8] {
    display: flex
;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}

.blog-post-box .box__title[data-v-657dc6e8] {
    margin-bottom: 12px;
}

.blog-post-box .box__title h3[data-v-657dc6e8] {
    display: -webkit-box;
    font-size: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #333;
}

.blog-post-box .box__author .author__content h3[data-v-657dc6e8] {
    font-size: 1rem;
    margin-bottom: 0;
    color: #333;
}


.main h1:last-child, .main h2:last-child, .main h3:last-child, .main h4:last-child, .main h5:last-child, .main h6:last-child {
    margin-bottom: 0;
}
.main h2, .main h3, .main h4, .main h5, .main h6 {
    color: #333;
}
.main body, .main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {
    line-height: 140%;
}

.blog-post-box .box__category[data-v-657dc6e8], .blog-post-box .box__description[data-v-657dc6e8] {
    margin-bottom: 16px;
}

.blog-post-box .box__description p[data-v-657dc6e8] {
    display: -webkit-box;
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.main p:last-child {
    margin-bottom: 0;
}

body .push-both-sides {
    flex-grow: 1;
}

.blog-post-box .box__author[data-v-657dc6e8] {
    align-items: center;
    background-color: #0404050d;
    border-radius: .5rem;
    display: flex
;
    flex-direction: row;
    gap: .5rem;
    margin: 0 -.5rem -.5rem;
    padding: .5rem;
}

.blog-post-box .box__author .author__image-container[data-v-657dc6e8] {
    border-radius: 50%;
    display: flex
;
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    width: 40px;
}

.blog-post-box .box__author .author__image-container a[data-v-657dc6e8] {
    display: flex
;
}

.blog-post-box .box__author .author__image-container a img[data-v-657dc6e8] {
    -o-object-fit: cover;
    object-fit: cover;
}

.main img {
    height: auto;
    max-width: 100%;
}

.blog-post-box .box__author .author__content[data-v-657dc6e8] {
    display: flex
;
    flex-direction: column;
}

.blog-post-box .box__author .author__content .content-infos span[data-v-657dc6e8] {
    font-size: .75rem;
}

.blog-post-box .box__author .author__content .content-infos[data-v-657dc6e8] {
    align-items: center;
    display: flex
;
    flex-direction: row;
}
.blog-post-box .box__author .author__content .content-infos .info-separator[data-v-657dc6e8] {
    background-color: #666;
    border-radius: 50%;
    height: 3px;
    margin: 0 5px;
    width: 3px;
}


.blog-post-box .box__author .author__content .content-infos span[data-v-657dc6e8] {
    font-size: .75rem;
}

.main ol:last-child, .main ul:last-child {
    margin-bottom: 0;
}
.component--page-breadcrumbs .breadcrumbs {
    align-items: center;
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 -7px;
    padding: 32px 0;
}
.page--blog[data-v-51c49b4b] {
    padding-bottom: 0;
}
.page--blog {
    padding-bottom: 120px;
}
.page--blog {
    padding-bottom: 120px;
}
.page--blog .blog-posts[data-v-51c49b4b] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}



.secure-payment {
    width: 275px;
    background: #ffffff;
    box-shadow: 0px 10px 48px rgba(0, 0, 0, 0.2);
    border-radius: 1rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.img-side {
    max-height: 300px;
    max-width: 100%;
}

.text-light {
    color: #707986 !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}

.multiple-posts {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, 1fr); /* Padrão para mobile */
}

.blog-post-box {
    border: 1px solid rgba(4, 4, 5, .1);
    border-radius: .5rem;
    box-shadow: 0 0 #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow .2s ease-in-out 0s, transform .2s;
    will-change: transform;
}

.blog-post-box a.image-box[data-v-657dc6e8] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: .5rem .5rem 0;
    width: calc(100% - 1rem);
}

.blog-post-box a.image-box img[data-v-657dc6e8] {
    border-radius: 8px;
    height: 160px;
    width: 100%;
    object-fit: cover;
}

.blog-post-box .content-container[data-v-657dc6e8] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}

.blog-post-box .box__title[data-v-657dc6e8] {
    margin-bottom: 12px;
}

.blog-post-box .box__title h3[data-v-657dc6e8] {
    font-size: 1.125rem;
    color: #333;
}

.blog-post-box .box__description p[data-v-657dc6e8] {
    font-size: .75rem;
}

/* Responsividade */
@media (min-width: 576px) {
    .multiple-posts {
        grid-template-columns: repeat(2, 1fr); /* Tablet */
    }
}

@media (min-width: 992px) {
    .multiple-posts {
        grid-template-columns: repeat(3, 1fr); /* Desktop */
    }
}

@media (min-width: 1461px) {
    .multiple-posts {
        grid-template-columns: repeat(4, 1fr); /* Desktop */
    }
}

/* Dimensões adicionais e estilos de autor */
.blog-post-box .box__author[data-v-657dc6e8] {
    align-items: center;
    background-color: #0404050d;
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    padding: .5rem;
}
.blog-post-box .box__author .author__image-container[data-v-657dc6e8] {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    overflow: hidden;
}
.blog-post-box .box__author .author__content[data-v-657dc6e8] {
    display: flex;
    flex-direction: column;
}
.main img {
    height: auto;
    max-width: 100%;
}

.component--page-breadcrumbs .breadcrumbs li {
    align-items: center;
    color: #666;
    display: flex
;
    font-weight: 400;
    margin: 0 8px;
    position: relative;
    word-break: break-all;
    word-break: break-word;
}

.component--page-breadcrumbs .breadcrumbs li .breadcrumb-divider {
    display: inline-block;
    transform: translate(8px);
}

.component--page-breadcrumbs .breadcrumbs li .breadcrumb-divider i {
    position: relative;
    top: 2px;
}

  .video-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* Proporção 16:9 (ajuste se for outro formato) */
        height: 0;
        overflow: hidden;
    }
    
    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    /* Para desktop (telas maiores) */
    @media (min-width: 768px) {
        .video-wrapper {
            padding-bottom: 0;
            height: 400px; /* Altura fixa para desktop */
        }
    }
    
    /* Aplica max-height: 250px apenas em telas maiores (computadores) */
    @media (min-width: 768px) {
        .responsive-img {
            max-height: 250px;
        }
    }
    
    /* Opcional: manter altura automática em dispositivos móveis */
    @media (max-width: 767px) {
        .responsive-img {
            max-height: none;
        }
    }
    
.b-menu-wrapper.active {
    transform: translateY(0);
    opacity: 1;
    background-color: rgb(34 39 55 / 78%) !important;
    backdrop-filter: blur(60px);
}

	.secure-payment {
		width: 275px;
		background: #ffffff;
		box-shadow: 0px 10px 48px rgba(0, 0, 0, 0.2);
		border-radius: 1rem;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

	.img-side {
		max-height: 300px;
		max-width: 100%;
	}

	.secure-payment .icon {
		background: var(--primary-color);
		box-shadow: 0px 10px 48px rgba(0, 0, 0, 0.4);
		color: #ffffff;
		width: 60px;
		height: 60px;
		margin: 0 auto;
		border-radius: 50%;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: calc(-1rem - 30px);
	}

	.text-light {
		color: #707986 !important;
	}

	.mb-4, .my-4 {
		margin-bottom: 1.5rem!important;
	}

	.secure-payment .icon {
		background: #151b26;
		box-shadow: 0px 10px 48px rgba(0, 0, 0, 0.4);
		color: #f7f8f9;
		width: 60px;
		height: 60px;
		margin: 0 auto;
		border-radius: 50%;
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: calc(-1rem - 30px);
	}
		
		
	.grego-titulo-blog {
	font-size: 40px;
    font-weight: 400;
    letter-spacing: .3px;   
    margin-bottom: 24px;
    text-align: left;
    /*margin-inline: 5px;*/
	}
	
	    .post-author {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 32px;
    width: 680px;
    }
    
    .author__image-container {
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    margin-right: 16px;
    overflow: hidden;
    width: 40px;
    }
    
    .author__content {
    display: flex;
    flex-direction: column;
    }
    
    .content-infos {
    align-items: center;
    display: flex;
    flex-direction: row;
    }
    
    .info-separator{
    background-color: #666;
    border-radius: 50%;
    height: 3px;
    margin: 0 5px;
    width: 3px;
    }   
    
    .push-both-sides{
        flex-grow: 1;
    }
    
    .likes{
        font-size: 12px;
    }
    .main a {
    color: #007bff;
    transition: color .2s;
}

.page--blog .post-body ul li:before {
    border-bottom: 4px solid transparent;
    border-left: 6px solid #007bff;
    border-top: 4px solid transparent;
    content: "";
    left: -.75rem;
    position: absolute;
    top: .625rem;
    transform: translateY(-50%) translate(-100%);
}

li {
  list-style-type: none; /* Remove o marcador padrão */
  position: relative; /* Cria um contexto de posicionamento para o pseudo-elemento */
  padding-left: 0rem; /* Espaço para o novo ícone */
  font-size: 18px !important;
  margin-bottom: 5px;
}

li::before {
  /*border-bottom: 4px solid transparent;*/
  /*border-left: 6px solid #007bff;*/
  /*border-top: 4px solid transparent;*/
  /*content: "";*/
  /*left: 0;*/
  /*position: absolute;*/
  /*top: 0.825rem;*/
  /*transform: translateY(-50%);*/
  
}

a {
  color: rgb(0, 123, 255) !important; /* Azul no padrão Bootstrap (equivalente a #007bff) */
}

.p {
    font-size: 18px !important;
}

.home-text {
    font-size: 18px !important;
    color:#111 !important;
}
    

.signature-author__image-container {
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    height: 56px;
    overflow: hidden;
    width: 56px;
}

.signature-author__content {
        display: flex;
    flex-direction: column;
}

.written-by{
    color: #999;
    font-size: 12px;    
    text-transform: uppercase;
}

.signature-author__signature{
    color: #666;
    font-size: 16px;
    margin-top: 0px;
}

.post-signature {
    align-items: center;
    border-top: 1px solid rgba(4, 4, 5, .1);
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 2rem;
    margin-top: 3rem;
    padding-top: 2rem;  
}

@media (min-width: 992px) {
    .b-menu-wrapper {
        margin-bottom: 0px !important;
    }
}

b, strong {
    font-weight: 700 !important;
}

dl, ol, ul {
    margin-left: -30px;
}

    .home-last {
        margin: 100px auto;
        width: 100%; /* Por padrão, ocupa 100% da largura disponível */
        max-width: 680px; /* Limita a largura máxima a 680px para desktop */
        padding: 0px 15px; /* Adiciona um espaçamento lateral */
    }

    @media (max-width: 1024px) { /* Tablet */
        .home-last {
            max-width: 90%; /* Reduz a largura máxima para dispositivos tablet */
        }
    }

    @media (max-width: 768px) { /* Mobile */
        .home-last {
            max-width: 95%; /* Reduz a largura máxima para dispositivos móveis */
        }
    }

.main ol:last-child, .main ul:last-child {
    margin-bottom: 0;
}

.component--page-breadcrumbs .breadcrumbs {
    align-items: center;
    display: flex
;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 -7px;
    padding: 32px 0;
}