/* assets/css/style.css - Sodeleve Ambientes v1.0 */

body { font-family: 'Inter', sans-serif; }
.font-serif { font-family: 'Playfair Display', serif; }

.hover-linha { position: relative; padding-bottom: 4px; display: inline-block; }
.hover-linha::after {
    content: ''; position: absolute; width: 100%; transform: scaleX(0);
    height: 1px; bottom: 0; left: 0; background-color: #0B192C;
    transform-origin: bottom right; transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.hover-linha:hover::after, .hover-linha.active::after { transform: scaleX(1); transform-origin: bottom left; }
.hover-linha.active { color: #0B192C !important; font-weight: 700; }
.link-zenart { color: #059669 !important; font-weight: 700; }
.hover-linha-zen::after { background-color: #059669; }

/* O Loader "Cobra" Padrão */
.triangle-anim { stroke-dasharray: 80 161; animation: cobra-triangulo 1.5s linear infinite; }
@keyframes cobra-triangulo { from { stroke-dashoffset: 241; } to { stroke-dashoffset: 0; } }

/* Efeito Masonry Grid (Estilo Pinterest) */
.masonry-grid {
    column-count: 1;
    column-gap: 1.5rem;
}
@media (min-width: 640px) { .masonry-grid { column-count: 2; } }
@media (min-width: 1024px) { .masonry-grid { column-count: 3; } }

.masonry-item {
    break-inside: avoid;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.masonry-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.masonry-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.7s ease;
}
.masonry-item:hover img { transform: scale(1.03); }

/* O Véu de Vidro Fosco (Glassmorphism) para o Modal */
.glass-modal {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }
.hide-scroll::-webkit-scrollbar { display: none; }