/* ==========================================================================
   bloques-comunes.css
   Aspecto de escritorio de los bloques que sustituyeron a tablas de maquetación.
   Se carga SIEMPRE, también sin el interruptor Responsive en web.config: estas páginas
   ya no generan las tablas originales. Los selectores solo afectan a esos bloques.
   Lo carga clResponsive (área de inscritos y plantillas de la web pública).
   ========================================================================== */

/* --------------------------------------------------------------------------
   CABECERA (clRegistration.Cabecera). Antes era la tabla id="cabecera":
   logo (30%) + datos de usuario en la primera fila y el nombre del congreso
   en la segunda. Estas reglas reproducen ese aspecto en escritorio.
   -------------------------------------------------------------------------- */
#cabecera.cabeceraDiv {
	display: grid;
	grid-template-columns: 30% 1fr;
	height: auto;
	min-height: 80px;
}
#cabecera.cabeceraDiv.sinUsuario {
	grid-template-columns: 1fr;
}
/* gestion.css da a .cliente width:30% (pensado para la celda de la tabla); aquí el 30%
   lo pone la columna de la rejilla */
#cabecera.cabeceraDiv > .cliente {
	width: auto;
	align-self: center;
	box-sizing: border-box;
}
#cabecera.cabeceraDiv > .datosUsuario {
	position: relative;
}
#cabecera.cabeceraDiv > .proyecto {
	grid-column: 1 / -1;
	height: auto;
}

/* Resumen del pedido de patrocinio (clSponsorship.ResumenInicial / ResumenDatos).
   Antes eran tablas "infoSponsor"; estas reglas reproducen su aspecto de escritorio
   (celdas azules separadas 5px y datos en blanco separados 1px, como el border-spacing
   de gestion.css) y en móvil se reorganizan más abajo. */
.infoSponsor.resumen {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: 5px;
	padding: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.infoSponsor.sData.resumen {
	grid-auto-flow: row;
}
.infoSponsor.resumen .celda,
.infoSponsor.resumen .bloque {
	background-color: #9DCEFF;
	padding: 10px;
	vertical-align: top;
	overflow-wrap: break-word;
}
.infoSponsor.inicial.resumen .celda {
	text-align: center;
}
.infoSponsor.resumen .generalInfo,
.infoSponsor.resumen .invoiceInfo {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	padding: 1px;
}
.infoSponsor.resumen .invoiceInfo {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.infoSponsor.resumen .generalInfo .celda,
.infoSponsor.resumen .invoiceInfo .celda {
	background-color: #fff;
}
.infoSponsor.resumen .celda.completa {
	grid-column: 1 / -1;
}