/*body{background-color:#39394D;} no poner por fondos negros tablas
formato letra en estilo de html*/

.img
{
/*float:left;*/
width:auto;
height:155px; 
margin:1px;
}

/* PONER meta etiqueta viewport, sino no sirve */
/* Estilos específicos para dispositivos móviles (ancho de pantalla <= 600px) */
@media only screen and (max-width: 600px) {
    .img {
        /* Se fija un alto figurativo, object-fit se encarga de la proporción */
        height: 211px;  
        
        object-fit: cover; /*arregla img verticales, amplia-recorta y hace horizontal*/
        
        /* Ocupa el 95% del ancho disponible */
        width: 95%; 
        
        margin: 6px auto; /* Centra la imagen y añade márgenes */
        display: block; /* Asegura que margin: auto funcione */
    }
}

#borde2
{
border:5px solid black;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);  
filter: gray;
-webkit-transition: all .6s ease;
}

#borde2:hover
{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none;
}	

.centro
{
text-align:center;
}

.derecha
{
text-align:right;
}

a {
	color: yellow;			/* color:lime; */
	font-weight:bold;
	/* text-decoration:none; vista tradicional subrayado */
	text-shadow: 1px 1px #1A1A1A;
	}
	
/*a:hover {
	color:tomato;
	font-weight:bold;
	text-decoration:underline;
	text-decoration-color: #FEDF00;
	background-color: #f7ffff0a
	}*/
	
a:visited {
    color: tan;
}