/* ---------------- */
/* ENLACES GENERALES */
/* ---------------- */

a,
a:visited{
	color:inherit;
	text-decoration:none;
}

a:hover{
	opacity:.5;
}


/* ---------------- */
/* TIPOGRAFÍA */
/* ---------------- */

p{
	letter-spacing:.08em;
}

h2{
	letter-spacing:.12em;
}

.wp-block-column a{
	letter-spacing:.12em;
}


/* ---------------- */
/* HOVER DE OBRAS */
/* ---------------- */

.wp-block-image{
	position:relative;
	overflow:hidden;
	margin-bottom:40px;
}

.wp-block-image img{
	transition:transform .6s ease;
}

.wp-block-image:hover img{
	transform:scale(1.05);
}

.wp-block-image::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	opacity:0;
	transition:opacity .4s ease;
}

.wp-block-image:hover::after{
	opacity:1;
}


/* ---------------- */
/* TEXTO SOBRE OBRAS */
/* ---------------- */

.wp-block-image figcaption{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#ffffff;
	text-shadow:0 0 8px rgba(0,0,0,.8);
	text-align:center;
	font-size:15px;
	line-height:1.4;
	width:80%;
	opacity:0;
	transition:opacity .4s ease;
}

.wp-block-image:hover figcaption{
	opacity:1;
}


/* ---------------- */
/* ESPACIO ENTRE OBRAS */
/* ---------------- */

.wp-block-columns{
	gap:30px;
}


/* ---------------- */
/* HOME SIN ESPACIOS ENTRE SECCIONES */
/* ---------------- */

.home .wp-block-cover{
	margin-top:0 !important;
	margin-bottom:0 !important;
}

.home .wp-block-group{
	margin-top:0 !important;
	margin-bottom:0 !important;
}


/* ---------------- */
/* BLOQUES DE FONDO A ANCHO COMPLETO */
/* ---------------- */

.wp-block-cover{
	width:100vw;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
}


/* ---------------- */
/* HEADER */
/* ---------------- */

.site-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:transparent;
	z-index:1000;
	transition:background .3s ease;
}
/* fondo del header al hacer scroll */

body.scrolled .site-header{
	background:rgba(0,0,0,.8);
}


/* espacio para compensar el header fijo */

body{
	padding-top:50px;
}


/* ---------------- */
/* MENÚ */
/* ---------------- */

.main-navigation{
	margin-left:auto;
}

.main-navigation li{
	margin-left:25px;
}

.main-navigation a{
	color:white;
}

.site-branding{
	margin-right:40px;
}


/* ---------------- */
/* ESTILO DEL NOMBRE DEL ARTISTA */
/* ---------------- */

.site-title{
	letter-spacing:.18em;
	font-weight:400;
	font-size:17px;
	text-transform:uppercase;
}


/* ---------------- */
/* IMÁGENES (para lightbox) */
/* ---------------- */

.wp-block-image a{
	display:block;
}

a[href$=".jpg"],
a[href$=".jpeg"],
a[href$=".png"],
a[href$=".webp"]{
	cursor:zoom-in;
}

/* FLIPBOOK A ANCHO COMPLETO */
.dflip-container,
._df_book,
.df-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* quitar límites del contenedor padre */
.page .entry-content,
.post .entry-content {
    max-width: 100% !important;
}

/* opcional: quitar padding lateral */
.entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}