:root {
	--color-principal: #325cd9;
	--color-azul-oscuro: #142559;
	--fondo-degradado: linear-gradient(180deg, #0439d9 0%, #142559 100%);
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('../fonts/Poppins-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('../fonts/Poppins-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('../fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
}

a {
	color: #07597e;
}

main.main .menu {
	padding-bottom: 60px;
}

main.main .menu .avatar {}

main.main .menu .avatar>a img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	object-position: center;
	border-radius: 100%;
}

main.main .menu .avatar>a {
	display: flex;
	align-items: center;
}

main.main .menu .avatar>a i {
	font-size: 24px;
}

main.main .menu ul.nav {
	display: flex;
	gap: 15px;
}

main.main .menu ul.nav>li {}

main.main .menu ul.nav>li>a {
	background-color: transparent;
	background-image: var(--fondo-degradado);
	padding: 10px 24px !important;
	color: #fff !important;
	font-weight: 500;
	border-radius: 10px 10px 10px 10px;
}

main.main .menu .dropdown-menu {
	border: 0;
	border-radius: 8px;
	box-shadow: 0 2px 2px 0 #00000030;
}

main.main .menu .dropdown-menu li a {
	font-size: 14px;
}

main.main section.section .section__title {
	padding-bottom: 40px;
}

main.main section.section .section__title h2 {
	display: flex;
	gap: 15px;
	margin: 0;
	font-size: 36px;
	font-weight: 600;
	color: #3f3f3f;
	margin-bottom: 20px;
	align-items: center;
}

main.main section.section .section__title>p {
	font-size: 16px;
	color: #878787;
	max-width: 800px;
	margin: 0;
}

main.main section.section .section__title a.goback {
	padding: 10px;
}

main.main section.section .section__title a.btn:not(.goback) {
	padding: 12px 28px;
}

main.main section.section .section__title a.goback svg path {
	fill: #fff;
}

/* IMPORTAR ESTILOS */

main.main section.section .importar_resultados .tabl-informe {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #adadad;
}

main.main section.section .importar_resultados .estados .feature .box {
	background-image: var(--fondo-degradado);
	display: flex;
	gap: 10px;
	padding: 10px;
	border-radius: 10px;
}

main.main section.section .importar_resultados .estados .feature .box-info {
	background-image: inherit;
}

/*main.main section.section .importar_resultados .estados .feature .box-success{
    background-image: inherit;
    background-color: #8add2a;

}
main.main section.section .importar_resultados .estados .feature .box-danger{
    background-image: inherit;
    background-color: #f44336;

}*/
main.main section.section .importar_resultados .estados .feature .feature-icon {
	background: transparent !important;
	color: #000 !important;
	padding: 0 !important;
}

main.main section.section .importar_resultados .estados .feature .feature-icon svg {
	fill: #fff;
	width: 42px;
	height: auto;
}

main.main section.section .importar_resultados .estados .feature .txt {
	color: #fff;
}

main.main section.section .importar_resultados .estados .feature .txt h3 {
	color: #fff !important;
	font-weight: 600;
	font-size: 0.9rem;
	margin-bottom: 0px;
}

main.main section.section .importar_resultados .estados .feature .txt p {
	margin: 0;
	font-size: 1rem;
}

main.main section.section .dtables table {
	border: 1px solid #8f8f8f;
	border-radius: 20px;
	font-size: 16px;
}

main.main section.section .dtables table.dataTable {
	border-radius: 0;
	border: 0;
}

main.main section.section .dtables table thead tr th,
main.main section.section .dtables table tfoot tr th {
	background-color: #f4872d;
	padding: 15px 30px;
	border: 0;
}

main.main section.section .dtables table thead tr th:first-of-type {
	border-radius: 20px 0 0 0;
}

main.main section.section .dtables table tfoot tr th:first-of-type {
	border-radius: 0 0 0 20px;
}

main.main section.section .dtables table thead tr th:last-of-type {
	border-radius: 0 20px 0 0;
}

main.main section.section .dtables table tfoot tr th:last-of-type {
	border-radius: 0 0 20px 0;
}

main.main section.section .dtables table tbody tr td {
	background-color: #a3a3a340;
}

main.main section.section .dtables table tbody tr:nth-child(2n) td {
	background-color: #ffffff59;
}

main.main section.section .dtables table tbody tr td {
	padding: 15px 30px;
}

main.main section.section .dtables table:not(.dataTable) tbody tr:last-of-type td:first-of-type {
	border-radius: 0px 0px 0px 20px;
}

main.main section.section .dtables table:not(.dataTable) tbody tr:last-of-type td:last-of-type {
	border-radius: 0px 0px 20px 0px;
}

main.main section.section .dtables table thead tr th,
main.main section.section .dtables table tbody tr td,
main.main section.section .dtables table tfoot tr th {
	border-right: 1px solid #00000021;
}

main.main section.section .dtables table thead tr th:last-of-type,
main.main section.section .dtables table tbody tr td:last-of-type,
main.main section.section .dtables table tfoot tr th:last-of-type {
	border-right: 0;
}

main.main section.section .dataTables_paginate {
	padding-top: 20px;
}

main.main section.section .dataTables_paginate a.paginate_button {
	background-color: #25577b;
	border-radius: 6px;
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
}

main.main section.section .dataTables_paginate a.paginate_button.current,
main.main section.section .dataTables_paginate a.paginate_button:hover {
	background-image: var(--fondo-degradado);
}

main.main section.section .dataTables_paginate a.paginate_button.disabled {
	opacity: .4;
}

main.main section.section .dataTables_length,
main.main section.section .dataTables_filter {
	padding: 20px 0;
}

main.main section.section .dataTables_filter input {
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 35px;
	outline: none;
	margin-left: 10px;
	border: 1px solid #e68d42;
}

main.main section.section .importar_resultados .informe-title {
	align-items: center;
}

main.main section.section .importar_resultados .informe-title h2 {
	font-weight: 600;
	font-size: 26px;
	margin: 0;
	padding: 0 !important;
}

main.main section.section .importar_resultados .informe-title button.descargar-informe-error {
	display: inline-flex;
	gap: 15px;
	align-items: center;
	padding: 12px 28px;
}

main.main section.section.productos .input-group input {
	padding: 12px 20px;
}

main.main section.section.simulacion .simulacion-informe {
	order: 3;
	padding-top: 40px;
}

main.main section.section.simulacion .informes {
	display: grid;
	gap: 50px;
	padding: 0 10%;
	padding-top: 40px;
	grid-template-columns: 100%;
}

main.main section.section.simulacion .informes .informe .informe-title h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
}

main.main section.section.simulacion .informes .informe .informe-title select {
	display: inline-block;
	max-width: 200px;
	border-radius: 35px;
	border: 1px solid #ddd;
	box-shadow: 0 0 0 0;
}

main.main section.section.simulacion .informes .informe .informe-title select.lista-bodegas {
	max-width: 240px;
}

.table>:not(caption)>*>* {
	background-color: transparent;
}

.table>:not(caption)>*>* {
	border: 0;
}

main.main section.section.simulacion .informes .informe table {
	vertical-align: middle;
	border: 0;
	margin: 0;
}

main.main section.section.simulacion .informes .informe table thead tr td,
main.main section.section.simulacion .informes .informe table tfoot tr td {
	background-color: transparent;
	background-image: var(--fondo-degradado);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 30px;
	vertical-align: middle;
	border-right: 1px solid #00000021;
}

.w2ui-grid .w2ui-grid-body {
	user-select: text !important;
	pointer-events: auto !important;
}

main.main section.section.simulacion .informes .informe table thead tr td:last-of-type {
	border: 0;
}

main.main section.section.simulacion .informes .informe table thead tr td:first-of-type {
	border-radius: 20px 0px 0px 0px;
}

main.main section.section.simulacion .informes .informe table thead tr td:last-of-type {
	border-radius: 0px 20px 0px 0px;
}

main.main section.section.simulacion .informes .informe table tbody tr td:first-of-type {
	font-weight: bold;
}

main.main section.section.simulacion .informes .informe table tfoot tr td:first-of-type {
	border-radius: 0px 0px 0px 20px;
}

main.main section.section.simulacion .informes .informe table tfoot tr td:last-of-type {
	border-radius: 0px 0px 20px 0px;
}

main.main section.section.simulacion .informes .informe table tbody tr.blue {
	background-color: #2d8dda;
	color: #fff;
}

main.main section.section.simulacion .informes .informe table tbody tr.green {
	background-color: #4ab54e;
	color: #fff;
}

main.main section.section.simulacion .informes .informe table tbody tr.yellow {
	background-color: #f0b400;
	color: #fff;
}

main.main section.section.simulacion .informes .informe table tbody tr.red {
	background-color: #ff4133;
	color: #fff;
}

main.main section.section.simulacion .informes .informe table tbody tr.gray {
	background-color: #000;
	color: #fff;
}

main.main section.section.simulacion .informes .informe table tbody tr.white {
	background-color: #f7f7f7;
	color: #000;
}

main.main section.section.simulacion .informes .informe table tbody tr.orange {
	background-color: #ff6933;
	color: #fff;
}

main.main section.section.simulacion .informes .informe table tbody tr.total {
	background-color: #606060;
	color: #fff;
}

main.main section.section.simulacion .informes .informe table tbody tr.blue td,
main.main section.section.simulacion .informes .informe table tbody tr.green td,
main.main section.section.simulacion .informes .informe table tbody tr.yellow td,
main.main section.section.simulacion .informes .informe table tbody tr.red td,
main.main section.section.simulacion .informes .informe table tbody tr.gray td,
main.main section.section.simulacion .informes .informe table tbody tr.orange td,
main.main section.section.simulacion .informes .informe table tbody tr.total td {
	background-color: transparent;
	color: #fff;
}

main.main section.section.simulacion .simulacion-calculos {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
}

main.main section.section.simulacion .simulacion-calculos .col {
	background-color: transparent;
	background-image: var(--fondo-degradado);
	width: 20%;
	display: flex;
	padding: 12px;
	color: #fff;
	flex: auto;
	flex-direction: column;
	border-radius: 10px 10px 10px 10px;
}

main.main section.section.simulacion .simulacion-calculos .col h4 {
	font-size: 16px;
	font-weight: 600;
}

main.main section.section.simulacion .simulacion-calculos .col .value {
	font-size: 14px;
}

/* TABLA ESCENARIOS */

main.main section.section.simulacion .informes .informe.escenarios table tbody tr {}

main.main section.section.simulacion .informes .informe.escenarios table tbody tr.parent-row+tr {
	border-bottom: 1px solid #00000021;
}

main.main section.section.simulacion .informes .informe.escenarios table tbody tr td {
	background-color: transparent;
	padding: 20px;
	border: 1px solid #00000021;
}

main.main section.section.simulacion .informes .informe.escenarios table tbody tr.parent-row td.name-col {
	background-color: #f7f7f7;
	font-weight: bold;
}

main.main section.section.simulacion .informes .informe.escenarios table tbody tr td:first-of-type {
	font-weight: normal;
}

main.main section.section.simulacion .informes .informe.escenarios table tbody tr:nth-child(5) td.name-col,
main.main section.section.simulacion .informes .informe.escenarios table tbody tr:nth-child(13) td.name-col {
	background-color: #fff;
}

main.main section.section.simulacion .informes .informe.escenarios table tbody tr td {}


/* PLANES */

main.main section.section.planes .col .card {
	border: 0;
	border-radius: 12px !important;
	box-shadow: 0 2px 2px 0 #00000030 !important;
}

main.main section.section.planes .col .card .card-header {
	background-color: #f9f9f9;
	border-bottom: 1px solid #e8e8e8;
	border-radius: 12px 12px 0 0 !important;
}

main.main section.section.planes .col:last-of-type .card {
	border: 1px solid var(--color-principal) !important;
}

main.main section.section.planes .col:last-of-type .card .card-header {
	background-image: var(--fondo-degradado);
	border-color: var(--color-principal) !important;
	color: #fff;
}

main.main section.section.planes .card-body a {
	font-size: 18px;
	font-weight: 600;
}

main.main section.section.planes .card-body .card-title {
	font-size: 34px;
}

/* LOGIN */
main.main section.section.login label.error {
	margin-top: 5px;
	font-size: 14px;
	color: #F44336;
}

main.main section.section.login .recover a {
	font-weight: 500;
	text-decoration: none;
}

main.main section.section.login .recover a:hover {
	text-decoration: underline;
}

/* PERFIL */

.perfil .perfil-card .avatar a {
	display: inline-block;
}

.perfil .perfil-card .avatar a i {
	font-size: 80px;
	color: #000;
}

.perfil .perfil-card .avatar img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	object-position: center;
}

.perfil .plan-status {}

.perfil .plan-status .btn {
	font-size: 14px;
	cursor: default;
	color: #ffffff;
	padding: 10px 20px;
}

.perfil .plan-status .btn.btn-secondary {
	background-color: #e64e4e;
}

/* EDITAR PERFIL */

.e-profile .perfil_image {
	display: flex;
	gap: 15px;
	align-items: center;
}

.e-profile .dropzone {
	min-height: inherit;
	width: auto;
	display: inline-block;
}

.e-profile .perfil_image>a {
	font-size: 14px;
	color: #cb2d2d;
	font-weight: 600;
}

.e-profile .dropzone #choose {
	position: relative;
	cursor: pointer;
	display: flex;
	min-width: 120px;
	min-height: 120px;
	color: #6a6a6a;
	margin: auto;
	font-size: .9rem;
	border-radius: 1rem;
	font-weight: 600;
	overflow: hidden;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-transform: uppercase;
	border: 3px dashed rgb(#fff, .1);
	transition: color .2s ease, border .2s ease;
}

.e-profile .dropzone #choose .text-drop {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
}

.e-profile .dropzone #choose .text-drop i {
	font-size: 22px;
}

.e-profile .dropzone #choose.error {
	border-color: #cb2d2d;
}

.e-profile .dropzone #choose svg {
	margin-bottom: .4rem;
	opacity: .4;
	width: 32px;
	transition: opacity .2s ease;
}

.e-profile .dropzone #choose:hover {
	color: #000;

	svg {
		opacity: 1;
	}
}

.e-profile .dropzone #choose .preview {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	transition: opacity .2s ease;
}

.e-profile .dropzone #choose .preview img {
	position: absolute;
	width: 80%;
	height: 80%;
	margin: auto;
	left: 50%;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	object-fit: cover;
	object-position: center;
	transform: translate(-50%, -50%);
}

.e-profile .dropzone #choose .preview img.added {
	animation-name: animeDrop;
	animation-duration: .5s;
	animation-fill-mode: forwards;
}

.e-profile .dropzone {
	border: 2px dashed rgba(0, 0, 0, 0.3);
	background: white;
	border-radius: 6px;
}

.e-profile .dropzone #choose:hover .preview {
	opacity: .4;
}

@keyframes animeDrop {
	from {
		opacity: 0;
		visibility: hidden;
	}

	to {
		opacity: 1;
		visibility: visible;
	}
}

/* ? SIMULACION NEW TABLE */

.simulacion .nw-table .btn-action {
	font-weight: 500;
	font-size: 14px;
	padding: 6px 12px;
	margin-right: 10px;
	border-radius: 4px;
}

.simulacion .nw-table .btn-action:last-of-type {
	margin-right: 0;
}

.simulacion .nw-table .w2ui-grid {
	border: 0;
	border-radius: 16px;
}

.simulacion .nw-table .grid-s .w2ui-grid-toolbar {
	background-color: rgb(255 255 255 / 40%);
	border: 0;
}

.simulacion .nw-table .w2ui-grid .w2ui-grid-body .w2ui-grid-columns {
	box-shadow: 0 0 0 0;
}

.simulacion .nw-table .w2ui-grid .w2ui-grid-body .w2ui-grid-columns tbody tr td {
	background-image: var(--fondo-degradado);
	border-bottom: 0;
	color: #fff;
}

.simulacion .nw-table .w2ui-grid .w2ui-grid-body .w2ui-grid-columns tbody tr td .w2ui-sort-up {
	border-bottom: 5px solid #ffffff;
}

.simulacion .nw-table .w2ui-grid .w2ui-grid-body .w2ui-grid-columns tbody tr td .w2ui-sort-down {
	border-top: 5px solid #ffffff;
}

/* CHECKOUT CHECKBOX */
.form-radios {}

.form-radios .form-selectgroup-item {
	position: relative;
	margin: 0 0.5rem 0.5rem 0;
	display: block;
}

.form-radios .form-selectgroup-item .form-selectgroup-label {
	position: relative;
	display: block;
	margin: 0;
	font-size: .875rem;
	line-height: 1.4285714286;
	color: #6c7a91;
	background: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #dce1e7;
	border-radius: 12px;
	text-align: left;
	box-shadow: 0 1px 1px rgb(24, 36, 51, 0.06);
	transition: border-color .3s, background .3s, color .3s;
}

.form-radios .form-selectgroup-item .form-selectgroup-label h4 {
	color: #000;
	font-weight: 600;
	font-size: 18px;
}

.form-radios .form-selectgroup-item .form-selectgroup-label span.precio {
	font-weight: 400;
	font-size: 14px;
	color: #939393;
}

.form-radios .form-selectgroup-input {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
}

.form-radios .form-selectgroup-item .form-selectgroup-check {
	background-color: #dddddd;
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 35px;
}

.form-radios .form-selectgroup-item .form-selectgroup-input[type=radio]:checked+.form-selectgroup-label {
	border-color: #FC684B;
}

.form-radios .form-selectgroup-item .form-selectgroup-input[type=radio]:checked+.form-selectgroup-label .form-selectgroup-check {
	background-color: #FC684B;
}

/* ? RESPUESTA COMPRA */

main.main .ck-response section.section .section__title h2 {
	margin: 0;
	justify-content: center;
}

main.main .ck-response section.section .card {
	border: 0;
	border-radius: 20px;
}

main.main .ck-response section.section .card .card-body {
	padding: 2rem;
}

main.main .ck-response section.section .card .card-body table tr {
	border-top: 0;
}

main.main .ck-response section.section .card .card-body table tr:last-of-type {
	border-bottom: 0;
}

main.main .ck-response section.section .card .card-body table tr td {
	padding: 10px 0;
}

main.main .ck-response section.section .card .card-body table tr td span.estado {
	background-color: #e7e7e7;
	display: inline-block;
	padding: 6px 20px;
	border-radius: 35px;
}

main.main .ck-response section.section .card .card-body table tr td span.rechazada,
main.main .ck-response section.section .card .card-body table tr td span.cancelada {
	background-color: #f24b4b;
	color: #fff;
}

main.main .ck-response section.section .card .card-body table tr td span.aceptada {
	background-color: #72a92c;
	color: #fff;
}

main.main .ck-response section.section .card .card-body table tr td span.pendiente {
	background-color: #eb9312;
	color: #fff;
}

main.main .main__container>section.section {
	background-color: #fff;
	display: flex;
	padding: 2rem;
	flex-direction: column;
	border-radius: 32px;
}

main.main section.section.simulacion.crear {}

main.main section.section.importar form.frmo .input-group {}

main.main section.section.importar form.frmo .input-group button {
	width: auto;
}

.fc-escenario a.off-button {
	position: fixed;
	left: 0;
	top: 8%;
	border-radius: 0 6px 6px 0;
	transition: left 0.3s ease-in-out;
}

.fc-escenario .offcanvas.showing+a.off-button {
	left: 400px;
}

.fc-escenario .offcanvas.show+a.off-button {
	left: 400px;
	z-index: 9999;
}

.fc-escenario .offcanvas.show.hiding+a.off-button {
	transition: left 0.3s ease-in-out;
	left: 0;
}

.fc-escenario .offcanvas .offcanvas-body .tab-pane h4 {
	font-size: 16px;
}

.fc-escenario .offcanvas .offcanvas-body .group .input-icon {
	position: relative;
}

.fc-escenario .offcanvas .offcanvas-body .group .input-icon .input-icon-addon {
	position: absolute;
	right: 15px;
	top: 50%;
	display: flex;
	transform: translateY(-50%);
}

.fc-escenario .offcanvas .offcanvas-body .group .ts-wrapper .ts-control,
.fc-escenario .offcanvas .offcanvas-body .group input.form-control {
	font-size: 14px;
	border-radius: 35px;
	box-shadow: 0 0 0 0;
}

.fc-escenario .offcanvas .offcanvas-body .ts-dropdown {
	font-size: 14px;
}

/* STYLES FORM ELEMENTS */

.form-control,
.form-select {
	box-shadow: 0 0 0 0 !important;
	border-radius: 35px;
	padding: 0.5rem 1.2rem;
	font-weight: 600;
}

.elementor-10 .elementor-element.elementor-element-07ce9b1 .elementor-button {
	background: var(--fondo-degradado) !important;
}

.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after,
.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--dropdown a:hover,
.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--dropdown a.highlighted {
	background-color: var(--color-principal) !important;
}

.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--main .elementor-item:hover,
.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--main .elementor-item:focus {
	color: var(--color-principal) !important;
	fill: var(--color-principal) !important;
}

.elementor-10 .elementor-element.elementor-element-d277811 .elementor-nav-menu--dropdown {
	background-color: var(--color-azul-oscuro) !important;
}

header.heder {}

header.heder ul.usr-whatsapp {
	margin: 0;
	padding: 0;
}

header.heder ul.usr-whatsapp li {
	font-size: 14px;
	display: flex;
	gap: 5px;
	padding-bottom: 10px;
	align-items: center;
	justify-content: center;
}

header.heder ul.usr-whatsapp li i {
	width: auto;
	color: #00E411;
	font-size: 1.45rem;
}

footer.elementor-location-footer {
	background-color: var(--color-azul-oscuro) !important;
}

.elementor-127 .elementor-element.elementor-element-2d57eec:not(.elementor-motion-effects-element-type-background),
.elementor-127 .elementor-element.elementor-element-2d57eec>.elementor-motion-effects-container>.elementor-motion-effects-layer,
.elementor-127 .elementor-element.elementor-element-6705d36:not(.elementor-motion-effects-element-type-background),
.elementor-127 .elementor-element.elementor-element-6705d36>.elementor-motion-effects-container>.elementor-motion-effects-layer {
	background-color: transparent !important;
}

.elementor-127 .elementor-element.elementor-element-b19784d .elementor-social-icon {
	background-color: var(--color-principal) !important;
}

.elementor-127 .elementor-element.elementor-element-3a505c4 .elementor-icon-list-icon i {
	color: #0439d9;
}

.elementor-127 .elementor-element.elementor-element-3a505c4 .elementor-icon-list-item {
	display: flex;
	font-size: inherit;
	align-items: var(--icon-vertical-align, center);
}

.elementor-127 .elementor-element.elementor-element-3a505c4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child) {
	margin-top: calc(10px/2);
}

.elementor-127 .elementor-element.elementor-element-3a505c4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child) {
	padding-bottom: calc(10px/2);
}

.elementor-127 .elementor-element.elementor-element-3a505c4 .elementor-icon-list-icon+.elementor-icon-list-text {
	align-self: center;
	padding-left: 5px;
}

.elementor-127 .elementor-element.elementor-element-3a505c4 .elementor-icon-list-icon {
	display: flex;
	position: relative;
	top: var(--icon-vertical-offset, initial);
}

.elementor-127 .elementor-element.elementor-element-3a505c4 .elementor-icon-list-icon i {
	width: 1.25em;
	font-size: 18px;
}

.mc-detalle .section__title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mc-detalle .mc-controles {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #ffffff;
	padding: 24px;
	border-radius: 16px;
	margin-bottom: 20px;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

/* Sección de Filtros */
.mc-detalle .mc-controles .filtros-section {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.mc-detalle .mc-controles .filtros-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	align-items: end;
}

.mc-detalle .mc-controles .select {
	width: 100%;
}

/* Sección de Acciones */
.mc-detalle .mc-controles .acciones-section {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 20px;
	padding-top: 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	flex-wrap: wrap;
}

.mc-detalle .mc-controles .periodo-container {
	flex: 0 0 auto;
	min-width: 200px;
}

.mc-detalle .mc-controles .botones-container {
	display: flex;
	gap: 12px;
	flex: 1;
	justify-content: flex-end;
	align-items: center;
}

.mc-detalle .mc-controles .botones {
	display: flex;
	gap: 10px;
	min-width: 220px;
}

/* Choices.js - Contenedor principal */
.mc-detalle .mc-controles .choices {
	margin-bottom: 0;
}

.mc-detalle .mc-controles .choices__inner {
	background-color: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 8px 12px;
	min-height: 45px;
	transition: all 0.3s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.mc-detalle .mc-controles .choices__inner:hover {
	border-color: #cbd5e1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.mc-detalle .mc-controles .choices.is-focused .choices__inner {
	border-color: #0439d9;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.mc-detalle .mc-controles.bodegas-select .choices .choices__inner {
	border-radius: 10px;
}

/* Input dentro del selector */
.mc-detalle .mc-controles .choices__inner .choices__input {
	margin: 0;
	padding: 4px 0;
	padding-right: 10px;
	width: auto !important;
	background-color: transparent;
	font-size: 14px;
	color: #1e293b;
}

.mc-detalle .mc-controles .choices__inner .choices__input::placeholder {
	color: #94a3b8;
}

/* Lista de items seleccionados (tags) */
.mc-detalle .mc-controles .choices__inner .choices__list--multiple {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.mc-detalle .mc-controles .choices__inner .choices__list .choices__item {
	background: linear-gradient(180deg, #0439d9 0%, #142559 100%);
	border: none;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	padding: 6px 12px;
	border-radius: 8px;
	margin-bottom: 0;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s ease;
	box-shadow: 0 4px 10px rgba(4, 57, 217, 0.25);
}

.mc-detalle .mc-controles .choices__inner .choices__list .choices__item:hover {
	background: linear-gradient(180deg, #0332b8 0%, #0d1a42 100%);
	box-shadow: 0 6px 15px rgba(4, 57, 217, 0.4);
	transform: translateY(-2px);
}

/* Botón de eliminar en los tags */
.mc-detalle .mc-controles .choices__inner .choices__list .choices__item .choices__button {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	padding: 6px;
	padding-left: 8px;
	margin-left: 4px;
	opacity: 0.8;
	transition: opacity 0.2s ease;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
	width: 16px;
	height: 16px;
}

.mc-detalle .mc-controles .choices__inner .choices__list .choices__item .choices__button:hover {
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
}

/* Dropdown de opciones */
.mc-detalle .mc-controles .choices__list--dropdown {
	border: 2px solid #e2e8f0;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	margin-top: 4px;
	overflow: hidden;
	z-index: 100;
}

.mc-detalle .mc-controles .choices__list--dropdown .choices__item {
	padding: 10px 16px;
	font-size: 14px;
	color: #334155;
	transition: all 0.2s ease;
}

.mc-detalle .mc-controles .choices__list--dropdown .choices__item:hover {
	background-color: #f1f5f9;
}

.mc-detalle .mc-controles .choices__list--dropdown .choices__item--selectable.is-highlighted {
	background-color: #e8f0fe;
	color: #0439d9;
}

.mc-detalle .mc-controles .choices__list--dropdown .choices__item.is-selected {
	background-color: #d3e3fd;
	color: #142559;
	font-weight: 500;
}

/* Icono del dropdown */
.mc-detalle .mc-controles .choices[data-type*=select-multiple]::after,
.mc-detalle .mc-controles .choices[data-type*=select-one]::after {
	border-color: #64748b transparent transparent;
	transition: transform 0.3s ease;
}

.mc-detalle .mc-controles .choices.is-open::after {
	transform: rotate(180deg);
	border-color: #0439d9 transparent transparent;
}

.mc-detalle .mc-controles button {
	background-color: transparent;
	background-image: var(--fondo-degradado);
	color: #fff;
	padding: 10px;
	border: 0;
	outline: none;
	border-radius: 35px;
}

.mc-detalle .mc-controles select {
	background-color: #fff;
	border-radius: 35px;
	padding: 10px 20px;
	width: auto;
	outline: none;
	padding-right: 40px;
	border: 1px solid #ddd;
}

.mc-detalle .mc-controles label {
	font-size: 14px;
	font-weight: bold;
}

.mc-detalle .mc-controles input.inpt-datepicker {
	background-image: url('../../assets/images/calendar-month.png');
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) center;
	background-size: 22px;
	background-color: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	padding: 11px 45px 11px 20px;
	text-align: left;
	outline: none;
	font-weight: 500;
	font-size: 14px;
	color: #1e293b;
	transition: all 0.3s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

.mc-detalle .mc-controles input.inpt-datepicker:hover {
	border-color: #cbd5e1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.mc-detalle .mc-controles input.inpt-datepicker:active,
.mc-detalle .mc-controles input.inpt-datepicker:focus {
	border-color: #0439d9;
	box-shadow: 0 0 0 3px rgba(4, 57, 217, 0.1);
}

.mc-detalle .mc-controles select,
.mc-detalle .mc-controles input:not([type="radio"]) {
	font-size: 14px;
	padding: 8px 20px;
	padding-right: 40px;
	font-weight: normal;
}

.mc-detalle .mc-controles .button a {
	padding: 11px 28px;
	font-size: 14px;
	font-weight: 500;
	display: block;
	color: #64748b;
	border-radius: 10px;
	border: 2px solid #e2e8f0;
	background-color: #ffffff;
	transition: all 0.3s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	text-decoration: none;
}

.mc-detalle .mc-controles .button a:hover {
	background-color: #f8fafc;
	border-color: #cbd5e1;
	color: #475569;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	transform: translateY(-1px);
}

/* Botones nuevos con iconos */
.mc-detalle .mc-controles .btn-clear,
.mc-detalle .mc-controles .btn-apply {
	padding: 12px 24px;
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-radius: 10px;
	transition: all 0.3s ease;
	text-decoration: none;
	white-space: nowrap;
}

.mc-detalle .mc-controles .btn-clear {
	color: #64748b;
	border: 1px solid #e2e8f0;
	background-color: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.mc-detalle .mc-controles .btn-clear:hover {
	background-color: #f8fafc;
	border-color: #cbd5e1;
	color: #475569;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	transform: translateY(-1px);
}

.mc-detalle .mc-controles .btn-clear svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
}

.mc-detalle .mc-controles .btn-apply {
	color: #ffffff;
	border: none;
	background: linear-gradient(180deg, #0439d9 0%, #142559 100%);
	box-shadow: 0 4px 10px rgba(4, 57, 217, 0.25);
}

.mc-detalle .mc-controles .btn-apply:hover {
	background: linear-gradient(180deg, #0332b8 0%, #0d1a42 100%);
	box-shadow: 0 6px 15px rgba(4, 57, 217, 0.4);
	transform: translateY(-2px);
}

.mc-detalle .mc-controles .btn-apply svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
}

/* Mantener compatibilidad con botones antiguos */
.mc-detalle .mc-controles .button a#applyFilter {
	padding: 11px 28px;
	font-size: 14px;
	font-weight: 600;
	display: block;
	color: #ffffff;
	border-radius: 10px;
	border: none;
	background: linear-gradient(180deg, #0439d9 0%, #142559 100%);
	transition: all 0.3s ease;
	box-shadow: 0 4px 10px rgba(4, 57, 217, 0.25);
	text-decoration: none;
}

.mc-detalle .mc-controles .button a#applyFilter:hover {
	background: linear-gradient(180deg, #0332b8 0%, #0d1a42 100%);
	box-shadow: 0 6px 15px rgba(4, 57, 217, 0.4);
	transform: translateY(-2px);
}

.mc-detalle .mc-controles .botones.aconfirmar .button a {
	background-color: transparent;
	background-image: var(--fondo-degradado);
	color: #fff;
	border: 1px solid #0a30a2;
}

.mc-detalle .mc-controles .botones.aconfirmar .button a:hover {
	background: linear-gradient(0deg, #0439d9 0%, #142559 100%);
}

/* Toggle Switch Moderno con 3 opciones */
.mc-detalle .mc-controles .switch-container {
	width: auto;
	min-width: 220px;
}

.mc-detalle .mc-controles .toggle-switch-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	background-color: #f9f9f9;
	border-radius: 10px;
	padding: 4px;
	height: 45px;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
}

.mc-detalle .mc-controles .toggle-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.mc-detalle .mc-controles .toggle-label {
	flex: 1;
	text-align: center;
	padding: 8px 12px;
	font-size: 13px;
	font-weight: 500;
	color: #64748b;
	cursor: pointer;
	z-index: 2;
	transition: color 0.3s ease;
	margin: 0;
	user-select: none;
}

/* Slider para 3 opciones */
.mc-detalle .mc-controles .toggle-switch-wrapper.toggle-triple .toggle-slider {
	position: absolute;
	left: 4px;
	top: 4px;
	width: calc(33.333% - 8px);
	height: calc(100% - 8px);
	background: linear-gradient(180deg, #0439d9 0%, #142559 100%);
	border-radius: 8px;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 8px rgba(4, 57, 217, 0.3);
	z-index: 1;
}

/* Posiciones del slider para 3 opciones */
.mc-detalle .mc-controles .toggle-input#toggleNo:checked~.toggle-slider {
	transform: translateX(0);
}

.mc-detalle .mc-controles .toggle-input#toggleTodos:checked~.toggle-slider {
	transform: translateX(calc(100% + 8px));
}

.mc-detalle .mc-controles .toggle-input#toggleSi:checked~.toggle-slider {
	transform: translateX(calc(200% + 16px));
}

/* Color del texto cuando está activo */
.mc-detalle .mc-controles .toggle-input#toggleNo:checked~.toggle-label.toggle-no,
.mc-detalle .mc-controles .toggle-input#toggleTodos:checked~.toggle-label.toggle-todos,
.mc-detalle .mc-controles .toggle-input#toggleSi:checked~.toggle-label.toggle-si {
	color: #ffffff;
	font-weight: 600;
}

.mc-detalle .mc-controles .toggle-label:hover {
	color: #475569;
}

.mc-detalle .mc-controles .toggle-input:checked~.toggle-label:hover {
	color: var(--color-principal);
}

main.main section.section.mc-detalle .simulacion .informes {
	gap: 0;
}

.mc-detalle .informes .informe {
	padding: 0;
}

main.main section.section.mc-detalle .informes .informe table thead tr td:first-of-type,
main.main section.section.mc-detalle .informes .informe table thead tr td:last-of-type,
main.main section.section.mc-detalle .dtables table:not(.dataTable) tbody tr:last-of-type td:first-of-type,
main.main section.section.mc-detalle .dtables table:not(.dataTable) tbody tr:last-of-type td:last-of-type {
	border-radius: 0;
}

main.main section.simulacion .informes .informe-title {
	align-items: center;
	padding-bottom: 20px;
}

.mc-detalle .informes .informe-title {
	position: relative;
	padding: 15px;
	cursor: pointer;
	border: 1px solid #ddd;
	border-bottom: 0;
}

.mc-detalle .informes .informe-title::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 16px;
	position: absolute;
	content: "";
	right: 20px;
	top: 50%;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
}

.mc-detalle .informes .informe-title.active::after {
	transform: translateY(-50%) rotate(180deg);
}

.mc-detalle .informes .informe:first-child .informe-title {
	border-radius: 12px 12px 0 0;
}

.mc-detalle .informes .informe:last-child .informe-title {
	border-radius: 0 0 12px 12px;
	border-bottom: 1px solid #ddd;
}

.mc-detalle .informes .informe:last-child .informe-title.active {
	border-radius: 0 0 0 0;
}

.mc-detalle .informes .informe-title .col {
	padding: 0;
}

.mc-detalle .informes table.table,
.mc-detalle .informes table.table thead,
.mc-detalle .informes table.table tbody {
	width: 100%;
}

.datepicker {
	width: 272px;
	transform: translateY(10px);
}

.datepicker::before {
	display: none !important;
}

.datepicker .table-condensed {
	width: 100%;
	font-size: 14px;
}

.datepicker .table-condensed th,
.datepicker .table-condensed td {
	border-radius: 0;
	height: 30px;
}

.datepicker .table-condensed td.old {
	color: #c8c8c8;
}

.datepicker .table-condensed td span.month.focused,
.datepicker .table-condensed td span.month.active,
.datepicker .table-condensed td.active,
.datepicker .table-condensed th.prev,
.datepicker .table-condensed th.next,
.datepicker .table-condensed td.day:hover {
	background-color: transparent !important;
	color: #fff !important;
	background-image: var(--fondo-degradado) !important;
}

.datepicker .table-condensed td.selected,
.datepicker .table-condensed td span.year.highlighted-year,
.datepicker .table-condensed td span.month.highlighted-month {
	background: #c0c8e0;
	color: #000000;
	text-shadow: 0 0 0;
}

.bodegas-select #multiChoices {
	width: 300px;
}

form.frmo .bodegas-select .choices__list--multiple .choices__item {
	display: inline-flex;
	align-items: center;
	padding-right: 16px;
}

form.frmo .bodegas-select .choices__list--multiple .choices__item button {
	background-color: transparent;
	padding: 0;
	width: auto;
	border-radius: 0;
	width: 6px;
}

.bodegas-select .choices {
	margin-left: auto;
}

.bodegas-select .choices .choices__inner {
	background-color: #fff;
	border-radius: 35px;
}

.bodegas-select .choices .choices__inner input.choices__input {
	background-color: transparent;
}

.bodegas-select .choices .choices__inner .choices__list .choices__item {
	background-color: transparent;
	background-image: var(--fondo-degradado);
}

#preloader-site #status .spinner:before {
	animation: rotationSpinner 1s infinite linear;
}

.swal2-html-container ul {
	margin: 0;
	padding: 0;
}

@keyframes rotationSpinner {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}