/*
Theme Name: Artimusic Child
Theme URI: https://themesartist.com/artimusic/
Template: artimusic
Author: themesartist
Author URI: https://themesartist.com/
Description: Artimusic is the best Music WordPress theme meticulously crafted for musicians, artists, bands, DJ seeking an online presence that harmoniously blends aesthetics and functionality. Artimusic goes beyond aesthetics, offering intuitive navigation, responsive layouts, and seamless multimedia integration to ensure an immersive and engaging user experience. Whether you're a solo artist, band, or composer, Artimusic empowers you to connect with your audience effortlessly, emphasizing the fusion of art and music in a digital landscape.Artimusic offers various functionality such as listing albums, tours, also comes with Music Player where you can showcase your music on the Website. The theme comes with a one-click demo content importer to launch your music site quickly. With its WooCommerce integration, you can also set up an online store in a few clicks. View Demo at https://demo.themesartist.com/artimusic/
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,entertainment,photography,portfolio
Version: 1.0.18.1782830566
Updated: 2026-06-30 14:42:46

*/

/* Hero - entrada suau */

/* H1 */
#post-2 h1{
    opacity: 0;
    transform: translateY(20px) scale(0.98);
    animation: heroTitle 0.8s ease-out 0.3s forwards;
}

@keyframes heroTitle{
    to{
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* H2 */
.hero-subtitle{
    opacity:0;
    animation: heroSubtitle .8s ease-out .8s forwards;
}

@keyframes heroSubtitle{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
.hero-vicaris img{
    animation: heroPremium 1.5s cubic-bezier(.22,1,.36,1);
    will-change: transform, opacity, filter;
}

@keyframes heroPremium{
    from{
        opacity:0;
        transform:translateY(50px) scale(1.08);
        filter:blur(8px);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}

section{
    scroll-margin-top: 120px;
}

a{
    transition: color .3s ease;
}

/* Menu fix només en pantalles grans */
@media (min-width: 992px) {

    #masthead{
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99999;

        background: #000 !important;
        border-bottom: 1px solid rgba(255,255,255,0.12);
    }

    /* evita que el contingut quedi sota el header */
    #page{
        padding-top: 110px !important;
    }
}
/* ===========================
   FADE UP SCROLL
=========================== */

.fade-up{
    opacity:0;
    transform:translateY(50px);
    transition:
        opacity .8s ease,
        transform .8s ease;
}

.fade-up.is-visible{
    opacity:1;
    transform:translateY(0);
}

/* Respecta usuaris que prefereixen menys animacions */
@media (prefers-reduced-motion: reduce){
    .hero-vicaris img,
    .fade-up{
        animation:none;
        transition:none;
        opacity:1;
        transform:none;
        filter:none;
    }
}
#post-2 h1{
    font-size: 6rem;
    text-align: center;
}


@media (max-width: 768px) {
    .invertir-movil {
        display: flex;
        flex-direction: column-reverse;
    }
}
.imatges-integrants img{
    border-radius: 3rem;
}

footer a,
footer a:visited,
footer a:active{
    color: #ffffff !important;
}

footer a:hover{
    color: red !important;
}