/* ========== Reset General ========== */

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



html, body {

  background-color: #121212 !important;

  color: whitesmoke !important;

}



body {

  font-family: 'Roboto', sans-serif;

  background-color: #121212;

  color: whitesmoke;

  line-height: 1.5;

  padding: 20px;

}



/* ========== Contenedor Principal ========== */

.container {

  width: 90%;

  max-width: 1000px;

  margin: auto;

  padding: 20px;

}



/* ========== Encabezado ========== */

header {

  background-color: #c70039;

  padding: 30px;

  text-align: center;

  color: whitesmoke;

  border-radius: 10px;

  margin-bottom: 30px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

}



header h1 {

  font-size: 2.5rem;

}



header h2 {

  font-size: 1.5rem;

  margin-top: 10px;

}



/* ========== Secciones ========== */

.section {

  background-color: #1c1c1c;

  padding: 20px;

  border-radius: 8px;

  margin-bottom: 20px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

}



.section h2, 

.section label {

  color: whitesmoke;

}



/* ========== Formularios e Inputs ========== */

.input-field {

  width: 100%;

  padding: 10px;

  background-color: #252525;

  color: whitesmoke;

  border: 1px solid #c70039;

  border-radius: 5px;

  margin-top: 10px;

}



/* ========== Botones ========== */

.btn-primary {

  background-color: #c70039;

  color: whitesmoke;

  font-size: 1rem;

  padding: 10px 20px;

  border: none;

  border-radius: 5px;

  cursor: pointer;

  display: block;

  width: 100%;

  max-width: 300px;

  margin: 15px auto 0;

  transition: background-color 0.3s ease;

}



.btn-primary:hover {

  background-color: #a5002c;

}



/* ========== Radio Buttons ========== */

.radio-group {

  display: flex;

  flex-direction: column;

  gap: 10px;

  margin-top: 10px;

}



/* ========== Historial ========== */

#historial {

  background-color: #222;

  padding: 20px;

  border-radius: 8px;

}



/* ========== Pie de Página ========== */

footer {

  text-align: center;

  padding: 20px;

  background-color: #181818;

  color: whitesmoke;

  border-radius: 10px;

  margin-top: 30px;

}



footer p{

  margin-top: .7rem;

}