.bg-stone-100 {
    background-color: rgb(245, 245, 244);
}
.bg-stone-800 {
    background-color: rgb(41, 37, 36) !important;
}

.bg-amber-600{
    background-color: #d97706;
}
.text-amber-700{
    color:#b45309;
}

main{
    background-color: #fafaf9
}
.flex{
    display: flex;
}

.bg-gradient-to-br.from-amber-500 {
    background-image: linear-gradient(135deg, #f59e0b, #d97706);
}
.bg-gradient-to-br.from-amber-600 {
    background-image: linear-gradient(135deg, #d97706, #b45309);
}
.bg-gradient-to-br.from-stone-600 {
    background-image: linear-gradient(135deg, #57534e, #44403c);
}
.bg-gradient-to-br.from-stone-700 {
    background-image: linear-gradient(135deg, #44403c, #292524);
}

@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.text-amber-600 {
    color: rgb(217, 119, 6);
}
.text-amber-700 {
    color: rgb(180, 83, 9);
}

.bg-amber-100 {
    background-color: rgb(254, 243, 199);
}
.rounded-full {
    border-radius: 9999px;
}


.text-white {
    color: rgb(255, 255, 255);
}


.aspect-square {
    aspect-ratio: 1 / 1;
}

.group {
    display: block;
    background-color: white;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
}

.shadow-lg {
     --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); 
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px) {
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


.shadow-lg:hover .absolute.inset-0.bg-gradient-to-t.from-black\/60{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent, transparent);
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 0.3s;
}

.bg-gradient-to-t{
    background-image: linear-gradient(to top, rgb(0 0 0 / .7), rgb(0 0 0 / .3), transparent);
}

@media (max-width: 640px) {
    .barra-info-top{
        zoom:1.3;
    }
    
}