/*
Theme Name: Caos Organizado
Author: Luan Oliveira
Author URI: https://wpcaos.com.br
Description: Caos organizado com blocos do Wordpress
Version: 1.0
*/

html {
	font-family:'Mulish',sans-serif;
}

* {
	box-sizing:border-box;
}

img {
	max-width:100%;
}

.page-archive {
	background-color:#F1F1F1;
	padding-top: 300px;
	padding-bottom:100px;
}

.intro-single {
	width:100%;
	background-color:#F1F1F1;
	padding-top:340px;
	text-align: center;
}

.container-site {
	width:100%;
	max-width:1210px;
	padding:0 20px;
	margin:0 auto;
}

.intro-archive {
	margin:0 auto;
	width:100%;
	max-width:800px;
	text-align:center;
	padding:0 20px;
}

.breadcrumb {
	font-weight:700;
	color:#000000;
}

.breadcrumb a {
	color:#000000;
}

.intro-archive-title {
	font-size: 36px;
	font-weight:700;
	line-height:1;
	margin-bottom: 0px;
	margin-top: 16px;
}

.intro-single .intro-archive-title {
	margin-bottom:0;
}

.grid-cards {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
    grid-row-gap: 24px;
    grid-column-gap: 24px;
    width: 100%;
    list-style: none;
    padding: 0;
	width:100%;
	max-width:1210px;
	margin:0 auto 64px;
	padding:0 20px;
}

.card-txt p {
	margin-top:0;
}

.card-txt :last-child {
	margin-bottom:0px;
}

.nav-links {
	width:100%;
	max-width:1210px;
	padding:20px;
	justify-content:center;
	align-items:center;
	display:flex;
	margin:0 auto;
}

/* .next e .prev*/

.page-numbers {
	border:1px solid #21A7D2;
	color:#21A7D2;
	width:28px;
	height:28px;
	aspect-ratio:1;
	border-radius:50px;
	display:flex;
	text-decoration:none;
	font-weight:600;
	font-size:13px;
	line-height:1;
	align-items:center;
	justify-content:center;
	padding-top:8px
}

.page-numbers.current, .page-numbers:hover {
	color:#ffffff;
	background-color:#21A7D2;
}


/*SINGLE*/

.intro-single {
	background-color:#F1F1F1;
	padding-top: 280px;
	padding-bottom: 32px;
}

.container-site {
	width:100%;
	padding:0 20px;
	max-width:1210px;
	margin:0 auto;
}

.intro-single .container-site {
	display:flex;
	flex-direction:column;
	align-items:center;
}

.single-body {
	width:100%;
	/* background: linear-gradient(180deg,#F1F1F1 126px, #ffffff 126px); */
	padding-top:32px;
}

.archive-body {
	width:100%;
	background: #F1F1F1;
	padding-top:36px;
}

.single-content {
	display:flex;
	width:100%;
	max-width:1210px;
	margin:0 auto;
	padding: 0 20px;
}

.blog .single-content,
.blog .grid-cards{
    max-width: 1640px;
}

.blog .grid-cards {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
}

.single-content .grid-cards {
	padding-left:0;
	padding-right:0;
}

.blog .single-content .page-content {
    flex-grow: 1;
    width: 70%;
    padding-right: 40px;
}

.single-sidebar {
	width:30%;
}

.blog .single-sidebar {
	max-width:345px
}

.widget_block {
	margin-bottom:24px;
}

.single-content .page-content {
	flex-grow:1;
	width: 70%;
	padding-right:160px
}

.single-thumb, .single-thumb img {
	width:100%;
	height:auto;
	display:block;
	border-radius:24px;
	aspect-ratio:8/3;
	object-fit:cover;
	margin-bottom:36px;
	background-color:#000000;
}

.ff_guten_block {
	width:100%;
}

.relacionados {
	background-color:#ECF2F4;
	padding:64px 0px 120px;
	margin-top:100px;
}

.intro-relacionados {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
	margin-bottom:36px;
	padding-right: 20px;
}

.relacionados-textos h2 {
	margin-top:0;
	margin-bottom:4px;
	font-weight: 700;
	font-style: Bold;
	font-size: 38px;
	line-height: 108%;
	letter-spacing: 0%;
}

.relacionados-textos h3 {
	margin-top:0;
	margin-bottom:4px;
	font-weight: 400;
	font-style: Regular;
	font-size: 17px;
	line-height: 130%;
	letter-spacing: 0%;
}

.btn-simple {
	font-weight: 700;
	font-size: 20px;
	line-height: 130%;
	color:#000000;
}

.btn-simple span {
text-decoration:underline;
}

.btn-simple svg {
	margin-left:4px;
}

.btn-simple svg path {
	fill:#50CDF5
}

.btn-simple:hover {
	color:#50CDF5;
}

.relacionados .container-site {
	padding-right: 0;
}

.separator > a {
    display: block;
}

.relacionados-textos {
    display: flex;
	align-items:flex-start;
}

.archive .relacionados-textos {
	margin: 0 auto 60px;
	/* margin-right:auto; */
	/* margin-bottom: 60px; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.relacionados-textos img {
	width:68px;
	margin-right:12px;
	display:block;
}

.card-thumb img {
	object-fit: cover;
	object-position: center;
}

.intro-blog-title {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	justify-content: center;
	text-align:left;
	margin-top:8px;
	margin-bottom: 54px;
}

.intro-blog-title img {
	width: 68px;
	height: 68px;
	aspect-ratio:1;
	display: block;
	/* max-width: 95px; */
	margin-right:24px;
	margin-top:8px;
}

.intro-blog-title .intro-archive-title {
	margin-bottom:0;
	margin-top:0px;
}

.intro-blog-title .intro-archive-subtitle {
	margin-top:0;
	color: #000;
	font-family: Mulish;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 108.3%; /* 41.154px */
	margin-bottom:0;
}


@media (max-width:1024px) {

		.page-archive {
		    padding-top: 180px;
		    padding-bottom: 60px;
		}
	

	.intro-relacionados {
		flex-direction: column;
		align-items: flex-start;
	}

	.relacionados-textos {
		width: 100%;
		margin-bottom:8px;
	}

	.single-sidebar {
		padding-left:24px;
	}

	.intro-single {
		background-color:#F1F1F1;
		padding-top: 200px;
		/* padding-bottom:36px; */
	}
	
}



@media (max-width:991px) {

	.single-content {
		flex-wrap:wrap;
	}

	.single-content .page-content, .blog .single-content .page-content {
		width:100%;
		padding-right:0;
	}
	
	.single-sidebar {
		padding-left:0px;
		width:100%;
		margin-top:48px;
	}
}

.card-destaque {
	aspect-ratio:4/2.75;
	border-radius:16px;
	overflow:hidden;
}

.card-destaque .card-destaque-link:after {
	content:"";
	width:100%;
	height:100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.00) 100%);
	display: flex;
	position: absolute;
	order: 1;
	left: 0;
	top: 0;
}

.card-destaque .card-destaque-link{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	padding:24px;
	align-items:flex-end;
	justify-content:flex-end;
	text-decoration:none;
	color:#ffffff;
}

.card-destaque-img {
	position:absolute;
	order:-1;
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	left:0;
	top:0;
	margin:0;
}

.card-destaque .btn-simple,
.card-destaque .card-destaque-title{
	position:relative;
	order:4;

}

.card-destaque .card-destaque-title {
	text-align:left;
	color:#ffffff;

	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 105%; /* 29.4px */
}

.card-destaque .btn-simple{
	color:#ffffff;
	font-size:18px;
}

.card-destaque .btn-simple svg path {
	fill: #ffffff;
}

.posts-destaques .grid-cards {
	margin-bottom:0;
}


@media (max-width:940px) {
	.card-destaque .card-destaque-title {
		text-align:left;
		color:#ffffff;
		font-size: 21px;
		font-style: normal;
		font-weight: 700;
		line-height: 105%; /* 29.4px */
	}
	
	.intro-archive-title {
		font-size:32px;
	}
}

.separator img {
    margin-bottom: 24px;
}

.separator a {
    margin-left: 0!Important;
    margin-right: 0!Important;
}

@media (max-width:1024px) {
	.mensagem-top {
		margin-top:0!important;
		border-radius:0!important;
	}
}

/*BUSCA*/
/* ====================
   PÁGINA DE BUSCA
   ==================== */

.page-search {
    background-color: #F1F1F1;
    padding-top: 338px;
    padding-bottom: 100px;
    min-height: 70vh;
	padding-left:20px;
	padding-right:20px
}

.page-search .grid-cards{
	padding-left:0;
	padding-right:0;
	    max-width: 1215px;
}

.intro-search {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 60px;
}

.intro-search-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 8px;
    color: #000000;
}

.intro-search-title span {
    color: #21A7D2;
    font-weight: 800;
}

.no-results-message {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
    margin-top: 20px;
    padding: 20px;
    background: #ffffff;
    border-radius: 12px;
    border-left: 4px solid #21A7D2;
}

.search-suggestions {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
    text-align: center;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.search-suggestions h3 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;
}

.search-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    text-align: left;
    display: inline-block;
}

.search-suggestions li {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 10px;
    padding-left: 24px;
    position: relative;
}

.search-suggestions li:before {
    content: "→";
    color: #21A7D2;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.search-suggestions .search-form {
    max-width: 500px;
    margin: 30px auto 0;
}

.search-suggestions .search-form input[type="search"] {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid #21A7D2;
    border-radius: 8px;
    font-size: 16px;
    font-family: 'Mulish', sans-serif;
}

.search-suggestions .search-form input[type="submit"] {
    margin-top: 16px;
    background: #21A7D2;
    color: #ffffff;
    border: none;
    padding: 16px 32px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-suggestions .search-form input[type="submit"]:hover {
    background: #1A8DB8;
    transform: translateY(-2px);
}

/* Estilo para cards em resultados de busca */
.grid-cards .card-item.search-result {
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.grid-cards .card-item.search-result:hover {
    border-color: #21A7D2;
    transform: translateY(-4px);
}

/* Destaque para termos de busca no conteúdo */
.search-highlight {
    background-color: #FFF8E1;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 600;
}

/* Responsividade */
@media (max-width: 940px) {
    .intro-search-title {
        font-size: 32px;
    }
    
    .page-search {
        padding-top: 220px;
    }
}

@media (max-width: 767px) {
    .search-suggestions {
        padding: 30px 16px;
    }
    
    .search-suggestions h3 {
        font-size: 20px;
    }
    
    .search-suggestions li {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .intro-search-title {
        font-size: 28px;
    }
    
    .no-results-message {
        font-size: 16px;
        padding: 16px;
    }
}

.search .nav-links {
  margin-left: auto;
  margin-right: auto;
}

span.data-post {
	margin-top:16px;
	display:block;
}


.card-post-meta {
	font-size:14px;
	line-height:1;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:12px;
}

.wp-singular .card-post-meta {
	margin-top:24px;
}

.wp-singular .card-data-post .ico-meta {
    margin-top: -2px;
}

.ico-meta {
	width:16px;
	height:auto;
	aspect-ratio:1;
	object-fit:contain;
	margin-right:4px;
	display:block;
}

.card-data-post,.card-categories{
	display:flex;
	align-items: flex-start;
}

.card-data-post .ico-meta {
	margin-top:-4px
}

.card-categories > div {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:4px;
}

.card-category {
	display:flex;
	background-color:#21a7d2;
	text-decoration:none;
	color:#ffffff;
	padding:2px 8px;
	border-radius:50px;
	line-height:1;
	font-size:12px;
}

.wp-block-embed.aligncenter {
	display:flex;
	justify-content:center;
}

.wp-block-embed.alignright {
	display:flex;
	justify-content:flex-end;
	max-width:100%;
}

.wp-block-embed.alignfull,
.wp-block-embed.alignwide {
	display:flex;
	justify-content:center;
	max-width:100%;
}
.wp-block-embed.wp-embed-aspect-16-9 iframe {
	height:auto;
	aspect-ratio: 16/9;
}
.wp-block-embed.alignfull iframe,
.wp-block-embed.alignwide iframe,
.wp-block-embed.alignfull .wp-block-embed__wrapper,
.wp-block-embed.alignwide .wp-block-embed__wrapper{
	width:100%;
	max-width:100%;
	aspect-ratio: 16/9;
}

span.contador-acessos {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    border: 1px solid;
    padding: 8px;
}

.share-block-caos {
	background-color:#ECF2F4;
	padding:20px;
	border-radius:20px;
	display:flex;
	gap:32px;
	justify-content:space-between;
	margin-top: 64px;
	align-items: center;
}

.share-block-caos-titulo {
	flex-grow:1;
	line-height: 1.4;
	font-weight: 600;
	font-size: 16px;
	text-align:left;
}

.share-block-caos-icons {
	display:flex;
	gap:8px;
}

.share-ico-link {
	background-color:#21a7d2;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:8px;
	border-radius:50%;
	transition:all ease .4s;
}

.share-ico-link:hover {
	background-color:#303030;
	transition:all ease .4s;
}

.share-ico {
	display:block;
	width:18px;
	min-width:18px;
	height:auto;
	aspect-ratio:1;
}

@media (max-width:767px) {
	.share-block-caos {
		flex-direction:column;
		gap:8px;
	}
}