.qrisk-wrapper {
  width: 1200px;
  display: flex;
  margin: 0 auto;
  font-family: sans-serif;
  color: #140e4a;
  background: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#qrisk-form{
  width: 520px;
  border: solid 1px grey;
  padding: 20px;
}

.campo {
  display: flex;
  text-align: left;;
  margin-bottom: 15px;
}

.campo label {
  flex: 1;
  font-weight: bold;
  margin-top: 10px;
}

.campo input,
.campo select {
  flex: 2;
  padding: 8px;
  border: 1px solid #ccc;
  background: #f1f1f1;
  border-radius: 4px;
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}

.botones {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

button.calcular {
  background-color: #140e4a !important;
  color: #cccccc !important;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

button.calcular:hover {
  background-color: #cccccc;
  color: #140e4a;
}

button.resetear {
  background-color: #f1f1f1;
  color: #140e4a;
  border: 1px solid #140e4a;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}

button.resetear:hover {
  background-color: #e0e0e0;
}

#resultado {
  margin-top: 20px;
  width: 600px;
  margin-left: 30px;
}

/* Resultados con color según riesgo */
#grafica div {
  border-radius: 6px;
  padding: 15px;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
}

#grafica .verde { background-color: green; color: white; }
#grafica .naranja { background-color: orange; color: white; }
#grafica .rojo { background-color: red; color: white; }

.style-light select:not([multiple]) {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgNTAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjIuNiw4YzAtMC4xLDAtMC4yLDAuMS0wLjJsMC41LTAuNWMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4xbDMuNywzLjdsMy43LTMuN2MwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMXMwLjIsMCwwLjIsMC4xTDMyLDcuOEMzMiw3LjksMzIuMSw4LDMyLjEsOGMwLDAuMSwwLDAuMi0wLjEsMC4ybC00LjQsNC40Yy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMXMtMC4yLDAtMC4yLTAuMWwtNC40LTQuNEMyMi43LDguMiwyMi42LDguMSwyMi42LDh6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right;
}