/* Document CSS */


/* peu */

.imc--peu { color: #fff;}
.imc--peu a { color: #fff; }


.imc--peu .imc--xiringos { padding: 1em 2em; background-color: #fff; border-top: 1px solid #ccc; }
.imc--peu .imc--xiringos .imc--co ul { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: var(--app-amplaria); margin: 0 auto; }
.imc--peu .imc--xiringos .imc--co a { color: var(--color-principal); }
.imc--peu .imc--xiringos .imc--co a span { position: absolute; top: -999em; left: -999em; }

.imc--peu .imc--xiringos .imc--co a::before { content: ""; display: block; height: 3em; background: transparent url() no-repeat left center / auto 100%; }

.imc--peu .imc--xiringos .imc--co a.imc--logo-seu-elec::before { width: 12em; background-image: url(../../imgs/xiringos/logo_seu.svg); }

.imc--peu .imc--xiringos .imc--co a.imc--logo-seu-elec-va::before {
    width: 12em;
    background-image: url(../../imgs/xiringos/logo_seu_va.svg);
}
.imc--peu .imc--xiringos .imc--co a.imc--logo-modul-notif::before { width: 14em; background-image: url(../../imgs/xiringos/logo_modul.svg); }

.imc--peu .imc--xiringos .imc--co a.imc--logo-modul-notif-va::before {
    width: 14em;
    background-image: url(../../imgs/xiringos/logo_modul_va.svg);
}
.imc--peu .imc--xiringos .imc--co a.imc--logo-carpeta-ge::before { width: 20em; background-image: url(../../imgs/xiringos/logo_carpeta.svg); }
.imc--peu .imc--xiringos .imc--co a.imc--logo-dehu::before { width: 8em; background-image: url(../../imgs/xiringos/logo_dehu.png); }


.imc--peu-menu { padding: 2em; background-color: var(--color-principal); }
.imc--peu-menu .imc--co { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0 2em; width: 100%; max-width: var(--app-amplaria); margin: 0 auto; }
.imc--peu-menu .imc--co .imc--col p { margin-bottom: .5em; }
.imc--peu-menu .imc--co .imc--col ul li { padding-bottom: .3em; }
.imc--peu-menu .imc--co .imc--col ul a { display: block; padding: .3em 0; }


.imc--peu-menu-mes { padding: 1em 2em; margin: 0 auto; background-color: rgba(6, 35, 76, 1); }
.imc--peu-menu-mes .imc--co { width: 100%; max-width: var(--app-amplaria); margin: 0 auto; }
.imc--peu-menu-mes .imc--co ul { display: flex; gap: 0 2em; }


.imc--peu .imc--qui-paga { padding: 1em 2em; background-color: #000; }
.imc--peu .imc--qui-paga .imc--co { display: flex; align-items: center; width: 100%; max-width: var(--app-amplaria); margin: 0 auto; }

.imc--logo-europa::before { content: ""; display: inline-block; width: 15em; height: 2em; background: transparent url(../../imgs/logo_eu.svg) no-repeat left center / auto 100%; }
.imc--logo-europa span { position: absolute; top: -999em; left: -999em; color: #fff; }

.imc--peu .imc--qui-paga p { margin-left: auto; }





/* MEDIA QUERYS */

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

	.imc--peu .imc--xiringos { padding: 1em 1em; }
    .imc--peu .imc--xiringos .imc--co a { font-size: .8em; }

    .imc--peu-menu { padding: 2em 1em; }

    .imc--peu-menu-mes { padding: 1em 1em; }

    .imc--peu .imc--qui-paga { padding: 1em 1em; }

}

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

}

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

	.imc--peu .imc--xiringos .imc--co ul { display: grid; grid-template-columns: 1fr 1fr; gap: 1em .5em; }
    .imc--peu .imc--xiringos .imc--co ul li { text-align: center; }
    .imc--peu .imc--xiringos .imc--co ul li a { display: inline-block; }

    .imc--peu .imc--xiringos .imc--co a.imc--logo-carpeta-ge::before { width: 12em; height: 1.8em; }

    .imc--peu-menu .imc--co { display: block; text-align: center; }
    .imc--peu-menu .imc--co .imc--col + .imc--col { padding-top: 1em; }
    .imc--peu-menu .imc--co .imc--col p { display: flex; align-items: center; justify-content: center; gap: 0 .5em; padding: .3em 0; margin-bottom: 0; cursor: pointer; }
    .imc--peu-menu .imc--co .imc--col p::after { content: ""; display: block; width: 1.7em; height: 1.2em; background: transparent url(../../imgs/icones/ico_menu_sub_fff.svg) no-repeat 50% 50% / 100% auto; }

    .imc--peu-menu .imc--co .imc--col ul[aria-hidden="true"] { overflow: hidden; max-height: 0px; visibility: hidden; opacity: 0; transition: visibility .2s cubic-bezier(0,.78,.25,1), opacity .2s cubic-bezier(0,.78,.25,1), max-height .2s cubic-bezier(0,.78,.25,1); }
    .imc--peu-menu .imc--co .imc--col ul[aria-hidden="false"] { max-height: 15em; transition: visibility 0s ease-out, opacity .2s cubic-bezier(0,.78,.25,1), max-height .2s cubic-bezier(0,.78,.25,1); }

    .imc--peu-menu-mes .imc--co ul { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; }
    .imc--peu-menu-mes .imc--co ul li { text-align: center; }
    .imc--peu-menu-mes .imc--co ul ul li a { display: inline-block; }

    .imc--logo-europa::before { width: 3em; }

}

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

}