/* No borrar la siguiente regla CSS porque es necesaria para ver los bordes de la tabla. */
table,
tr,
th,
td {
    border: 1px solid #000;
    border-collapse: collapse;
    padding: 5px;
}

/* Título principal (<h1>) */
#titulo {
    color: teal;
}

/* Texto strong */
p strong {
    color: red;
}


/* clase destacado */
p span .destacado {
    color: orange;
}

/* Subtítulo (<h2>) */
#subtitulo {
    color: blue;
}

/* Textos ancla */
p a {
    color: red;
}

/* em dentro de texto ancla */
p a em {
    color: blue;
    font-style: italic;
}

/* clase especial */
span .especial {
    color: purple;
}

/* caption */
caption {
    color: blue;
}

/* celdas de encabezado con clase .especial */
thead th.especial {
    color: orange;
}

/* celdas de texto con clase .especial */
tbody th.especial {
    color: orange;
}

/* otros th de filas*/
tbody th {
    color: red;
}

/* pie de tabla th */
tfoot th {
    color: red
}

/* Primera columna*/
tbody td {
    color: green;
}

/* celdas de texto en negrita*/
tbody td strong {
    color: orange
}

/* Columna 2 (naranja) */
tbody td {
    color: green;
}

/* em dentro de celdas (ej. 'blandit') */
td em {
    color: green;
}

/* seccion adicional inferior */
#adicional {
    color: olive;
}

/* Solo el span con id="especial" en color fucsia */
#especial {
    color: fuchsia;
}

/* enlaces dentro de #adicional */
#adicional a {
    color: green;
}