/**
 * Área «Mi cuenta» (opt-custom): colores GrowBy (#191723 barra, #5d55d7 acciones).
 * Activo con body.opt-mi-cuenta-area (rutas que empiezan por mi-cuenta).
 */

/* Contenido principal */
body.opt-mi-cuenta-area .turimet-account__main {
	background-color: #f6f6f5;
	min-height: 60vh;
}

body.opt-mi-cuenta-area .turimet-account__main h2.c-blue,
body.opt-mi-cuenta-area .turimet-account__main h2.c-blue > span {
	color: #03081b !important;
}

/* Barra lateral */
body.opt-mi-cuenta-area .turimet-account__aside {
	background: #191723 !important;
	color: #f3f4f6 !important;
}

body.opt-mi-cuenta-area .turimet-account__menu a {
	color: #f3f4f6 !important;
}

body.opt-mi-cuenta-area .turimet-account__menu li a:hover {
	background-color: rgba(93, 85, 215, 0.28) !important;
}

body.opt-mi-cuenta-area .turimet-account__menu li.current-menu-item > a,
body.opt-mi-cuenta-area .turimet-account__menu li.current_page_item > a {
	background-color: #5d55d7 !important;
	color: #ffffff !important;
}

/* Cerrar sesión: icono en blanco (X) en la barra oscura; mismo tamaño que el resto del menú */
body.opt-mi-cuenta-area .turimet-account__logout .rnz-menu__icon svg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
}

/* Botones primarios dentro del área cuenta (sustituye verde #00742E del pack legacy) */
body.opt-mi-cuenta-area .turimet-account :is(a, input, button).btn-primary,
body.opt-mi-cuenta-area .turimet-account li.btn-primary > a {
	--btn-background: #5d55d7 !important;
	--btn-color: #ffffff !important;
	background-color: #5d55d7 !important;
	border-color: #5d55d7 !important;
	color: #ffffff !important;
}

body.opt-mi-cuenta-area .turimet-account :is(a, input, button).btn-primary:hover,
body.opt-mi-cuenta-area .turimet-account li.btn-primary > a:hover,
body.opt-mi-cuenta-area .turimet-account :is(a, input, button).btn-primary:active,
body.opt-mi-cuenta-area .turimet-account li.btn-primary > a:active,
body.opt-mi-cuenta-area .turimet-account :is(a, input, button).btn-primary:focus,
body.opt-mi-cuenta-area .turimet-account li.btn-primary > a:focus {
	border: 1px solid #5d55d7 !important;
	color: #5d55d7 !important;
	background: #ffffff !important;
}

body.opt-mi-cuenta-area .turimet-account :is(a, input, button).btn-primary.pink,
body.opt-mi-cuenta-area .turimet-account li.btn-primary.pink > a {
	--btn-background: #5d55d7 !important;
	--btn-color: #ffffff !important;
	background-color: #5d55d7 !important;
	border-color: #5d55d7 !important;
}

body.opt-mi-cuenta-area .turimet-account :is(a, input, button).btn-primary.pink:hover,
body.opt-mi-cuenta-area .turimet-account li.btn-primary.pink > a:hover {
	background: #ffffff !important;
	border-color: #5d55d7 !important;
	color: #5d55d7 !important;
}

/* Paginación «Mis postulaciones» */
body.opt-mi-cuenta-area .turimet-account .opt-postulaciones-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}

body.opt-mi-cuenta-area .turimet-account .opt-postulaciones-pagination a {
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #ececf5;
	border-radius: 999px;
	color: #03081b;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.875rem;
}

body.opt-mi-cuenta-area .turimet-account .opt-postulaciones-pagination a:hover {
	background: rgba(93, 85, 215, 0.18);
	color: #03081b;
}

body.opt-mi-cuenta-area .turimet-account .opt-postulaciones-pagination a.active {
	background: #5d55d7;
	color: #fff;
}

/* Formularios cuenta: acentos verdes → morado */
body.opt-mi-cuenta-area .turimet-account .ff__field-image-upload > div > label {
	background-color: #5d55d7 !important;
}

body.opt-mi-cuenta-area .turimet-account .btn-secondary:hover,
body.opt-mi-cuenta-area .turimet-account .btn-secondary:active,
body.opt-mi-cuenta-area .turimet-account .btn-secondary:focus {
	color: #fff !important;
	background-color: #5d55d7 !important;
	border-color: #5d55d7 !important;
}

body.opt-mi-cuenta-area .turimet-account .btn-download-cv {
	border-color: #5d55d7 !important;
}

body.opt-mi-cuenta-area .turimet-account .btn.btn-download-cv:hover,
body.opt-mi-cuenta-area .turimet-account .btn.btn-download-cv:active,
body.opt-mi-cuenta-area .turimet-account .btn.btn-download-cv:focus {
	border-color: #5d55d7 !important;
}

body.opt-mi-cuenta-area .turimet-account .account-alert.success {
	background-color: #5d55d7;
	color: #fff;
}

/* Enlaces de vacante en listado postulaciones */
body.opt-mi-cuenta-area .turimet-account .oplist__main--job a {
	color: #5d55d7 !important;
}

/* Cabecera tema: el pack legacy fija #header (GrowBy usa #masthead); evitar solapes raros */
body.opt-mi-cuenta-area #header {
	position: relative !important;
}

/*
 * Menú móvil del tema: si alguna hoja legacy aún pisa estilos, mantener drill-down como en web pública
 * (fondo claro / transparente, borde morado, flecha visible).
 */
body.opt-mi-cuenta-area #mobile-menu-overlay button.mobile-drill-down-trigger {
	background: transparent !important;
	background-color: transparent !important;
	padding: 0 !important;
	border-radius: 9999px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #5d55d7 !important;
	color: inherit !important;
	letter-spacing: normal !important;
	min-height: 0 !important;
	min-width: 0 !important;
	width: 2rem !important;
	height: 2rem !important;
	box-shadow: none !important;
}

body.opt-mi-cuenta-area #mobile-menu-overlay button.mobile-menu-back {
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
	color: inherit !important;
	letter-spacing: normal !important;
	box-shadow: none !important;
}

/*
 * Choices.js en perfil (experiencia laboral, etc.): el .choices queda en un flex-wrap y colapsa
 * de ancho; choices.css usa word-break: break-all en el dropdown → texto en una columna de letras.
 */
body.opt-mi-cuenta-area .turimet-account .form2 .ff__field .choices[data-type*="select-one"] {
	flex: 1 1 260px;
	width: 100%;
	min-width: min(100%, 430px);
	max-width: 430px;
	box-sizing: border-box;
}

body.opt-mi-cuenta-area .turimet-account .form2 .ff__field .choices__list--dropdown,
body.opt-mi-cuenta-area .turimet-account .form2 .ff__field .choices__list[aria-expanded] {
	min-width: 100% !important;
	width: max(100%, 260px) !important;
	max-width: min(100vw - 32px, 430px);
	box-sizing: border-box;
	word-break: normal !important;
	overflow-wrap: break-word;
	z-index: 25;
}

body.opt-mi-cuenta-area .turimet-account .form2 .ff__field .choices__list--dropdown .choices__item,
body.opt-mi-cuenta-area .turimet-account .form2 .ff__field .choices__list[aria-expanded] .choices__item {
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: anywhere;
	line-height: 1.35;
}

body.opt-mi-cuenta-area .turimet-account .form2 .ff__field .choices__list--dropdown input.choices__input,
body.opt-mi-cuenta-area .turimet-account .form2 .ff__field .choices__list[aria-expanded] input.choices__input {
	min-width: 0;
	width: 100% !important;
	box-sizing: border-box;
}