/**
 * PSB-PORTAL-PULIDO-VISUAL-001 — pulido final rail, medidas ×, contraste y homologación.
 * Sin cambios de estructura, columnas ni anchos.
 */

body.psb-pres-portal-shell {
	--psb-pulido-label: #44403c;
	--psb-pulido-hint: #65625c;
	--psb-pulido-border: #c9c5c1;
	--psb-pulido-border-focus: #9c9894;
	--psb-medidas-x-size: 2.4rem;
	--psb-medidas-x-width: 3rem;
}

/* —— Rail: iconos, legibilidad y activo elegante —— */
body.psb-pres-portal-shell .psb-pres-rail-d1d--premium .psb-pres-rail-d1d__list--nav .psb-pres-rail-d1d__link {
	color: #292524;
	font-size: 13.75px;
	font-weight: 580;
	line-height: 1.4;
}

body.psb-pres-portal-shell .psb-pres-rail-d1d--premium .psb-pres-rail-d1d__link--portal::before,
body.psb-pres-portal-shell .psb-pres-rail-d1d--premium .psb-pres-rail-d1d__link--fp::before {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	opacity: 0.9;
}

body.psb-pres-portal-shell .psb-pres-rail-d1d--premium .psb-pres-rail-d1d__nav-group-label,
body.psb-pres-portal-shell .psb-pres-rail-d1d--premium .psb-pres-rail-d1d__block--nav .psb-pres-rail-d1d__block-title {
	color: #4a4542;
}

body.psb-pres-portal-shell .psb-pres-rail-d1d--premium .psb-pres-rail-d1d__list--nav .psb-pres-rail-d1d__link:hover {
	background: #f5f5f5;
	border-color: #e4e2df;
	color: #0c0a09;
}

body.psb-pres-portal-shell .psb-pres-rail-d1d--premium .psb-pres-rail-d1d__list--nav .psb-pres-rail-d1d__link--current,
body.psb-pres-portal-shell .psb-pres-rail-d1d__link--current {
	background: #ffffff !important;
	border-color: #d4d0cc !important;
	color: #0c0a09 !important;
	font-weight: 650;
	box-shadow:
		0 1px 4px rgba(15, 14, 12, 0.07),
		inset 0 0 0 1px rgba(255, 255, 255, 0.92) !important;
}

body.psb-pres-portal-shell .psb-pres-rail-d1d--premium .psb-pres-rail-d1d__link--current::before {
	opacity: 1;
}

/* Medidas: composer-004 define la × */
body.psb-pres-portal-shell .psb-pres-medidas-canonical__composer .psb-pres-medidas-canonical__x {
	color: #44403c;
}

body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__label,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__label--largo,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__label--ancho {
	color: var(--psb-pulido-label);
}

body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__input,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__input--largo,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__input--ancho {
	border-color: var(--psb-pulido-border);
}

body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__input:focus {
	border-color: var(--psb-pulido-border-focus);
	box-shadow: 0 0 0 3px rgba(41, 37, 36, 0.12);
}

/* —— Contraste: labels, hints, bordes (configuradores) —— */
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-form2026__label,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-fp-medidas-field__label,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__field .psb-pres-fp-medidas-field__label,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-rega-field__label {
	color: var(--psb-pulido-label);
}

body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-form2026 .psb-config-section__title {
	color: #4a4542;
}

body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-field-hint,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-medidas-canonical__hint,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-pl-form__field-hint {
	color: var(--psb-pulido-hint);
}

body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-fp-medidas-field__input,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-rega-field__input {
	border-color: var(--psb-pulido-border);
}

body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-portal-input:focus,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-fp-medidas-field__input:focus,
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-rega-field__input:focus {
	border-color: var(--psb-pulido-border-focus);
	box-shadow: 0 0 0 3px rgba(41, 37, 36, 0.12);
}

/* —— Homologación fina: bloques de sección —— */
body.psb-pres-portal-shell .psb-pres-cfg-mother .psb-pres-form2026 .psb-config-section {
	border-color: #e2e0dd;
	background: #fafaf9;
}

@media (max-width: 520px) {
	body.psb-pres-portal-shell {
		--psb-medidas-x-size: 2rem;
		--psb-medidas-x-width: 2.55rem;
	}
}