.tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 1.5em;
}

/* Ocultar los inputs de radio reales */
.tabs input[type="radio"] {
  display: none;
}

/* Estilo de las etiquetas (los botones de las pestañas) */
.tabs label {
  padding: 10px 20px;
  background: #e0e0e0;
  cursor: pointer;
  font-weight: bold;
  border-right: 1px solid #ccc;
}

/* Estilo para la pestaña seleccionada */
.tabs input[type="radio"]:checked + label {
  background: #fff;
  border-bottom: 2px solid #003B70;
}

/* Estilo de los bloques de contenido (ocultos por defecto) */
.tabs .tab-content {
  width: 100%;
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
  order: 1; /* Envía el contenido debajo de todas las etiquetas */
  display: none;
}

/* Mostrar el contenido de la pestaña seleccionada */
.tabs input[type="radio"]:checked + label + .tab-content {
  display: block;
}