div[index="0"] {
    background-color: white;
}

/* Este código hace que los inputs de type date ocupen todo el ancho al mostrarse y no solo 196px, que es lo que se ocupa por defecto, dejando un espacio blando al lado. */
div[class="w-full space-y-2 px-6 md:px-8 @md/modal:px-8 md:w-3/5 @md/modal:w-3/5"] div[class="flex items-center"] input[type="date"] {
    width: 1200px;
}

/* Este código hace que los inputs de type datetime ocupen todo el ancho al mostrarse y no solo 196px, que es lo que se ocupa por defecto, dejando un espacio blando al lado. */
div[class="w-full space-y-2 px-6 md:px-8 @md/modal:px-8 md:w-3/5 @md/modal:w-3/5"] div[class="flex items-center"] input[type="datetime-local"] {
    width: 1200px;
}

/* Eliminar texto 'Europe/Madrid' de los datetime */
div[class="w-full space-y-2 px-6 md:px-8 @md/modal:px-8 md:w-3/5 @md/modal:w-3/5"] div[class="flex items-center"] span[class="ml-3"] {
    display: none;
}

/* Poner titulos de campos en negrita al previsualizar recursos */
h4[class="font-normal @sm/peekable:break-all"] {
    font-weight: bold;
}

/* Poner titulos de campos en negrita en los formularios y vista de detalles */
label[class="inline-block leading-tight space-x-1"] {
    font-weight: bold;
}

table[data-testid="resource-table"] a[aria-label="Modificar"] {
    display: none;
}

a[class="inline-block text-red-500 text-xs font-bold mt-1 text-center uppercase"] {
    display: none;
}

@media screen and (max-width: 1260px) and (min-width: 770px) {
    a[class=class="flex justify-center items-center px-4 py-2 border border-gray-300 dark:border-gray-800 shadow-sm dark:shadow-inner text-sm font-medium rounded-md text-gray-700 dark:text-gray-300 bg-white hover:bg-gray-50 dark:bg-gray-700 hover:dark:bg-gray-600"] {
        display: none;
    }
}