/*
 * footer.css
 * Só a barra inferior con logo Xunta de Galicia (nomenclatura contedor__env__footer).
 * Depende de: variables.css
 */

.ot-xunta-pe-inferior {
	background-color: var(--ot-blue);
	color:            var(--ot-white);
	margin-top:       0;
}

.ot-xunta-pe-inferior .contedor__env__footer {
	width: 100%;
}

.ot-xunta-pe-inferior .contedor__ext__logos__inf,
.ot-xunta-pe-inferior .contedor__env__logos__inf {
	width: 100%;
}

.ot-xunta-pe-inferior__inner {
	max-width:        var(--ot-max-width);
	margin:           0 auto;
	padding:          var(--ot-space-5) var(--ot-gutter);
	display:          flex;
	flex-wrap:        wrap;
	align-items:      center;
	justify-content:  space-between;
	gap:              var(--ot-space-4) var(--ot-space-8);
	min-height:       4.5rem;
	box-sizing:       border-box;
}

.ot-xunta-pe-inferior__logo {
	display:         inline-flex;
	align-items:     center;
	text-decoration: none;
	line-height:     0;
}

.ot-xunta-pe-inferior .ot-header__xunta {
	opacity: 1;
}

.ot-xunta-pe-inferior__logo:focus-visible {
	outline:        2px solid var(--ot-white);
	outline-offset: 4px;
}

/* Accesos directos (estilo listaxe xunta.gal) */
.ot-xunta-pe-inferior__nav {
	flex: 1 1 auto;
	min-width: min(100%, 12rem);
}

.ot-xunta-pe-inferior__list {
	list-style:     none;
	margin:         0;
	padding:        0;
	display:        flex;
	flex-wrap:      wrap;
	align-items:    center;
	justify-content: flex-end;
	gap:            var(--ot-space-2) var(--ot-space-6);
}

.ot-xunta-pe-inferior__item {
	margin: 0;
}

.ot-xunta-pe-inferior__link {
	font-size:       var(--ot-text-sm);
	font-weight:     var(--ot-weight-medium);
	color:           rgba(255, 255, 255, 0.88);
	text-decoration: none;
	white-space:     nowrap;
	transition:      color var(--ot-transition), text-decoration var(--ot-transition);
}

.ot-xunta-pe-inferior__link:hover,
.ot-xunta-pe-inferior__link:focus-visible {
	color:               var(--ot-white);
	text-decoration:     underline;
	text-underline-offset: 0.2em;
	outline:             2px solid var(--ot-white);
	outline-offset:      3px;
}

@media (max-width: 640px) {
	.ot-xunta-pe-inferior__list {
		justify-content: flex-start;
	}
}