.agenda-iframe-container {

    padding: 1rem;
    background-color: var(--bg-container-actes);

    #wrapper-actes {

        .wrapper-dia {

            .dia {
                font-family: var(--ff-dia);
                color: var(--color-dia);
                font-size: 2.5rem;
                margin-block: 1.75rem 1.5rem;
            }

            .actes {

                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                gap: 2.5rem;

                .acte-dia {

                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                    grid-template-rows: auto 1fr;
                    place-content: start;
                    /* gap: 1rem; */
                    background-color: var(--bg-acte-dia);

                    .acte-dia-imatge {

                        img {
                            width: 100%;
                            height: 100%;
                            aspect-ratio: 1/1;
                            object-fit: cover;
                        }
                    }

                    .acte-dia-info {
                        
                        display: flex;
                        flex-direction: column;
                        gap: 0.5rem;
                        padding: 0.75rem;

                        * {
                            font-family: var(--ff-acte-info);
                        }

                        .hora-lloc {
                            margin: 0;
                            color: var(--color-hora-lloc);
                        }

                        h4.titol {
                            margin-block: 0.5rem;
                            font-size: 2rem;
                            color: var(--color-titol);
                            font-family: var(--ff-acte-titol);
                            line-height: 1.1;

                            i {
                                font-style: normal;
                            }
                        }

                        .org-link {

                            margin-block: auto 0;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            gap: 10px;

                            .entradeta {
                                color: var(--color-org-entradeta);
                                flex: 1 0;
                            }

                            a {
                                text-decoration: none !important;
                                padding: 5px 10px;
                                border: 1px solid var(--color-org-a);
                                color: var(--color-org-a);
                            }
                        }
                    }
                }
            }
        }
    }
}

#jornades-container {
    --bg-container-actes: var(--color-patr-one);
    --ff-dia: 'kufam-eb';
    --color-dia: var(--color-patr-five);
    --bg-acte-dia: hsl(87.9, 30.9%, 72.7%);
    --ff-acte-info: 'poppins-m';
    --ff-acte-titol: 'poppins-m';
    --color-hora-lloc: var(--color-patr-four);
    --color-titol: var(--color-black);
    --color-org-entradeta: var(--color-black);
    --color-org-a: var(--color-black);
}

#major-container-2025 {
    --bg-container-actes: hsl(187.5deg 25% 93.73%);
    --ff-dia: 'gloria';
    --color-dia: #000;
    /* --bg-acte-dia: hsl(87.9, 30.9%, 72.7%); */
    --ff-acte-info: 'montserrat-regular';
    --ff-acte-titol: 'montserrat-extrabold';
    --color-hora-lloc: #000;
    --color-titol: #000;
    --color-org-entradeta: var(--color-black);
    --color-org-a: var(--color-black);

    .actes {
        gap: 1rem !important;
    }

    .acte-dia {

        gap: 10px;

        .acte-dia-info {

            padding: 5px 0 0 !important;
            border-block-start-style: solid;
            border-block-start-width: 10px;
            
            .titol {
                margin: 0 !important;
                text-transform: uppercase;
            }

            .hora-lloc::before {
                content: '';
                display: block;
                height: 1px;
                margin-block-end: 10px;
            }

            .org-link {
                border-block-end-style: solid;
                border-block-end-width: 1px;
                padding-block-end: 10px;
            }

        }        
    }

    .acte-dia:has(.gratis) {
        .acte-dia-info {
            border-color: hsl(185.95deg 57.89% 59.02%) !important;
        }
        .titol {
            color: hsl(185.95deg 57.89% 59.02%) !important;
        }
        .hora-lloc::before {
            background-color: hsl(185.95deg 57.89% 59.02%);
        }
        .org-link {
            border-block-end-color: hsl(185.95deg 57.89% 59.02%);
        }
    }

    .acte-dia:has(.pagament) {        
        .acte-dia-info {
            border-color: hsl(342.5deg 48.48% 61.18%) !important;
        }
        .titol {
            color: hsl(342.5deg 48.48% 61.18%) !important;
        }
        .hora-lloc::before {
            background-color: hsl(342.5deg 48.48% 61.18%);
        }
        .org-link {
            border-block-end-color: hsl(342.5deg 48.48% 61.18%);
        }
    }

    .acte-dia:has(.reserva) {
        .acte-dia-info {
            border-color: hsl(108.15deg 42.41% 62.55%) !important;
        }
        .titol {
            color: hsl(108.15deg 42.41% 62.55%) !important;
        }
        .hora-lloc::before {
            background-color: hsl(108.15deg 42.41% 62.55%);
        }
        .org-link {
            border-block-end-color: hsl(108.15deg 42.41% 62.55%);
        }
    }

    .acte-dia:has(.dies) {
        .acte-dia-info {
            border-color: hsl(66.11deg 60.67% 65.1%) !important;
        }
        .titol {
            color: hsl(66.11deg 60.67% 65.1%) !important;
        }
        .hora-lloc::before {
            background-color: hsl(66.11deg 60.67% 65.1%);
        }
        .org-link {
            border-block-end-color: hsl(66.11deg 60.67% 65.1%);
        }
    }

    .acte-dia-imatge {
        img {
            aspect-ratio: 3/1 !important;
        }
    }
}