/* Panel principal modular — v2.1.0-alpha33 */

body.holania-panel-route-inicio .holania-panel-dashboard-module {

	width: 100%;

}



body.holania-panel-route-inicio .holania-panel-dashboard-module .holania-agency-dashboard-hero .holania-agency-header-actions {

	align-content: flex-start;

}



body.holania-panel-route-inicio .holania-panel-dashboard-module > .holania-agency-kpis {

	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));

}



body.holania-panel-route-inicio .holania-panel-dashboard-module .holania-agency-filters > form {

	width: 100%;

}



body.holania-panel-route-inicio .holania-panel-dashboard-module .holania-agency-projects-table-wrap {

	max-width: 100%;

	overflow-x: auto;

}



body.holania-panel-route-inicio .holania-panel-dashboard-module .holania-agency-projects-table {

	min-width: 980px;

}



@media (max-width: 900px) {

	body.holania-panel-route-inicio .holania-panel-dashboard-module .holania-agency-dashboard-hero {

		display: block;

	}



	body.holania-panel-route-inicio .holania-panel-dashboard-module .holania-agency-dashboard-hero .holania-agency-header-actions {

		margin-top: 18px;

		justify-content: flex-start;

	}

}



@media (max-width: 620px) {

	body.holania-panel-route-inicio .holania-panel-dashboard-module > .holania-agency-kpis {

		grid-template-columns: 1fr;

	}

}





/* Panel principal dividido por zonas — v2.1.0-alpha28 */

body .holania-panel-dashboard-zone-page {

	display: grid;

	grid-template-columns: 230px minmax(0, 1fr);

	gap: 16px;

	align-items: start;

}



body .holania-panel-dashboard-zone-page > .holania-agency-dashboard-hero {

	grid-column: 1 / -1;

}



body .holania-panel-dashboard-zone-page .holania-panel-dashboard-submenu {

	grid-column: 1;

	position: sticky;

	top: 96px;

	align-self: start;

	padding: 12px;

	border: 1px solid #e5e9f1;

	border-radius: 14px;

	background: #fff;

	box-shadow: none;

}



body .holania-panel-dashboard-submenu__head {

	padding: 4px 4px 10px;

	border-bottom: 1px solid #eef1f6;

	margin-bottom: 8px;

}



body .holania-panel-dashboard-submenu__head strong {

	display: block;

	font-size: 14px;

	font-weight: 650;

	line-height: 1.2;

	color: #101827;

}



body .holania-panel-dashboard-submenu__head span {

	display: block;

	margin-top: 4px;

	font-size: 12px;

	font-weight: 400;

	line-height: 1.35;

	color: #667085;

}



body .holania-panel-dashboard-submenu__links {

	display: grid;

	gap: 4px;

}



body .holania-panel-dashboard-submenu__links a {

	display: grid;

	gap: 3px;

	padding: 9px 10px;

	border: 1px solid transparent;

	border-radius: 10px;

	background: transparent;

	color: #475467;

	text-decoration: none;

}



body .holania-panel-dashboard-submenu__links a span {

	font-size: 13px;

	font-weight: 560;

	line-height: 1.25;

	color: inherit;

}



body .holania-panel-dashboard-submenu__links a small {

	font-size: 11px;

	font-weight: 400;

	line-height: 1.35;

	color: #667085;

}



body .holania-panel-dashboard-submenu__links a:hover,

body .holania-panel-dashboard-submenu__links a.is-active {

	border-color: #dbeafe;

	background: #f3f8ff;

	color: #0b74ff;

}



body .holania-panel-dashboard-zone-page > .holania-agency-notice,

body .holania-panel-dashboard-zone-page > .holania-panel-dashboard-overview,

body .holania-panel-dashboard-zone-page > .holania-agency-billing-section,

body .holania-panel-dashboard-zone-page > .holania-agency-kpis,

body .holania-panel-dashboard-zone-page > .holania-agency-health-overview-section,

body .holania-panel-dashboard-zone-page > .holania-agency-task-overview,

body .holania-panel-dashboard-zone-page > .holania-agency-next-actions-overview,

body .holania-panel-dashboard-zone-page > .holania-agency-filters,

body .holania-panel-dashboard-zone-page > .holania-panel-projects-account-section {

	display: none !important;

}



body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-agency-billing-section,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-atencion > .holania-agency-health-overview-section,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-tareas-internas > .holania-agency-task-overview,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-proximas-acciones > .holania-agency-next-actions-overview,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-cuenta > .holania-agency-filters,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-cuenta > .holania-panel-projects-account-section {

	display: block !important;

	grid-column: 2;

}



body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-cuenta > .holania-agency-filters {

	margin-bottom: 12px;

}



body .holania-panel-dashboard-zone-page > .holania-agency-dashboard-hero .holania-agency-header-actions {

	display: none !important;

}



@media (max-width: 1100px) {

	body .holania-panel-dashboard-zone-page {

		grid-template-columns: 1fr;

	}



	body .holania-panel-dashboard-zone-page .holania-panel-dashboard-submenu,

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-agency-billing-section,

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-atencion > .holania-agency-health-overview-section,

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-tareas-internas > .holania-agency-task-overview,

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-proximas-acciones > .holania-agency-next-actions-overview,

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-cuenta > .holania-agency-filters,

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-cuenta > .holania-panel-projects-account-section {

		grid-column: 1;

	}



	body .holania-panel-dashboard-zone-page .holania-panel-dashboard-submenu {

		position: relative;

		top: auto;

	}

}





/* Panel principal con submenú contextual fijo en el shell — v2.1.0-alpha29 */

@media (min-width: 1001px) {

	body .holania-agency-shell.has-panel-context-submenu {

		grid-template-columns: 88px 246px minmax(0, 1fr) !important;

		gap: 0 !important;

		column-gap: 0 !important;

		align-items: stretch !important;

	}



	body .holania-agency-shell.has-panel-context-submenu .holania-agency-sidebar {

		grid-column: 1 !important;

	}



	body .holania-agency-shell.has-panel-context-submenu .holania-panel-context-submenu {

		grid-column: 2 !important;

		grid-row: 1 !important;

		position: sticky !important;

		top: 0 !important;

		height: 100vh !important;

		min-height: 100vh !important;

		align-self: start !important;

		z-index: 70 !important;

		background: #ffffff !important;

		border-right: 1px solid #e5e9f1 !important;

		box-shadow: none !important;

		overflow: hidden !important;

	}



	body .holania-panel-context-submenu__inner {

		display: flex !important;

		flex-direction: column !important;

		height: 100% !important;

		padding: 92px 14px 18px !important;

		box-sizing: border-box !important;

		overflow-y: auto !important;

		overflow-x: hidden !important;

	}



	body .holania-panel-context-submenu__head {

		padding: 0 2px 14px !important;

		margin: 0 0 10px !important;

		border-bottom: 1px solid #eef1f6 !important;

	}



	body .holania-panel-context-submenu__head strong {

		display: block !important;

		font-size: 17px !important;

		font-weight: 650 !important;

		line-height: 1.2 !important;

		letter-spacing: -0.02em !important;

		color: #101827 !important;

	}



	body .holania-panel-context-submenu__head span {

		display: block !important;

		margin-top: 5px !important;

		font-size: 12px !important;

		font-weight: 400 !important;

		line-height: 1.35 !important;

		color: #667085 !important;

	}



	body .holania-panel-context-submenu__links {

		display: flex !important;

		flex-direction: column !important;

		gap: 4px !important;

	}



	body .holania-panel-context-submenu__links a {

		display: block !important;

		padding: 9px 10px !important;

		border: 1px solid transparent !important;

		border-radius: 10px !important;

		background: transparent !important;

		color: #475467 !important;

		-webkit-text-fill-color: #475467 !important;

		text-decoration: none !important;

		box-shadow: none !important;

	}



	body .holania-panel-context-submenu__links a span {

		display: block !important;

		font-size: 13px !important;

		font-weight: 540 !important;

		line-height: 1.25 !important;

		color: inherit !important;

	}



	body .holania-panel-context-submenu__links a small {

		display: block !important;

		margin-top: 3px !important;

		font-size: 11px !important;

		font-weight: 400 !important;

		line-height: 1.35 !important;

		color: #667085 !important;

		-webkit-text-fill-color: #667085 !important;

	}



	body .holania-panel-context-submenu__links a:hover,

	body .holania-panel-context-submenu__links a.is-active {

		border-color: #dbeafe !important;

		background: #f3f8ff !important;

		color: #0b74ff !important;

		-webkit-text-fill-color: #0b74ff !important;

	}



	body .holania-panel-context-submenu__links a.is-active small,

	body .holania-panel-context-submenu__links a:hover small {

		color: #356082 !important;

		-webkit-text-fill-color: #356082 !important;

	}



	body .holania-agency-shell.has-panel-context-submenu .holania-agency-main {

		grid-column: 3 !important;

		min-width: 0 !important;

		padding-left: 18px !important;

	}

}



/* El submenú anterior dentro del contenido se desactiva: ahora vive en la segunda columna del shell. */

body .holania-panel-dashboard-zone-page .holania-panel-dashboard-submenu {

	display: none !important;

}



body .holania-panel-dashboard-zone-page {

	display: block !important;

}



body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-agency-billing-section,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-atencion > .holania-agency-health-overview-section,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-tareas-internas > .holania-agency-task-overview,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-proximas-acciones > .holania-agency-next-actions-overview,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-cuenta > .holania-agency-filters,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-proyectos-cuenta > .holania-panel-projects-account-section {

	grid-column: auto !important;

}



@media (max-width: 1000px) {

	body .holania-panel-context-submenu {

		display: block !important;

		margin: 0 0 14px !important;

		padding: 12px !important;

		border: 1px solid #e5e9f1 !important;

		border-radius: 14px !important;

		background: #ffffff !important;

	}



	body .holania-panel-context-submenu__head {

		padding: 0 0 10px !important;

		margin-bottom: 10px !important;

		border-bottom: 1px solid #eef1f6 !important;

	}



	body .holania-panel-context-submenu__links {

		display: grid !important;

		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;

		gap: 6px !important;

	}



	body .holania-panel-context-submenu__links a {

		padding: 9px 10px !important;

		border: 1px solid #e5e9f1 !important;

		border-radius: 10px !important;

		background: #ffffff !important;

		text-decoration: none !important;

	}

}





/* Refuerzo alpha32: las zonas ocultas por render PHP no ocupan espacio aunque otro CSS llegue tarde. */

body .holania-panel-dashboard-zone-page > section[hidden],

body .holania-panel-dashboard-zone-page > .holania-agency-filters[hidden],

body .holania-panel-dashboard-zone-page > .holania-panel-projects-account-section[hidden] {

	display: none !important;

}





/* Alpha41 — Datos de facturación en dos columnas y cabecera contextual */

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion {

	display: grid !important;

	grid-template-columns: minmax(0, 1.55fr) minmax(280px, .85fr) !important;

	gap: 12px !important;

	align-items: start !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-agency-dashboard-hero,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-agency-notice {

	grid-column: 1 / -1 !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-dashboard-billing-main {

	display: block !important;

	grid-column: 1 !important;

	margin: 0 !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-dashboard-payment-card {

	display: block !important;

	grid-column: 2 !important;

	margin: 0 !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-dashboard-hero {

	padding: 12px 16px !important;

	min-height: 0 !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-dashboard-hero h1 {

	font-size: clamp(19px, 1.15vw, 23px) !important;

	line-height: 1.15 !important;

	font-weight: 400 !important;

	margin: 0 0 3px !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-dashboard-hero p:not(.holania-agency-eyebrow) {

	font-size: 12.5px !important;

	line-height: 1.35 !important;

	margin: 0 !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-eyebrow {

	font-size: 10.5px !important;

	font-weight: 400 !important;

	letter-spacing: normal !important;

	text-transform: none !important;

	margin: 0 0 3px !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-section-head h2,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-dashboard-payment-card strong {

	font-weight: 400 !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-info-grid strong,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-readonly-box strong,

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-dashboard-payment-card__meta strong {

	font-weight: 400 !important;

}

body .holania-dashboard-payment-card__head {

	display: grid !important;

	gap: 5px !important;

}

body .holania-dashboard-payment-card__head span,

body .holania-dashboard-payment-card__meta span {

	font-size: 11px !important;

	line-height: 1.25 !important;

	font-weight: 400 !important;

	color: #667085 !important;

	text-transform: none !important;

	letter-spacing: normal !important;

}

body .holania-dashboard-payment-card__head strong {

	font-size: 16px !important;

	line-height: 1.25 !important;

	color: #111827 !important;

}

body .holania-dashboard-payment-card__head small {

	font-size: 12px !important;

	line-height: 1.35 !important;

	color: #667085 !important;

}

body .holania-dashboard-payment-card__meta {

	display: grid !important;

	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

	gap: 8px !important;

	margin-top: 12px !important;

}

body .holania-dashboard-payment-card__meta > div {

	padding: 9px 10px !important;

	border: 1px solid #e5e7eb !important;

	border-radius: 7px !important;

	background: #fff !important;

}

body .holania-dashboard-payment-card__meta strong {

	display: block !important;

	font-size: 18px !important;

	line-height: 1.15 !important;

	margin-top: 3px !important;

}

body .holania-dashboard-payment-card__actions {

	margin-top: 12px !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-info-grid {

	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

	gap: 8px !important;

}

body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-info-grid > div {

	padding: 9px 10px !important;

}

@media (max-width: 1100px) {

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion {

		grid-template-columns: 1fr !important;

	}

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-dashboard-billing-main,

	body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion > .holania-dashboard-payment-card {

		grid-column: 1 !important;

	}

}

@media (max-width: 640px) {
	body .holania-panel-dashboard-zone-page.is-dashboard-zone-datos-facturacion .holania-agency-info-grid,
	body .holania-dashboard-payment-card__meta {
		grid-template-columns: 1fr !important;
	}
}

body .holania-ux-start-progress {
	margin: 10px 0 0 !important;
	color: #526776 !important;
	font-size: 12px !important;
}
body .holania-ux-start-progress strong { color: #173b52 !important; }
body .holania-ux-start-steps li.is-current {
	border-color: #37bcd4 !important;
	background: #f0fbfd !important;
}
body .holania-ux-start-steps li.is-complete > span {
	background: #2aa66d !important;
	color: #fff !important;
}