/* Document CSS */


/* meu compte */

.imc--meues-dades h2 { margin-bottom: 1em; }

.imc--meues-dades .imc--f-els { justify-content: flex-start; margin-bottom: 2em; }

.imc--meues-dades .imc--f-el.imc--f-dp-nom,
.imc--meues-dades .imc--f-el.imc--f-dp-cognom1,
.imc--meues-dades .imc--f-el.imc--f-dp-cognom2,
.imc--meues-dades .imc--f-el.imc--f-dp-nif { width: calc(25% - 1.2em); }

.imc--meues-dades .imc--f-el.imc--f-dp-nacionalitat,
.imc--meues-dades .imc--f-el.imc--f-dp-prov-naiximent,
.imc--meues-dades .imc--f-el.imc--f-dp-municipi-naiximent { width: calc(25% - 1.2em); }

.imc--meues-dades .imc--f-el.imc--f-dp-data-naiximent { width: 11em; }

.imc--meues-dades .imc--f-el.imc--f-dp-lloc-naiximent { width: calc(50% - .9em); }

.imc--meues-dades .imc--f-el.imc--f-dc-pais,
.imc--meues-dades .imc--f-el.imc--f-dc-provincia,
.imc--meues-dades .imc--f-el.imc--f-dc-municipi { width: calc(25% - 1.2em); }

.imc--meues-dades .imc--f-el.imc--f-dc-cp { width: 15em; }
.imc--meues-dades .imc--f-el.imc--f-dc-cp input { width: 8em !important; }

.imc--meues-dades .imc--f-el.imc--f-dc-via-tipus { width: 11em; }

.imc--meues-dades .imc--f-el.imc--f-dc-adresa { width: calc(100% - 45em); }

.imc--meues-dades .imc--f-el.imc--f-dc-numero,
.imc--meues-dades .imc--f-el.imc--f-dc-lletra,
.imc--meues-dades .imc--f-el.imc--f-dc-escala,
.imc--meues-dades .imc--f-el.imc--f-dc-pis,
.imc--f-el.imc--f-dc-porta { width: 5em; }

.imc--meues-dades .imc--f-el.imc--f-dc-correu { width: calc(25% - 1.2em); }

.imc--meues-dades .imc--f-el.imc--f-dc-telf { width: 10em; }

.imc--meues-dades .imc--politica-privacitat label { display: flex; align-items: flex-start; gap: 0 .5em; }
.imc--meues-dades .imc--politica-privacitat label span { flex-basis: fit-content; }


.imc--meues-dades .imc--f-botonera { text-align: center; }


.imc--config-compte .imc--info { max-width: 950px; margin-bottom: 2em; }
.imc--config-compte .imc--bloc { margin-bottom: 2em; }
.imc--config-compte button.imc--afegir { margin-bottom: 1.5em; }
.imc--config-compte .imc--bloc.imc--idioma > p { margin-bottom: 1em; }


.imc--config-compte .imc--idioma { margin-bottom: 2em; }

.imc--config-compte .imc--f-botonera { text-align: center; padding-top: 1em; }



/* avisos */

.imc--impossible { display: flex; align-items: center; gap: 0 .8em; color: rgba(107, 61, 0, 1); padding: 1em 1.5em; margin-bottom: 2em; background-color: rgba(255, 228, 192, 1); }
.imc--impossible::before { content: ""; display: block; width: 1.5em; height: 1.5em; background: transparent url(../imgs/icones/ico_alerta_6B3D00.svg) no-repeat 50% 50% / 100% auto; }


.imc--fitxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em;
    margin-bottom: 2em;
}

.imc--avis { display: flex; align-items: flex-start; flex-direction: column; gap: .5em; padding: 1em; background-color: #fff; border: 1px solid rgba(213, 213, 213, 1); }
.imc--avis .imc--titol strong { font-size: 1.3em; font-weight: normal; }
.imc--avis .imc--descripcio { font-size: .9em; }

.imc--avis ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 1em; width: 100%; padding-top: .5em; }

.imc--avis ul li select { width: 100%; font-family: .9em; margin-top: .5em; }

.imc--avis .imc--unic { display: flex; align-items: flex-start; gap: 0 .4em; font-size: .8em; color: rgba(30, 118, 43, 1); padding: .5em .8em; margin-top: .5em; background-color: rgba(234, 246, 236, 1); }

.imc--config-compte .imc--av-idioma .imc--info { max-width: 950px; margin-bottom: 1em; }

.imc--config-compte .imc--av-idioma .imc--idiomes {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 .5em;
}



/* carpeta al dia */

.imc--fitxes-cad {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 16em;
    gap: 1.5em;
    margin-bottom: 1em;
}

.imc--cad { display: flex; align-items: flex-start; flex-direction: column; gap: .5em; padding: 1em; background-color: #fff; border: 1px solid rgba(213, 213, 213, 1); }
.imc--cad .imc--titol strong { font-size: 1.3em; font-weight: normal; }
.imc--cad .imc--descripcio { font-size: .9em; }

.imc--cad li em { display: block; padding-bottom: .4em; }
.imc--cad .imc--bt-radio { padding: 0 .7rem 0 .7rem; }

.imc--cad ul { display: flex; flex-direction: column; gap: 1em; padding-top: .5em; }
.imc--cad ul li label { margin-bottom: .4em; }

.imc--fitxes-cad .imc--opcions { display: flex; align-items: center; flex-wrap: wrap; gap: .3em; }


/* butlletins */

.imc--butlletins li {
    display: grid;
    grid-template-columns: 20% 1fr auto;
    align-items: center;
    gap: 0 2em;
    padding-bottom: 1.5em;
}

.imc--butlletins li > div.imc--accions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0 .5em;
}

/*
.imc--butlletins li a[target="_blank"]::after { content: ""; display: inline-block; position: relative; top: .2em; width: 1.2em; height: 1.2em; margin-left: .4em; background: transparent url(../imgs/icones/ico_finestra_nova_093574.svg) no-repeat 50% 50% / 100% auto; }
*/



/* MEDIA QUERYS */

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

    .imc--fitxes { grid-template-columns: repeat(2, 1fr); }

}

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

    .imc--fitxes-cad {
        grid-template-columns: 1fr 1fr;
    }

}

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

    .imc--fitxes { grid-template-columns: repeat(1, 1fr); }

}

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

    .imc--meues-dades .imc--f-els { flex-wrap: wrap; }


    .imc--meues-dades .imc--f-el.imc--f-dp-nom,
    .imc--meues-dades .imc--f-el.imc--f-dp-cognom1,
    .imc--meues-dades .imc--f-el.imc--f-dp-cognom2,
    .imc--meues-dades .imc--f-el.imc--f-dp-nif { width: 100%; }

    .imc--meues-dades .imc--f-el.imc--f-dp-nacionalitat,
    .imc--meues-dades .imc--f-el.imc--f-dp-prov-naiximent,
    .imc--meues-dades .imc--f-el.imc--f-dp-municipi-naiximent { width: 100%; }

    .imc--meues-dades .imc--f-el.imc--f-dp-data-naiximent { width: 12em; }

    .imc--meues-dades .imc--f-el.imc--f-dp-lloc-naiximent { width: 100%; }

    .imc--meues-dades .imc--f-el.imc--f-dc-pais,
    .imc--meues-dades .imc--f-el.imc--f-dc-provincia,
    .imc--meues-dades .imc--f-el.imc--f-dc-municipi { width: 100%; }

    .imc--meues-dades .imc--f-el.imc--f-dc-cp { width: 8em; }
    .imc--meues-dades .imc--f-el.imc--f-dc-cp input { width: 100% !important; }

    .imc--meues-dades .imc--f-el.imc--f-dc-via-tipus { width: calc(100% - 9.5em); }

    .imc--meues-dades .imc--f-el.imc--f-dc-adresa { width: 100%; }

    .imc--meues-dades .imc--f-el.imc--f-dc-numero,
    .imc--meues-dades .imc--f-el.imc--f-dc-lletra,
    .imc--meues-dades .imc--f-el.imc--f-dc-escala,
    .imc--meues-dades .imc--f-el.imc--f-dc-pis,
    .imc--f-el.imc--f-dc-porta { width: calc(32% - .7em); }

    .imc--meues-dades .imc--f-el.imc--f-dc-correu { width: calc(25% - 1.2em); }

    .imc--meues-dades .imc--f-el.imc--f-dc-telf { width: 10em; }


    .imc--avis ul { grid-template-columns: 1fr; gap: 1em; }


    .imc--butlletins {
        margin-top: 1em;
    }

    .imc--butlletins li {
        grid-template-columns: 1fr;
        gap: .5em;
        padding-bottom: 2em;
    }

    .imc--butlletins .imc--acces a span {
        font-size: 1.2em;
    }

    .imc--butlletins li > div.imc--accions {
        justify-content: center;
    }

}

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

    .imc--fitxes { grid-template-columns: repeat(1, 1fr); }

    .imc--fitxes-cad {
        grid-template-columns: 1fr;
    }

}