table, th, td, thead td, tbody td {
            width: auto;
            margin: auto;
            border: 1px solid black; 
            border-radius: 4px;
            color:black;
            border-collapse: collapse; /* bordes pegados */
            padding: 8px;
            font-family: Arial, Helvetica, sans-serif;
        }
        thead {
            background-color: antiquewhite;
        }

        td.poblacion {
            background-color: lightyellow;
        }
        td img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block; 
        }
        td.imagen {
            width: 200px;   
            padding: 0;
        }
        tfoot{
            text-align: right;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
        }
        tfoot td:first-child {
        text-align: left; /* Pseudo-clases → : → selecciona un elemento según su estado o posición. Los dos puntos nos permite seleccionar una pseudoclase concreta. Primer td del tfoot */
        }

        tfoot td:last-child {
        text-align: right; /* último td del tfoot */
        }
        caption {
            font-family: Arial, Helvetica, sans-serif;
            font-size: large;
            font-weight: bold;
            padding-bottom: 24px;
            padding-top: 24px;
        }