/* Datos personales: Marcos Losada García - UO295106 */
/* Estilos generales del proyecto MotoGP-Desktop */

/* Paleta:
"Blue Grotto" - #0D698B, "Ivory" - #F2F1E8, "Dark Blue" - #050533, "Cherrywood" - #5f1b15 */

/* Especificidad: (0, 0, 1) */
body {
    font-family: "Futura", "Trebuchet MS", "Arial", sans-serif; 
    font-size: 1.1em;
    background-color: #F2F1E8;
    color: #050533;
}

/* Especificidad: (0, 0, 1) */
header {
    background-color: #050533;
    color: #F2F1E8;
}

/* Especificidad: (0, 0, 1) */
a {
    text-decoration-line: none; 
}

/* Especificidad: (0, 1, 1) */
a:hover {
    text-decoration-line: underline;
}

/* Especificidad: (0, 0, 2) */
header a {
    /* Advertencia: Color de fondo heredado de header */
    color: #F2F1E8;   
}

/* Especificidad: (0, 0, 3) */
header nav a {
    border-width: 0.2em;
    border-style: solid;
    border-color: transparent;
    border-radius: 0.5em;
}

/* Especificidad: (0, 1, 3) */
header nav a.active {
    border-color: #F2F1E8;
}

/* Especificidad: (0, 0, 2) */
header + p {
    /* Advertencia: Color de primer plano heredado de body */
    background-color: #e3e2d9;
    font-size: 0.85em;
}

/* Especificidad: (0, 0, 3) */
header + p strong {
    /* Advertencia: Color de fondo heredado de body */
    color: #5f1b15;
    text-decoration-line: underline;
}

/* Especificidad: (0, 0, 2) */
th, td {
    border-width: 0.2em;
    border-style: solid;
    border-color: #050533;
}

/*img Especificidad: (0, 0, 1) */
/*video Especificidad: (0, 0, 1) */
img, video {
    border-radius: 0.5em;
}

/* Especificidad: (0, 0, 1) */
audio {
    border-width: 0.2em;
    border-style: solid;
    border-color: #050533;
    border-radius: 0.5em;
}

/* Especificidad: (0, 0, 1) */
dt {
    font-weight: bold;
}

/* Especificidad: (0, 0, 2) */
dt::after {
    content: ":";
    margin-right: 0.25em;
}

/* Especificidad: (0, 1, 5) */
main ul li a:has(+ p) {
    font-size: 1.4em;
    font-weight: bold;
    color: #050533;
}

/* Especificidad: (0, 2, 5) */
main ul li a:has(+ p):hover {
    color: #5f1b15;
    text-decoration-line: underline;
}