/* Importa una font de Google (exemple: Playfair Display per elegància) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body {
    font-family: 'Playfair Display', serif; /* Aplica la font a tot el cos */
}

/* Es pot ajustar l'estil de l'enllaç del navbar */
.navbar-brand {
    font-size: 1.8rem;

    /* Títol de la Pàgina: Estil inicial i Transició */

#titol-modest {
    color: #343a40 !important; /* Color inicial (fosc) */
    transition: color 0.3s ease-in-out; /* Transició suau */
}

/* Títol de la Pàgina: Efecte Hover (canvi de color) */
#titol-modest:hover {
    color: #DAA520 !important; /* Exemple de color canviat (Or/Groc fosc) */
    cursor: pointer; /* Canvia el cursor per indicar interactuació */
    /* Vores Ovalades (Border-radius) per a les imatges de producte */
.card-img-top {
    border-radius: 15px 15px 0 0; /* Corner superior amb 15px */
    object-fit: cover; /* Assegura que la imatge cobreixi l'espai sense distorsionar-se */
}

/* Opcional: Si vols la imatge completament ovalada (més arrodonida): */
/*
.card-img-top {
    border-radius: 50px; 
}
*/
}

  
}