body,
blockquote,
ul,
ol,
.kicker,
.header,
.normal {
	font-family: "BentonSansBBVA Book", Arial, "Helvetica Neue", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: #1973b8;
	font-family: "BentonSansBBVA Book", Arial, "Helvetica Neue", Helvetica, sans-serif;
	-webkit-transition: all 100ms linear 0s;
	transition: all 100ms linear 0s;
	-webkit-backface-visibility: hidden;
	text-decoration: none;
}

.h4 {
	font-family: "BentonSansBBVA Book", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

div.entitylist,
.entitylist div {
	border: none !important;
}

.input-group .input-group-text {
	display: none !important;
}

.input-group .form-control {
	border: 1px solid #ced4da !important;
	border-radius: 0.375rem !important;
	font-size: 14px !important;
	color: #070e46 !important;
}

input.form-control {
	font-family: "Benton Sans BBVA", sans-serif;
	border: none !important;
    box-shadow: unset !important;
	border-radius: 8px;
}

.entitylist table {
	font-size: 14px !important;
	color: #070e46 !important;
}

.entitylist .table th {
	background-color: #cad1d8 !important;
	font-size: 14px !important;
	color: #070e46 !important;
}

.entitylist .table th a {
	text-decoration: none !important;
	color: #070E46;
	font-family: "BentonSansBBVA Medium";
}

.entitylist .table tr,
.entitylist .table td {
	background-color: #ffffff !important;
}

.entitylist .table tr {
	--bs-table-striped-bg: transparent !important;
	border-bottom: 1px solid #cad1d8 !important;
}

.entitylist .table td {
	border-left: none !important;
	border-right: none !important;
}

#textwelcome {
	font-family: 'Tiempos Headline Bold' !important;
	font-size: 80px !important;
	font-weight: 700 !important;
	font-style: italic;
	line-height: 88px !important;
	color: #001391 !important;
	padding: 0px !important;
	margin: 0px !important;
}

#subtitlewelcome {
	font-size: 20px !important;
	font-weight: 350 !important;
	line-height: 24px !important;
	color: #070e46 !important;
	padding: 0px !important;
	margin: 0px !important;
}

.img-welcome {
	width: 100%;
	max-width: 360px;
	height: auto;
	position: relative;
    left: -80px;
}

.card-custom {
	border: none;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	min-height: 200px;
    margin-top: 24px !important;
	padding-bottom: 24px !important;
}

.card-custom-casetype-s {
	min-height: 190px !important;
}
.card-custom-casetype-m {
	min-height: 240px !important;
}
.card-custom-casetype-xl {
	min-height: 260px !important;
}

@media (min-width: 600px) and (max-width: 1600px) {
	.card-custom {
		min-height: 210px;
	}
	.card-custom-casetype-s {
		min-height: 200px !important;
	}
	.card-custom-casetype-m {
		min-height: 265px !important;
	}
	.card-custom-casetype-xl {
		min-height: 325px !important;
	}
}

.card-custom .card-title {
	font-weight: bold;
	font-family: "BentonSansBBVA Book", Arial, sans-serif;
	color: #070E46;
	line-height: 32px;
	font-size: 20px !important;
	margin: 0;
}

.card-custom .card-body p {
	color: #070E46;
	margin-left: 24px;
	margin-right: 24px;
}

.card-custom .card-footer a {
	color: #001391;
	text-decoration: none !important;
	margin-left: 24px !important;
}

.card-custom .card-footer a:hover {
	color: #001391;
	cursor: pointer;
	text-decoration: none !important;
}

.card-custom .icon {
	margin-right: 8px;
}

.titulo-columnas-home {
	font-weight: bold;
    font-family: "BentonSansBBVA Book", Arial, sans-serif;
    color: #070E46 !important;
    line-height: 32px;
    font-size: 24px !important;
    margin: 0;
}

.bbvaCustomForm {
	margin-bottom: 20px;
}

.tituloCustomForm {
	font-family: 'Tiempos Headline Bold', serif !important;
	font-weight: 700 !important;
	color: #070E46 !important;
	font-size: 48px !important;
	line-height: 56px !important;
}

.bbvaCustomForm .container {
	border-radius: 16px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
}

.bbvaCustomForm .crmEntityFormView {
	border: 1px solid #001391 !important;
	border-radius: 8px;
	padding-top: 10px;
}

.bbvaCustomForm .actions {
	border: none !important;
}

.bbvaCustomForm .crmEntityFormView label {
	font-family: 14px;
	font-weight: normal;
	color: #ffffff;
}

.bbvaCustomForm .tab-title {
	display: none !important;
}

.bbvaCustomForm .btn-primary {
	background-color: #2b7bf4;
	font-family: Arial;
	color: #ffffff;
}

.card-custom-step {
	border: none !important;
	border-radius: 16px !important;
	min-height: 200px;
}

.card-custom-step-active {
	border: none;
	border-radius: 16px !important;
	min-height: 200px !important;
	background-color: #E0FCFF !important;
}

.card-custom-step .card-body {
	border-radius: 16px !important;
}

.card-custom-step-active .card-body {
	border-radius: 16px !important;
	background-color: #E0FCFF !important;
}

.card-custom-step .card-body p {
	color: #CAD1D8 !important;
	font-size: 20px !important;
}

.card-custom-step-active .card-body p {
	color: #001391 !important;
	font-size: 20px !important;
}

.card-custom-step-active .card-title {
	font-size: xxx-large;
	color: #001391;
}

.card-custom-step .card-title {
	font-size: xxx-large;
	color: #cad1d8;
}

.navbar-dark .navbar-nav>li>a:focus {
	border: 0px !important;
	outline: 0px !important;
}

/*Custom radio button*/

.custom-radio {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	font-weight: 500;
	color: #070e46;
	gap: 0.5rem;
	font-size: 15px;
}

.large-custom-radio {
	min-height: 80px;
}

.custom-radio input[type="radio"] {
	appearance: none;
}

.radio-circle {
	min-width: 40px;
	height: 40px;
	border: 2px solid #46536D;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}

.radio-circle::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	background-color: #001391;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0.2s ease-in-out;
}

label.custom-radio .radio-circle.disabled ~ * {
  color: #47536D !important;
  opacity: 0.3;
}

.radio-circle.disabled {
	border: 2px solid #47536D !important;
	cursor: default;
	opacity: 0.3;
}

.radio-circle.disabled::after {
	background-color: #47536D !important;
	opacity: 0.3;
}

.custom-radio input[type="radio"]:checked+.radio-circle::after {
	transform: translate(-50%, -50%) scale(1);
}


.stepisnotactive {
	opacity: 0.25;
}

.link-hover-none:hover {
	text-decoration: none !important;
}

.button-form {
	min-width: 128px !important;
	width: fit-content !important;
	color:#001391;
	height: 48px !important;
	font-size: 15px !important;
	line-height: 24px !important;
	padding: 12px 32px 12px 32px !important;
	gap: 10px !important;
	font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

header {
	background-color: transparent !important;
	font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.container {
	max-width: calc(100% - 112px) !important;
}

.questionIcon {
	font-size: 30px;
	color: darkblue;
	margin-left: 5px;
}

.disabled-element {
	opacity: 0.5;
	pointer-events: none;
}

.img-titulo {
	max-width: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px !important;
}

@media (min-width: 1600px) {
	.img-titulo {
		max-width: 32px;
		padding: 0px !important;
	}
}

.underline {
	text-decoration: underline !important;
}

.toggle-link.link-resumen {
	text-decoration: none !important;
	color: #001391;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	border: 0px !important;
	outline: 0px !important;
}

.toggle-link.link-resumen .bi {
	transition: transform 0.3s ease;
	margin-left: 0.3rem;
}

.toggle-link.link-resumen.collapsed .bi {
	transform: rotate(180deg);
}

.toggle-link.link-resumen :active {
	border: 0px !important;
	outline: 0px !important;
}

.toggle-link.link-resumen :focus {
	outline: 0px !important;
	border: 0px !important;
}

.accordion {
	--bs-accordion-color: #070E46 !important;
	font-size: 16px !important;
}

.fecha-box {
	background-color: #f8f9fa;
	border-radius: 8px;
	padding: 1rem 2rem;
	margin-bottom: 16px;
}

.fecha-label {
	color: #070E46;
	font-weight: bold;
}

.fecha-dato {
	color: #070E46;
}

.divider {
	border-left: 1px solid #070E46;
	height: auto;
}

.resumen {
	color: #070E46 !important;
	font-size: 16px !important;
}

.resumen label {
	font-weight: 350;
}

.link-home {
	font-size: 16px !important;
	color: #001391 !important;
}

.link-home::after {
	border: none !important;
}

.link-home:focus {
	border: none !important;
}

#spinner-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: all;
}

.spinner-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.spinner-img {
	width: 64px;
	height: 64px;
	z-index: 2;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

button[disabled] {
	background-color: #F3F2F1 !important;
	color: #A19F9D !important;
	pointer-events: none !important;
	border: 2px !important;
}

.disableCheckbox {
	background-color: #F3F2F1 !important;
	color: #A19F9D !important;
	pointer-events: none !important;
}


.title {
	margin-top: 24px;
	margin-bottom: 8px;
	font-size: 20px;
}

.subtitle {
	margin-top: 24px;
	margin-bottom: 8px;
	font-size: 15px;
}

.subtitle-disabled{
	margin-top: 24px;
	margin-bottom: 8px;
	font-size: 15px;
	user-select: none;
	opacity: 40%;
}

.title-list {
	color: #070E46;
	font-family: "BentonSansBBVA Book", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}

.subtitle-list {
	color: #070E46;
	font-size: 16px;
	margin: 8px 0px 8px 0px
}

.label-form {
	color: #070E46;
	font-family: "BentonSansBBVA Book", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
}

.label-state {
	padding: 8px;
	border-radius: 16px;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}

.label-state.pendiente {
	background: #fff;
	color: #906401;
}

.label-state.aprobado {
	background: #fff;
	color: #0b6870;
}

.label-state.rechazado {
	background: #fff;
	color: #C30A0A;
}


.statelistactivo {
	padding: 8px;
	border-radius: 16px;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	background: #f7f8f8;
	color: #906401;
	text-decoration: none !important;
}

.statelistfinalizado {
	padding: 8px;
	border-radius: 16px;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	background: #f7f8f8;
	color: #0b6870;
	text-decoration: none !important;
}

.statelistrechazado {
	padding: 8px;
	border-radius: 16px;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	background: #f7f8f8;
	color: #C30A0A;
	text-decoration: none !important;
}

.statelistactivo:hover {
	color: #906401 !important;
}

.statelistfinalizado:hover {
	color: #0b6870 !important;
}

.statelistrechazado:hover {
	color: #C30A0A !important;
}

.value-form {
	color: #070E46;
	font-family: "BentonSansBBVA Book", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 350;
}

.grey-card {
	padding: 24px;
	border-radius: 8px;
	margin-bottom: 24px;
	background-color: #F7F8F8;
	height: 100%;
}

.accordion-icon {
	font-size: 16px !important;
	margin-left: 8px;
	padding-top: 8px;
}


.timeline-steps {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.timeline-steps .timeline-step {
	align-items: center;
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 1rem
}


@media (min-width:768px) {
	.timeline-steps .timeline-step-passed:not(:first-child)::before {
		content: "";
		display: block;
		border-top: 0.4rem dashed #0c6dff;
		width: 16.5rem;
		position: absolute;
		right: 8.5rem;
		top: 3.5rem;
	}

	.timeline-steps .timeline-step-pending:not(:first-child)::before {
		content: "";
		display: block;
		border-top: 0.4rem dashed #47536d;
		width: 16.5rem;
		position: absolute;
		right: 8.5rem;
		top: 3.4rem;
	}

	.timeline-steps .timeline-content {
		width: 13rem;
		text-align: center
	}

	.timeline-step-passed .timeline-content .inner-circle {
		background-color: #0c6dff;
		border-radius: 5.5rem;
		height: 7rem;
		width: 7rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
		position: relative;
	}

	.timeline-step-pending .timeline-content .inner-circle {
		background-color: #fff;
		border-radius: 5.5rem;
		height: 7rem;
		width: 7rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
		position: relative;
	}

	.timeline-step-passed .timeline-icon {
		color: #fff;
		font-size: 40px;
		top: 1.3rem;
		position: absolute;
		z-index: 2;
	}

	.timeline-step-pending .timeline-icon {
		color: #070e46;
		font-size: 40px;
		top: 1.3rem;
		position: absolute;
		z-index: 2;
	}
}

@media (min-width:1850px) {
	.timeline-steps .timeline-step-passed:not(:first-child)::before {
		content: "";
		display: block;
		border-top: 0.4rem dashed #0c6dff;
		width: 16.5rem;
		position: absolute;
		right: 8.5rem;
		top: 4.3rem;
	}

	.timeline-steps .timeline-step-pending:not(:first-child)::before {
		content: "";
		display: block;
		border-top: 0.4rem dashed #47536d;
		width: 16.5rem;
		position: absolute;
		right: 8.5rem;
		top: 4.3rem;
	}

	.timeline-step-passed .timeline-icon {
		color: #fff;
		font-size: 40px;
		top: 2.1rem;
		position: absolute;
		z-index: 2;
	}

	.timeline-step-pending .timeline-icon {
		color: #070e46;
		font-size: 40px;
		top: 2.1rem;
		position: absolute;
		z-index: 2;
	}

	.timeline-steps .timeline-content {
		width: 18rem;
		text-align: center
	}

	.timeline-step-passed .timeline-content .inner-circle {
		background-color: #0c6dff;
		border-radius: 5.5rem;
		height: 9rem;
		width: 9rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
		position: relative;
	}

	.timeline-step-pending .timeline-content .inner-circle {
		background-color: #fff;
		border-radius: 5.5rem;
		height: 9rem;
		width: 9rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		z-index: 1;
		position: relative;
	}
}


.timeline-steps .timeline-step-passed.disabled .timeline-content .inner-circle {
	background-color: #fff;
	border: 1px solid #47536D;
}

.timeline-step-passed.disabled .timeline-icon {
	color: #47536D !important;
}

.timeline-label {
	font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #070E46;
	text-align: center;
}

.information-box {
	background-color: #fff;
	padding: 1rem;
	border-radius: 8px;
	height: 150px;
	overflow-y: auto;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.custom-modal {
	border-radius: 10px;
	padding: 2rem;
}

.custom-modal .modal-body {
	background-color: white;
	border-radius: 10px;
	position: relative;
}

.modal-backdrop.show {
	opacity: 1;
	background-color: #2b2ba4;
}

.modal-icon-check {
	color: darkgreen;
	font-size: 5em;
}

.modal-icon-info {
	color: #070E46;
	font-size: 5em;
}

.modal-icon-info-warning {
	color: #B98409;
	font-size: 5em;
}

.modal-size-title {
	font-family: "Tiempos Headline";
	font-size: 32px;
	font-weight: 700;
	color: #070E46 !important;
}

.modal-size-title-info {
	font-family: "Tiempos Headline";
	font-size: 32px;
	color: #070E46 !important;
}

.modal-size-text {
	font-size: 20px;
}

.btn-close::before {
	content: "\00d7";
	color: #001391 !important;
	font-size: 40px;
}

.textarea-modal {
	border: 2px solid #47536d;
	height: 10em !important;
	resize: none;
	background-color: #f7f8f8 !important;
}

.label-textarea-modal {
	top: -2px !important;
	left: 8px !important;
	font-size: 12px !important;
}

.toggle-link.link-mensajes {
	text-decoration: none !important;
	color: #001391;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	border: 0px !important;
	outline: 0px !important;
}

.toggle-link.link-mensajes .bi {
	transition: transform 0.3s ease;
	margin-left: 0.3rem;
}

.toggle-link.link-mensajes.collapsed .bi {
	transform: rotate(180deg);
}

.toggle-link.link-mensajes :active {
	border: 0px !important;
	outline: 0px !important;
}

.toggle-link.link-mensajes :focus {
	outline: 0px !important;
	border: 0px !important;
}

.mensajes {
	color: #070E46 !important;
	font-size: 16px !important;
	background-color: #fff;
	padding: 16px;
	border-radius: 16px;
}

.accordion-seccion-encuesta {
	color: #070E46 !important;
	font-size: 16px !important;
	background-color: #fff;
	padding: 8px 16px 8px 16px;
	border-radius: 16px;
}

.mensajes label {
	font-weight: 350;
}

.date-mensajes {
	font-family: "Benton Sans BBVA", sans-serif;
	margin-top: 0.5em;
	font-size: 16px;
	color: #000;
	font-weight: 300;
	position: relative;
	float: right;
}

.datetimepicker-container {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	position: relative;
	height: 10%;
	gap: 1rem;
}

.datetimepicker-box {
	border: 1px solid darkblue !important;
	border-radius: 5px;
}

.datetimepicker-date-box {
	width: 70%;
}

.datetimepicker-time-box {
	width: 40%;
}

.datetimepicker-parent-box {
	width: 30%;
}

.datetimepicker-container .error .form-control {
	border-color: #C30A0A !important;
	width: auto;
	border: 2px solid;
	border-radius: 8px;
}

.form-floating.error label {
	color: #C30A0A !important;
}

.datetimepicker-container .error-message {
	font-size: 15px;
	margin-top: 0.25rem;
	display: none;
}

.datetimepicker-container .error .error-message {
	display: block;
}

.error-message span {
	font-size: 12px;
	color: #070e46;
	margin-top: 2px;
}

/*Sección de adjuntos*/
.file-list {
    margin-bottom: 10px;
}

.file-box {
	background: #F7F8F8;
    border-radius: 8px;
    padding: 0px 8px 0px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
	max-width: 500px;
}

.file-name {
    font-weight: 500;
}

.file-size {
    color: #070e46;
    margin-left: auto;
    margin-right: 15px;
}

.delete-btn {
    background: none;
    border: none;
    font-size: 16px;
    color: #2a5bd7;
    cursor: pointer;
}

.file-upload label {
    color: #001391;
    cursor: pointer;
	font-family: 'BentonSansBBVA Medium';
	font-weight: 300;
}

.div-icon-link {
	font-family: 'BentonSansBBVA Medium' !important; 
	display: flex;
	color: #001391;
}

.icon-link {
	font-size: 24px !important;
	margin-right: 4px;
	color: #001391;
	width: 24px;
    height: 24px;
	top: -3px;
    position: relative;
}

.icon-link.pending {
	color: #46536D !important;
}

.icon-link.success {
	color: #024700 !important;
}

    .select-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
        height: 10%;
    }

    .select-box {
        width: 100%;
        padding: 8px;
        border: 1px solid #47536D;
        border-radius: 5px;
        font-size: 12px;
        appearance: none;
        background-color: white;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="blue"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>');
        background-repeat: no-repeat;
        background-position: right 8px center;
        background-size: 16px;
        position: relative;
    }

    .select-box option:hover {
        background-color: #47536D !important;
        color: white;
    }

    .select-container::before {
        position: absolute;
        top: 6px;
        left: 10px;
        font-size: 8px;
        color: gray;
        background: white;
        padding: 0 4px;
    }

    .small-label {
        font-size: 15px;
		font-weight: 350;
		font-family: "Benton Sans BBVA", sans-serif;
		color: #46536D;
        overflow: visible !important;
		/*opacity: .65;*/
    }

	.form-control:focus {
		border-color: unset !important;
    	/* outline: 0; */
		border: none !important;
     	box-shadow: unset !important;
		border-radius: 8px;
	}

	.autocomplete-results {
		z-index: 100; 
		top:37px; 
		max-height: 200px; 
		overflow-y: auto; 
		display: none; 
		font-size: 12px
	}

	/*Dropdown multiselect en formularios*/
	
    .custom-multiselect {
		position: relative;
		width: 100%;
	}

	.custom-multiselect .select-box {
		border: 2px solid #47536D;
		padding: 12px 8px 0px 8px;
		background-color: #fff;
		font-size: 12px;
		line-height: 1.5;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: calc(3.5rem + 2px);
	    background-repeat: no-repeat;
    	background-position: right .75rem center;
    	background-size: 16px 12px;
    	background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");	
	}

	.custom-multiselect .options {
		position: absolute;
		top: 101%;
		left: 0;
		z-index: 1000;
		width: 100%;
		background-color: white;
		border: 1px solid #ced4da;
		max-height: 200px;
		overflow-y: auto;
		border-radius: 8px;
		display: none;
		padding-bottom: 50px;
	}

	.custom-multiselect .actions {
		display: none;
        position: absolute;
    	z-index: 1000;
        width: 100%;
        top: 190px;
        background: #fff;
        border: 1px solid #ccc;
        padding: 8px;
        border-radius: 8px;
	}

	.custom-multiselect button {
		background-color: #001489;
		color: white;
		border: none;
		padding: 6px 16px;
		border-radius: 8px;
		cursor: pointer;
		font-weight: 500;
	}

	.label-custom-multiselect {
		opacity: .65;
    	transform: scale(.85) translateY(-.5rem) translateX(.15rem);
	}

	.custom-multiselect.open .options {
		display: block;
	}

	.custom-multiselect.open .actions {
		display: block;
	}


	.custom-multiselect .option label {
		display: block;
		padding: 8px;
		margin: 5px;
		cursor: pointer;
		font-weight: normal;
		font-size: 12px;
		border-radius: 8px;
	}

	.form-check-input-custom {
		margin-right: 2px !important;
		margin-top: 2.5px !important;
	}

	.custom-multiselect .option label:hover {
		background-color: #001391;
		color: #fff;
	}

	.form-customcheck {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px;
      cursor: pointer;
    }

    .form-customcheck input[type="checkbox"] {
      appearance: none;
    }

.form-customcheck .custom-box {
	min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    border: 2px solid #47536D;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}

.form-customcheck .custom-box i {
	min-width: 100%;
    min-height: 100%;
	font-size: 30px;
	display: none;
	color: #001391;
	position: relative;
	left: 3px;
}

.form-customcheck input[type="checkbox"]:checked + .custom-box i {
	display: block;
}

.form-customcheck span.label-text {
    font-family: "Benton Sans BBVA", sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #47536D;
    cursor: pointer;
    user-select: none;
}

.custom-breadcrumb {
  font-family: 'BentonSansBBVA Medium', sans-serif;
  padding: 0;
}

.custom-breadcrumb-list {
  list-style: none;
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.custom-breadcrumb-item {
  color: #001391;
  display: flex;
  align-items: center;
  padding: 0;
  font-weight: 700;
}

.custom-breadcrumb-item a {
  color: #001391;
  text-decoration: none !important;
}

.custom-breadcrumb-icon {
  	font-size: 15px !important;
	padding-top: 6px !important;
    margin-left: 8px !important;
}

.form-control:disabled {
	border: none !important;
	background-color: #FFFFFF !important;
    opacity: .4;
	color: #47536D !important;
}

input:disabled + label {
	opacity: .4;
}

.form-select:disabled {
    border: 1px solid #47536D !important;
	background-color: #FFFFFF !important;
    opacity: .4;
	color: #47536D !important;
}

.alert-style{
	font-family: "Benton Sans BBVA";
	background-color: #FFE9E5;
	border-radius: 13px;
}
  
.linkHref {
    color: #001391;
    text-decoration: none !important;
    font-weight: 750 !important;
    font-size: 15px !important;
}

.custom-list {
  list-style-type: disc;
  margin-left: 3rem !important;
}

.custom-list li {
  color: #001391;
  padding: 0 !important;
}

.div_img_info {
  position: relative; 
  left: -110px;
}

.div_info {
  position: relative;
  top: -120px;
  left: 70px;
  width: 80%;
}

.title-paragraphInfo {
  font-size: 16px;
  color: #070E46;
  font-family: "BentonSansBBVA Medium";
  font-weight: 500;
}

.paragraphInfo {
  font-size: 16px;
  color: #070E46;
  font-family: "BentonSansBBVA Book";
  font-weight: 500;
}

.paragraphInfo a {
  color: #001391;
  font-size: 16px;
  font-family: "BentonSansBBVA Medium";
  margin-left: 0px !important;
  text-decoration: none !important;
}

.custom-list-attachments {
  list-style-type: disc;
  margin-left: 3rem !important;
}

.custom-list-attachments li {
  color: #070E46;
  font-size: 15px;
  padding: 0 !important;
}

.popover-anchor {
	cursor: pointer
}

.popover {
    background-color: transparent;
    max-width: 480px !important;
    border: 0px;
    --bs-popover-bg: #002e86;
	--bs-popover-header-bg: #002e86;
}

.popover-body {
    padding: 12px 16px 16px 16px !important;
    background-color: #002e86 !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    font-family: "Benton Sans BBVA";
    border: 0px;
    width: 100%;
}

  .popover-body p {
    color: #ffffff !important;
    font-family: "Benton Sans BBVA";
    font-size: 16px;
  }

  .popover .popover-arrow::before {
    border-color: #ffffff;
  }

  .popover-header {
    background-color: #002e86 !important;
    color: white;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 8px 0px 8px;
  }

  .popover-header > strong {
    font-size: medium;
  }

  .popover-title-custom {
    font-size: 20px;
    color: white;
    font-family: "Benton Sans BBVA";
    font-weight: 500;
    margin: 16px 16px 16px 0px;
  }

  .popover-title-notification-custom {
    font-size: 13px;
    color: white;
    font-family: "Benton Sans BBVA";
    font-weight: 500;
  }

  /* Close (X) Button */
  .close-popover {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    height: 20px;
    margin: 16px;
    color: #85C8FF;
  }

  .paragraphPopover {
    font-size: 16px;
    color: white;
    font-family: "BentonSansBBVA Book";
    font-weight: 350;
  }

  .paragraphPopover a {
    color: #85C8FF;
    font-size: 16px;
    font-family: "BentonSansBBVA Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-left: 0px !important;
    text-decoration: none !important;
  }

 .paragraphPopover a:hover {
    color: #53A9EF !important;
  }

  .paragraphPopover a:focus {
    color: #53A9EF !important;
  }

  .popover-body-custom {
    padding: 0px 8px;
    margin: 8px 16px 16px 16px !important;
  }

  .popover-body-custom ul {
    list-style-type: disc;
    padding-top: 8px;
    padding-left: 32px;
  }

  .popover-body-custom ul li {
    padding-left: 0px;
  }

  .popover-body-notification-custom {
    padding: 0px 16px 0px 0px;
    width: 30em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

  }

  .popover-body-notification-custom-group {
    display: flex;
  }

  .popover-body-notification-custom-elements {
    font-size: 18px;
    margin: 0 3px;
    display: flex;
    flex-direction: column;
  }

  .popover-link {
    color: #85C8FF !important;
  }

  .popover-delete-all{
    font-weight: 500;
    font-size: 15px;
  }

/* COLORES PARA ESTADOS
- Aprobado: 0B6870 / con fondo azul en los tooltips : 9CE67E
- Pendiente: 906401 / con fondo azul en los tooltips : FFE761
- Rechazado: C30A0A / con fondo azul en los tooltips : FF5252
*/
  .popover-body-notification-custom-state-pending {
    color: #FFE761;
  }

  .popover-body-notification-custom-state-approved {
    color: #9CE67E;
  }

  .popover-body-notification-custom-state-rejected {
    color: #FF5252;
  }

  .weigth350 {
    font-weight: 350;
  }

  .weigth500 {
    font-weight: 500;
  }

  .popover-body-custom ul li {
    padding-bottom: 0;
  }

  .custom-popover-2 .popover-body {
    margin-left:-48px;
    width: calc(100% + 40px)
  }

  .notification-dot {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    display: none; /* Oculto por defecto */
    z-index: 1000;
  }

  .div-custom-textarea {
	outline: 2px solid #46536D;
    outline-offset: -2px;
	border-radius: 8px;
	margin: 0px;
	padding: 4px 16px;
	/*padding: 4px 0px 8px 8px;*/
  }

  .custom-textarea {
	height: 10em; 
	resize: none; 
	border: 0px !important
  }

  .contador-textarea {
	color: #070E46;
    font-size: 12px;
  }

 .custom-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  background-color: white;
  font-family: 'BentonSansBBVA Medium' !important;
  font-size: 15px;
  border: none;
  gap: 12px;
}

.custom-pagination .page-item {
  display: flex;
}

.custom-pagination .page-link {
  color: #001391;
  text-decoration: none;
  padding: 6px 10px;
  border: none;
  background: none;
  font-weight: normal;
  pointer-events: auto;
  font-family: 'BentonSansBBVA Medium' !important;
}

.custom-pagination .page-item.active .page-link {
  opacity: 0.4;
  pointer-events: none;
}

.custom-pagination .page-item.disabled .page-link {
  opacity: 0.4;
  pointer-events: none;
}

.custom-pagination .page-link:hover,
.custom-pagination .page-link:focus,
.custom-pagination .page-link:active {
  color: #001391;
  text-decoration: none;
  background: none;
  outline: none;
  box-shadow: none;
}

.custom-pagination .page-item:first-child,
.custom-pagination .page-item:last-child {
  position: relative;
}

.custom-pagination .page-item:first-child::after,
.custom-pagination .page-item:last-child::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 35px;
  background-color: #ccc;
  margin: 0;
  vertical-align: middle;
}

.links:hover:not(:hover), .elementor-widget-container .accordion .accordion__item a:hover:not(:hover), .links:focus:not(:hover), .elementor-widget-container .accordion .accordion__item a:focus:not(:hover), .links.focusing:not(:hover), .elementor-widget-container .accordion .accordion__item a.focusing:not(:hover), a:hover:not(:hover), a:focus:not(:hover), a.focusing:not(:hover) {
    outline: none !important;
}

.entitylist-filter {
	display: none !important;
}

fieldset, legend {
  border: none;        /* elimina borde del fieldset */
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0); /* recorta para que no se vea */
  white-space: nowrap; /* evita salto de línea */
}

.figma-field-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}

.figma-field-container{
	background: white;
	border-radius: 8px;
	outline: 2px solid #46536D;
	outline-offset: -2px;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 4px 16px;
	position: relative;
	width: 100%;
	cursor: pointer;
	transition: outline 0.2s ease;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.figma-field-container-disable,
.figma-select-wrapper:has(input[disabled]) .figma-field-container {
	background: white;
	border-radius: 8px;
	outline: 2px solid #46536D;
	outline-offset: -2px;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 4px 16px;
	position: relative;
	width: 100%;
	cursor: pointer;
	transition: outline 0.2s ease;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	opacity: 40%;
	user-select: none;
}
/*Clase error todo rojo*/
.figma-field-container-error{
	background: white;
	border-radius: 8px;
	outline: 2px solid #C30A0A;
	outline-offset: -2px;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 4px 16px;
	position: relative;
	width: 100%;
	cursor: pointer;
	transition: outline 0.2s ease;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.figma-floating-label {
  position: absolute;
  left: 16px;
  top: 12px;
  color: #46536D;
  font-family: "Benton Sans BBVA", sans-serif;
  font-weight: 350;
  font-size: 15px;
  line-height: 24px;
  pointer-events: none;
  transition: all 0.2s ease;
  background-color: white;
  z-index: 2;
}

.figma-floating-label--active {
  top: -1px;
  font-size: 12px;
  color: #46536D;
  background: transparent;
}

.figma-select-wrapper.disabled .figma-field-container {
  	background-color: #FFFFFF !important;
    opacity: 0.4;
    color: #47536D !important;
    pointer-events: none;
}

/* Si hay valor o el contenedor tiene focus → flotar */
.figma-field-container:not(:has(input:disabled)):focus-within .figma-floating-label,
.figma-field-container:not(:has(input:disabled)):focus .figma-floating-label,
.figma-field-container:not(:has(input:disabled)).has-value .figma-floating-label {
  font-size: 12px;
  top: 4px;
  line-height: 14px;
}

.figma-field-container:focus-within .figma-icon-input-clear,
.figma-field-container:focus .figma-icon-input-clear,
.figma-field-container.has-value .figma-icon-input-clear {
  opacity: 1;
}

.figma-field-container input:disabled + .figma-icon-input-clear,
.figma-field-container input:disabled ~ .figma-icon-input-clear {
  display: none;
}
 
.figma-field-container input:disabled + .figma-icon-input-calendar,
.figma-field-container input:disabled ~ .figma-icon-input-calendar {
  background: none !important;
  cursor: unset !important;
}


/*Icono X*/
.figma-icon-input-clear {
	opacity: 0;
	top: 2px;
	position: relative;
	background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: #001489;
    padding: 0 4px;
    line-height: 1;
	opacity: 1;
}
/*Icono basura*/
.figma-icon-input-delete{
	opacity: 0;
	top: 2px;
	position: relative;
	background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: #001489;
    padding: 0 4px;
    line-height: 1;
	opacity: 1;
}

/*Icono X en rojo*/
.figma-field-container-error .figma-icon-input-clear {
	color: #C30A0A !important;
}
/*Borde*/
.figma-field-container-error .select-container{
	color: #C30A0A !important;
} 

/*Etiqueta*/
.figma-field-container-error .figma-floating-label{
	color: #C30A0A !important;
}

/*Mensaje de error*/
.figma-field-container .error-message {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #C30A0A;
    font-size: 1em;
    margin-top: 4px;
}


.figma-icon-input-clear:disabled {
	opacity: 0.4 !important;
}

.figma-icon-input-calendar {
	top: 2px;
	position: relative;
	background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: #001489;
    padding: 0 4px;
    line-height: 1;
	opacity: 1;
}

.figma-icon-input-calendar:disabled {
    opacity: 0.4 !important;
}

/* Valor del campo */
.figma-field-content {
  flex: 1;
  color: #46536D;
  font-size: 15px;
  font-family: "Benton Sans BBVA", sans-serif;
  font-weight: 350;
  line-height: 24px;
  z-index: 1;
  top: 6px;
  position: relative;
  min-height: 24px; /* asegura altura mínima */
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  border: none !important;
}

.figma-field-search {
	flex: 1;
  color: #46536D;
  font-size: 15px;
  font-family: "Benton Sans BBVA", sans-serif;
  font-weight: 350;
  line-height: 24px;
  z-index: 1;
  top: 6px;
  position: relative;
  min-height: 24px; /* asegura altura mínima */
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  border: none !important;
}

.figma-field-search:focus {
	border: none !important;
	outline: none !important;
}

.figma-selected-option {
  font-size: 15px;
  color: #46536D;
  font-family: "Benton Sans BBVA", sans-serif;
  font-weight: 350;
  line-height: 24px;
  height: 24px;
}

.figma-single-select-dropdown-options, .figma-multi-select-dropdown-options {
	position: absolute;
    top: 115%;
    left: 0;
    right: 0;
	background: #F7F8F8;
    border: none;
    margin-top: -8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.figma-single-select-dropdown-options {
    padding: 0px 16px 8px 16px;
	max-height: 250px;
} 

.figma-multi-select-dropdown-options {
    padding: 0px 16px 40px 16px;
	height: 250px;
}

.figma-multi-select-dropdown-actions {
    display: flex;
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: 255px;
    background: #fff;
    border: none;
    padding: 8px;
    border-radius: 8px;
	left: 0;
	height: 5.5rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.figma-multi-select-dropdown-actions>button {
    background-color: #001489;
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
}

.figma-alert {
  margin-top: 4px;
  color: #C30000;
  font-size: 14px;
  font-family: "Benton Sans BBVA", sans-serif;
}

.figma-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  background: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  z-index: 1000;
}

.figma-select-option {
  list-style: none;
  margin: 0;
  cursor: pointer;
  outline: none;
  padding: 8px 16px;
  padding-bottom: 8px !important;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #FFF;
  border-radius: 8px;
  margin: 8px 0px 8px 0px;
}

.figma-select-option:hover{
	background-color: #F7F8F8;
}

.figma-select-option.selected {
  background-color: #001391;
}

.figma-select-option.selected>span {
  	color: #fff;
}

.figma-select-option.selected .figma-label-option-multiselect>span {
  	color: #fff;
}

.figma-select-option>span,
.figma-label-option-multiselect>span {
	font-size: 15px;
    font-family: "Benton Sans BBVA", sans-serif;
    font-weight: 350;
    line-height: 24px;
    color: #070E46;
    background: transparent;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-arrow {
  font-size: 24px;
  height: 24px;
  width: 24px;
  transition: transform 0.3s ease; /* Mover aquí la transición */
}

.figma-select-toggle.open .dropdown-arrow {
  transform: rotate(-180deg);
}

.figma-field-container input[type="text"].figma-input,
.figma-field-container input[type="email"].figma-input,
.figma-field-container input[type="url"].figma-input {
  width: 100%;
  border: none;
  flex: 1;
  color: #46536D;
  font-size: 15px;
  font-family: "Benton Sans BBVA", sans-serif;
  font-weight: 350;
  line-height: 24px;
  z-index: 1;
  top: 6px;
  position: relative;
  min-height: 24px;
  background: transparent;
  outline: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  appearance: none; /* limpia estilos por defecto */
}

.figma-field-container input[type="text"].figma-input:disabled,
.figma-field-container input[type="email"].figma-input,
.figma-field-container input[type="url"].figma-input {
  border: none !important;
}

.figma-input::-webkit-input-placeholder { /* Chrome, Safari */
  color: #999;
}
.figma-input::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
.figma-input:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
.figma-input::placeholder {
  color: #999 !important;
}

.figma-label-option-multiselect {
	display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    cursor: pointer;
	justify-content: space-between;
}

.figma-label-option-multiselect>i {
	width: 24px;
	height: 24px;
	font-size: 24px;
	display: none; /*Iconos ocultos al inicio*/
	color: #fff;
}

.figma-select-option.selected .figma-label-option-multiselect>i {
  	display: block;
}

.figma-label-option-multiselect .custom-box{
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
    border: 1px solid #47536D;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}

.figma-label-option-multiselect input[type="checkbox"]:checked + .custom-box i {
    display: block;
}

.figma-label-option-multiselect .custom-box i {
    min-width: 100%;
    min-height: 100%;
    font-size: 32px;
    display: none;
    position: relative;
    left: -1px;
}

.figma-label-option-multiselect input[type="checkbox"] {
    appearance: none;
}

.figma-icon-input-clock{
	top: 2px;
    position: relative;
    background: none;
    border: none;
    font-size: 24px;
    color: #001489;
    padding: 0 4px;
    line-height: 1;
    opacity: 1;
}

.bbva-date-range {
  	border: 2px solid #46536D;
    border-radius: 8px;
    padding: 4px 16px;
    cursor: pointer;
    background-color: #fff;
    color: #3C486B;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 350px;
    height: 48px;
    position: relative;
    font-family: "Benton Sans BBVA", sans-serif;
    gap: 8px;
}

.bbva-date-field {
  	display: flex;
	flex-direction: column;
    flex: 1;
    min-width: 100px;
    position: relative;
    top: 7px;
}

.bbva-date-field input[type="text"] {
  border: none;
  outline: none;
  font-size: 14px;
  color: #46536D;
  padding: 2px 4px;
  background: transparent;
  width: 100%;
}

.separator {
  color: #46536D;
  font-size: 24px;
  user-select: none;
}

.bbva-icon-clear,
.bbva-icon-calendar {
  top: 2px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 24px;
  color: #001489;
  padding: 0 4px;
  line-height: 1;
  opacity: 1;
}

.bbva-icon-clear:hover,
.bbva-icon-calendar:hover {
  color: #0050C9;
}

.date-floating-label {
    position: absolute;
    color: #46536D;
    font-family: "Benton Sans BBVA", sans-serif;
    font-weight: 350;
    font-size: 15px;
    line-height: 24px;
    pointer-events: none;
    transition: all 0.2s ease;
    background-color: white;
    z-index: 2;
    top: -6px;
}

.bbva-date-field input[type="text"]:not(:focus):placeholder-shown + .date-floating-label {
  transform: translateY(0);
  font-size: 15px;
  top: 8px;
}

/* Cuando el input tiene foco o valor */
.bbva-date-field.focused .date-floating-label,
.bbva-date-field.filled .date-floating-label {
  	transform: translateY(-18px);
	font-size: 12px;
	line-height: 14px;
    top: 4px;
    left: 4px;
}

.alert-style-info{
	background-color: #d6e9f8;
	border: 16px;
	padding: 16px;
}

/*MODALES*/
	.custom-modal {
        border-radius: 10px;
        padding: 2rem;
    }

    .custom-modal .modal-body {
        background-color: white;
        border-radius: 10px;
        position: relative;
    }

    .modal-backdrop.show {
        opacity: 1;
        background-color: #2b2ba4;
    }

    .modal-icon-warning-error {
        color: #C30A0A;
        font-size: 80px;
    }

	.modal-icon-warning {
        color: darkgoldenrod;
        font-size: 5em;
    }

	.modal-icon-check{
        color: darkgreen;
        font-size: 5em;
    }

    .modal-title-text {
        font-family: "Tiempos Headline";
        font-size: 48px;
        font-weight: 700;
        color: #070E46;
        line-height: 56px;
        gap: 8px;
        align-items: center;
    }

    .modal-description-text {
        font-family: "Benton Sans BBVA";
        font-size: 15.01px;
        font-weight: 350;
        color: #070E46;
        line-height: 24px;
        align-items: center;

    }

    .btn-close::before {
        content: "\00d7";
        color: #070E46 !important;
        font-size: 40px;
    }

    .btn-blue {
        background-color: #001391;
        width: 267px;
        height: 56px;
        min-width: 128px;
        padding: 16px 32px 16px 32px;    
        text-decoration: none;   
        border-radius: 8px;
    }

    .btn-blue-text{
        font-family: "Benton Sans BBVA";
        font-size: 15.01px;
        font-weight: 500;
        color: white;
        line-height: 24px;
        align-items: center;
        white-space: nowrap;
        width: auto;
        height: auto;
        text-decoration: none;
    }

    .btn-blue:hover {
        background-color: #070E46;
    }

    .btn-blue-text:hover{
        color: white !important;
        text-decoration: none !important;
    }

    .btn-blue-text:active, .btn-blue-text:active, .btn-blue-text:focus{
        color: white !important;
    }

	.modal-size-title {
        font-family: "Tiempos Headline";
        font-size: 32px;
    }

    .modal-size-text {
        font-size: 20px;
    }

.seccion-encuesta {
	color: #070E46 !important;
	font-size: 16px !important;
	background-color: #F7F8F8;
	padding: 24px;
	min-height: 72px;
	border-radius: 16px;
	font-weight: 700;
	margin-bottom: 24px;
}

.titulo-seccion-encuesta {
	display: flex !important;	
	width: 100%;		 			 
}

.toggle-link.link-seccion-encuesta {
	text-decoration: none !important;
	color: #070E46;
	font-size: 16px !important;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	border: 0px !important;
	outline: 0px !important;	   
}

.contenedor-pregunta-encuesta {
	margin: 8px 0px 32px 0px					 
}

.pregunta-encuesta {
	color: #070E46;
	font-size: 15px !important;
	margin-bottom: 16px;	 
}

.contenedor-pregunta-encuesta:first-of-type {
  margin-top: 32px;				
}

/* Mostrar ícono de expandir cuando está colapsado */
.link-seccion-encuesta.collapsed .spherica-expand {
  display: inline;	 
}
.link-seccion-encuesta.collapsed .spherica-collapse {														 
  display: none;
}
 
/* Mostrar ícono de colapsar cuando está expandido */
.link-seccion-encuesta:not(.collapsed) .spherica-collapse {
  display: inline;			
}

.link-seccion-encuesta:not(.collapsed) .spherica-expand {
  display: none;				   
}

.icono-modal-encuesta {	 
	font-size: 64px !important;			
    color: #070e46;		 							
    width: 64px;							   		   
    height: 64px;   
    position: relative;
	display: inline;
}

.titulo-modal-encuesta {
	font-family: 'Tiempos Headline Bold' !important;
	font-weight: 700;
	font-size: 32px !important;
	line-height: 40px;
	margin: 8px 0px 4px 0px;
	color: #070E46;
}

.subtitulo-modal-encuesta {
	font-family: "BentonSansBBVA Medium" !important;
	font-weight: 500;
	font-size: 24px !important;
	line-height: 32px;
	margin: 4px 0px 8px 0px;
	color: #070E46;
}

.titulo-parrafo-modal-encuesta {
	font-family: "BentonSansBBVA Medium" !important;
	font-weight: 500;
	font-size: 20px !important;
	line-height: 24px !important;
	margin: 4px 0px 8px 0px;
	color: #070E46;
}

.body-modal-encuesta {
	display: flex;
	margin-top: 24px;
	margin-bottom: 24px;	   
}

.body-modal-encuesta>p {
	font-family: "BentonSansBBVA Book" !important;
	font-weight: 350;
	font-size: 15px !important;				   	 
	line-height: 24px;
	color: #070E46;
	margin-top: 8px;
	margin-bottom: 16px;
}

/* Botón principal para añadir URL */
.add-url-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: transparent;
    border: none;
    color: #001391;
    font-weight: 500;
    font-family: "Benton Sans BBVA";
    size: 15.01px;
    line-height: 24px;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
}
.add-url-button:hover { background-color: #e9f2ff; }
.add-url-button span { font-size: 20px; line-height: 1; }

.card-header-custom {
  display: flex;
  justify-content: space-between;
}

.ellipsis-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Número de líneas máximo */
  line-clamp: 3;    
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alert-info-style {
    --bs-alert-color: #070E46 !important;
    --bs-alert-bg: #D6E9F8 !important;
    --bs-alert-border-color: #D6E9F8 !important;
	--bs-alert-border-radius: 16px !important;
	padding: 16px !important;
}