/* Selector descendiente: aplica a los <p> dentro de .seccion */
.seccion p {
    color: #1565c0;
    font-size: 16px;
  }
  
  /* Selector de hijo directo: solo los <h1> que son hijos directos de .seccion */
  .seccion > h1 {
    color: #0d47a1;
    font-size: 24px;
    border-bottom: 2px solid #90caf9;
    padding-bottom: 5px;
  }
  
  /* Selector de atributo: aplica a <a> que tienen un atributo title */
  a[title] {
    color: #2e7d32;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
  }
  
  /* Para ver mejor la diferencia */
  .info p {
    background-color: #e3f2fd;
    padding: 10px;
    border-left: 4px solid #64b5f6;
  }