/* CSS Document */
/*
#ff0: amarillo
#fucksia: #f39
Azul selección: #18ffff

Roboto Slab: wght @200;300;400;600;700;800;900
*/

:root {
	--max-width: 900px;
	--font-neutral: sans-serif, Helvetica, Arial;
	--font-heading: "Roboto Slab", sans-serif;
	--font-label: "Roboto", sans-serif;
}

html {
	scroll-behavior: smooth; 
}

body {
	font-family: var(--font-neutral);
	border: 0;
	margin: 0;
	padding: 0;
}

hr {
	margin: 2em 0;
	width: 96%;
	border: none;
	clear: both;
	background-color: var(--color-neutral07);
	height: .1em;
	border-radius: 1em;
}

hr.transsep {
	margin: 3em 0;
	border: none;
}

hr.mnusep {
	margin: 1em 0;
	border-top: 1px solid var(--color-neutral08);
}

.right {
	float: right;
	display: inline-block;
}

.topright {
	top: 0;
	right: 0;
}


.left20 {
	margin-left: 20%;
}


.block {

}

.blockcentre {
	margin: 0 auto;
	max-width: var(--max-width);
	clear: both;
}

.blockframe, .blkfrmlrg {
	padding: 1em 0;
	position: relative;
}

.blockheading {
	padding-top: 3em;
/*	padding-bottom: 1em;*/
}

.blockarticle, #blockmain, #article {
	padding-bottom: 6em;
	padding-top: 3em;
	background-color: white;
}

#blockback {
	background-color: var(--color-neutral08);
	padding-bottom: 6em;
	padding-top: 3em;
}

#blocklog {
	padding-top: .6em;
	font-size: .9em;
}

#blockchat {
	background: rgba(255, 255, 255, .9);
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99;
	border-top: .1em solid var(--color-neutral55)
}

#blockchat .blockframe, #blockchat .blkfrmlrg {
	padding: 1em !important;
	overflow: auto;
}


#article .image, article .image {
	margin: 2em 0;
}

#article .image img {
	width: 100%;
}

#article main p {
	font-family: var(--font-label);
	font-size: 1.1em;
}


.blockmessage {
	clear: both;
	overflow: auto;
	padding: .6em 0;
}

.avamsgmember {
	float: right;
	clear: left;
	margin: 0 0 0 .6em !important;
}

.msgchat {
	border-radius: .6em;
	width: auto;
	max-width: 60%;
	padding: 1em;
	box-shadow: 0 0 .6em #ccc;
	
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.msgmember {
	float: right;
	background: white;
}

.avamsgother {
	float: left;
	clear: right;
	margin: 0 .6em 0 0 !important;
}

.msgother {
	float: left;
	background: var(--color-neutral09);
}







.blockenkidu {
	padding: 1em 0;
	color: var(--color-neutral06);
}

a {
	text-decoration: none;
}

h3 a:hover, p a:hover, em a:hover {
	text-decoration: underline;
}

a:has(div):hover {
	text-decoration: none;
}

article {
}

article header, #acta header {
	margin: 0 1em 1.8em 2em;
}

article#page p {
	width: 80%;
	margin-left: 2em;
}

.artvisual {
	margin: 2em 0 1em;
	padding: 0 0 .4em;
	border-bottom: .1em solid var(--color-neutral09);
}

.artvisual img {
	margin: 0 0 .4em;
}

button {
	cursor: pointer;
}

nav ul, #foocols ul, aside ul, #home ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.inshort {
	margin: 0 0 3em;
	padding-left: 2ch;
	font-size: 1.2em
}

.inshort li {
	margin: .4em 0;
	padding: 0;
	list-style-type: '—';
	padding-inline-start: 1ch;
}

.inshort li:before {
	margin: 0 0 0 -1.2em
}

.references {
	margin: 0 0 0 2em;
	padding: 0;
}

.refnum {
	vertical-align: super;
	font-size: .8em;
	line-height: 0;
	margin-left: .1em;
}

form {
	margin: 0;
}

figure {
	margin: 1em 0 2em;
}

blockquote {
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-weight: 100;
	font-style: italic;
	border-left: .6em solid var(--color-neutral10);
	margin: 2em 0 0;
	padding-left: 1em;
}

.quoteauthor {
	font-family: "Georgia", "Times New Roman", Times, serif;
	margin: 1em 3em 2em 0;
	text-align: right;
}

.secfull {
	padding: 5em 0 4em;
}

#secbros {
	padding: 4em 0 3em;
	background: linear-gradient(80deg, var(--color-neutral00), var(--color-accenthigh), var(--color-neutral00), var(--color-purple));
	background-size: 400% 400%;
	animation: gradient 90s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* #maintopin {
	padding-top: 1em;
	margin: 0 auto;
	max-width: var(--max-width);
} */

#mainnavin, #mainnavtabin, #mainin, #navin, .secfullin, .sectagin, #videoin {
	margin: 0 auto;
	max-width: var(--max-width);
	clear: both;
}

#mainin {
	padding-top: 3em;
}

#textmain {
	line-height: 1.4em;
	margin-top: 3em;
}

.onewall {
	margin-left: 14em;
	width: 40em;
}

.onecolumn {
	margin: 0 auto;
	width: 36em;
}

.actafocus {
	padding: 0 1em 0 1em; background-color: var(--color-neutral10); border-radius: 1em; margin-bottom: 1em; box-shadow: 0 0 .6em #ccc
}
/*.onecolumn p, .onecolumn .p {
	font-size: .96em;
}
*/
.onelarge {
	 margin: 0 8em
}

.meta {
	font-size: .96em;
	color: var(--color-neutral55);
}

#textmain ul {
	list-style: disc;
}


#textmain .frame {
	color: var(--color-neutral05);
	margin-bottom: 2em;
}

#textmain .frmright {
	float: right;
	margin: 1.6em -20em 3em 2em;
}

#textmain .frmright img {
	max-width: 28em;
}

#textmain .frmextended img {
	max-width: 54em;
}

.frmextended {
	width: 54em;
	overflow: auto;
}


.frame img {
	max-width: 100%;
}




@keyframes atencion {
  0% {
		border-color: var(--color-accenthigh);
	}
  50% {
		border-color: var(--color-neutral09);
	}
  100% {
		border-color: var(--color-accenthigh);
	}
}

#erectus {
	border-top: .3em solid;
	border-bottom: .3em solid;
	background-color: #d35400;
	color: var(--color-neutral09);
	animation-name: atencion;
  animation-duration: 6s;
	animation-iteration-count: infinite;
}

.vale p, .caput p, #erectus p, #alarm p {
	margin: 0;
	padding: 0;
}

#erectus p {
	color: white;
}

#alarm p {
	background-color: white;
	text-align: center;
	padding: .4em 0 .3em;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight: bold;
}

#alarm {
	background: repeating-linear-gradient(
	  45deg,
	  var(--color-neutral10),
	 	var(--color-neutral10) 10px,
	  var(--color-accenthigh) 10px,
	  var(--color-accenthigh) 20px
	);
	background-size: 8000px;
	animation: moveBackground 360s linear infinite;
}

@keyframes moveBackground {
    0% { background-position: 4000px 0; }
    100% { background-position: 8000px 0; }
}



#gname {
	background-color: var(--color-accenthigh);
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	font-family: var(--font-heading);
	letter-spacing: .2em;
	line-height: .6em;
	font-size: 1.6em;
}

#gname a {
	color: var(--color-neutral10);
}


#alertclose {
	margin: -.4em 0 0;
	background-image: url('/images/ico-close-filled.png');
	background-size: 1.6em;
	width: 1.6em;
	height: 1.6em;
	display: block;
	float: right;
}

#alertclose:hover {
	text-decoration: none;
}


.btntop {
	float: right;
/*	margin: 1em .2em !important;*/
}

.btnnotification {
	background-image: url('/images/ico-notification2.png');
	background-size: 1.4em;
	background-repeat: no-repeat;
	background-position: center;
	width: .8em;
	height: 1.2em;
	position: relative;
}

.btnnotification:hover {
	background-image: url('/images/ico-notification-white.png');
}

.btngroup {
  display: inline-block; /* Allows control of width and height */
  background-image: url('https://www.mithraeum.eu/album/group/%20658856d323e4a.jpg'); /* The URL of your image */
  background-size: 3em 3em; /* Size of the background image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  background-position: -.8em center; /* Positions the image to the left and vertically centered */
  line-height: 1.2em;
  padding-left: 2.6em !important;
}

/*.btnnotification:hover {
	background-image: url('/images/ico-notification-white.png');
}
*/
.btnplus {
	padding: .3em .5em !important;
}

.btnplus span {
	font-size: 1.6em;
	line-height: .8em;
}


#secbros {
}

#secbros .secfullin {
	max-width: calc(var(--max-width) + 9em);
}

#broshead {
	margin: 0 0 0 4.6em;
}

.btnbros {
	margin: 1em 0 0 4.6em !important;
}



#blockheader {
	max-width: calc(var(--max-width) + 12em);
	padding: 3em 1em 2.6em;
	margin: 0 auto;
}





#mainnavin {
	max-width: calc(var(--max-width) + 4em);
	padding-bottom: 1em;
}

#mainnavtabin {
	padding-top: 1em;
}

#home {
	color: var(--color-neutral02);
}

#home li {
	border-bottom-color: var(--color-neutral06);
}

.visual {
	background-color: var(--color-neutral09);
}

.caption {
	color: var(--color-neutral55);
	margin: 0;
	padding: .3em .2em .2em .4em;
	font-size: .8em !important;
	line-height: 1.4em;
	font-family: var(--font-neutral) !important;
}

.splide__slide .caption {
	margin: 0;
}

.label {
	color: var(--color-neutral06);
	font-weight: bold;
	margin-right: .3em;
}

.tagup {
	background-color: var(--color-accenthigh);
	font-family: var(--font-label);
	font-weight: 900;
	padding: .3em 1.4em .2em;
	line-height: 1.2em;
	margin: 0;
	color: var(--color-neutral10);
	text-transform: uppercase;
	display: inline-block;
}

.tagupsmall {
	font-size: .6em;
	padding: 0 1.4em;
	line-height: 2em;
}

.fullcontent {
	display: block;
	padding-top: .4em;
}

.tag {
	color: var(--color-accenthigh);
	border: .1em solid var(--color-accenthigh);
	padding: .1em .6em;
	margin: .2em;
	display: inline-block;
	font-size: .8em;
	border-radius: .4em;
	background: rgba(255, 0, 77, .1);
}

.tag:hover {
	background-color: var(--color-accenthigh);
	color: var(--color-neutral10) !important;
	text-decoration: none;
}

.lblstatus {
	color: var(--color-neutral09);
	padding: 0 .4em;
	margin: 0 .6em;
	line-height: 1.6em;
	width: 8em;
	font-weight: bold;
	font-size: .5em;
	display: inline-block;
	background-color: var(--color-neutral05);
	text-align: right;
	text-transform: uppercase;
}

.stdraft {
	background-color: var(--color-neutral07);
	color: var(--color-neutral02);
}
.strevision {
	background: #f39c12;
	color: var(--color-neutral00);
}
.stpublished {
	background: #2ecc71;
}

.txtpreview {
	position: relative;
}

.framemsg {
	padding: .4em 1.4em;
	border: .3em solid var(--color-neutral04);
	background: var(--color-neutral10);
	z-index: 10;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0px 0px 60px 60px white; /* Box shadow effect with white color */
	position: absolute;
  bottom: 0;
}



#logo {
	font-family: var(--font-heading);
}

#logo a {
	text-decoration: none;
}

.tnmsymbol {
	border: 1.6em solid var(--color-accenthigh);
	border-radius: 10em;
	width: 1.3em;
	height: 1.3em;
	background-color: var(--color-neutral01);
}

.print, .roto {
	display: none;
}

#alba, #ocaso {
	border: 1.6em solid var(--color-accenthigh);
	width: 1.3em;
	height: 1.3em;
	border-radius: 10em;
	float: left;
	margin: 3em 1em 0 0;
	padding: 0;
	background-color: var(--color-neutral01);
}

#blockfooter #alba, #blockfooter #ocaso {
	margin-right: 1.8em;
	background-color: inherit;
}

#ocaso {
	display: none;
}

#tnm {
	line-height: .9em;
	font-size: 4em;
	font-weight: 900;
	margin-bottom: .1em;
	float: left;
}

#tnm h1 {
	line-height: .9em;
	font-size: 1em !important;
	font-weight: 900;
	float: left;
	margin-bottom: 0;
}

.logosmall {
	font-size: .8em !important;
}

#logo p {
	font-size: 2.2em;
	margin: 0 0 0 2.5em;
	padding: 0;
	line-height: 1em;
	font-weight: 700;
	clear: left;
	color: var(--color-neutral05);
	opacity: .8;
}

.foologo {
	font-size: .5em;
	margin-bottom: 3em;
	color: var(--color-neutral06);
}

.foologo #alba {
	border-color: var(--color-neutral06);
	margin-top: 2.5em;
}

.foologo p {
	margin-left: 2.8em !important;
	color: var(--color-neutral06) !important;
	opacity: 1 !important;
}







#topnav {
	display: none;
}
















#firma {
	padding: 0;
	margin: 0 0 2em;
	display: block;
	clear: both;
}

.firma { /* NUEVA FIRMA */
	display: grid;
	grid-template-columns: 5em auto;
	column-gap: 1em;
	margin: 0 0 1em;
}

.fircondensed {
	display: grid;
	grid-template-columns: 3.4em auto;
	column-gap: 1em;
}

.firavatar {

}

.firmanombre {
	font-size: 1.1em;
	margin: .8em 0 0 !important;
	letter-spacing: .01em;
	font-family: var(--font-label);
	line-height: 1;
	color: var(--color-neutral05);
}

.firmafecha, .firmafecha2 {
	color: var(--color-neutral55);
	margin: 0;
	padding: 0;
}

.firmafecha2 {
	font-size: .8em;
	margin-top: -.4em;
	color: var(--color-neutral06);
	font-style: italic;
}

#fnewsletter .inpbox {
	border: .11em solid var(--color-neutral01);
	border-radius: 4em;
	background: var(--color-neutral10);
	display: inline-block;
	padding: .1em .1em 0 0;
}

#fnewsletter input:focus {
	outline: none;
	border: none;
}

#fnewsletter input[type=email] {
	border: 0;
	border-radius: 3em !important;
}


/* SOCIAL WALL */
.headavatar {
	display: inline-grid;
	grid-template-columns: 14em auto;
}

.socitem {
	border-top: 1px solid var(--color-neutral10);
	border-bottom: 1px solid var(--color-neutral07);
}

.socdate {
	float: right;
	font-size: .8em; 
	color: var(--color-neutral06); 
}

.socparent, .socparform, .socpost {
	margin: 0;
	display: inline-grid;

	grid-template-columns: 3.8em auto;
	column-gap: .8em;
	width: 100%;
	word-break: break-word;
}

.socparent {
	padding: 1em 0;
}

.socparform {
	border-top: 1px solid var(--color-neutral07);
	padding: 1em 0;
	margin: 1em 0 0;
}

.socparent p, .socpreview p {
	margin: .4em 0;
}

.socparent .socparent {
	border: none;
	border-top: 1px dotted var(--color-neutral07);
	font-size: .9em;
	grid-template-columns: 3.2em auto;
}

.socpreview {
	padding: 1em;
	background-color: var(--color-neutral08);
	border: 1px solid var(--color-neutral06);
	margin: 0 0 1em;
	font-size: .9em;
}

.socpreviewin {
	display: grid;
	grid-template-columns: 3em auto;
	word-break: break-word;
}

.socpreimg {
	height: 20em;
	background-size: cover;
	background-position: center top;
	width: 100%;
	filter: brightness(60%);
	cursor: pointer;
}

.socpreimg:hover {
	filter: brightness(100%);
	border-radius: .4em;
}

.socname {
	font-family: var(--font-label);
	font-size: 1.2em;
	margin-top: .1em;
}

.socname a {
	color: var(--color-neutral02);
}

.socform {
	margin: 0;
	padding: .4em;
  border: .1em solid var(--color-neutral07);
	border-radius: 2em;
	background: var(--color-neutral10);

	display: flex;
	flex-direction: row;
	gap: .4em;
}

.socinput {
	padding: 0 1em;
	color: var(--color-neutral05);
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	background: inherit;
	height: 3em;
	border-radius: 2em;
	resize: none;
	flex-grow: 2;
	overflow: hidden;
}



.socbtnfile, .socbtnsubmit {
	border-radius: 2em;
	font-size: .9em;
	min-width: 3em;
	height: 3em;
	aspect-radius: 1 / 1;
	border: none;
	color: var(--color-neutral10);
  cursor: pointer;
	background-color: var(--color-neutral06);
	padding: 0;
	margin: 0;
}

.socbtnfile {
	background: var(--color-neutral06) url('/images/ico-image-white.png') center/1.4em no-repeat;
}

.socinput:focus {
  outline: none;
/*  height: 6em;*/
}

.socform:focus-within {
  border: .1em solid var(--color-accenthigh);
}


.socform:focus-within .socbtnsubmit {
	background: var(--color-accenthigh);
}

.socform:focus-within .socbtnfile {
	background-color: var(--color-neutral03);
}

.socbtnfile:hover, .socbtnfile:active {
	background-color: var(--color-neutral03);
}




#chatroll {
	padding: 1em;
}

#blockchat:hover {
	background: var(--color-neutral10) !important;
}

.socimage {
	width: 100%;
	margin: .6em 0 0;
	filter: brightness(90%);
	border-radius: .4em;
}

.socimglib {
	width: 60%;
	margin: 1em auto;
}

.videoframe {
	aspect-ratio: 16 / 9;
	margin-bottom: 1em;
	filter: brightness(90%);
	border-radius: .4em;
}

.videoframe:hover, .socimage:hover {
	filter: brightness(100%);
}

.playlayer {
	background: no-repeat center/6em url('/images/ico-play.png');
	height: 100%;
	opacity: .8;
}

.playlayer:hover {
	background-color: transparent;
	opacity: 1;
}

.jrating {
	/* display: inline-flex !important; */
}


#lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

#lightbox-image {
  max-width: 90%;
  max-height: 90%;
  cursor: pointer;
}

.lightbox-trigger {
  cursor: pointer;

}




/* Avatares */

.avatar {
	display: inline-block;
	padding: 0;
	width: 3.4em;
	height: 3.4em;
	background-size: cover;
	background-position: center;
	border-radius: 100%;
	box-sizing: border-box;
	background-color: var(--color-neutral07);
}

.avatarneo {
	aspect-ratio: 1 / 1;
	width: 60%;
	box-sizing: border-box;
	background-color: var(--color-neutral07);
	background-size: cover;
	border-radius: 100%;
	margin: 0 auto;
	filter: brightness(90%);
	cursor: pointer;
}

.avatarneo:hover {
	filter: brightness(100%);
}

.avaleft {
	margin: 0 1em 0 0;
	float: left;
}

.avaright {
	margin: 0 1em 0 0;
	float: right;
}

.avacenter {
	margin: .6em;
}

.avablank {
	border: 1.2em solid var(--color-neutral00);
  opacity: .2;
	line-height: 1em;
	background-color: inherit;
	width: 3.4em;
	height: 3.4em;
	box-sizing: border-box;
	vertical-align: top;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.avagrosso {
	border-width: 2em;
	background: white;
}

.avabox {
	margin: .4em;
	width: 5em;
	text-align: center;
	height: 7em;
	float: left;
}



.aleft .avabox {
	float: right;
}

#avacontainer {
	overflow: auto;
	text-align: center;
	margin: 1em 0 0;
}

.avaboxsec {
	text-align: center;
	display: inline-block;
	width: 12.68em;
	overflow: auto;
	margin: 1em 0 .6em;
}

.avaboxsec a p {
	font-size: 1.1em;
	line-height: 1em;
	padding: 0 1em;
	margin: .4em 0;
	height: 2em;
}

.avaboxsec a {
	font-family: var(--font-label);
	color: var(--color-neutral08);
	color: rgba(255,255,255, .6)
}

.avaboxsec a:hover {
	color: rgba(255,255,255, 1);
	text-decoration: none !important;
}

.avabox .avatar {
	 margin: 0 0 .4rem;
}

.avabox a p {
	font-size: .8em;
	margin: .4em 0 0;
	color: var(--color-neutral06);
	line-height: 1em;
}

.avabox a:hover p {
	color: var(--color-accenthigh);
	text-decoration: none !important;
	font-family: var(--font-heading);
}

.avabox a:hover {
	text-decoration: none !important;
}

.avamini {
	width: 2.6em;
	height: 2.6em;
	border-width: 1em;
}

.avasmall {
	width: 5em !important;
	height: 5em !important;
}

.avaregular {
	width: 8em !important;
	height: 8em !important;
}

.avamedium {
	width: 12em !important;
	height: 12em !important;
}

.avacien {
	width: 100%;
	aspect-ratio: 1 / 1;
	height: 12em;
	border-width: 3em !important;
}

.avabig {
	width: 12em;
	height: 12em;
	border-width: 3em !important;
}

.avaxbig {
	width: 18em; /* ~300px */
	height: 18em;
}

.avagrade {
	background-color: var(--color-neutral08);
}

.ava0 {
	background-image: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);;
}

.avacorax, .ava1 {
	background-color: var(--color-neutral01);
}

.avanymphus, .ava2 {
	background-color: #ffff9f;
}

.avamiles, .ava3 {
	background-color: var(--color-red);
}

.avaleo, .ava4 {
	background-color: var(--color-orange);
}

.ava5 {
	background-color: var(--color-neutral10);
}

.ava6 {
	background-color: var(--color-yellow);
}

.avapater, .ava7 {
	background-color: var(--color-accenthigh);
}

.avatop, .ava8 {
	background-color: var(--color-purple);
}

@keyframes pater {
	0% {
		background-color: var(--color-purple);
	}
	20% {
		background-color: var(--color-accenthigh);
	}
	40% {
		background-color: var(--color-red);
	}
	60% {
		background-color: var(--color-orange);
	}
	80% {
		background-color: var(--color-yellow);
	}
	90% {
		background-color: var(--color-red);
	}
	100% {
		background-color: var(--color-purple);
	}
}

.small {
	font-size: .8em;
	display: block;
	line-height: 1.6em;
	margin: 1.6em 0 1em;
	color: var(--color-neutral55);
}

.cmtul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.cmtli:after, .cmtliin:after, .lined li:after, .linedup li:after {
  content: "";
  display: table;
  clear: both;
}

.cmtli  {
	margin: 0;
	padding: 1em 0 0;
	border-bottom: 1px solid var(--color-neutral07);
}

.cmtulin {
	margin-left: 14%;
	padding: 0;
	clear: both;
}
.cmtliin {
	border-top: 1px dotted var(--color-neutral06);
	padding: 1em 0 0;
	list-style: none;
}

.cmtavatar {
	float: left;
	width: 14%;
}

.cmtdiv {
	float: left;
	width: 86%;
	margin-bottom: 1em;
}

.cmtname {
	margin-bottom: .2em;
	font-weight: bold;
}
.cmttext {
	margin: .2em 0 .6em;
}

.cmtdate {
	margin-top: .4em;
}


.quote {
	font-family: var(--font-heading);
	line-height: 1.2em;
	font-size: 1.4em;
	padding: 1.2em 0 1.6em 1em;
	margin: 0 0 .6em 1em;
	width: 46%;
	float: right;
	border-left: .1em solid var(--color-accenthigh);
	color: var(--color-neutral05)
}

#googlemap {
	padding: 0;
	margin: 0 auto;
	max-width: calc(var(--max-width) + 100px);
	clear: both;
}

#ulres {
	padding: 0;
}

.result {
	padding: 1em 0;
	border-bottom: 1px solid var(--color-neutral07);
	border-top: 1px solid var(--color-neutral10);
	margin: 0;
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-column-gap: 1.6em;
}

.resimg {
	padding-left: 3em;
	text-align: right;
}

.imgres {
	height: 12em;
}

.restxt {
	padding-right: 3em;
	align-self: center;

}

.restxt h2 {
	font-size: 1.2em;
}

.restxt h3 {
	font-size: 1.2em;
	margin: 0;
}



.restxt .txtcontent {
	font-size: 1em;
	color: var(--color-neutral05);
	margin: 0 0 .4em 0;
	line-height: 1.2em;
	font-family: var(--font-label);
}


.restxt .txtcontent {
	font-size: .9em;
	color: var(--color-neutral05);
	margin: .4em 0;
	line-height: 1.4em;
}

.arrow {
  transform: translateY(-50%);
  width: 4.6em;
  height: 4.6em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  opacity: .8;
  background: var(--color-neutral10);
}

.back {
	transform:scaleX(-1);
	width: 3em;
}

.arrow svg {
	 fill: var(--color-neutral03);
}


/* ********* RESULTADOS ********* */




/* ********* NAV *********** */

/* NAV #TABS */

#mainnav ul, #mainnavtab ul {
}

#mainnav li, #mainnavtab li, .buttons li, #mnusub li, #pagina li {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
}

#pagina {
	margin-top: 2em;
	text-align: center;
}

#pagina li {
	margin: .4em;
}

ul.buttons li a {
	border: .12em solid var(--color-neutral05);
	border-radius: .4em;
	color: var(--color-neutral05);
	text-decoration: none;
	font-size: 1.2em;
	padding: .4em .8em;
	margin: .4em .2em 0;
	display: inline-block;
	background-color: inherit;
	font-family: var(--font-heading);
	font-weight: 400;
}

ul.buttons li a:hover {
	background-color: var(--color-neutral05);
	color: var(--color-neutral09);
	cursor: pointer;
}


/* NAV #TABS */
ul#tabs {
	overflow: auto;
}

ul#tabs li a  {
}

ul#tabs li a:hover {
}

a.btntab {
	border-top: .1em solid var(--color-neutral06);
	border-right: .1em solid var(--color-neutral06);
	border-left: .1em solid var(--color-neutral06);

	text-decoration: none;
	font-size: 1.2em;
	border-top-left-radius: .4em;
	border-top-right-radius: .4em;
	padding: .4em .8em .3em;
	margin: .2em .2em 0;

	display: inline-block;
	background-color: inherit;
	color: var(--color-neutral06);

	font-family: var(--font-heading);
	font-weight: 400;
}

a.btntab:hover {
	background-color: var(--color-neutral07);
	color: var(--color-neutral01);
	cursor: pointer;
}

.btngrado {
	background-position: .4em .4em;
	background-repeat: no-repeat;
	background-size: 26px;
	width: .66em;
}

#navcorax {
	background-image: url('/images/ico-crow-gris.png');
}

#navcorax:hover {
	background-image: url('/images/ico-crow.png');
}

#navnymphus {
	background-image: url('/images/ico-nymphus-gris.png');
}

#navnymphus:hover {
	background-image: url('/images/ico-nymphus.png');
}

#navmiles {
	background-image: url('/images/ico-miles-gris.png');
}

#navmiles:hover {
	background-image: url('/images/ico-miles.png');
}

#navleo {
	background-image: url('/images/ico-leo-gris.png');
}

#navleo:hover {
	background-image: url('/images/ico-leo.png');
}

#navpersa {
	background-image: url('/images/ico-persa-gris.png');
}

#navpersa:hover {
	background-image: url('/images/ico-persa.png');
}

#navheliodromus {
	background-image: url('/images/ico-helio-gris.png');
}

#navheliodromus:hover {
	background-image: url('/images/ico-helio.png');
}

#navpater {
	background-image: url('/images/ico-pater-gris.png');
}

#navpater:hover {
	background-image: url('/images/ico-pater.png');
}

#search2 {
	float: right;
}

#navsearch {
	border: .6em solid var(--color-neutral07);
	border-radius: 10em;
	line-height: 2em;
	font-family: var(--font-heading);
	-webkit-appearance: none;
	font-size: 1.2em;
  padding: .3em .6em .3em 2.4em;
	margin: .3em 0;
	display: inline-block;
	opacity: 1;
	box-sizing: border-box;
	width: 100%;
	background: var(--color-neutral09) url('/images/ico-search-filled.png') .5em/1.6em no-repeat;
}

#navsearch2 {
	border: none;
	border-radius: 10em;
	-webkit-appearance: none;
	line-height: 1em;
	font-family: var(--font-heading);
	font-size: 1em;
  padding: .6em .8em .6em;
	margin: .2em;
	display: inline-block;
	background: var(--color-neutral08) url('/images/ico-search-filled.png') .5em/1.2em no-repeat;
	box-sizing: border-box;
	width: 2.6em;
	border-color: var(--color-neutral05);
	cursor: pointer;
}

#navsearch:focus {
	cursor: text;
	border-color: var(--color-accenthigh);
	background: var(--color-neutral10) url('/images/ico-search-filled.png') .5em/1.6em no-repeat;
	width: 100%;
	outline: none !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}

#navsearch2:focus {
	cursor: text;
	border-color: var(--color-accenthigh);
	background: var(--color-neutral10) url('/images/ico-search-filled.png') .5em/1.6em no-repeat;
	width: 16em;
	padding: .6em .8em .6em 2.4em;
	outline: none !important;
}


#navsearch:focus, #navsearch2:hover {
	background-color: var(--color-neutral10);
}

#blocknav {
  background-color: var(--color-neutral08);
	height: 3em;
}

#blocksubnav {
  background-color: var(--color-neutral07);
  font-size: .9em;
	height: 2.9em;
}

.blocknavcentre {
  width: calc(var(--max-width) + 3em);
  margin: 0 auto;
  display: block;
  clear: both;
}

.blocksearchcentre {
	width: calc(var(--max-width) + 6em);
	margin: 0 auto;
	clear: both;
}

#blocksearch {
	display: none;
}


#blocknav ul, #blocksubnav ul {
	text-align: right;
}

#blocknav li, #blocksubnav li {
	margin: 0;
	padding: 0;
	float: left;
}

#blocknav li a, #blocksubnav li a {
	font-family: var(--font-label);
	text-transform: uppercase;
  color: var(--color-neutral05);
  color: var(--color-neutral01);
  font-size: 1em;
  padding: .9em;
  display: block;
}

#blocknav li a:hover, #blocksubnav li a:hover {
  background-color: var(--color-accenthigh);
  color: var(--color-neutral10) !important;
  text-decoration: none;
}

#nacta {
	box-shadow: inset 0 0 0 .12em var(--color-neutral01);
	border-radius: 3em;
}


#nchat  {
	background-image: url('/images/ico-crow.png');
	background-repeat: no-repeat;
	background-size: 1.6em;
	background-position: center;
	width: 1em;
	display: inline-block;
  font-size: 1em;
  padding: .9em;
}

#nchat:hover {
/*	background-image: url('/images/ico-crow-white.png');*/
  background-color: var(--color-neutral10);
  text-decoration: none;
}

ul#breadcrumbs {
	margin: 1.4em 0 0 .6em !important;
}

#breadcrumbs li {
}

#breadcrumbs a {
	text-decoration: none;
}
#breadcrumbs a::after{
	content: " ≻";
	margin: 0 .4em 0 0;
}
/* ******************** */


.boxres {
	width: 25%;
	float: left;
}

.boxresin {
	margin: .6em
}

.notas {
	background-color: #ffffa5;
}


.labelup {
	font-size: 1.2em;
	font-weight: 900;
	margin: 0 0 .3em .2em;
	color: var(--color-accenthigh);
	font-family: var(--font-label);
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.lblupdiscreet {
	font-size: .8em;
	color: var(--color-neutral06);
	margin: 0
}

.lblupsoc, .lblupsocnovo {
	font-size: .8em;
	font-weight: 900;
	color: var(--color-neutral06);
	font-family: var(--font-label);
	text-transform: uppercase;
	display: inline-block;
	letter-spacing: .1em;
	line-height: 1em;
}

.lblupsoc {
	padding: .3em .4em .2em 0;
}

.lblupsocnovo {
	background-color: var(--color-accenthigh);
	color: var(--color-neutral09);
	padding: .3em .4em .2em;
	font-size: .7em;
	margin: 0 .4em .2em 0;
}

.lblsocial {
	background: var(--color-neutral06);
	color: var(--color-neutral09);
	padding: .4em 1em .2em;
	display: flex;
	width: fit-content;
	font-size: .8em;
	margin: 1.6em 0 0;
}

h1, h2, h3, h4, h5 {
	font-family: var(--font-heading);
	padding: 0;
	font-weight: 400;
	text-wrap: balance;
	width: fit-content;
}

h1 {
	font-size: 2.8em;
	line-height: 1em;
	margin: 0 0 .2em;
	font-family: var(--font-heading);
	color: var(--color-neutral01);
	font-weight: 700;
}

.h1alone {
	margin: 1.6em 0 .6em;
}

h2, #home h1 {
	font-size: 1.8em;
	margin: 1.4em 0 .6em;
	line-height: 1.1em;
	color: var(--color-neutral55);
	color: var(--color-neutral01);
}

 {
	font-size: 2.8em;
}

#home h2 {
	font-size: 2.9em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.01em;
}

#home h3 {
	margin: 0;
}

.sanserif {
	font-family: var(--font-label) !important;
	color: var(--color-neutral05);
}

.h21 {
	margin: 0 0 .6em;
}

.h22 {
	font-family: var(--font-label);
	font-size: 1.2em;
	margin: 0 0 2em;
}

h3 {
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 1.6em 0 .6em;
	color: var(--color-neutral55);
}

h4 {
	font-size: 1.1em;
	margin: 1em 0 .6em;
}

h5 {
	font-size: 1em;
	margin: 1em 0 -.6em;
}

.lead {
	font-family: var(--font-label);
	font-size: 1.6em;
	margin: 0 0 .6em;
	color: var(--color-neutral05);
	width: 90%;
		text-wrap: balance;

}

.lead span {
	border-bottom: .1em solid var(--color-neutral08);
	padding: .2em 0;
	line-height: 1.6em;
}

.leadsyn {
	margin: -.2em 0 .2em;
	font-family: var(--font-label);
	color: var(--color-neutral55);
	font-size: 1.4em;
	width: 90%;
}


.leadmember {
	margin: 0;
	font-family: var(--font-label);
	color: var(--color-neutral55);
	font-size: 1.4em;
	width: 90%;
}

#miedata, #grudata {
	margin: 1em 0 0;
	opacity: .9;
}

#miedata div {
}

.ico {
  padding-left: 1.8em;
	background-repeat: no-repeat;
	background-size: 1.4em;
	line-height: 1.6em;
	display: inline-block;
	margin: .2em 1.6em .2em .2em;
	word-break: break-all;
}

.susp {
	display: inline-block;
	padding: .2em 1.6em .2em ;
	margin-right: 1.6em;
	text-transform: uppercase;
	background-color: var(--color-accenthigh);
}

.icoloc {
  background-image: url('/images/ico-loc.png');
}

.icogroup {
  background-image: url('/images/ico-group.png');
}

.icolink {
  background-image: url('/images/ico-link.png');
}

.icodm {
  background-image: url('/images/ico-dm.png');
  background-color: inherit;
  border: none;

	margin: 0;
	font-family: var(--font-label);
	font-size: 1em;
	padding: 0 0 0 1.8em;
}

.icodmneo {

	opacity: .9;

	border: .13em solid var(--color-neutral10);
	border-radius: 1em;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.4em;
  background-image: url('/images/ico-dm-white.png');
  background-color: inherit;

  width: 2.6em;
  height: 2.6em;

  line-height: 1.6em;
	font-family: var(--font-label);
	font-size: 1.2em;


	cursor: pointer;
	display: inline-block;
	word-break: break-all;
	-webkit-appearance: none;
}

.icoblack {
	border-color: var(--color-neutral03);
  background-image: url('/images/ico-dm.png');
}

.icodmneo:hover {
	background-color: var(--color-neutral03);
	color: var(--color-neutral09);
	cursor: pointer;
	text-decoration: none;
}

.icoblack:hover {
  background-image: url('/images/ico-dm-white.png');
}





.icoin {
  background-image: url('/images/ico-in.png');
}

.icotnm {
  background-image: url('/images/ico-tnm.png');
}

#grudata .icoin {
  background-image: url('/images/ico-in-white.png');
}

#grudata .icotnm {
  background-image: url('/images/ico-tnm-white.png');
}

#grudata .icodm {
  background-image: url('/images/ico-dm-white.png');
}

#grudata .icolink {
  background-image: url('/images/ico-link-white.png');
}

#grudata .icoloc {
  background-image: url('/images/ico-loc-white.png');
}

#grudata .iconsfw {
  background-image: url('/images/ico-nsfw-white.png');
}



.leadmini {
	font-family: var(--font-label);
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 .6em;
	color: var(--color-neutral05);
	width: 72%;
}

.avaheading {
	padding-left: 14em;
}

li {
	margin: .6em 0;
}


abbr {
	cursor: help;
/*	border-bottom: 1px dotted var(--color-neutral06);*/
}

#center, .left {
	float: left;
	width: 70%;
}

.center {
	width: 70%;
}

article #center, .left {
	margin: 0 0 0 2em;
	width: 62%;
}


/**********************+*************/
/************** ASIDES **************/
/**********************+*************/

#acta {
}


#flex #textmain {
/*	border: 1px solid;*/
}


#acta header {
	display: grid;
	grid-template-columns: 1fr 3fr;
	column-gap: 3em;
}

#acta header .headvisual {
/*	flex: 1 1 0;*/

/*	border: 1px solid var(--color-neutral08);*/
	text-align: right;
}

#acta .blockheadingblack h1 {
	color: var(--color-neutral10);
}

.avaneo {
	border-radius: 100%;
	width: 100%;
	aspect-ratio: 1/1;

	display: inline-block;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
}

.avaneoblank {
	border-radius: 100%;
	width: 100%;
	aspect-ratio: 1/1;
	border: 1.2em solid var(--color-neutral00);
  opacity: .2;

	box-sizing: border-box;
	display: inline-block;
}

.avaneosmall {
	border-width: 1em;
}

#acta header .headtext {
/*	flex: 3 1 0;*/
/*	border: 1px solid var(--color-neutral08);*/
	align-self: center;
}


#content {
	margin: 2em 1em 0 2em;
  display: grid;
	gap: 4em;
}


#acta #content {
  grid-template-columns: 1.5fr 3fr;
  margin: 2em 0 0;
}

article #content, #blockmain #content {
  grid-template-columns: 3fr 1fr;
}


#acta main, main {
/*	border: 1px solid var(--color-neutral09);*/
}


#acta aside, aside {
	font-size: .9em;
	word-break: break-word;
}

aside > div {
/*	margin-bottom: 3em;
	clear: both;
*/}

aside h3 {
	font-family: var(--font-label);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.4em;
	color: var(--color-complementary);
	color: var(--color-neutral01);
}

aside h3:first-of-type {
    margin-top: .6em;
}

aside h4 {
	font-size: 1.3em;
	margin: 1em 0 .6em;
	line-height: 1.2em;
	color: var(--color-neutral55);
}

.aleft, .aleft h3, .aleft h4 {
	text-align: right;
	width: inherit;
}

.aleft hr {
	display: inline-block;
	text-align: left;
}

#right {
	float: right;
	width: 25%;
	font-size: .9em;
}

#right a {
	color: var(--color-accenthigh);
}

#right a.button {
	color: var(--color-neutral03);
}
#right a.button:hover {
	color: var(--color-neutral09);
}

#right li {
	padding: 0;
	margin: .6em 0;
}

/*#right hr, .hrshort {
	border: none;
	border-top: .3em solid var(--color-neutral08);
	padding: 0;
	margin: 1em 0;
	width: 40%;
}
*/
#right h3 {
	font-family: var(--font-label);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.4em;
	color: var(--color-complementary);
	margin-top: 1.6em;
}

#right h4 {
	font-size: 1.3em;
	margin: 1em 0 .6em;
	line-height: 1.2em;
}

#right p {
	margin: .4em 0;
}

#right .button {
	float: right;
	font-size: .9em;
	margin-top: .4em;
	color: var(--color-neutral02);
}




.match {
	background-color: #ff3;
	color: var(--color-neutral00);
	font-weight: bold;
}



















.guion {
	list-style: none !important;
	margin: 0;
	padding: 0;
}

#textmain ul, #page ul {
	list-style: none !important;
}

.guion li, #textmain ul li, #page ul li {
	margin-left: 1em;
}

.guion li::before, #textmain ul li::before, #page ul li::before, header ul li::before {
	content: "—";
	margin-left: -1em;
}


.light {
	color: var(--color-neutral06);
	font-size: .8em;
}

.grey {
	color: var(--color-neutral06);
}




#blockfooter {
	background-color: var(--color-neutral02);
}

#blockfootercentre {
	max-width: calc(var(--max-width) + 6.2em);
	margin: 0 auto;
	padding: 3em 1em 6em;
	overflow: auto;
	clear: both;
}

#blockfootercentre p {
	color: var(--color-neutral06);
	margin: 0;
}


.paganrome {
  letter-spacing: .2em;
  text-transform: uppercase;
	font-family: 'Cormorant', serif;
	font-size: 1.2em;
	color: #b53471;
}

.enkidu {
	font-family: var(--font-heading);
	color: var(--color-accenthigh);
	font-weight: 400;
}

#foocols {
	margin-left: 3.4em; font-size: .9em
}

.foocol {
	float: left;
	width: 25%;
}

.foocol li {
	margin: .6em 0;
	padding: 0
}

.foocol a {
	text-decoration: none;
	color: var(--color-neutral06)
}

.foocol a:hover {
	text-decoration: underline;
	color: var(--color-neutral08)
}

.high {
	color: var(--color-accenthigh) !important;
}

.clear {
	line-height: 1px;
	height: 1px;
	clear: both;
}

.clearbar {
	background: var(--color-neutral08); 
	border-radius: 1em; 
	height: .5em;
	clear: both;
}

.blink {
  animation: blinker .6s linear infinite;
  font-weight: bold;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#content main, article p {
	line-height: 1.5em;
}

article div small, .cimrmref {
	font-size: smaller;
	color: var(--color-neutral55);
}

.figura {
	margin-block-start: 1em;
	margin-block-end: 1em;
}

.fila {
	margin: 1em 0;
}

.fila:after {
	content: "";
	display: table;
	clear: both;
}

.bkgdark {
	background-color: var(--color-neutral01);
	color: var(--color-neutral07);
}

.yours {
	overflow: scroll;
	border-top: .1em solid var(--color-neutral03);
	border-bottom: .1em solid var(--color-neutral03);
	margin-bottom: 1em;
	background-color: var(--color-neutral09);
/*	padding: 0 .6em;*/
}


.splide, .visual {
	
}

.splide__slide {
}

.imgmnm {
	height: 30em;
	max-width: 100%;
	display: block;
	border: 1px solid var(--color-neutral09);
}


.edition {
	background-color: var(--color-neutral07) !important;
	padding: 4em 0 6em;
}

#llim {
	clear: both;
	margin: 3em 0 1em 0;
	border-top: .1em dashed var(--color-neutral06);
}

.inscription {
	font-family: var(--font-heading);
	border: .4em solid rgba(67,56,106,1);
	padding: .6em 1em;
	text-align: center;
	text-transform: uppercase;
	border-bottom-color: rgba(67,56,106,.9);
	border-left-color: rgba(67,56,106,.9);
	color: rgba(67,56,106,1);;
}

.instrans {
	padding: .4em 1em .6em;
/*	background: #006D8E;
	background-color: var(--color-neutral01);
*/	
	background-color: rgba(67,56,106,.9);
	color: rgba(255,255,255,.9);
}





/* ***************************************************** **
** * HOME ********************************************** */

#focus {
	/* padding: 1em 0 0; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--color-neutral03);
	height: 32em;
}

#focus #fcsimgmob {
	display: none;
}

#focusin, #fcslibin {
	width: var(--max-width);
	margin: 0 auto;
	padding-top: 4em 0 0;
}

#focusin {
	padding: 6em 0 0;
}

#fcstxt {
	width: 30em;
}

#fcstxtin {
	background: rgba(255,255,255,.8);
	padding: 2.6em 1.8em 2em 2.6em;
	clear: both; 
}

#fcstxtin p {
	line-height: 1.3em;
	margin: .4em 0 1em;
	color: var(--color-neutral01);
}

#fcstitle {
	font-size: 1.8em;
	line-height: 1em;
	font-family: var(--font-heading);
	color: var(--color-accenthigh);
}

#focus h2, #seclibfocus h2 {
	margin: 0;
	font-size: 1.8em;
}

#secintro {
	background-image: url('/images/bkg-via-lactea.jpg');
  background-attachment: fixed;
	background-color: var(--color-neutral01);
	border-bottom: .1em solid var(--color-accenthigh);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
}


#seclibfocus {
	background: linear-gradient(160deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, .6) ), url('/images/bkg-libfocus.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4em 0 0;
}

#seclibfocus img {
	float: left;
	clear: both;
	width: 260px;
	margin: 0 3em 3em 2em;
}

#fcslibtxt {
	margin-right: 2em;
}

#fcslibtxt h2 {
	width: inherit;
}

.secorientalis {
	background: linear-gradient(160deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, .6) ), url('/images/bkg-orientalis.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
}

.sectag {
	background-color: var(--color-neutral09);
	border-bottom: .1em solid var(--color-accenthigh);
}

#seclibri {
	padding: 0 0 3em;
	background-color: var(--color-neutral05);
	color: var(--color-neutral07);
}

#seclibri h2 {
	font-size: 2.6em;
	margin: 2em 0 .6em;
}

#seclibri li {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
	height: 20em;
	overflow: hidden;
}

#seclibri li div {
	margin: .6em;
}

#seclibri img {
	max-width: 100%;
}

#seclibri .secfullin {
	color: var(--color-neutral07);
}

#secrelated {
	padding: .1em 0 3em;
	border-top: .1em solid var(--color-neutral08);
	color: var(--color-neutral03);
	background-color: var(--color-neutral09);
}

#secrelated h3 a {
	color: var(--color-complementary);
}

#blkintro {
	padding: 4em 0 !important;
	text-align: center;
}

#blkintro li {
	display: inline-block;
	width: 10em;
	padding: 0;
	margin: 2em 0;
	text-align: center;
}

#blkintro img {
	width: 6em;
}

#blkintro a {
	text-decoration: none;
	color: white;
}

#blkintro a:hover {
	color: var(--color-accenthigh);
}

#blkintro p {
	font-family: var(--font-heading);
	font-size: 2em;
	margin: 3.6em 0 0;
	padding: 0;
}

#notintro, .notintro { /* Introducción a una noticia */
	font-size: 1.1em;
	padding: .1em 1.4em;
	border-bottom: .6em solid var(--color-neutral08);
	margin-bottom: 2em;
	font-weight: 400;
	font-family: var(--font-label);
	color: var(--color-neutral02);
	background: linear-gradient(var(--color-neutral10),var(--color-neutral09)); ;
}

#notintro, #notintro p, .notintro, .notintro p {
	line-height: 1.4em;
}

.question {
	color: var(--color-neutral01);
	font-family: var(--font-heading);
	font-weight: 600;
	margin-top: 2em;
	font-size: 1.1em;
}



.lnkico {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 6em;
	overflow: auto;
	display: block;
	height: 11em;
}

#lnkicoorigen {
	background-image: url("/images/ico-origenes.png")
}

#lnkicoorigen:hover {
	background-image: url("/images/ico-origenes-rojo.png")
}

#lnkicomito {
	background-image: url("/images/ico-mito.png")
}

#lnkicomito:hover {
	background-image: url("/images/ico-mito-rojo.png")
}

#lnkicogrados {
	background-image: url("/images/ico-grados.png")
}

#lnkicogrados:hover {
	background-image: url("/images/ico-grados-rojo.png")
}

#lnkicoritual {
	background-image: url("/images/ico-ritual.png")
}

#lnkicoritual:hover {
	background-image: url("/images/ico-ritual-rojo.png")
}

#lnkicotemplo {
	background-image: url("/images/ico-templo.png")
}

#lnkicotemplo:hover {
	background-image: url("/images/ico-templo-rojo.png")
}

#seccards {
}

#seccards h2 {
	font-size: 3em;
	font-family: var(--font-label);
	font-weight: 300;
	margin: .1em 0 .6em;
}

.cards {
	display: grid;
  grid-template-columns: 1fr 1fr 1fr;
	gap: 1em;
}

.card {
	font-size: .9em;
	background: white;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}

.cardin {
	padding: 1em .8em .4em 1em;
	display: inline-grid;
	grid-template-columns: 4.2em auto;
}

.cardtext {
	color: var(--color-neutral05);
	word-wrap: break-word;
}

.cardauthor {
	font-size: 1.1em;
	font-family: var(--font-label);
	margin-bottom: 0;
}

.cardauthor a {
	/* color: var(--color-neutral03); */
}


#secnewsletter {
	border-top: .6em solid var(--color-accenthigh);
}

#secnewsletter input[type=email] {
	font-size: 1.2em;
	border-radius: .4em;
	border-width: .1em;
	padding: .3em .8em;
	display: inline-block;
	background-color: rgba(255, 255, 255, .8);
	font-family: var(--font-heading);
	font-weight: 400;
}

.col60 {
	padding-top: 2em;
	width: 65%;
	float: left;
}

.col60in {
	margin: 0 2em 0 0;
}

.col30 {
	width: 35%;
	float: left;
}


.col50 {
	width: 45%;
}

.col30 h1, .col50 h1 {
	font-family: var(--font-label);
	line-height: .9em;
	font-size: 3.2em;
}

.col30 h3, .col50 h3 {
	margin: 1em 0 .4em !important;
}

.col30 p, .col50 p {
	font-size: .9em;
}

.col60in li {
	margin: 0 0 1.6em;
}

.col60 .destacadotxt {
	overflow: auto;
	margin: 0;
	padding: 2.4em 2.4em 1.4em;
	background-color: white;
}

a.accent {
	color: var(--color-accenthigh);
	font-size: 1.4em;
	font-family: var(--font-heading);
	text-decoration: none;
	line-height: 1.2em;
}

.car60txt {
	overflow: auto;
	margin: 0;
	padding: 1.6em 1.4em .6em 1.6em;
	background-color: white;
}

.car100 {
	margin: 0 0 1.6em; padding: 0;
}

.car100img {
	width: 50%;
	float: left;
	height: 18em;
}

.car100txt {
	width: 50%; float: left;
	background-color:
	white; height: 18em;
}
.car100txtin {
	padding: 2em;
}

.car100txtin h3 {
	font-size: 1.4em;
	margin: .6em 0 .4em !important;
}

.car100txtin p {
	line-height: 1.3em;
	margin-top: 0;
}

.car100author {
	margin-top: 2em; font-size: 1em; margin: .6em 0 0
}


#mosaic {
	background-color: var(--color-neutral01);
	padding-bottom: 6em;
	border-top: .1em solid var(--color-accenthigh);
	border-bottom: .1em solid var(--color-accenthigh);
  background: radial-gradient(at top left, black, black, var(--color-neutral01));
}

#mosaic h2 {
	font-size: 4em;
	line-height: .9em;
	color: var(--color-neutral07);
	font-family: var(--font-label);
	font-weight: 100;
	margin: 0 0 .4em;
	width: 40%;
}

#mosaic li {
	padding: 0;
	margin: 0;
	float: left;
	width: 33.33%;
	height: 20em;
	display: block;
}

.tesela {
	position: relative; 
	height: 20em; 
	width: 100%;
  overflow-wrap: break-word;
}

.tesimg {
	width: 100%;
	height: 20em;
}

.mosaic {
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
}

.mosaic a {
	aspect-ratio: 1/1;
	display: block;
	position: relative; 
}

.tesela:hover .testext {
  visibility: visible;
  opacity: 1;
}

.testext {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  transition: opacity .2s, visibility .2s;
  overflow-wrap: break-word;
}

.testext p {
  transition: .2s;
  transform: translateY(1em);
	padding: 1em;
	font-size: 1.4em;
}

.tesela:hover .testext p {
  transform: translateY(0);
	font-family: var(--font-heading);
}

.reddot {
	border-radius: 100%;
	background-color: var(--color-accenthigh);
	aspect-ratio: 1/1;
	width: .5em;
	position: absolute;
	top: .3em;
	right: .3em;
}

.novisto {
	border-radius: 100%;
	background-color: var(--color-accenthigh);
	aspect-ratio: 1/1;
	width: .6em;
	display: inline-block;
}

.adiscreet {
	color: inherit;
}

.adiscreet:hover {
	text-decoration: none;
	color: var(--color-neutral00);
}

#portada {
	float: left; margin: 0 2em 2em 0; width: 260px;
}

/* Informe */

.informe {
	background-color: white !important;
	padding-bottom: 6em;
}

.blk25 {
	width: 25%;
	float: left;
}

.blk30 {
	width: 33.33%;
	float: left;
}


.blk50 {
	width: 50%;
	float: left;
}

.blk70 {
	width: 64%;
	float: left;
	margin-right: 1em;
}

.blk33 {
	width: 29%;
	float: left;
	padding: 0 1em;
}

.blksep {
	border-left: 1px solid var(--color-neutral09);
}

.breakurl, .breaktd, .break, .cmttext {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.breakword {
  word-break: break-word;
  word-wrap: break-word;
}

td[title] {
	cursor: help;
}

.blk75 {
	width: 75%;
}

.blk100 {
	width: 100%;
	clear: both;
	overflow: auto;
}


tr {
	border-collapse: collapse;
	font-size: .9em;
	border-bottom: 1px solid rgba(0,0,0,.04);
}
table {
	border-collapse: collapse;
	border-bottom: 2px solid black;
/*	width: 96%;*/
	width: 100%;
}

td, th {
	padding: .6em .4em .4em;
}

th {
	text-align: left;
	border-top: 2px solid;
	border-bottom: 1px solid;
}

.taright {
	text-align: right;
}

.tdlight {
	color: rgba(0,0,0,.4);
}

/* Formularios */

.formmini {
	display: inline-block;
}

.divlabel label {
	width: 10em;
	float: left;
	padding: 0;
  display: inline-block;
}

input[type=text], input[type=url], input[type=email], input[type=password], input[type=date], input[type=file], input[type=number], select {
	width: 20em;
	font-size: 1em;
	padding: .2em .2em .2em .4em;
	border: 1px solid;
	border-radius: .4em;
	box-sizing: border-box;
	line-height: 1.5em;
	font-family: sans-serif;
}

textarea {
	line-height: 1.3em;
	height: 10em;
	width: 100%;

	font-size: 1em;

	padding: .2em .2em .2em .4em;
	border: 1px solid;
	border-radius: .4em;
	box-sizing: border-box;
	font-family: sans-serif;
}

.inpdiscreet {
	background: none;
	border: none !important;
	cursor: default;
}

#center input[type=text], #center input[type=url], #center input[type=email], #center input[type=password], #center textarea, #center input[type=number] {
	width: 70%;
}

.divlabel {
	width: 20%;
	float: left;
	display: inline-block;
}

.divlabellong {
	font-family: var(--font-label);
	font-size: 1.6em;
	padding: .6em 0;
}

.divinput {
	width: 80%;
	float: left;
}

.cien {
	width: 100% !important;
	display: block;
}

.ochenta {
	width: 80% !important;
}

.sesenta {
	width: 60% !important;
}

.cincuenta {
	width: 50% !important;
}

.treinta {
	width: 35%;
	float: left;
}

.veinte {
	width: 20%;
	float: left;
}

.quince {
	max-width: 15%;
	float: left;
	margin-right: .2em;
}

.diez {
	max-width: 10%;
	float: left;
	margin-right: .2em;
}

#inpheading {
	font-size: 1.6em;
	font-family: var(--font-heading);
}

textarea#inplead {
	font-size: 1.3em;
	height: 3.2em;
}

input#inplead {
	font-size: 1.3em;
}

#inpcontent {
	font-size: 1em;
	height: 20em;
	line-height: 1.3em;
}

#inpquote {
	font-size: 1em;
	height: 8em;
	line-height: 1.3em;
}

#profile label {
	margin-left: 1em;
}

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 98;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


.hundred {
	float: none;
	width: 100%;
	clear: both;
	display: block;
}

.indent {
	margin: .6em 0 .2em 8.4em;
	float: none;
	clear: both;
}

.indent10 {
	margin: 0 0 .2em 10em;
	float: none;
	clear: both;
}


.indent11 {
	margin: 0 0 .2em 11.6em;
	float: none;
	clear: both;
}

.indent20 {
	margin: .6em 0 .2em 19.6%;
	float: none;
	clear: both;
}

.indentcenter {
	margin-left: 5.8em;
	float: none;
	clear: both;
	display: block;
}

.captcha {
	width: 320px; height: 30px; opacity: .8
}

.note {
	background-color: #feff9c;
}

.inline {
	display: inline;
}

.mini {
	font-size: .1em;
}


/* BUTTONS */

.button {
	border: .108em solid var(--color-neutral01);
	color: var(--color-neutral01);
	text-decoration: none;
	font-size: 1.2em;
	border-radius: 3em;
	padding: .4em 1em .5em;
	display: inline-block;
	background-color: inherit;
	font-family: var(--font-heading);
	font-weight: 500;
	-webkit-appearance: none;
	margin: .2em;
	line-height: 1.2em;
}

.button:hover, .btnselected {
	background-color: var(--color-neutral01);
	color: var(--color-neutral09);
	cursor: pointer;
	text-decoration: none;
}

.btninv {
	background-color: var(--color-neutral01);
	color: var(--color-neutral09);
}

.btninv:hover {
	background-color: var(--color-neutral10);
	color: var(--color-neutral01);
}

.btnfull {
	font-size: 1.4em;
	margin: 1.6em 0 1em;
	padding: .5em 0 .6em;
	text-align: center;
	display: block;

	color: rgba(0,0,0,.6);
	background-color: rgba(0,0,0,.1);
	border: .1em solid rgba(0,0,0,.3);

	border-radius: 3em;
	clear: both;
	font-family: var(--font-heading);
}

.btnfull:hover {
	color: rgba(255,255,255,.8);
	background-color: rgba(0,0,0,.8);
	border: .1em solid var(--color-neutral06);
}

.btnfullinv {
	color: rgba(255,255,255,.5);
	background-color: rgba(255,255,255,.1);
	border: .1em solid rgba(255,255,255,.4);
}

.btnfullinv:hover {
	color: rgba(0,0,0,.9);
	background-color: rgba(255,255,255,.6);
	border: .1em solid var(--color-neutral06);
}


.btnnomargin {
	margin: 0 !important;
}

.btnlight {
	background-color: var(--color-neutral08) !important;
}

.btnlight:hover {
	background-color: var(--color-neutral02) !important;
	border-color: var(--color-neutral08);
	color: var(--color-neutral08);
}

.btnlighttrans {
	background-color: none;
	border-color: rgba(255, 255, 255, .6);
	color: rgba(255, 255, 255, .6);
}

.btnlighttrans:hover {
	background-color: var(--color-accenthigh);
	border-color: var(--color-accenthigh);
	color: rgba(255, 255, 255, 1);
}

.btnblue {
	background-color: #2c3e50 !important;
	color: var(--color-neutral10);
}

.btnblue:hover {
	background-color: var(--color-neutral10) !important;
	color: var(--color-neutral03) !important;
}

.btnshortform {
	margin-top: 1em;
}

.btnright {
	float: right; margin: 2em 2em 0;
}

.floatright {
	float: right
}


.btnowner {
	float: right;
}

.btnsmall {
	font-size: .9em;
}

.btnsmaller {
	font-size: .8em;
	margin: 1em 0 0;
}


.btnmark {
	background: url('/images/ico-star-black.png') .5em/1.2em no-repeat;
	width: .6em;
}

.btnmark:hover, .btnmarkfull:hover {
	background-image: url('/images/ico-star-green-full.png');
}

.btnmarkfull {
	background: url('/images/ico-star-black-full.png') .5em/1.2em no-repeat;
}

.btnarrow {
	background-color: rgba(254,254,254,.8);
	border-radius: 3em;
	width: 3em;
	height: 3em;
	position: absolute;

	text-decoration: none;
	cursor: pointer;
	z-index: 2;
}

.btnarrow:hover {
	text-decoration: none;
	background-color: rgba(254,254,254,1);
}

.btnarrowclose {
	background: url('/images/ico-arrows.png') -6em top / 9em no-repeat;
	background-color: rgba(254,254,254,.2);
}

.btnarrowback {
	background: url('/images/ico-arrows.png') left top / 9em no-repeat;
	background-color: rgba(254,254,254,.2);
}

.btnarrowforward {
	background: url('/images/ico-arrows.png') -3em top / 9em no-repeat;
	background-color: rgba(254,254,254,.2);
}

.btnmobtrans, .btnmobtransblk {
	display: none;
}

.btnrev {
	color: var(--color-neutral10);
	border-color: var(--color-neutral10);
}





.ofcir {
	font-size: 1.2em; line-height: .8em;
}

.phantom {
	background: inherit;
	border: none !important;
	width: 60% !important;
}

#filter {
	padding: .8em 1em;
	margin: 2em 0 3em;
	border-radius: 3em;
/*	opacity: .6;*/
	font-size: .9em;
	background: var(--color-neutral09);
	color: var(--color-neutral05);
}

#filter select, #search select {
	-webkit-appearance: none;
	display: inline-block;
	border-radius: 3em;
	border: .1em solid var(--color-neutral01);
	background-color: inherit;
	font-family: var(--font-heading);
	line-height: 1.2em;
	font-size: .9em;
	color: var(--color-neutral01);
	padding: .4em .8em .5em;
	width: 10em;
	font-weight: 500;
}

#filter .button {
}

#filter label {
	margin: 0 1em 0 1em;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .4em;
}


/* Etiquetas en el formulario de edición de monumentos */
.etiedi {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	font-size: .9em;
	height: 1.4em;
	width: auto;
	float: none !important;
}

.etiedi input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  background-color: var(--color-neutral08);
	border: 1px solid;
	padding: .2em .4em;
  width: auto;
}

.etiedi:hover input ~ .checkmark {
  background-color: var(--color-neutral00);
	color: var(--color-neutral10);
}

.etiedi input:checked ~ .checkmark {
  background-color: var(--color-neutral00);
	color: var(--color-neutral10);
}
/* ********** */



.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background: linear-gradient(rgba(0,0,0,.9) 60%, rgba(0,0,0,.7));
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 60%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
	padding: 1em;
	background: white;
}

.overlay-contentin {
	padding: 3em 2em 2em;
	border: 1px solid var(--color-neutral03);
}

.overlay-contentin .button {
	margin: .3em .1em;
}

.note-editing-area ul {
	list-style: disc;
	padding: 1em 0 1em 3em;
}


.note-editable {
	min-height: 10em;
}

.rtl {
	direction: rtl;
  text-align: right;
}
/* .overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
} */

/* .overlay .closebtn:hover {
  color: #ccc;
} */

/* .overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
} */

/* .overlay input[type=text]:hover {
  background: #f1f1f1;
} */

/* .overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
} */