/*body{background-color:#363939;} no fijar por fondos negros tablas*/

.img
{
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 */
    }
}


#borde1
{
border:5px solid black;
/* blanco y negro PONER galeria2.css #borde2
filter: grayscale(100%);
-webkit-filter: grayscale(100%);  
filter: gray;
-webkit-transition: all .6s ease; */
}

#borde1:hover
{
/* quitar blanco y negro pasar cursor PONER galeria2.css #borde2	
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;
}

.alert-warning {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
    background-color: #101010;
	border: 1px solid #000000;
    opacity: .8;
}

.alert-dismissable .close, .alert-dismissible .close {	
    position: relative;
    top: -3px;
    /*right: -21px;*/
    color: inherit;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .3;
}

.nota{padding-left:12px; padding-right:6px; border:2px dotted tomato; width:66%;}