<!DOCTYPE html>
<html>
<head>
<style>
.img
{
float:left;
width:50%;
height:50%;
margin:5px;
}

#borde1
{
/* filter: blur(1px); 
    */	
   box-shadow: 1px 1px #000000;
   border-radius: 3px;   
   opacity:0.75;    
}

#borde1:hover
{
  border: 5px solid #000000; border-radius: unset;
  opacity: 1;
  box-shadow: none;
  filter: none;
}

.centro
{
text-align:center;
}

.derecha
{
text-align:right;
}

a {
	color:honeydew;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px #1A1A1A;
	}
a:hover {
	color:honeydew;
	font-weight:bold;
	text-decoration:underline;
	text-decoration-color: #343434;
	background-color: #f7ffff0a
	}
	
a:visited {
    color: honeydew;
}

.alert-warning {
	margin:auto;
	position: relative;
	top: 0;
	background-color:#f7ffff0a/*#360A0F*/;
	
/*  background-color: transparent;
	border: 1px solid #1A1A1A;
    filter: alpha(opacity=90);
    opacity: .9;
    text-align: center;  */
    
    padding:6px;
    max-width:66%;
    white-space: nowrap; 
    overflow-x: auto; /* Opcional: añade scroll horizontal si el contenido es demasiado largo */
}

.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;
    filter: alpha(opacity=30);
    opacity: .3;
}

#emby{
float: right;	
text-align:right; 	
}

#blog{
/*margin-top: 1%;	desactivado por hr*/	
float: left;	
max-width:333px;
margin-left: 1%; 	
}	

.cita{
border-left: 2px solid #52B54B;
padding-left:6px;
}

#boton {
  position: fixed;
  bottom: 0;
  right: 1%;
  /*font-size: larger;*/
}

#boton:hover {

}

#reloj-container-nativo {
  display: inline-block; /* Permite padding/margin y se mantiene en línea */
  /*font-family: monospace;*/ letter-spacing: 0.1rem; font-weight:bold;
  font-size: 0.8rem; 
  padding: 3px 8px; /* Espaciado interno generoso */
  border-radius: 4px; /* Bordes redondeados */
  border: 1px solid #899bff; /* mismo color fuente */
  cursor: default; /* El cursor normal (flecha), ya que no es clickeable */
}

#zona-horaria-nativo {
    display: none; /* Ocultamos la etiqueta grande de zona horaria para que no estorbe */
}
</style>
</head>

<body>
</body>
</html>
