body {
  font-family: system-ui, sans-serif;

  background: #f6f8fa;
}

.base{
  max-width: 640px;
  margin: 2rem auto;
  padding: 0 1rem;
  line-height: 1.5;
  color: #22272e;
  font-size: 1.1rem;
}

h1 {
  font-size: 1.75rem;
  margin: 0 0 0.5rem;
}
.minititulo{
font-size: 1rem;
}

fieldset {
  border: 1px solid #d0d7de;
  border-radius: 8px;
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  background: #fff;
}

legend {
  font-weight: 600;
  padding: 0 0.35rem;
}

label {
  display: block;
  margin: 0.35rem 0;
}

input[type="file"] {
  display: block;
  margin: 0.75rem 0;
}

button {
  font: inherit;
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 8px;
  background: #0969da;
  color: #fff;
  cursor: pointer;
}

button:hover {
  background: #0757b3;
}

button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

#descargas a {
  display: block;
  margin: 0.5rem 0;
  color: #0969da;
}

.ok {
  color: #1a7f37;
}

.error {
  color: #b00020;
}

.nota {
  color: #666;
  font-size: 0.9em;
}

#zonaArrastre {
  border: 2px dashed #0969da;
  border-radius: 8px;
  padding: 1rem;
  margin: 1rem 0;
  text-align: center;
  background: #fff;
  transition:
    border-color 0.2s,
    background 0.2s;
}

#zonaArrastre.arrastre {
  border-color: #0757b3;
  background: #e7f0fe;
}

#zonaArrastre input[type="file"] {
  margin: 0.5rem auto;
}

.oculto {
  display: none;
}
.clpe{
  background-color:#002b4a; padding:20px; text-align:center; font-size:1.1rem;margin-top:60px; color: #d6e7f8;
}
.climxpe{
max-width:300px; display:block; margin:0 auto 15px;
}
.clpe a {
  color: #d6e7f8;   
  text-decoration: none;
}

.clpe a:hover {
  color: #15ff00;   
  text-decoration: underline;
}