/* ===== LAYOUT PRINCIPAL ===== */
        .site-main {
            max-width: 1280px;
            margin: 0 auto;
            padding: 24px 16px;
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
        }

        .site-main-int{
            max-width: 1280px;
            margin: 0 auto;
            padding: 24px 16px;
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
        }



        @media (max-width: 768px) {
            .site-main {
            display: flex;
            flex-direction: column-reverse;
            }


            .content-area{
                background: #F5F2EB;
                margin: 0;
                padding: 10px 10px 0px 10px;
                border-radius: 10px;
            }
        }
		.content-area-int {
			background: #dddbce;
			padding: 10px;
			margin: 10px;
			border-radius: 10px;
		}

        @media (min-width: 1024px) {
            .site-main {
                grid-template-columns: 336px 1fr ;
                padding: 0;
                gap: 20px;
            }
            
            .site-main-int{
                grid-template-columns: 1fr 336px ;
                padding: 0;
                gap: 20px;
             }

             .content-area-int {
                padding: 24px 20px;
                border-radius: 10px;
                background: #dddbce;
                margin: 20px 0px 20px 20px;
             }
			
			
            .content-area {
            padding: 24px 20px;
            border-radius: 10px;
            background: #dddbce;
            margin: 20px 20px 20px 0px;
            }
            .em-alta-grid {
                grid-template-columns: repeat(4, 1fr);
            }
            .categorias-barra {
                gap: 12px;
            }
            .cat-item {
                min-width: 80px;
                padding: 16px 12px;
            }
            .cat-item .emoji {
                font-size: 1.5rem;
            }
            .cat-item span {
                font-size: 0.75rem;
            }
        }

@media (max-width:769px){
	.cat-item .emoji {
    font-size: 1rem;
    line-height: 1;
}
}