/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2025 | 15:46:49 */
/* --- Estilos para seccion navegacion izqueirda --- */
.woocommerce-MyAccount-navigation {
	border: 1px solid #F0F0F9 !important;
	border-radius: 1.25rem !important;
	overflow: hidden !important;
	box-shadow: 0 4px 15px rgba(222, 222, 243, 0.6) !important;
}
.woocommerce-MyAccount-navigation-link a br, 
.woocommerce-form-row label + br, 
.um-custom-profile-info label + br,
.woocommerce-orders-table__cell-order-number a br {
	display: none !important;
}
.woocommerce-orders-table__cell p {
	margin: 0 !important;
}
.woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.woocommerce-MyAccount-navigation-link {
	border-bottom: 1px solid #e9e9e9 !important;
}
.woocommerce-MyAccount-navigation-link:last-child {
	border-bottom: none !important;
}
.woocommerce-MyAccount-navigation-link a {
	display: flex !important;
	align-items: center;
	padding: 15px 20px !important;
	text-decoration: none !important;
	color: #272751 !important;
	background-color: #fff !important;
	transition: background-color 0.3s ease !important;
	font-size: 16px !important;
}
.woocommerce-MyAccount-navigation-link a:hover {
	background-color: #ebe2f97d !important;
	color: #000 !important;
}
.woocommerce-MyAccount-navigation-link.is-active > a {
	background-color: #EBE2F9 !important;
	font-weight: bold !important;
}
.woocommerce-MyAccount-navigation-link a::after {
	font-family: boxicons!important;
	content: "\ebe6" !important;
	margin-left: auto !important;
	font-size: 24px !important;
	color: #4F46E5 !important;
	font-weight: normal !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a::after {
	content: '' !important;
}
/* --- Estilos para seccion content derecha --- */
.woocommerce-MyAccount-content {
	color: #272751 !important;
	padding: 25px !important;
	border: 1px solid #F0F0F9 !important;
	border-radius: 1.25rem !important;
	box-shadow: 0 4px 15px rgba(222, 222, 243, 0.6) !important;
}
.woocommerce-MyAccount-content a {
	color: #4F46E5 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}
.woocommerce-MyAccount-content a:hover {
	text-decoration: underline !important;
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content strong {
	color: #272751 !important;
}
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-MyAccount-content form .button,
.woocommerce-MyAccount-content form input[type="submit"] {
	background-color: #4F46E5 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 10px 20px !important;
	font-weight: bold !important;
	transition: background-color 0.3s ease !important;
}
.woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-MyAccount-content a.button:hover {
	text-decoration: none !important;
}
.woocommerce-orders-table__cell-order-actions p {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-MyAccount-content form .button:hover,
.woocommerce-MyAccount-content form input[type="submit"]:hover {
	background-color: #272751 !important;
	color: #ffffff !important;
}
/* --- Estilos para Tablas --- */
.woocommerce-MyAccount-content table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: 1px solid #F0F0F9 !important;
	border-radius: 1.25rem !important;
	box-shadow: 0 4px 15px rgba(222, 222, 243, 0.6) !important;
	overflow: hidden !important;
	margin-bottom: 2em !important;
}
.woocommerce-MyAccount-content th,
.woocommerce-MyAccount-content td {
	padding: 15px !important;
	text-align: left !important;
	border-bottom: 1px solid #F0F0F9 !important;
	color: #272751 !important;
}
.woocommerce-MyAccount-content th {
	background-color: #EBE2F9 !important;
	font-weight: bold !important;
}
.woocommerce-MyAccount-content tr:last-child td {
	border-bottom: none !important;
}
.woocommerce-MyAccount-content tr:hover td {
	background-color: #f7f5fa !important;
}
/* --- Estilos para Formularios --- */
.woocommerce-MyAccount-content form .form-row {
	margin-bottom: 15px !important;
}
.woocommerce-MyAccount-content form label {
	display: block !important;
	color: #272751 !important;
	font-weight: bold !important;
	margin-bottom: 8px !important;
}
.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-MyAccount-content form select,
.woocommerce-MyAccount-content form textarea {
	width: 100% !important;
	padding: 12px !important;
	border: 1px solid #F0F0F9 !important;
	border-radius: 8px !important;
	background-color: #fff !important;
	box-shadow: 0 2px 5px rgba(222, 222, 243, 0.4) !important;
	color: #272751 !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.woocommerce-MyAccount-content form input:focus,
.woocommerce-MyAccount-content form select:focus,
.woocommerce-MyAccount-content form textarea:focus {
	outline: none !important;
	border-color: #4F46E5 !important;
	box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2) !important;
}

@media (max-width: 767px) {
	.woocommerce-MyAccount-content {
		padding: 16px !important;
	}
	.woocommerce-MyAccount-content th, .woocommerce-MyAccount-content td {
		padding: 5px !important;
		font-size: 12px;
	}
	.woocommerce-MyAccount-content th{
		text-align: center !important;
        vertical-align: middle !important;
	}
	.wallet-section h2 {
    	font-size: 25px;
	}
}