/* Document CSS */


/* ajuda */

.imc--co-ajuda { display: grid; grid-template-columns: 25% 1fr; gap: 1.5em 2em; }

.imc--co-ajuda .imc--aj-menu > p { text-transform: uppercase; margin-bottom: .5em; }
.imc--co-ajuda .imc--aj-menu ul { border-top: .3em solid rgba(17, 17, 17, 0.06); }
.imc--co-ajuda .imc--aj-menu li { border-bottom: 1px solid #fff; }
.imc--co-ajuda .imc--aj-menu a { display: flex; align-items: center; gap: 0 .8em; padding: 1em 1em; background-color: rgba(17, 17, 17, 0.06); }

.imc--co-ajuda .imc--aj-menu a[aria-current] { pointer-events: none; background-color: transparent; }
.imc--co-ajuda .imc--aj-menu a[aria-current] span { font-weight: bold; color: #333; }

.imc--co-ajuda .imc--aj-contingut h2 { margin-bottom: 1em; }
.imc--co-ajuda .imc--aj-contingut h2 span { font-weight: normal; }

.imc--co-ajuda .imc--aj-contingut h3 { margin-top: 2em; }
.imc--co-ajuda .imc--aj-contingut h3 > span { font-size: 1.2em; }

.imc--co-ajuda .imc--aj-contingut p { margin-bottom: 1em; }

.imc--co-ajuda .imc--aj-contingut ul { margin-top: 1em; margin-bottom: .5em; margin-left: 1.5em; }
.imc--co-ajuda .imc--aj-contingut ul li { list-style: circle; padding-bottom: 1em; }
.imc--co-ajuda .imc--aj-contingut ul li > p { margin-bottom: 0; }

.imc--co-ajuda .imc--aj-contingut a[target="_blank"] { font-weight: bold; }
.imc--co-ajuda .imc--aj-contingut a[target="_blank"]::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; }


.imc--co-ajuda .imc--aj-contingut img { display: block; max-width: 70%; margin-bottom: .5em; border: 1px solid #ccc; box-shadow: 0 0 10px #ccc; }


.imc--co-ajuda .imc--aj-cercador { grid-area: 1 / 1 / 1 / span 2; text-align: right; }
.imc--co-ajuda .imc--aj-cercador input { width: 20em; margin-right: .5em; }



.imc--co-ajuda .imc--aj-botonera { display: flex; align-items: center; justify-content: center; gap: 0 1em; margin-top: 3em; }

a.imc--ico.imc--bt-terciari.imc--anterior::before { background-image: url(../imgs/icones/ico_fletxa.svg); background-size: 120% auto; transform: rotate(180deg); }
a.imc--ico-darrere.imc--bt-secundari.imc--continua::after { background-image: url(../imgs/icones/ico_fletxa.svg); background-size: 120% auto; }





/* MEDIA QUERYS */

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


}

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

    .imc--co-ajuda { grid-template-columns: 1fr; gap: 1em 0; }
    .imc--co-ajuda .imc--aj-cercador { grid-area: inherit; display: flex; }
    
    .imc--co-ajuda .imc--aj-cercador input { flex: 1 1 auto; width: inherit; min-height: 2.5em; }

    .imc--co-ajuda .imc--aj-contingut img { max-width: 90%; }

}

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


}