/* er21008-ejercicio2b.css - ER21008 */
pais{ background-color:#0f172a; color:#f8fafc; padding: 20px; display: block; font-family: monospace; }

pais::before{ content: "Pais: " attr(nombre) "| Codigo postal: " attr(codigoPostal) "| Area: " attr(areaTerritorial) " |"; 
	color: #f59e0b; 
	font-size: 1.2em;
	display: block;
	margin-bottom: 15px;
}

monedas, idiomas { display: block; margin-bottom: 10px;}
oficial{ color:#10b981; display:block; }
oficial::before {content: "Moneda oficial: "; color:#9ca3af; }

idioma{color:#818cf8; display: block; }
idioma::before{ content: "Idioma (" attr(tipo) "): ";}

departamento{background-color: #1e293b; border: 1px; margin: 12px 0; padding:12px; display:block;}

departamento::before{
	content: "Departamento: #" attr(id) " - " attr(nombre) " | Zona: " attr(zona) " | Cabecera: " attr(cabecera) " | Habitantes: " attr(habitantes) " | Altura: " attr(altura);
	color: #38bdf8;
	font-weight: bold;
	display: block;
	border-bottom: 1px;
	padding-bottom: 6px;
	margin-bottom: 8px;
}

municipios{display: block; margin-left: 15px;}
municipios::before {content: "Municipios: "; color:#94a3b8; display:block;}

municipio{color:#f1f5f9; display:block; margin-left:10px; }
municipio::before {content: "-> "; color:#ef4444; }

/* Regla para dar formato al enlace XHTML dentro del documento XML */
a.boton-volver, *[class~="boton-volver"] {
    display: inline-block;
    background-color: #0284c7;
    color: #ffffff !important;
    padding: 8px 14px;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 15px;
    font-family: Arial, sans-serif;
    font-size: 0.9em;
}

a.boton-volver:hover, *[class~="boton-volver"]:hover {
    background-color: #0369a1;
}