/* =========================================================================
   Minilibros Armonía – estilos del catálogo (estilo "book-store")
   Paleta: dorado + marrón oscuro · Títulos en Georgia
   Pensado para integrarse con Blocksy sin sobrescribir el tema.
   ====================================================================== */

:root{
	--mla-oro:        #B8924A;
	--mla-oro-claro:  #D4B87A;
	--mla-marron:     #3A2A1A;
	--mla-marron-2:   #4A3526;
	--mla-crema:      #FAF6EF;
	--mla-crema-2:    #F1E9DC;
	--mla-texto:      #2C231B;
	--mla-radio:      10px;
	--mla-sombra:     0 6px 22px rgba(58,42,26,.14);
}

/* ---------- Rejilla del catálogo ---------- */
.mla-catalogo{
	display:grid;
	gap:28px;
	margin:32px 0;
}
.mla-cols-2{grid-template-columns:repeat(2,1fr);}
.mla-cols-3{grid-template-columns:repeat(3,1fr);}
.mla-cols-4{grid-template-columns:repeat(4,1fr);}
.mla-cols-5{grid-template-columns:repeat(5,1fr);}

@media (max-width:980px){
	.mla-cols-3,.mla-cols-4,.mla-cols-5{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
	.mla-catalogo{grid-template-columns:1fr;}
}

/* ---------- Tarjeta de minilibro ---------- */
.mla-card{
	background:var(--mla-crema);
	border:1px solid var(--mla-crema-2);
	border-radius:var(--mla-radio);
	overflow:hidden;
	display:flex;
	flex-direction:column;
	transition:transform .18s ease, box-shadow .18s ease;
}
.mla-card:hover{
	transform:translateY(-4px);
	box-shadow:var(--mla-sombra);
}

.mla-cover{
	position:relative;
	aspect-ratio:3/4;
	background:linear-gradient(160deg,var(--mla-marron),var(--mla-marron-2));
	overflow:hidden;
}
.mla-cover-img{
	width:100%;height:100%;
	object-fit:cover;display:block;
}
.mla-cover-ph{
	width:100%;height:100%;
	display:flex;align-items:center;justify-content:center;
	padding:18px;text-align:center;
	color:var(--mla-oro-claro);
	font-family:Georgia,'Times New Roman',serif;
	font-size:1.05rem;line-height:1.4;
}
.mla-numero{
	position:absolute;top:10px;left:10px;z-index:2;
	background:var(--mla-oro);
	color:var(--mla-marron);
	font-weight:700;font-size:.72rem;
	letter-spacing:.04em;
	padding:4px 9px;border-radius:50px;
}

.mla-card-body{
	padding:16px 16px 18px;
	display:flex;flex-direction:column;gap:6px;flex:1;
}
.mla-titulo{
	font-family:Georgia,'Times New Roman',serif;
	font-size:1.08rem;line-height:1.3;margin:0;
	color:var(--mla-marron);
}
.mla-titulo a{color:inherit;text-decoration:none;}
.mla-titulo a:hover{color:var(--mla-oro);}
.mla-autor{
	margin:0;font-size:.85rem;color:#7a6a58;font-style:italic;
}

/* ---------- Botones ---------- */
.mla-acciones{
	display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;
}
.mla-btn{
	display:inline-flex;align-items:center;justify-content:center;
	font-size:.84rem;font-weight:600;
	padding:8px 14px;border-radius:50px;
	border:1px solid transparent;cursor:pointer;
	text-decoration:none;line-height:1;transition:all .15s ease;
}
.mla-btn-leer{
	background:var(--mla-oro);color:var(--mla-marron);
}
.mla-btn-leer:hover{background:var(--mla-oro-claro);}
.mla-btn-descargar{
	background:transparent;color:var(--mla-marron);
	border-color:var(--mla-oro);
}
.mla-btn-descargar:hover{background:var(--mla-crema-2);}
.mla-btn-comprar{
	background:var(--mla-marron);color:var(--mla-crema);
}
.mla-btn-comprar:hover{background:var(--mla-marron-2);}
.mla-sin-pdf{
	font-size:.8rem;color:#9b8a76;font-style:italic;align-self:center;
}
.mla-vacio{color:#7a6a58;font-style:italic;}

/* ---------- Página individual ---------- */
.mla-single{
	display:grid;grid-template-columns:300px 1fr;gap:34px;
	margin-bottom:34px;align-items:start;
}
@media (max-width:720px){
	.mla-single{grid-template-columns:1fr;}
	.mla-single-portada{max-width:260px;}
}
.mla-single-img{
	width:100%;border-radius:var(--mla-radio);box-shadow:var(--mla-sombra);
}
.mla-single-meta{
	color:var(--mla-oro);font-weight:600;font-size:.9rem;
	margin:0 0 12px;
}
.mla-meta-item{white-space:nowrap;}
.mla-single-texto{font-size:1.02rem;line-height:1.7;color:var(--mla-texto);}
.mla-single .mla-acciones{margin-top:18px;padding-top:0;}

/* ---------- Lector embebido ---------- */
.mla-lector-embed{margin:30px 0;}
.mla-lector-titulo{
	font-family:Georgia,serif;color:var(--mla-marron);
	border-bottom:2px solid var(--mla-oro);
	display:inline-block;padding-bottom:4px;margin-bottom:16px;
}
.mla-iframe{
	width:100%;height:80vh;min-height:520px;
	border:1px solid var(--mla-crema-2);border-radius:var(--mla-radio);
	background:#fff;
}

/* ---------- Modal del lector ---------- */
.mla-modal{
	position:fixed;inset:0;z-index:99999;
	display:none;align-items:center;justify-content:center;padding:24px;
}
.mla-modal.is-open{display:flex;}
.mla-modal-fondo{position:absolute;inset:0;background:rgba(28,20,12,.72);}
.mla-modal-caja{
	position:relative;z-index:1;
	width:min(960px,100%);height:min(88vh,1000px);
	background:var(--mla-crema);border-radius:14px;overflow:hidden;
	display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.mla-modal-cabecera{
	display:flex;align-items:center;justify-content:space-between;
	gap:12px;padding:12px 18px;
	background:var(--mla-marron);color:var(--mla-crema);
}
.mla-modal-titulo{
	font-family:Georgia,serif;font-size:1rem;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mla-modal-cerrar{
	background:transparent;border:0;color:var(--mla-oro-claro);
	font-size:1.8rem;line-height:1;cursor:pointer;padding:0 4px;
}
.mla-modal-cerrar:hover{color:#fff;}
.mla-modal-iframe{flex:1;width:100%;border:0;background:#fff;}