/* Document CSS */

.imc--contenidor .imc--contingut.imc--carpeta-al-dia > header { margin-bottom: 0; border-bottom: 0; }
.imc--contenidor .imc--contingut.imc--carpeta-al-dia > header h1 span { font-size: 2.6em; }

.imc--carpeta-al-dia .imc--ico.imc--torna::before { background-image: url(../imgs/icones/ico_fletxa.svg); transform: rotate(180deg); }

.imc--ico.imc--configuracio::before { background-image: url(../imgs/icones/ico_config_093574.svg); }


.imc--carpeta-al-dia section { padding: 1em 2em 1em 2em; }
.imc--carpeta-al-dia section .imc--co { width: 100%; max-width: var(--app-amplaria); margin: 0 auto; }
.imc--carpeta-al-dia section .imc--co header { padding: 0; background-color: transparent; border-bottom: 0; }



/* resum */

.imc--cad-resum { padding-bottom: 1.5em !important; background-color: rgba(241, 241, 241, 1); }
.imc--cad-resum .imc--co { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 1.5em; }
.imc--cad-resum .imc--bloc { padding: .7em 1em; background-color: #fff; }
.imc--cad-resum ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 1em; text-align: center; }

.imc--cad-resum .imc--b-expedients ul { grid-template-columns: repeat(2, 1fr); }

.imc--cad-resum ul li * { display: block; }
.imc--cad-resum ul li a { height: 100%; min-height: 5.4em; color: #333; padding: .5em 1em; background-color: rgba(241, 241, 241, 1); transition: background-color .2s ease-out;  }
.imc--cad-resum ul li strong { font-size: 2em; }
.imc--cad-resum ul li span { font-size: .8em; }

.imc--cad-resum ul li a.imc--destacat { color: var(--color-principal); background-color: var(--color-principal-seleccionat); }

.imc--cad-resum ul li a:hover,
.imc--cad-resum ul li a:focus { background-color: var(--color-secundari-hover-2); }


.imc--carpeta-al-dia .imc--targetes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5em 1.5em; margin-bottom: 1em; } 
.imc--carpeta-al-dia .imc--targeta { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 1em; padding: 1em; background-color: #fff; border: 1px solid rgba(213, 213, 213, 1); }

.imc--carpeta-al-dia section:not(.imc--cad-docs) .imc--targeta[role="button"]::after { content: ""; display: block; width: 100%; height: 1em; background: transparent url(../imgs/icones/ico_fletxa.svg) no-repeat center right / 1.5em auto; }


div.imc--tot { text-align: right; }

button.imc--ico-darrere.imc--tot::after,
a.imc--ico-darrere.imc--tot::after { background-image: url(../imgs/icones/ico_fletxa_fff.svg); }

.imc--dramatic span { color: var(--color-dramatic); }

.imc--carpeta-al-dia .imc--targeta .imc--vore { margin-left: auto; }
.imc--carpeta-al-dia .imc--targeta .imc--vore a.imc--ico-darrere::after { background-image: url(../imgs/icones/ico_fletxa.svg); }


.imc--carpeta-al-dia .imc--targeta[role=button]:hover,
.imc--carpeta-al-dia .imc--targeta[role=button]:focus { background-color: var(--color-secundari-hover-2); cursor: pointer; transition: background-color .2s ease-out; }

.imc--carpeta-al-dia .imc--targeta[role=button] .imc--vore { display: none; }



/* prioritari */

.imc--cad-prioritari .imc--data span { font-size: .9em; color: rgba(109, 109, 109, 1); }

.imc--cad-prioritari .imc--estat { padding: .2em .5em; margin-left: auto; background-color: #f2f2f2; border: 1px solid #ccc; }
.imc--cad-prioritari .imc--estat span { font-size: .9em; }

.imc--cad-prioritari .imc--alerta { background-color: rgba(253, 228, 232, 1); border-color: rgba(239, 35, 69, 1); }

.imc--cad-prioritari .imc--tipus { width: 100%; display: flex; align-items: center; gap: 0 .4em; }
.imc--cad-prioritari .imc--tipus span {  font-size: 1.2em; font-weight: 500; }

.imc--cad-prioritari .imc--tipus::before { content: ""; display: block; width: 1.4em; height: 1.4em; background: transparent url() no-repeat 50% 50% / 100% auto; }

.imc--cad-prioritari .imc--notificacio-postal::before { background-image: url(../imgs/icones/ico_notif_postal.svg); }
.imc--cad-prioritari .imc--notificacio-telematica::before { background-image: url(../imgs/icones/ico_notif_telem.svg); }
.imc--cad-prioritari .imc--solicitud-telematica::before { background-image: url(../imgs/icones/ico_solicitud_telematica.svg); }
.imc--cad-prioritari .imc--solicitud-presencial::before { background-image: url(../imgs/icones/ico_solicitud_presencial.svg); }
.imc--cad-prioritari .imc--solicitud-signa::before { background-image: url(../imgs/icones/ico_signa.svg); }

.imc--cad-prioritari .imc--info { width: 100%; }
.imc--cad-prioritari .imc--detall { width: 100%; }
.imc--cad-prioritari .imc--detall > strong { display: block; padding-bottom: .2em; }

.imc--co > .imc--cad-prioritari { padding: 2em 0; }



/* avisos */

.imc--cad-avisos { background-color: rgba(241, 241, 241, 1); }
.imc--cad-avisos .imc--co { padding: 1.5em 0; }

.imc--cad-avisos .imc--co .imc--targeta { flex-direction: column; align-items: flex-start; }

.imc--cad-avisos .imc--tipus { width: 100%; display: flex; align-items: center; gap: 0 .4em; }
.imc--cad-avisos .imc--tipus span {  font-size: 1.2em; font-weight: 500; }

.imc--cad-avisos .imc--tipus::before { content: ""; display: block; width: 1.4em; height: 1.4em; background: transparent url() no-repeat 50% 50% / 100% auto; }

.imc--cad-avisos .imc--cita::before { background-image: url(../imgs/icones/ico_calendari.svg); }
.imc--cad-avisos .imc--alerta::before { background-image: url(../imgs/icones/ico_alerta.svg); }

.imc--cad-avisos .imc--data span { font-weight: bold; }


.imc--co > .imc--cad-avisos { padding: 2em 0; background-color: transparent; }



/* últims esdeveniments */

.imc--cad-ultims { background-color: rgba(241, 241, 241, 1); }
.imc--cad-ultims .imc--data span { font-size: .9em; color: rgba(109, 109, 109, 1); }

.imc--cad-ultims .imc--accio { padding: .2em .5em; margin-left: auto; background-color: #f2f2f2; border: 1px solid #ccc; }
.imc--cad-ultims .imc--accio span { font-size: .9em; }

.imc--cad-ultims .imc--correcte { background-color: rgba(234, 246, 236, 1); border-color: rgba(30, 118, 43, 1); }

.imc--cad-ultims .imc--tipus { width: 100%; display: flex; align-items: center; gap: 0 .4em; }
.imc--cad-ultims .imc--tipus span {  font-size: 1.2em; font-weight: 500; }

.imc--cad-ultims .imc--tipus::before { content: ""; display: block; width: 1.4em; height: 1.4em; background: transparent url() no-repeat 50% 50% / 100% auto; }

.imc--cad-ultims .imc--expedient-obert::before { background-image: url(../imgs/icones/ico_expedient_obert.svg); }
.imc--cad-ultims .imc--expedient-tancat::before { background-image: url(../imgs/icones/ico_expedient_tancat.svg); }

.imc--cad-ultims .imc--notificacio-postal::before { background-image: url(../imgs/icones/ico_notif_postal.svg); }
.imc--cad-ultims .imc--notificacio-telematica::before { background-image: url(../imgs/icones/ico_notif_telem.svg); }
.imc--cad-ultims .imc--notificacio-llegida::before { background-image: url(../imgs/icones/ico_notif_telem_llegida.svg); }
.imc--cad-ultims .imc--notificacio-expirada::before { background-image: url(../imgs/icones/ico_notif_telem_expirada.svg); }

.imc--cad-ultims .imc--solicitud-telematica::before { background-image: url(../imgs/icones/ico_solicitud_telematica.svg); }
.imc--cad-ultims .imc--solicitud-presencial::before { background-image: url(../imgs/icones/ico_solicitud_presencial.svg); }
.imc--cad-ultims .imc--solicitud-signa::before { background-image: url(../imgs/icones/ico_signa.svg); }


.imc--cad-ultims .imc--tipus { width: 100%; }
.imc--cad-ultims .imc--solicitud { width: 100%; }
.imc--cad-ultims .imc--assumpte { width: 100%; }

.imc--cad-ultims .imc--vore { margin-top: auto; margin-left: auto; }



/* documents */

.imc--carpeta-al-dia .imc--cad-docs .imc--targetes { grid-template-columns: repeat(2, 1fr); }

.imc--cad-docs { /*background-color: rgba(241, 241, 241, 1);*/ }

.imc--cad-docs .imc--targeta { display: grid; grid-template-columns: 1fr auto; gap: 1em; }

.imc--cad-docs .imc--arxiu { display: flex; align-items: flex-start; gap: 0 .4em; }
.imc--cad-docs .imc--arxiu span { font-size: 1.2em; }
.imc--cad-docs .imc--arxiu::before { content: ""; flex: 0 0 1.4em; display: block; width: 1.4em; height: 1.4em; background: transparent url(../imgs/icones/ico_arxiu.svg) no-repeat 50% 50% / 100% auto; }

.imc--cad-docs .imc--data span { font-size: .9em; color: rgba(109, 109, 109, 1); }

.imc--cad-docs .imc--expedient { display: flex; align-items: flex-start; gap: 0 .4em; }
.imc--cad-docs .imc--expedient::before { content: ""; flex: 0 0 1.2em; display: block; width: 1.2em; height: 1.2em; background: transparent url() no-repeat 50% 50% / 100% auto; }

.imc--cad-docs .imc--obert::before { background-image: url(../imgs/icones/ico_expedient_obert.svg); }
.imc--cad-docs .imc--tancat::before { background-image: url(../imgs/icones/ico_expedient_tancat.svg); }

.imc--cad-docs .imc--targetes .imc--accions { grid-area: 1 / 2 / span 3 / 2; display: flex; align-items: center; height: 100%; }

.imc--cad-docs .imc--descarrega::before { background-image: url(../imgs/icones/ico_descarrega_093574.svg); }





/* MEDIA QUERYS */

@media only screen and (max-width : 1000px) {

    .imc--contenidor .imc--contingut.imc--carpeta-al-dia > header { padding: 1.5em 1em 1em 1em; }

    .imc--carpeta-al-dia section { padding: 1em 0; }

}

@media only screen and (max-width : 700px) {

    .imc--contenidor .imc--contingut.imc--carpeta-al-dia > header { padding: 1.5em 1em 0 1em; }

    .imc--contenidor .imc--contingut.imc--carpeta-al-dia > header h1 { margin-bottom: .5em; }
    .imc--contenidor .imc--contingut.imc--carpeta-al-dia > header h1 span { font-size: 2em; }

    .imc--carpeta-al-dia h2 > span { font-size: 1.2em; }

    .imc--carpeta-al-dia header a.imc--configuracio { padding-right: .5em; padding-left: .5em; }

    .imc--cad-resum .imc--co { grid-template-columns: 1fr; gap: 1em; }

    .imc--carpeta-al-dia .imc--targetes { gap: 1em; overflow-x: scroll; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; }

    .imc--carpeta-al-dia .imc--targeta { width: 80vw; scroll-snap-align: center; }

    .imc--carpeta-al-dia div.imc--tot button { padding-right: .5em; padding-left: .5em; }


    .imc--carpeta-al-dia section.imc--cad-prioritari header,
    .imc--carpeta-al-dia section.imc--cad-prioritari .imc--targetes,
    .imc--carpeta-al-dia section.imc--cad-prioritari div.imc--tot { padding-right: 1em; padding-left: 1em; }

    .imc--cad-prioritari .imc--tipus span { font-size: 1.1em; }

    .imc--carpeta-al-dia section.imc--cad-avisos header,
    .imc--carpeta-al-dia section.imc--cad-avisos .imc--targetes,
    .imc--carpeta-al-dia section.imc--cad-avisos div.imc--tot { padding-right: 1em; padding-left: 1em; }

    .imc--cad-avisos .imc--tipus span { font-size: 1.1em; }

    .imc--carpeta-al-dia section.imc--cad-ultims header,
    .imc--carpeta-al-dia section.imc--cad-ultims .imc--targetes,
    .imc--carpeta-al-dia section.imc--cad-ultims div.imc--tot { padding-right: 1em; padding-left: 1em; }

    .imc--cad-ultims .imc--tipus span { font-size: 1.1em; }

    .imc--carpeta-al-dia section.imc--cad-docs header,
    .imc--carpeta-al-dia section.imc--cad-docs .imc--targetes,
    .imc--carpeta-al-dia section.imc--cad-docs div.imc--tot { padding-right: 1em; padding-left: 1em; }

    .imc--cad-docs .imc--arxiu span { font-size: 1em; }

    .imc--carpeta-al-dia section.imc--cad-docs button.imc--bt-terciari { padding-left: .5em; padding-right: .5em; }

}

@media only screen and (max-width : 450px) {


}