<details>
  <summary>Welcome to Learn CSS!</summary>
  <p>…</p>
</details>
<details>
  <summary>Box Model</summary>
  <p>…</p>
</details>
<details>
  <summary>Selectors</summary>
  <p>…</p>
</details>

/* Estilos generales */

details {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

summary {
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

summary::marker {
  content: "+";
  font-size: 18px;
  margin-right: 10px;
}

details[open] summary::marker {
  content: "-";
}

/* Estilos específicos para cada sección */

details[name="learn-css"] {
  background-color: #f7f7f7;
}

details[name="learn-css"] summary {
  color: #00698f;
}

detailsname="learn-css