main#contingut,main#contingut *{box-sizing:border-box}main#contingut a{color:#0c548a}main#contingut a:focus-visible,main#contingut button:focus-visible{outline:3px solid #e8a931;outline-offset:3px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:8px;z-index:5}.skip:focus{top:10px}main#contingut .wrap{max-width:1170px;margin:auto;padding:0 26px}main#contingut .hero{background:linear-gradient(120deg,#092945,#174f7b);color:white;padding:85px 0 95px}main#contingut .eyebrow{letter-spacing:3px;font-size:12px;font-weight:800;color:#bbd2e3}main#contingut h1{font-size:clamp(36px,6vw,68px);margin:8px 0 18px;line-height:1.1}main#contingut .intro{font-size:19px;max-width:730px;color:#e4edf6}main#contingut .body{padding-top:42px;padding-bottom:95px}main#contingut .note{border-left:4px solid #2774a8;background:white;padding:16px 20px;color:#46647a;font-size:14px}main#contingut .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}main#contingut .card{background:white;box-shadow:0 12px 32px #173d6214;border:1px solid #dce6ef;border-radius:15px;padding:34px 28px;display:flex;flex-direction:column;min-height:330px}main#contingut .symbol{font-size:31px;color:#196198}main#contingut .category{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#4277a1;margin-bottom:2px}main#contingut .card h2{font-size:25px;margin:8px 0}main#contingut .card p:not(.category){font-size:15px;color:#51677a;flex:1}main#contingut .card a{font-weight:800;text-decoration:none;margin-top:18px}main#contingut .card a:hover{text-decoration:underline}main#contingut .source{border-top:1px solid #cfdce8;margin-top:54px;padding-top:24px}main#contingut .source h2{font-size:21px}main#contingut .source p{max-width:880px;color:#536a7b}@media(max-width:900px){main#contingut .cards{grid-template-columns:1fr}main#contingut .card{min-height:260px}main#contingut .hero{padding:65px 0}main#contingut .body{padding-bottom:60px}}@media(prefers-reduced-motion:no-preference){main#contingut a,main#contingut button{transition:opacity .16s}}
main#contingut{background:#f3f7fb;color:#193752;font-family:Montserrat,Arial,sans-serif;line-height:1.6;}


/* Transparencia: alçada adaptada al contingut */
main#contingut .hero {
    min-height: 0 !important;
    height: auto !important;
    padding: 64px 0 72px !important;
}

@media (max-width: 900px) {
    main#contingut .hero {
        padding: 42px 0 50px !important;
    }
}


/* Layout compartit: separacio sota la capcalera fixa */
body:has(> header#siteHeader) main#contingut {
    padding-top: var(--header-h, 88px);
}

@media (max-width: 900px) {
    body:has(> header#siteHeader) main#contingut {
        padding-top: 74px;
    }
}


/* Botons de consulta a les targetes de Transparencia */
main#contingut .cards .card > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 44px;
    padding: 11px 19px;
    margin-top: auto;
    border-radius: 9px;
    background: #165381;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    transition: background-color .18s ease, transform .18s ease;
}

main#contingut .cards .card > a:hover {
    background: #0b3557;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

main#contingut .cards .card > a:focus-visible {
    outline: 3px solid #e8a931;
    outline-offset: 3px;
}

@media (max-width: 650px) {
    main#contingut .cards .card > a {
        width: 100%;
    }
}

/* Llegibilitat de l'enllac de retorn de l'arxiu economic */
main#contingut .economy-hero .back {
    color: #e1f0ff;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* AC TRANSPARENCIA - FOOTER MOBILE FIX */
@media (max-width: 650px) {
    .site-footer .footer-grid,
    .site-footer .footer-contact,
    .site-footer .footer-contact-row,
    .site-footer .footer-contact-row > span {
        min-width: 0;
    }

    .site-footer .footer-contact-row a {
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .site-footer .footer-bottom {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .site-footer .footer-address {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
        overflow-wrap: anywhere;
        line-height: 1.6;
    }

    .site-footer .footer-address-icon {
        flex: 0 0 28px;
    }

    .site-footer .footer-bottom nav {
        justify-content: center;
        flex-wrap: wrap;
    }
}


/* AC TRANSPARENCIA - CONTACT MOBILE FIX */
@media (max-width: 650px) {
    .site-footer .footer-contact {
        min-width: 0;
        max-width: 100%;
    }

    .site-footer .footer-contact-row {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .site-footer .footer-contact-row > span:last-child {
        display: block;
        min-width: 0;
        max-width: 100%;
    }

    .site-footer .footer-contact-row a {
        display: block;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.6;
    }
}


/* AC EMAIL WRAP V2 */
@media (max-width: 650px) {
    .site-footer .footer-contact-row {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }

    .site-footer .footer-contact-row > span:last-child {
        min-width: 0 !important;
        width: 100%;
    }

    .site-footer .footer-contact-row a[href^="mailto:"] {
        display: block !important;
        width: 100%;
        min-width: 0;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
        line-height: 1.7;
    }
}


/* AC CONTACT MOBILE V3 */
@media (max-width: 650px) {
    .site-footer .footer-contact-row {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        min-width: 0;
        max-width: 100%;
    }

    .site-footer .footer-contact-row > span:last-child {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .site-footer .footer-contact-row a[href^="mailto:"] {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        font-size: 13px;
        line-height: 1.65;
    }

    .site-footer .footer-contact-icon {
        flex: 0 0 auto;
    }
}