/* Estilos CSS para fontes e animações */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Quicksand:wght@300..700&display=swap');

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

/* Animação para a transição dos depoimentos */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn {
    animation: fadeIn 0.8s ease-out;
}

/* Estilo para as seções com a imagem de fundo (usada como pattern) */
.bg-image-pattern {
    background-image: url('https://i.imgur.com/zz5yEUG.png');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

/* Overlay semi-transparente para dar destaque ao texto */
.bg-image-pattern::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 1;
}

/* Garante que o conteúdo fique acima do overlay */
.bg-image-pattern > * {
    position: relative;
    z-index: 2;
}

/* Ajuste específico para a imagem de destaque de Tauane */
#logo.bg-image-pattern::before {
    background-color: transparent;
}

/* Melhorias de acessibilidade para foco */
a:focus, button:focus {
    outline: 2px solid #1e40af;
    outline-offset: 2px;
}

/* Rotação da imagem de perfil - AUMENTADA PARA -25 GRAUS */
.rotated-image {
    transform: rotate(-25deg);
}