::-webkit-scrollbar {display: none;}
html, body {
  margin: 0px !important;
  margin:0;
  color: #252525;
  height:100vh;
  display:flex;
  font-size: 18px;
  background-color: #e9d9bf; 
  background-repeat: no-repeat;
  background-position: center center; 
  background-attachment: fixed;
  background-size: 40%;
  width: 100%;
  position:relative;
  font-family: Arial, Helvetica, sans-serif;
  overflow:hidden;

}
#cuerpo {
  position:relative;
  width:92%;
  height: calc(100vh - 15px);
  max-width:1600px;
  z-index:997;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#e9d9bf;
  margin: 15px auto 0 auto;
  overflow:hidden;
  
  }

#principal {
  flex:1;
  height: calc(100vh - 35px);
  overflow-y:auto;
  overflow-x:hidden;
  margin:10px;
  width: auto;
  background: transparent;

}

#velo_blanco{
position:fixed;
margin-top:0em;
width:92%;
max-width:1400px;
height:100%;
display:none;
z-index:998;
background-color:#e9d9bf;
opacity:96%;
margin: 0 auto;
}

#flotante{
position:fixed;
margin: 0 auto;
margin-top:2em;
width:90%;
opacity:100%;
display:none;
z-index:998;
}


.first {
  width: 100%;
  display: block;
  position: fixed;
  z-index: 999;
  top: 0px;
  font-family:Arial, Helvetica, sans-serif;
  margin: auto;
  background-color: #6b1f2a;
  padding: 0px !important;
  color: #252525;
  text-align: left;
  /* margin-top: 1em; */
  font-size: 1.4em;
}
.paneles{
	background-color:white;
	border-color:#6B1f2a;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
	
}
a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
  
}
.btn-noti-activadas {
  background-color: #1ab62c;
  color:white;
  font-size: 1em;
}

.btn-noti-desactivadas {
  background-color: red;
  color:white;
  font-size: 1em;
}
#menupc{
	position:absolute;
	width:20%;
	top: -8em;
	z-index:998;
	left:80%;
}
#menupc nav {
	background:white;
	font-size:0.8em;
}
#menupc nav ul {
	list-style:none;
	text-align:right;
  font-weight:bold;
	padding:3px;
}
#menupc nav ul li {
	
	display:inline-block;
	position: relative;
	margin-right:10px;
 
	
}
#menupc nav ul li:hover {
	background:white;
}
#menupc nav ul li a {
	color:#0D2B4F;
	display:block;
	text-decoration:none;
	
}
#menupc nav ul li a span {
	margin-left:10px;
}
#menupc nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
.imgRedonda {
    width:2.4em;
    height:2.4em;
    border-radius:1.2em;
  }
  .imgCuadra {
    width:2.4em;
    height:2.4em;
    border-radius:0.4em;
  }
/* Cabecera pública: retorno + imagen + autor en una sola línea */
.p360-cabecera-autor{display:flex;align-items:center;gap:24px;width:100%;margin:0 0 24px}
.p360-volver-inline{flex:0 0 auto;margin:0!important;white-space:nowrap}
.p360-autor-identidad{display:flex;align-items:center;gap:11px;min-width:0}
.p360-autor-miniatura{display:block;width:44px;height:44px;flex:0 0 44px;object-fit:cover;border-radius:4px;border:1px solid #D0BB9C;background:#eee}
.p360-autor-miniatura-vacia{background:#DBC8AC}
.p360-titulo-inline{margin:0!important;line-height:1.15}

/* Ajuste definitivo: solo flecha + imagen principal + alias */
.p360-cabecera-autor{gap:12px}
.p360-volver-inline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:44px;
  padding:0;
  font-size:25px;
  line-height:1;
}

/* Ficha desplegable del autor en la misma página */
.p360-alias-enlace{
  appearance:none;border:0;background:transparent;padding:0;
  color:inherit;font:inherit;text-align:left;cursor:pointer;
}
.p360-alias-enlace:hover{color:#6B1F2A;text-decoration:underline;text-underline-offset:4px}
.p360-autor-detalle[hidden]{display:none}
.p360-autor-detalle{
  width:100%;margin:-8px 0 28px;padding:22px 24px;
  background:#f7eedc;border:1px solid #D5C1A3;border-top:3px solid #6B1F2A;
  box-shadow:0 5px 18px rgba(50,38,31,.08);
}
.p360-autor-detalle-interior{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px}
.p360-autor-detalle-retrato img{display:block;width:170px;max-height:220px;object-fit:cover;border-radius:4px}
.p360-autor-detalle-contenido h2{margin:0;color:#501720;font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500}
.p360-autor-real{margin-top:4px;color:#625D57;font-size:14px}
.p360-autor-datos{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:17px;padding:12px 0;border-top:1px solid #d5c1a3;border-bottom:1px solid #d5c1a3}
.p360-autor-datos div{min-width:135px}
.p360-autor-datos span{display:block;color:#777068;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.p360-autor-datos strong{display:block;margin-top:3px;font-size:13px;font-weight:600}
.p360-autor-descripcion{margin-top:18px;font-size:14px;line-height:1.6}
.p360-autor-descripcion p:first-child{margin-top:0}
.p360-autor-identificadores{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.p360-autor-identificadores span{padding:5px 8px;background:#E8D7BD;border-radius:3px;color:#625D57;font-size:11px}
.p360-autor-web{display:inline-block;margin-top:13px;color:#6B1F2A;font-size:13px;font-weight:600}
@media(max-width:800px){
 .p360-autor-detalle-interior{grid-template-columns:120px minmax(0,1fr)}
 .p360-autor-detalle-retrato img{width:120px}
}


/* Scroll de la vista pública y cabecera de autor fija */
.p360-publico{
  overflow:visible;
}
.p360-cabecera-autor{
  position:sticky;
  top:58px;
  z-index:30;
  box-sizing:border-box;
  padding:8px 10px;
  margin:0 0 24px;
  background:#e9d9bf;
  border-bottom:1px solid rgba(107,31,42,.14);
}
#contenido{
  height:calc(100vh - 58px);
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}


/* Ajuste público PC: cabecera del autor pegada a la cabecera principal */
.p360-cuerpo-publico{
  margin-top:0 !important;
  height:100vh !important;
}
.p360-cuerpo-publico #contenido{
  height:calc(100vh - 58px) !important;
  margin-top:58px;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}
.p360-cuerpo-publico .p360-publico{
  padding-top:0 !important;
}
.p360-cuerpo-publico .p360-cabecera-autor{
  top:0 !important;
  margin-top:0 !important;
}


/* Separación mínima bajo la cabecera principal */
.p360-cuerpo-publico #contenido{
  margin-top:62px !important; /* 58 px cabecera + 4 px de separación */
  height:calc(100vh - 62px) !important;
}


/* Página inicial pública: mínimo 10 px entre cabecera e imágenes de autores */
.p360-cuerpo-publico .p360-publico{
  padding-top:10px !important;
}

/* En la pantalla de obras mantenemos la cabecera del autor a 4 px */
.p360-cuerpo-publico .p360-cabecera-autor{
  margin-top:-6px !important;
}


/* Descripción del autor: reducir a la mitad el espacio entre párrafos */
.p360-autor-descripcion p{
  margin-top:0.5em;
  margin-bottom:0.5em;
}
.p360-autor-descripcion p:first-child{
  margin-top:0;
}
.p360-autor-descripcion p:last-child{
  margin-bottom:0;
}


/* Ficha completa del autor: datos bajo la imagen principal */
.p360-autor-detalle-interior{
  grid-template-columns:220px minmax(0,1fr);
  align-items:start;
}
.p360-autor-columna{
  min-width:0;
}
.p360-autor-detalle-retrato img{
  width:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
}
.p360-autor-ficha-datos{
  margin-top:14px;
  border-top:1px solid #D0BB9C;
}
.p360-ficha-item{
  padding:9px 0;
  border-bottom:1px solid #D9C8AF;
}
.p360-ficha-item > span{
  display:block;
  margin-bottom:3px;
  color:#777068;
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.p360-ficha-item strong{
  display:block;
  color:#302d29;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.p360-ficha-item a{
  color:#6B1F2A;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.p360-ficha-item a:hover{text-decoration:underline}
.p360-ficha-lista{
  color:#302d29;
  font-size:12px;
  line-height:1.45;
}
.p360-ficha-lista div+div{margin-top:4px}
.p360-autor-detalle-contenido{
  min-width:0;
}
.p360-autor-detalle-contenido h2{
  margin-bottom:12px;
}
@media(max-width:900px){
  .p360-autor-detalle-interior{grid-template-columns:180px minmax(0,1fr)}
}

/* Pinacoteca360 PC: cabecera de cada estilo con fondo marfil claro. */
.p360-cuerpo-publico .p360-estilo-autores .p360-estilo-titulo{
  background-color:#F7EEDC;
  padding:12px 16px;
  border:1px solid #D5C1A3;
  border-bottom:2px solid #6B1F2A;
  border-radius:5px 5px 0 0;
}