@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap');

.button {
background-color: #886800;
color: #ffffff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #886800;
font: 20px 'Fira Sans Condensed', sans-serif;
line-height: 30px;
letter-spacing: 0.3px;
}

.botonpeq {
color: #484848;
background-color: #f4f4f4;
padding: 5px 7px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px -4px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #9c9c9c;
font: 16px 'Fira Sans Condensed', sans-serif;
}

.buttonsecc {
background-color: #886800;
color: #ffffff;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #886800;
font: 20px 'Fira Sans Condensed', sans-serif;
line-height: 30px;
letter-spacing: 0.3px;
}

.buttontelf {
background-color: #333333;
color: #ffffff;
padding: 8px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 6px 4px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #333333;
font: 20px 'Fira Sans Condensed', sans-serif;
line-height: 30px;
letter-spacing: 0.3px;
}

.buttonbuscar {
background-color: #886800;
color: #ffffff;
padding: 10px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 5px;
text-transform: none;
border: 1px solid #886800;
font: 18px 'Fira Sans Condensed', sans-serif;
line-height: 15px;
letter-spacing: 0.5px;
}

.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}

.centrado {
text-align: center;
}

.izquierda {
text-align: left;
}

.cerrado {
background: red;
color: white;
font: 18px 'Fira Sans Condensed', sans-serif;
border: 12px solid red;
text-align: center;
font-weight: bold;
}

h3 {
font: 1.7em 'Fira Sans Condensed', sans-serif;
text-align: center;
margin-top: 30px;
margin-bottom: 0px;
border-bottom: 1px solid #886800;
}

h4 {
font: 1.7em 'Fira Sans Condensed', sans-serif;
text-align: left;
margin-top: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #886800;
}

hr {
height: 1px;
width: 100%;
margin-top: 5px;
margin-bottom: 20px;
background-color: #886800;
}

/*Nomenclátor Geográfico Básico de España*/

body {
font: 19px 'Fira Sans Condensed', sans-serif;
padding: 10px;
background-color: #ffffff;
}
.table-container {
width: 100%;
overflow-x: auto;
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 16px;
min-width: 400px;
}
th, td {
padding: 12px 15px;
border: 1px solid #886800;
text-align: left;
}
th {
background-color: #886800;
Color: #ffffff}
/* Estilo para pantallas pequeñas */
@media (max-width: 600px) {
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
display: none;
}
tr {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px;
background-color: #fff;
}
td {
display: flex;
justify-content: space-between;
padding: 10px;
font-size: 14px;
}
td::before {
content: attr(data-label);
font-weight: bold;
flex: 1;
padding-right: 10px;
}
td:last-child {
border-bottom: none;
}
}