@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    body.admin-bar > nav.main-navbar {
        top: 32px !important;
    }
    #menu-menu-principal li {
        @apply mx-3
    }
    #menu-menu-principal a,
    #menu-menu-principal summary {
        @apply bg-[rgba(255,255,255,0.9)] hover:bg-white hover:text-[#142539]
    }
    #main-nav-mobile {
        @apply m-0 mt-4 p-0
    }
    #main-nav-mobile li {
        @apply m-0 mt-2 p-0
    }
    #main-nav-mobile a,
    #main-nav-mobile summary {
        @apply bg-[rgba(255,255,255,0.9)] hover:bg-white hover:text-[#142539]
    }
    .animated:hover .slide-1 {
        @apply bottom-1/2 ease-in
    }

    .prose a {
        @apply text-sky-900 break-all
    }
    .prose a:hover {
        @apply text-[#009f51] transition-all duration-500 ease-linear
    }

    .prose img.size-full {
        @apply max-w-full
    }
    .prose .alignnone {
        @apply float-none block
    }
    .prose .aligncenter {
        @apply block
    }
    .prose .alignleft {
        @apply float-left mr-4
    }
    .prose .alignright {
        @apply float-right ml-4
    }

    .prose .wp-caption {
        @apply max-w-full text-center
    }
    .prose .wp-caption img {
        @apply border-0 h-auto m-0 max-w-full p-0 w-auto
    }
    .prose .wp-caption-text {
        @apply mt-4 py-4 px-8 bg-gray-200 rounded-md text-xs italic text-left
    }
    
    #indicador-nav button {
        @apply py-2 px-4 uppercase rounded-md font-bold text-white bg-gray-400 hover:bg-sky-700
    }

    #indicador-nav button.active {
        @apply bg-sky-900 hover:bg-sky-900
    }
    .indicador-content {
        @apply hidden
    }
    .indicador-content.active {
        @apply block
    }
    .indicador-content iframe {
        @apply w-full;
    }

    #ckan_container h1 {
        @apply uppercase text-base text-[#009f51] my-4
    }
    #ckan_container h2 {
        @apply uppercase text-base text-[#009f51] my-4
    }
    #ckan_container h3 {
        @apply uppercase text-base text-[#009f51] my-4
    }
    #ckan_container h4 {
        @apply uppercase text-base text-[#009f51] my-4
    }
    #ckan_container h5 {
        @apply uppercase text-base text-[#009f51] my-4
    }
    #ckan_container h6 {
        @apply uppercase text-base text-[#009f51] my-4
    }
    #ckan_container p {
        @apply mt-0 mb-2
    }
    #ckan_container hr {
        @apply my-4
    }


      
}
/*
.text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\] {
    color: rgba(255,255,255,0.9508);
  }
 ======================================= COR DO TEXTO DA PROSE (COM PRIORIDADE) ==========================================

.prose p {
    color: #1e293b !important; // slate-800 
}

.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
    color: #0f172a !important; // navy elegante
}

body.bg-black {
    background-color: #f8fafc !important; // slate-50, bem clarinho
}

*/