/*
-------------------------------------------------------------------------------
@system 	HUERTA DE QUINQUI
@version	4
@about		Estilos del sector Principal (Registros).
@author		Carolina Casanova G., aka quinqui
@date		30/06/2023
-------------------------------------------------------------------------------
*/

/*
---------------------------------------
CONTENEDOR PRINCIPAL
---------------------------------------
*/
MAIN
{
	display:inline-block;
	width:75%;
	padding:30px 0 0 0;
	vertical-align:top;
}

/* MAIN: Pantallas Chicas */
@media (max-width:800px)
{
	MAIN
	{
		display:block;
		width:100%;
	}
}

/*
---------------------------------------
CONTENEDOR DE REGISTRO
---------------------------------------
*/
.cssRegistro
{
	width:calc(100% - calc(var(--margenXL, 60px) * 2)); /* - calc(var(--margenL, 45px) * 2)); */
	margin:0 var(--margenXL, 60px) var(--margenXL, 60px) var(--margenXL, 60px);
	padding:0 0 var(--margenL, 45px) 0;
	background-color:var(--bgRegistro, #FFF);
	border-radius:9px;
}

/* Sectores del Registro: */
.cssRegistro > *:not(.cssPortada)
{
	margin:15px var(--margenL, 45px);
}
.cssRegistro .cssContenido
{
	line-height:1.6em;
	text-align:justify;
	/* background-color:yellow; */
}
/* Portada del Registro: */
.cssRegistro .cssPortada
{
	width:100%;
	height:75vh;
	border-radius:8px 8px 0 0;
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:cover;
}
.cssRegistro .cssPortada IMG
{
	width:100%;
	height:100%;
}
.cssRegistro .cssFecha
{
	padding:15px;
	color:var(--bgLogo1, #98B40F);
	text-align:right;
	font-weight:bold;
	font-size:0.9em;
	background-color:#F9F9F9;
	border-radius:9px;
}
.cssRegistro .cssCategorias
{
	padding-top:15px;
	border-top:6px solid #DDD;
	line-height:1.6em;
}

/* Pantallas Chicas: */
@media (max-width:800px)
{
	.cssRegistro .cssPortada
	{
		height:33vh;
	}
}

/* Boton Cargar Mas Registros */
.cssBtnCargarMas
{
	display:inline-block;
	width:auto;
	background-color:var(--bgLogo2, #6F8600);
	border-radius:9px;
	padding:15px;
	color:var(--bgHeader, #EEFFEE);
	margin-bottom:var(--margenXL, 60px);
}
.cssBtnCargarMas:hover
{
	background-color:var(--bgLogo1, #98B40F);
	color:var(--bgHeader, #EEFFEE);
}