/* Document CSS */


/* titol */

.imc--contenidor .imc--contingut header.imc--repres .imc--co p { margin-top: .5em; }

a.imc--extern::after { content: ""; display: inline-block; vertical-align: middle; position: relative; top: -.1em; 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; }



/* cercador */

.imc--repres-info { position: relative; padding: .6em .8em .5em 2.5em; margin: 0 0 1em 0; background-color: #f2f2f2; }
.imc--repres-info p { font-size: .9em; margin-bottom: 0; }

.imc--repres-info::before { content: ""; display: block; position: absolute; top: .5em; left: .5em; width: 1.5em; height: 1.5em; background: transparent url(../imgs/icones/ico_info.svg) no-repeat center center / auto 100%; opacity: .5; }



.imc--repres-cercador { margin: 0 0 1.5em 0; }
.imc--repres-cercador form { display: flex; align-items: center; gap: 0 1em; }

.imc--repres-cercador input { width: 30em; height: 2.5em; }

.imc--repres-cercador form .imc--f-error { min-height: 2.5em; padding: .6em .8em .5em 2.5em; margin: 0; }



/* llistat */

.imc--repres .imc--t-info { margin-bottom: 1em; }

.imc--repres table thead th { padding-bottom: 0; background-color: var(--color-principal); }
.imc--repres table thead th:has(button) { width: 3em; }

.imc--repres table thead th > a { display: flex; align-items: center; height: 3em; color: #fff;}

.imc--repres table thead th > a:hover,
.imc--repres table thead th > a:focus { color: #fff; background-color: var(--color-principal-hover); }

.imc--repres table tbody tr:nth-child(even) { background-color: transparent; }

.imc--repres table tbody tr[data-id] { transition: background-color .2s ease-out; }
.imc--repres table tbody tr[data-id]:hover { background-color: beige; cursor: pointer; }

.imc--repres table tbody td { vertical-align: middle; }


.imc--repres img[aria-label] { display: inline-block; vertical-align: center; position: relative; top: .2em; width: 1.2em; height: 1.2em; }

.imc--repres table td img[aria-label] { margin-right: .6em; }

.imc--repres table td button.imc--organismes { padding: .3em .8rem .3em .8rem; margin-left: .5em; }

.imc--repres table td:has(button) { text-wrap: nowrap; }



/* resultats */

.imc--repres .imc--nav { display: flex; align-items: center; background-color: #f2f2f2; }

.imc--repres .imc--nav nav { margin-left: auto; }
.imc--repres .imc--nav ul { display: flex; align-items: center; gap: 0 .5em; }
.imc--repres .imc--nav ul a { min-height: 2.5em; padding-right: 1em; padding-left: 1em; background-color: #fff; }

.imc--repres .imc--nav ul a[aria-current="true"] { background-color: var(--color-principal); pointer-events: none; cursor: default; }
.imc--repres .imc--nav ul a[aria-current="true"] span { color: #fff; }



/* llegenda */

.imc--repres .imc--llegenda { margin-top: 2em; }
.imc--repres .imc--llegenda p { margin-bottom: 1em; }
.imc--repres .imc--llegenda ul { padding-left: 2em; }
.imc--repres .imc--llegenda ul li { list-style: circle; padding-bottom: .5em; }



/* popup */

.imc--popup-parcial.imc--popup > .imc--contingut { width: 40em; }

.imc--popup-parcial ul li { display: flex; align-items: flex-start; gap: 0 1em; padding-bottom: .8em; }

.imc--popup-parcial ul li::before { flex-shrink: 0; content: ""; display: block; width: 1.2em; height: 1.2em; background: transparent url("../imgs/icones/ico_funcionari_habilitat.svg") no-repeat 50% 50% / auto 80%; }








/* MEDIA QUERYS */

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

}

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

    .imc--repres-cercador form { gap: .5em 1em; flex-direction: column; }
    
    .imc--repres-cercador .imc--el,
    .imc--repres-cercador form .imc--f-error { width: 100%; }

    .imc--repres-cercador button.imc--ico.imc--cerca { width: 3.5em; height: 2.5em; padding: 0; }
    .imc--repres-cercador button span { display: block; position:  absolute; top: -999em; left: -999em; }

    .imc--repres-cercador .imc--el input { width: calc(100% - 3.8em); }


    .imc--repres .imc--taula table thead { display: none; }

    .imc--repres .imc--taula table tbody tr { position: relative; display: flex; flex-wrap: wrap; gap: .8em .5em; padding-bottom: .5em; margin-bottom: 1em; border: 1px solid #ddd; box-shadow: 0 0 10px #ccc; }

    .imc--repres .imc--taula table tbody td { padding: 0 .5em; }
    .imc--repres .imc--taula table tbody td[aria-label]::before { content: attr(aria-label); display: block; font-size: .8em; color: #757575; text-transform: uppercase; }

    .imc--repres .imc--taula table tbody td span,
    .imc--repres .imc--taula table tbody td strong { font-size: 1.2em; }

    .imc--repres .imc--taula table tbody tr td:nth-child(1) { width: 100%; padding: .8em .5em; background-color: #f2f2f2; }

    .imc--repres .imc--taula table tbody tr td:nth-child(2),
    .imc--repres .imc--taula table tbody tr td:nth-child(3) { width: calc(50% - .5em); }

    .imc--repres .imc--taula table tbody tr td:nth-child(4) { width: 100%; }

    .imc--repres .imc--taula table tbody tr td:nth-child(5),
    .imc--repres .imc--taula table tbody tr td:nth-child(6) { width: calc(50% - .5em); }

    .imc--repres .imc--taula table tbody tr td:nth-child(7) { width: 100%; }

    .imc--repres .imc--taula[data-tipus="accions"] tbody tr td:last-child { width: 100%; text-align: center; padding: .5em 0 .8em 0; }

    .imc--repres .imc--taula[data-tipus="accions"] tbody tr td:not(:has(span, strong)) { display: none; }

    .imc--repres .imc--taula table td button.imc--img { width: 4em; padding: 0; }

    .imc--repres .imc--taula table td button.imc--descarrega::before { width: 2em; height: 2em; }

    
    .imc--repres .imc--nav { flex-direction: column; gap: 1em; }
    .imc--repres .imc--nav nav { margin-left: 0; }

    .imc--popup-parcial.imc--popup > .imc--contingut { width: calc(100% - 1em); }


}

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

}