/**
 * Selector de idioma.
 * Versión 1.0.0 — 17/10/2026
 *
 * Las reglas del componente .dvdrrb-idiomas, que se usa en la landing y en
 * la cabecera de Astra. Vive en el tema y no en la hoja base de Simple
 * Custom CSS porque esa hoja es una copia por sitio desde el clonado: aquí
 * hay una sola, compartida por los dos idiomas.
 *
 * La colocación la pone quien lo aloja: .dvdrrb-lanzamiento__marca en la
 * landing y el elemento HTML del constructor en la cabecera.
 */

.dvdrrb-idiomas {
	display: flex;
	gap: var(--wp--preset--spacing--10);
}

.dvdrrb-idiomas__enlace {
	display: block;
	border-radius: 50%;
	transition: transform 0.2s ease;
}

.dvdrrb-idiomas__enlace:hover {
	transform: scale(1.08);
}

.dvdrrb-idiomas__enlace:focus-visible {
	outline: 0.125rem solid var(--wp--preset--color--blanco);
	outline-offset: 0.25rem;
}

.dvdrrb-idiomas__bandera {
	display: block;
	width: 2rem;
	height: 2rem;
}

/* Solo si falta el archivo de la bandera: el código en texto. */
.dvdrrb-idiomas__codigo {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	color: var(--wp--preset--color--blanco);
	font-family: var(--wp--preset--font-family--syncopate);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	text-decoration: none;
}