/*
Theme Name: droneacademy2025

WooCommerce styles override
*/

/* ===== CUSTOM SINGLE PRODUCT STYLES ===== */

/* Estilos para las pestañas del producto */
.tab-content .tab-pane {
	display: none;
}

.tab-content .tab-pane.active {
	display: block;
}

/* Estilos personalizados para botones de WooCommerce */
.single_add_to_cart_button {
	background: linear-gradient(135deg, #ff6b00, #ff8533) !important;
	color: #000 !important;
	font-weight: bold !important;
	padding: 12px 24px !important;
	border-radius: 8px !important;
	font-size: 1.125rem !important;
	transition: all 0.3s ease !important;
	transform: scale(1) !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
	border: none !important;
	text-decoration: none !important;
}

.single_add_to_cart_button:hover {
	transform: scale(1.05) !important;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2) !important;
	background: linear-gradient(135deg, #ff8533, #ff6b00) !important;
}

/* Estilos para la galería del producto en el hero */
.woocommerce div.product div.images {
	margin-bottom: 0 !important;
}

.woocommerce div.product div.images img {
	border-radius: 12px !important;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}

/* Estilos para las pestañas de DaisyUI */
.tabs-boxed .tab {
	background: transparent !important;
	border: none !important;
	color: #374151 !important;
	font-weight: 500 !important;
	padding: 12px 20px !important;
	border-radius: 8px !important;
	transition: all 0.3s ease !important;
}

.tabs-boxed .tab:hover {
	background: rgba(19, 107, 181, 0.1) !important;
	color: #136bb5 !important;
}

.tabs-boxed .tab-active {
	background: #136bb5 !important;
	color: white !important;
}

/* Estilos para el modal de galería */
#gallery-modal {
	backdrop-filter: blur(4px);
}

#gallery-modal img {
	max-height: 90vh;
	max-width: 90vw;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.single_add_to_cart_button {
		width: 100% !important;
		text-align: center !important;
		margin-top: 1rem !important;
	}
	
	.tabs-boxed {
		flex-wrap: wrap !important;
	}
	
	.tabs-boxed .tab {
		flex: 1 1 auto !important;
		min-width: 120px !important;
		text-align: center !important;
	}
}

/* ===== ESTILOS MEJORADOS PARA PÁGINA DE PEDIDO RECIBIDO ===== */

/* Mensaje de confirmación principal */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	background: linear-gradient(135deg, #f0fdf4, #dcfce7);
	border: 2px solid #22c55e;
	border-radius: 12px;
	padding: 1.5rem 2rem;
	margin-bottom: 2rem;
	color: #166534;
	font-size: 1.125rem;
	font-weight: 600;
	text-align: center;
	box-shadow: 0 4px 15px rgba(34, 197, 94, 0.15);
	position: relative;
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received::before {
	content: "✓";
	position: absolute;
	left: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	background: #22c55e;
	color: white;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 1.25rem;
}

/* Lista de detalles del pedido */
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
	background: #ffffff;
	border: 2px solid #e5e7eb;
	border-radius: 12px;
	padding: 2rem;
	margin-bottom: 2rem;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem;
}

.woocommerce-order-overview li {
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 1.25rem;
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
}

.woocommerce-order-overview li:hover {
	background: #f1f5f9;
	border-color: #136bb5;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(19, 107, 181, 0.15);
}

.woocommerce-order-overview li strong {
	display: block;
	color: #136bb5;
	font-size: 1.25rem;
	font-weight: 700;
	margin-top: 0.5rem;
}

/* Iconos para cada tipo de información */
.woocommerce-order-overview__order::before {
	content: "📋";
	font-size: 1.5rem;
	display: block;
	margin-bottom: 0.5rem;
}

.woocommerce-order-overview__date::before {
	content: "📅";
	font-size: 1.5rem;
	display: block;
	margin-bottom: 0.5rem;
}

.woocommerce-order-overview__email::before {
	content: "📧";
	font-size: 1.5rem;
	display: block;
	margin-bottom: 0.5rem;
}

.woocommerce-order-overview__total::before {
	content: "💰";
	font-size: 1.5rem;
	display: block;
	margin-bottom: 0.5rem;
}

.woocommerce-order-overview__payment-method::before {
	content: "💳";
	font-size: 1.5rem;
	display: block;
	margin-bottom: 0.5rem;
}

/* Sección de detalles bancarios */
.woocommerce-bacs-bank-details {
	background: linear-gradient(135deg, #fffbeb, #fef3c7);
	border: 2px solid #f59e0b;
	border-radius: 12px;
	padding: 2rem;
	margin-bottom: 2rem;
	box-shadow: 0 4px 15px rgba(245, 158, 11, 0.15);
}

.wc-bacs-bank-details-heading {
	color: #92400e;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1rem;
	text-align: center;
	position: relative;
	padding-bottom: 0.75rem;
}

.wc-bacs-bank-details-heading::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background: #f59e0b;
	border-radius: 2px;
}

.wc-bacs-bank-details-account-name {
	color: #92400e;
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
	text-align: center;
	background: rgba(245, 158, 11, 0.1);
	padding: 1rem;
	border-radius: 8px;
}

.wc-bacs-bank-details.order_details.bacs_details {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1rem;
}

.wc-bacs-bank-details.order_details.bacs_details li {
	background: #ffffff;
	border: 1px solid #f59e0b;
	border-radius: 8px;
	padding: 1.25rem;
	text-align: center;
	color: #92400e;
	font-weight: 500;
}

.wc-bacs-bank-details.order_details.bacs_details li strong {
	display: block;
	color: #78350f;
	font-size: 1.125rem;
	font-weight: 700;
	margin-top: 0.5rem;
	letter-spacing: 0.5px;
}

/* Sección de detalles del pedido */
.woocommerce-order-details {
	background: #ffffff;
	border: 2px solid #e5e7eb;
	border-radius: 12px;
	padding: 2rem;
	margin-bottom: 2rem;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.woocommerce-order-details__title {
	color: #1f2937;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	text-align: center;
	padding-bottom: 0.75rem;
	border-bottom: 3px solid #136bb5;
	position: relative;
}

.woocommerce-order-details__title::after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background: #ff6b00;
	border-radius: 2px;
}

/* Tabla de detalles del pedido mejorada */
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	width: 100%;
	border-collapse: collapse;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.woocommerce-table--order-details thead th {
	background: #f8f9fa;
	color: #374151;
	font-weight: 700;
	padding: 1.25rem;
	text-align: left;
	font-size: 1rem;
	letter-spacing: 0.025em;
	border-bottom: 2px solid #e5e7eb;
}

.woocommerce-table--order-details tbody td {
	padding: 1.25rem;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
}

.woocommerce-table--order-details tbody tr:nth-child(even) {
	background-color: #f8f9fa;
}

.woocommerce-table--order-details tbody tr:hover {
	background-color: #f1f5f9;
}

/* Enlaces de productos */
.woocommerce-table__product-name a {
	color: #136bb5;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
}

.woocommerce-table__product-name a:hover {
	color: #0f5a94;
	text-decoration: underline;
}

.product-quantity {
	color: #6b7280;
	font-weight: 500;
	margin-left: 0.5rem;
}

/* Precios en la tabla */
.woocommerce-table__product-total {
	text-align: right;
	font-weight: 700;
	color: #136bb5;
	font-size: 1.125rem;
}

/* Footer de la tabla (totales) */
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
	padding: 1rem 1.25rem;
	font-weight: 600;
	border-bottom: 1px solid #e5e7eb;
}

.woocommerce-table--order-details tfoot th {
	background-color: #f8f9fa;
	color: #374151;
	text-align: left;
}

.woocommerce-table--order-details tfoot td {
	background-color: #f8f9fa;
	color: #136bb5;
	text-align: right;
	font-size: 1.125rem;
}

/* Fila del total final */
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
	background: #f1f3f4;
	color: #374151;
	font-size: 1.25rem;
	font-weight: 700;
	border-bottom: none;
	border-top: 2px solid #d1d5db;
}

/* Responsive para página de pedido recibido */
@media screen and (max-width: 768px) {
	.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
		padding: 1.25rem 1rem 1.25rem 4rem;
		font-size: 1rem;
	}

	.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
		grid-template-columns: 1fr;
		padding: 1.5rem;
		gap: 1rem;
	}

	.woocommerce-bacs-bank-details {
		padding: 1.5rem;
	}

	.wc-bacs-bank-details.order_details.bacs_details {
		grid-template-columns: 1fr;
	}

	.woocommerce-order-details {
		padding: 1.5rem;
	}

	.woocommerce-order-details__title {
		font-size: 1.25rem;
	}

	/* Tabla responsive */
	.woocommerce-table--order-details,
	.woocommerce-table--order-details thead,
	.woocommerce-table--order-details tbody,
	.woocommerce-table--order-details th,
	.woocommerce-table--order-details td,
	.woocommerce-table--order-details tr {
		display: block;
	}

	.woocommerce-table--order-details thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.woocommerce-table--order-details tbody tr {
		border: 1px solid #e5e7eb;
		border-radius: 8px;
		margin-bottom: 1rem;
		padding: 1rem;
		background: #ffffff;
	}

	.woocommerce-table--order-details tbody td {
		border: none;
		position: relative;
		padding: 0.75rem 0;
		padding-left: 40%;
		text-align: right;
	}

	.woocommerce-table--order-details tbody td::before {
		content: attr(data-title) ": ";
		position: absolute;
		left: 0;
		width: 35%;
		padding-right: 1rem;
		white-space: nowrap;
		font-weight: 600;
		color: #374151;
		text-align: left;
	}

	.woocommerce-table--order-details tfoot {
		background: #f8f9fa;
		border-radius: 8px;
		margin-top: 1rem;
		padding: 1rem;
	}

	.woocommerce-table--order-details tfoot tr {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.5rem 0;
		border-bottom: 1px solid #e5e7eb;
	}

	.woocommerce-table--order-details tfoot tr:last-child {
		background: linear-gradient(135deg, #136bb5, #1e40af);
		color: #ffffff;
		border-radius: 6px;
		padding: 1rem;
		margin-top: 0.5rem;
		border-bottom: none;
	}

	.woocommerce-table--order-details tfoot th,
	.woocommerce-table--order-details tfoot td {
		background: transparent;
		padding: 0;
		border: none;
	}
}

/* Ocultar elementos por defecto de WooCommerce que no necesitamos */
.woocommerce div.product .woocommerce-tabs {
	display: none !important;
}

.woocommerce div.product .summary {
	display: none !important;
}

/* Estilos para las cards de información */
.product-info-card {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	padding: 1rem;
	transition: all 0.3s ease;
}

.product-info-card:hover {
	background: rgba(255, 255, 255, 0.15);
	transform: translateY(-2px);
}

/* Estilos para la sección de información adicional */
.info-highlight {
	background: linear-gradient(135deg, rgba(160, 237, 55, 0.1), rgba(19, 107, 181, 0.1));
	border-left: 4px solid #136bb5;
	border-radius: 8px;
	padding: 1.5rem;
	margin-top: 2rem;
}

/* Animaciones suaves */
.tab-pane {
	animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/**
 * Shop tables - Estilos mejorados para el carrito
 */
.woocommerce table.shop_table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2rem;
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	table-layout: fixed !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: 1rem;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
}

.woocommerce table.shop_table th {
	background-color: #f8f9fa;
	font-weight: 600;
	color: #374151;
	text-align: left;
	font-size: 0.95rem;
}

/* Anchos específicos para las columnas */
.woocommerce table.shop_table th.product-remove,
.woocommerce table.shop_table td.product-remove {
	width: 30px !important;
	min-width: 30px !important;
	max-width: 30px !important;
}

.woocommerce table.shop_table th.product-thumbnail,
.woocommerce table.shop_table td.product-thumbnail {
	width: 100px !important;
	min-width: 100px !important;
	max-width: 100px !important;
}

.woocommerce table.shop_table td {
	color: #4b5563;
}

/* Estilos para la imagen del producto en el carrito */
.woocommerce table.shop_table .product-thumbnail {
	width: 100px !important;
	min-width: 100px !important;
	max-width: 100px !important;
	text-align: center;
	padding: 0.5rem !important;
}

.woocommerce table.shop_table .product-thumbnail img {
	border-radius: 6px;
	max-width: 80px;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* Estilos para el nombre del producto */
.woocommerce table.shop_table .product-name a {
	color: #1f2937;
	text-decoration: none;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.4;
}

.woocommerce table.shop_table .product-name a:hover {
	color: #136bb5;
}

/* Estilos para el precio */
.woocommerce table.shop_table .product-price,
.woocommerce table.shop_table .product-subtotal {
	font-weight: 600;
	color: #1f2937;
	font-size: 1.1rem;
}

/* Estilos para la cantidad */
.woocommerce table.shop_table .product-quantity input {
	width: 80px;
	padding: 0.5rem;
	border: 1px solid #d1d5db;
	border-radius: 4px;
	text-align: center;
	font-size: 1rem;
}

/* Botón de eliminar producto */
.woocommerce table.shop_table .product-remove {
	width: 30px !important;
	min-width: 30px !important;
	max-width: 30px !important;
	text-align: center;
	padding: 0.25rem 0.125rem !important;
}

.woocommerce table.shop_table .product-remove a {
	color: #dc2626;
	text-decoration: none;
	font-size: 1rem;
	padding: 0.125rem;
	border-radius: 3px;
	transition: all 0.3s ease;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 1;
	margin: 0 auto;
}

.woocommerce table.shop_table .product-remove a:hover {
	background-color: #fee2e2;
	color: #991b1b;
}

/* Estilos responsive para móviles */
@media screen and (max-width: 768px) {
	.woocommerce table.shop_table,
	.woocommerce table.shop_table thead,
	.woocommerce table.shop_table tbody,
	.woocommerce table.shop_table th,
	.woocommerce table.shop_table td,
	.woocommerce table.shop_table tr {
		display: block;
	}

	.woocommerce table.shop_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.woocommerce table.shop_table tr {
		border: 1px solid #e5e7eb;
		border-radius: 8px;
		margin-bottom: 1rem;
		padding: 1rem;
		background: #ffffff;
	}

	.woocommerce table.shop_table td {
		border: none;
		position: relative;
		padding: 0.75rem 0;
		padding-left: 40%;
		text-align: right;
	}

	.woocommerce table.shop_table td::before {
		content: attr(data-title) ": ";
		position: absolute;
		left: 0;
		width: 35%;
		padding-right: 1rem;
		white-space: nowrap;
		font-weight: 600;
		color: #374151;
		text-align: left;
	}

	.woocommerce table.shop_table .product-remove {
		text-align: center;
		padding-left: 0;
	}

	.woocommerce table.shop_table .product-remove::before {
		display: none;
	}

	.woocommerce table.shop_table .product-thumbnail {
		text-align: center;
		padding-left: 0;
	}

	.woocommerce table.shop_table .product-thumbnail::before {
		display: none;
	}
}

/* ===== ESTILOS MEJORADOS PARA EL CARRITO ===== */

/* Totales del carrito */
.cart_totals {
	background: #ffffff;
	border-radius: 8px;
	padding: 2rem;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin-top: 2rem;
}

/* Estilos para pantallas grandes - tabla de totales al lado derecho */
@media screen and (min-width: 768px) {
	.cart_totals {
		width: 50% !important;
		max-width: 500px !important;
		margin-left: auto !important;
		margin-right: 0 !important;
		float: right !important;
		clear: both !important;
	}
}

.cart_totals h2 {
	color: #1f2937;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 2px solid #f0f0f0;
}

.cart_totals table {
	width: 100%;
	border-collapse: collapse;
}

.cart_totals table th,
.cart_totals table td {
	padding: 0.75rem 0;
	border-bottom: 1px solid #f0f0f0;
	text-align: left;
}

.cart_totals table th {
	font-weight: 500;
	color: #6b7280;
	width: 50%;
}

.cart_totals table td {
	font-weight: 600;
	color: #1f2937;
	text-align: right;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
	font-size: 1.25rem;
	font-weight: 700;
	color: #136bb5;
	border-bottom: none;
	padding-top: 1rem;
}

/* Botones generales */
.woocommerce .button,
.woocommerce input.button {
	background: #136bb5;
	color: #ffffff;
	border: none;
	padding: 0.75rem 1.5rem;
	border-radius: 6px;
	font-weight: 600;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.woocommerce .button:hover,
.woocommerce input.button:hover {
	background: #0f5a94;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(19, 107, 181, 0.3);
}

/* Botones del carrito */
.woocommerce .cart .button,
.woocommerce .cart input.button {
	background: #136bb5;
	color: #ffffff;
	border: none;
	padding: 0.75rem 1.5rem;
	border-radius: 6px;
	font-weight: 600;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
	background: #0f5a94;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(19, 107, 181, 0.3);
}

/* Botón Finalizar compra - Estilo naranja con códigos hexadecimales directos */
.wc-proceed-to-checkout .checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.wc-proceed-to-checkout .checkout-button.button,
.wc-proceed-to-checkout a.checkout-button.button,
.wc-proceed-to-checkout .checkout-button.button.alt,
.wc-proceed-to-checkout a.checkout-button.button.alt,
.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward,
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward,
.woocommerce .cart .checkout-button,
.woocommerce .cart a.checkout-button,
.woocommerce .cart .checkout-button.button,
.woocommerce .cart a.checkout-button.button,
.woocommerce .cart .checkout-button.button.alt,
.woocommerce .cart a.checkout-button.button.alt,
.woocommerce .cart .checkout-button.button.alt.wc-forward,
.woocommerce .cart a.checkout-button.button.alt.wc-forward {
	background: #ff6b00 !important;
	background-color: #ff6b00 !important;
	color: #ffffff !important;
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	padding: 1rem 2rem !important;
	border-radius: 8px !important;
	border: none !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 4px 12px rgba(255, 107, 0, 0.2) !important;
	text-decoration: none !important;
	display: inline-block !important;
}

.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
.wc-proceed-to-checkout .checkout-button.button:hover,
.wc-proceed-to-checkout a.checkout-button.button:hover,
.wc-proceed-to-checkout .checkout-button.button.alt:hover,
.wc-proceed-to-checkout a.checkout-button.button.alt:hover,
.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward:hover,
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover,
.woocommerce .cart .checkout-button:hover,
.woocommerce .cart a.checkout-button:hover,
.woocommerce .cart .checkout-button.button:hover,
.woocommerce .cart a.checkout-button.button:hover,
.woocommerce .cart .checkout-button.button.alt:hover,
.woocommerce .cart a.checkout-button.button.alt:hover,
.woocommerce .cart .checkout-button.button.alt.wc-forward:hover,
.woocommerce .cart a.checkout-button.button.alt.wc-forward:hover {
	background: #e55a00 !important;
	background-color: #e55a00 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 20px rgba(229, 90, 0, 0.4) !important;
	color: #ffffff !important;
}

/* Acciones del carrito - selectores más específicos */
.woocommerce-cart-form .shop_table .actions,
.woocommerce .cart .actions {
	background: #f8f9fa !important;
	padding: 1.5rem !important;
	border-radius: 8px !important;
	margin-top: 1rem !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 1rem !important;
	flex-wrap: nowrap !important;
}

/* Cupón de descuento - selectores más específicos */
.woocommerce-cart-form .shop_table .actions .coupon,
.woocommerce .cart .coupon {
	display: flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	flex-wrap: nowrap !important;
	flex: 0 0 auto !important;
}

/* Input del cupón */
.woocommerce-cart-form .shop_table .actions .coupon input[type="text"],
.woocommerce .cart .coupon input[type="text"] {
	flex: 0 0 auto !important;
	width: 150px !important;
	margin: 0 !important;
}

/* Botón aplicar cupón */
.woocommerce-cart-form .shop_table .actions .coupon button,
.woocommerce .cart .coupon button {
	flex: 0 0 auto !important;
	margin: 0 !important;
	white-space: nowrap !important;
}

/* Botón actualizar carrito - estilo invertido con selectores más específicos */
.woocommerce-cart-form .shop_table .actions button[name="update_cart"],
.woocommerce .cart input[name="update_cart"],
.woocommerce .cart button[name="update_cart"] {
	background: transparent !important;
	color: #136bb5 !important;
	border: 2px solid #136bb5 !important;
	padding: 0.75rem 1.5rem !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	text-decoration: none !important;
	display: inline-block !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	flex-shrink: 0 !important;
	margin-left: auto !important;
}

.woocommerce-cart-form .shop_table .actions button[name="update_cart"]:hover,
.woocommerce .cart input[name="update_cart"]:hover,
.woocommerce .cart button[name="update_cart"]:hover {
	background: #136bb5 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(19, 107, 181, 0.3) !important;
}

.woocommerce .cart .coupon label {
	font-weight: 500;
	color: #374151;
	margin-bottom: 0.25rem;
}

.woocommerce .cart .coupon input[type="text"] {
	padding: 0.75rem;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 1rem;
	min-width: 200px;
}

.woocommerce .cart .coupon input[type="text"]:focus {
	outline: none;
	border-color: #136bb5;
	box-shadow: 0 0 0 3px rgba(19, 107, 181, 0.1);
}

/* Mensajes del carrito */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	padding: 1rem 1.5rem;
	border-radius: 6px;
	margin-bottom: 1.5rem;
	border-left: 4px solid;
}

.woocommerce-message {
	background-color: #f0fdf4;
	border-left-color: #22c55e;
	color: #166534;
}

.woocommerce-info {
	background-color: #eff6ff;
	border-left-color: #3b82f6;
	color: #1e40af;
}

.woocommerce-error {
	background-color: #fef2f2;
	border-left-color: #ef4444;
	color: #dc2626;
}

/* Responsive para elementos del carrito */
@media screen and (max-width: 768px) {
	.cart_totals {
		padding: 1.5rem;
		margin-top: 1.5rem;
	}

	.cart_totals h2 {
		font-size: 1.25rem;
	}

	.woocommerce .cart .actions {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
	}

	.woocommerce .cart .coupon {
		flex-direction: column;
		align-items: stretch;
	}

	/* En móvil, el botón actualizar carrito mantiene su estilo pero ocupa todo el ancho */
	.woocommerce .cart input[name="update_cart"] {
		width: 100% !important;
		margin-top: 1rem;
	}

	.woocommerce .cart .coupon input[type="text"] {
		min-width: auto;
		width: 100%;
	}

	.woocommerce .cart .button,
	.woocommerce .cart input.button {
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
}

/**
 * Products
 */
ul.products {
	margin: 0;
	padding: 0;
}

ul.products li.product {
	list-style: none;
	position: relative;
	margin-bottom: 2em;
}

ul.products li.product img {
	display: block;
}

ul.products li.product .button {
	display: block;
}

@media screen and (min-width: 48em) {

	ul.products li.product {
		width: 30.79667%;
		float: left;
		margin-right: 3.8%;
	}

	ul.products li.product.first {
		clear: both;
	}

	ul.products li.product.last {
		margin-right: 0;
	}

	ul.products.columns-1 li.product {
		float: none;
		width: 100%;
	}

	ul.products.columns-2 li.product {
		width: 48.1%;
	}

	ul.products.columns-3 li.product {
		width: 30.79667%;
	}

	ul.products.columns-4 li.product {
		width: 22.15%;
	}

	ul.products.columns-5 li.product {
		width: 16.96%;
	}

	ul.products.columns-6 li.product {
		width: 13.49333%;
	}
}

/**
 * Single product
 */
.single-product div.product {
	position: relative;
}

.single-product div.product .woocommerce-product-gallery {
	position: relative;
	float: left;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	position: absolute;
	top: 2em;
	right: 1em;
	display: block;
	z-index: 99;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
	margin-bottom: 1em;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	margin: 0;
	padding: 0;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	list-style: none;
	cursor: pointer;
	float: left;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	opacity: 0.5;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
	opacity: 1;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
	opacity: 1;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
	width: 48.1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
	width: 30.79667%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 22.15%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: both;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
	width: 16.96%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
	margin-right: 0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
	clear: both;
}

.stock:empty::before {
	display: none;
}

.stock.in-stock {
	color: #0f834d;
}

.stock.out-of-stock {
	color: #e2401c;
}

/**
 * Checkout
 */
@media screen and (min-width: 768px) {

	.col2-set .form-row-first {
		float: left;
		margin-right: 3.8%;
	}

	.col2-set .form-row-last {
		float: right;
		margin-right: 0;
	}

	.col2-set .form-row-first,
	.col2-set .form-row-last {
		width: 48.1%;
	}
}

/**
 * General WooCommerce components
 */

/**
 * Header cart
 */
/* .site-header-cart {
	position: relative;
	margin: 0;
	padding: 0;
}

.site-header-cart .cart-contents {
	text-decoration: none;
}

.site-header-cart .widget_shopping_cart {
	display: none;
}

.site-header-cart .product_list_widget {
	margin: 0;
	padding: 0;
} */

/**
 * Star rating
 */
.star-rating {
	overflow: hidden;
	position: relative;
	height: 1.618em;
	line-height: 1.618;
	width: 5.3em;
	font-family: star;
	font-weight: 400;
}

.star-rating::before {
	content: "\53\53\53\53\53";
	opacity: 0.25;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.star-rating span::before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
	color: #4169e1;
}

p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	font-weight: 400;
}

p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: star;
	content: "\53";
	color: #404040;
	text-indent: 0;
	opacity: 0.25;
}

p.stars a:hover ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars:hover a::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

p.stars.selected a.active::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

p.stars.selected a.active ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.woocommerce-tabs ul.tabs li {
	display: block;
	margin: 0;
	position: relative;
}

.woocommerce-tabs ul.tabs li a {
	padding: 1em 0;
	display: block;
}

.woocommerce-tabs .panel h2:first-of-type {
	margin-bottom: 1em;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
	text-align: right;
}

.woocommerce-password-strength.strong {
	color: #0f834d;
}

.woocommerce-password-strength.short {
	color: #e2401c;
}

.woocommerce-password-strength.bad {
	color: #e2401c;
}

.woocommerce-password-strength.good {
	color: #3d9cd2;
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
	box-shadow: inset 2px 0 0 #0f834d;
}

.form-row.woocommerce-invalid input.input-text {
	box-shadow: inset 2px 0 0 #e2401c;
}

.required {
	color: #f00;
}

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	background-color: #0f834d;
	clear: both;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
	background-color: #3d9cd2;
}

.woocommerce-error {
	background-color: #e2401c;
}

.demo_store {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 1em;
	background-color: #3d9cd2;
	z-index: 9999;
}

@media screen and (min-width: 48em) {

	/**
	 * Header cart
	 */
	/* .site-header-cart .widget_shopping_cart {
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 999999;
		left: -999em;
		display: block;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	}

	.site-header-cart:hover .widget_shopping_cart,
	.site-header-cart.focus .widget_shopping_cart {
		left: 0;
		display: block;
	} */
}

/* ===== ESTILOS MEJORADOS PARA FORMULARIOS DE CHECKOUT ===== */

/* Contenedor principal del checkout */
.woocommerce-checkout {
	background: #f8f9fa;
}

.woocommerce form.checkout {
	background: #ffffff;
	border-radius: 12px;
	padding: 2rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	margin-bottom: 2rem;
}

/* Títulos de secciones */
.woocommerce .checkout h2,
.woocommerce .checkout h3 {
	color: #1f2937;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 3px solid #136bb5;
	position: relative;
}

.woocommerce .checkout h2::after,
.woocommerce .checkout h3::after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 60px;
	height: 3px;
	background: #ff6b00;
	border-radius: 2px;
}

/* Campos del formulario */
.woocommerce .form-row {
	margin-bottom: 1.5rem;
}

.woocommerce .form-row label {
	display: block;
	font-weight: 600;
	color: #374151;
	margin-bottom: 0.5rem;
	font-size: 0.95rem;
	letter-spacing: 0.025em;
}

.woocommerce .form-row label .required {
	color: #dc2626;
	font-weight: 700;
	margin-left: 2px;
}

/* Inputs mejorados */
.woocommerce .form-row input[type="text"],
.woocommerce .form-row input[type="email"],
.woocommerce .form-row input[type="tel"],
.woocommerce .form-row input[type="password"],
.woocommerce .form-row textarea,
.woocommerce .form-row select {
	width: 100%;
	padding: 0.875rem 1rem;
	border: 2px solid #e5e7eb;
	border-radius: 8px;
	font-size: 1rem;
	line-height: 1.5;
	color: #1f2937;
	background-color: #ffffff;
	transition: all 0.3s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.woocommerce .form-row input:focus,
.woocommerce .form-row textarea:focus,
.woocommerce .form-row select:focus {
	outline: none;
	border-color: #136bb5;
	box-shadow: 0 0 0 3px rgba(19, 107, 181, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05);
	background-color: #ffffff;
}

.woocommerce .form-row input::placeholder,
.woocommerce .form-row textarea::placeholder {
	color: #9ca3af;
	font-style: italic;
}

/* Campos de dos columnas */
.woocommerce .form-row-first,
.woocommerce .form-row-last {
	width: 48%;
}

.woocommerce .form-row-first {
	float: left;
	margin-right: 4%;
}

.woocommerce .form-row-last {
	float: right;
}

.woocommerce .form-row-wide {
	clear: both;
	width: 100%;
}

/* Select mejorado */
.woocommerce .form-row select {
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 1rem;
	padding-right: 3rem;
}

/* Checkbox y radio buttons mejorados */
.woocommerce .form-row input[type="checkbox"],
.woocommerce .form-row input[type="radio"] {
	width: auto;
	margin-right: 0.5rem;
	transform: scale(1.2);
	accent-color: #136bb5;
}

.woocommerce .form-row .checkbox label,
.woocommerce .form-row .radio label {
	display: inline;
	font-weight: 500;
	margin-bottom: 0;
	cursor: pointer;
	line-height: 1.6;
}

/* Información adicional */
.woocommerce .checkout .create-account,
.woocommerce .checkout .ship-to-different-address {
	background: #f8f9fa;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 1.25rem;
	margin: 1.5rem 0;
}

.woocommerce .checkout .create-account label,
.woocommerce .checkout .ship-to-different-address label {
	font-weight: 600;
	color: #374151;
	cursor: pointer;
}

/* Notas del pedido */
.woocommerce .form-row textarea {
	min-height: 120px;
	resize: vertical;
	font-family: inherit;
}

/* Sección de revisión del pedido */
.woocommerce-checkout-review-order {
	background: #ffffff;
	border: 2px solid #e5e7eb;
	border-radius: 12px;
	padding: 2rem;
	margin-top: 2rem;
}

.woocommerce-checkout-review-order h3 {
	color: #1f2937;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	text-align: center;
	background: linear-gradient(135deg, #136bb5, #ff6b00);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* Tabla de revisión del pedido */
.woocommerce-checkout-review-order-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.5rem;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	padding: 1rem;
	border-bottom: 1px solid #f0f0f0;
	text-align: left;
}

.woocommerce-checkout-review-order-table th {
	background-color: #f8f9fa;
	font-weight: 600;
	color: #374151;
}

.woocommerce-checkout-review-order-table .product-name {
	font-weight: 500;
	color: #1f2937;
}

.woocommerce-checkout-review-order-table .product-total {
	font-weight: 600;
	color: #136bb5;
	text-align: right;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
	font-size: 1.25rem;
	font-weight: 700;
	color: #136bb5;
	border-bottom: none;
	padding-top: 1.5rem;
}

/* Métodos de pago */
.woocommerce-checkout-payment {
	background: #f8f9fa;
	border-radius: 8px;
	padding: 1.5rem;
	margin-top: 1.5rem;
}

.woocommerce-checkout-payment ul.payment_methods {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-checkout-payment .payment_method_paypal,
.woocommerce-checkout-payment .payment_method_stripe,
.woocommerce-checkout-payment .payment_method_bacs {
	background: #ffffff;
	border: 2px solid #e5e7eb;
	border-radius: 8px;
	margin-bottom: 1rem;
	padding: 1rem;
	transition: all 0.3s ease;
}

.woocommerce-checkout-payment .payment_method_paypal:hover,
.woocommerce-checkout-payment .payment_method_stripe:hover,
.woocommerce-checkout-payment .payment_method_bacs:hover {
	border-color: #136bb5;
	box-shadow: 0 2px 8px rgba(19, 107, 181, 0.1);
}

.woocommerce-checkout-payment .payment_method_paypal input[type="radio"]:checked + label,
.woocommerce-checkout-payment .payment_method_stripe input[type="radio"]:checked + label,
.woocommerce-checkout-payment .payment_method_bacs input[type="radio"]:checked + label {
	color: #136bb5;
	font-weight: 600;
}

/* Botón de finalizar compra */
.woocommerce-checkout-payment #place_order {
	background: linear-gradient(135deg, #ff6b00, #ff8533) !important;
	color: #ffffff !important;
	border: none !important;
	padding: 1.25rem 2.5rem !important;
	border-radius: 8px !important;
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	width: 100% !important;
	margin-top: 1.5rem !important;
	box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3) !important;
}

.woocommerce-checkout-payment #place_order:hover {
	background: linear-gradient(135deg, #ff8533, #ff6b00) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 20px rgba(255, 107, 0, 0.4) !important;
}

/* Términos y condiciones */
.woocommerce-terms-and-conditions-wrapper {
	background: #fffbeb;
	border: 1px solid #fbbf24;
	border-radius: 8px;
	padding: 1rem;
	margin: 1.5rem 0;
}

.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
	font-size: 0.95rem;
	color: #92400e;
	line-height: 1.6;
}

/* Mensajes de error y validación */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
	padding: 1rem 1.5rem;
	border-radius: 8px;
	margin-bottom: 1.5rem;
	border-left: 4px solid;
	font-weight: 500;
}

.woocommerce .woocommerce-error {
	background-color: #fef2f2;
	border-left-color: #ef4444;
	color: #dc2626;
}

.woocommerce .woocommerce-message {
	background-color: #f0fdf4;
	border-left-color: #22c55e;
	color: #166534;
}

.woocommerce .woocommerce-info {
	background-color: #eff6ff;
	border-left-color: #3b82f6;
	color: #1e40af;
}

/* Responsive para formularios */
@media screen and (max-width: 768px) {
	.woocommerce form.checkout {
		padding: 1.5rem;
		margin: 1rem;
	}

	.woocommerce .form-row-first,
	.woocommerce .form-row-last {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 1.5rem;
	}

	.woocommerce .checkout h2,
	.woocommerce .checkout h3 {
		font-size: 1.25rem;
	}

	.woocommerce-checkout-review-order {
		padding: 1.5rem;
		margin: 1rem;
	}

	.woocommerce-checkout-review-order-table th,
	.woocommerce-checkout-review-order-table td {
		padding: 0.75rem 0.5rem;
		font-size: 0.9rem;
	}

	.woocommerce-checkout-payment {
		padding: 1rem;
		margin: 1rem;
	}
}

/**
 * WooCommerce widgets
 */

/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
	margin-bottom: 1.5em;
}

.widget_price_filter .price_slider_amount {
	text-align: right;
	line-height: 2.4;
}

.widget_price_filter .price_slider_amount .button {
	float: left;
}

.widget_price_filter .ui-slider {
	position: relative;
	text-align: left;
}

.widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1em;
	height: 1em;
	cursor: ew-resize;
	outline: none;
	background: #4169e1;
	box-sizing: border-box;
	margin-top: -0.25em;
	opacity: 1;
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
	margin-left: -1em;
}

.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
	box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background: #4169e1;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background: rgba(0, 0, 0, 0.1);
}

.widget_price_filter .ui-slider-horizontal {
	height: 0.5em;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
	height: 100%;
}



/* ===== CUSTOM PRODUCT CARDS STYLES - DRONE ACADEMY ===== */

/* Estilos principales para las tarjetas de productos */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(1, 1fr);
	gap: 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Responsive grid */
@media (min-width: 768px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1280px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Tarjeta individual del producto */
.woocommerce ul.products li.product {
	background: #f8f8f8 !important;
	border-radius: 1rem !important;
	overflow: hidden !important;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
	transition: all 0.3s ease !important;
	position: relative !important;
	min-height: 400px !important;
	display: flex !important;
	flex-direction: column !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	float: none !important;
	list-style: none !important;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-8px) !important;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25) !important;
}

/* Enlaces del producto */
.woocommerce ul.products li.product a,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	text-decoration: none !important;
	color: inherit !important;
}

/* Imagen del producto */
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
	width: 100% !important;
	height: 200px !important;
	object-fit: contain !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 1rem 1rem 0 0 !important;
	background: transparent !important;
	transition: transform 0.3s ease !important;
	display: block !important;
}

/* Asegurar que el enlace de la imagen también esté pegado */
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product a img {
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 1rem 1rem 0 0 !important;
}

/* Estilos específicos para el enlace que contiene la imagen */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

/* Asegurar que no haya espacios en la parte superior de la tarjeta */
.woocommerce ul.products li.product > .woocommerce-loop-product__link:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Estilos para la imagen específica con todas las clases que aparecen en el HTML */
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product img[width][height] {
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 1rem 1rem 0 0 !important;
	display: block !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

.woocommerce ul.products li.product:hover img {
	transform: scale(1.05) !important;
}

/* Contenido de la tarjeta */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
	color: #022f82 !important;
	font-size: 1.25rem !important;
	font-weight: 400 !important;
	margin: 0 1.5rem 1rem 1.5rem !important;
	padding: 0 !important;
	line-height: 1.3 !important;
	font-family: 'Garet', sans-serif !important;
}

/* Descripción del producto (si existe) */
.woocommerce ul.products li.product .woocommerce-loop-product__excerpt,
.woocommerce ul.products li.product .product-excerpt {
	color: black !important;
	font-size: 0.95rem !important;
	margin: 0 1.5rem 1.5rem 1.5rem !important;
	padding: 0 !important;
	line-height: 1.5 !important;
	flex-grow: 1 !important;
}

/* Precio del producto */
.woocommerce ul.products li.product .price {
	color: black !important;
	font-size: 1.25rem !important;
	font-weight: 400 !important;
	margin: 0 1.5rem 1rem 1.5rem !important;
	padding: 0 !important;
}

.woocommerce ul.products li.product .price del {
	color: rgba(255, 255, 255, 0.6) !important;
	font-weight: normal !important;
}

.woocommerce ul.products li.product .price ins {
	text-decoration: none !important;
	color: #A0ED37 !important;
	font-weight: 700 !important;
}

/* Botón del producto - Estilo "Más información" */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
	background: #ff6b00 !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
	padding: 0.75rem 1.5rem !important;
	margin: 0 1.5rem 1.5rem 1.5rem !important;
	border: none !important;
	border-radius: 0.5rem !important;
	text-decoration: none !important;
	text-align: center !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	display: block !important;
	width: calc(100% - 3rem) !important;
	box-sizing: border-box !important;
	margin-top: auto !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
	background: #e55a00 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 4px 12px rgba(255, 107, 0, 0.3) !important;
}

/* Rating de estrellas */
.woocommerce ul.products li.product .star-rating {
	margin: 0 1.5rem 1rem 1.5rem !important;
}

.woocommerce ul.products li.product .star-rating span::before {
	color: #A0ED37 !important;
}

/* Eliminar estilos conflictivos */
.woocommerce ul.products li.product .woocommerce-loop-product__link {
	margin: 0 !important;
	padding: 0 !important;
}

/* ===== CUSTOM RELATED PRODUCTS STYLES ===== */

/* Contenedor principal de productos relacionados */
.droneacademy-related-products {
	padding: 4rem 0;
	background-color: #ffffff;
}

/* Asegurar que el contenedor tenga los márgenes correctos */
.droneacademy-related-products .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

/* Grid de productos relacionados - 4 columnas */
.droneacademy-related-products .woocommerce-loop-product__link {
	display: block;
	text-decoration: none;
}

.droneacademy-related-products ul.products {
	display: grid !important;
	grid-template-columns: repeat(1, 1fr);
	gap: 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Responsive grid */
@media (min-width: 768px) {
	.droneacademy-related-products ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.droneacademy-related-products ul.products {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* Estilos para cada producto individual */
/* .droneacademy-related-products .product {
	background: #ffffff;
	border-radius: 0.5rem;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: all 0.3s ease;
	margin: 0 !important;
	padding: 0;
}

.droneacademy-related-products .product:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	transform: translateY(-2px);
} */

/* Imagen del producto */
/* .droneacademy-related-products .product .woocommerce-loop-product__link img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.droneacademy-related-products .product:hover .woocommerce-loop-product__link img {
	transform: scale(1.05);
} */

/* Título del producto */
/* .droneacademy-related-products .product .woocommerce-loop-product__title {
	font-size: 1rem;
	font-weight: 600;
	color: #1f2937;
	margin: 1rem;
	line-height: 1.4;
	text-decoration: none;
}

.droneacademy-related-products .product .woocommerce-loop-product__title:hover {
	color: #4169e1;
} */

/* Precio del producto */
/* .droneacademy-related-products .product .price {
	margin: 0 1rem 1rem;
	font-size: 1.125rem;
	font-weight: bold;
	color: #059669;
}

.droneacademy-related-products .product .price del {
	color: #9ca3af;
	font-weight: normal;
}

.droneacademy-related-products .product .price ins {
	text-decoration: none;
	color: #059669;
} */

/* Botón de agregar al carrito */
/* .droneacademy-related-products .product .add_to_cart_button {
	display: block;
	width: calc(100% - 2rem);
	margin: 0 1rem 1rem;
	padding: 0.75rem;
	background: linear-gradient(135deg, #ff6b00, #ff8533);
	color: #000;
	font-weight: bold;
	text-align: center;
	border-radius: 0.5rem;
	text-decoration: none;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
}

.droneacademy-related-products .product .add_to_cart_button:hover {
	background: linear-gradient(135deg, #ff8533, #ff6b00);
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
} */

/* Asegurar que no haya estilos conflictivos */
/* .droneacademy-related-products .product .button {
	margin: 0;
} */

/* Título de la sección ya está estilizado en el template */

/* ===== ESTILOS MEJORADOS PARA MI CUENTA ===== */

/* Contenedor principal de Mi Cuenta */
.woocommerce-account .woocommerce {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem;
}

/* Navegación de Mi Cuenta */
.woocommerce-account .woocommerce-MyAccount-navigation {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	padding: 1.5rem;
	margin-bottom: 2rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 0.75rem 1.25rem;
	color: #6b7280;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
	border: 1px solid transparent;
	font-size: 0.95rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	background: rgba(19, 107, 181, 0.1);
	color: #136bb5;
	border-color: rgba(19, 107, 181, 0.2);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: #136bb5;
	color: #ffffff;
	font-weight: 600;
}

/* Contenido de Mi Cuenta */
.woocommerce-account .woocommerce-MyAccount-content {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	padding: 2rem;
	line-height: 1.6;
}

/* Títulos en Mi Cuenta */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	color: #1f2937;
	font-weight: 600;
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 2px solid #f0f0f0;
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
	font-size: 1.75rem;
}

.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-size: 1.25rem;
}

/* Tabla de pedidos mejorada */
.woocommerce-account .woocommerce-orders-table {
	border-collapse: collapse;
	width: 100%;
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	margin-bottom: 2rem;
}

.woocommerce-account .woocommerce-orders-table th {
	background: #f8f9fa;
	color: #374151;
	font-weight: 600;
	padding: 1rem;
	text-align: left;
	font-size: 0.9rem;
	letter-spacing: 0.025em;
	border-bottom: 1px solid #e5e7eb;
}

.woocommerce-account .woocommerce-orders-table td {
	padding: 1rem;
	border-bottom: 1px solid #f0f0f0;
	color: #4b5563;
	vertical-align: middle;
}

.woocommerce-account .woocommerce-orders-table tbody tr:hover {
	background: #f8f9fa;
}

/* Estados de pedidos con colores */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark {
	background: none;
	padding: 0.375rem 0.75rem;
	border-radius: 20px;
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.status-pending {
	background: #fef3c7;
	color: #92400e;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.status-processing {
	background: #dbeafe;
	color: #1e40af;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.status-completed {
	background: #dcfce7;
	color: #166534;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark.status-cancelled {
	background: #fee2e2;
	color: #991b1b;
}

/* Enlaces de acciones */
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
	color: #136bb5;
	text-decoration: none;
	font-weight: 500;
	padding: 0.5rem 1rem;
	border-radius: 6px;
	border: 1px solid #136bb5;
	transition: all 0.3s ease;
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 0.9rem;
}

.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover {
	background: #136bb5;
	color: #ffffff;
}

/* Formularios en Mi Cuenta */
.woocommerce-account .woocommerce-MyAccount-content form {
	margin-bottom: 2rem;
}

.woocommerce-account .woocommerce-MyAccount-content .form-row {
	margin-bottom: 1.5rem;
}

.woocommerce-account .woocommerce-MyAccount-content label {
	display: block;
	margin-bottom: 0.5rem;
	color: #374151;
	font-weight: 500;
	font-size: 0.95rem;
}

.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
	width: 100%;
	padding: 0.5rem;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 1rem;
	transition: border-color 0.3s ease;
	background: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	outline: none;
	border-color: #136bb5;
	box-shadow: 0 0 0 3px rgba(19, 107, 181, 0.1);
}

/* Botones en Mi Cuenta */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button {
	background: #136bb5;
	color: #ffffff;
	border: none;
	padding: 0.75rem 1.5rem;
	border-radius: 6px;
	font-weight: 600;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button:hover {
	background: #0f5a94;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(19, 107, 181, 0.3);
}

/* Botón de contraseña perdida */
.woocommerce-lostpassword.lost_password a,
.woocommerce .lost_password a,
p.woocommerce-lostpassword.lost_password a {
	background: transparent !important;
	color: #136bb5 !important;
	border: 2px solid #136bb5 !important;
	padding: 0.5rem 1rem !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	font-size: 0.9rem !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.3s ease !important;
	margin-top: 0.5rem !important;
}

.woocommerce-lostpassword.lost_password a:hover,
.woocommerce .lost_password a:hover,
p.woocommerce-lostpassword.lost_password a:hover {
	background: #136bb5 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 12px rgba(19, 107, 181, 0.3) !important;
}

/* Sistema de columnas responsive para formularios de login */
.u-columns {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.u-column1,
.u-column2,
.col-1,
.col-2 {
	width: 100%;
}

/* En pantallas grandes (768px+) mostrar en 2 columnas */
@media (min-width: 768px) {
	.u-columns {
		flex-direction: row;
		align-items: flex-start;
	}
	
	.u-column1,
	.col-1 {
		flex: 1;
		margin-right: 2rem;
	}
	
	.u-column2,
	.col-2 {
		flex: 1;
		margin-left: 0;
	}
}

/* Ajustes específicos para formularios de WooCommerce */
.woocommerce .u-columns .woocommerce-form-login,
.woocommerce .u-columns .woocommerce-form-register {
	background: #ffffff;
	padding: 2rem;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.woocommerce .u-columns h2 {
	color: #374151;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	border-bottom: 2px solid #136bb5;
	padding-bottom: 0.5rem;
}

/* Mensajes de notificación */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
	padding: 1rem 1.5rem;
	border-radius: 8px;
	margin-bottom: 1.5rem;
	font-weight: 500;
}

.woocommerce-account .woocommerce-message {
	background: #dcfce7;
	color: #166534;
	border-left: 4px solid #22c55e;
}

.woocommerce-account .woocommerce-error {
	background: #fee2e2;
	color: #991b1b;
	border-left: 4px solid #ef4444;
}

.woocommerce-account .woocommerce-info {
	background: #dbeafe;
	color: #1e40af;
	border-left: 4px solid #3b82f6;
}

/* Responsive para Mi Cuenta */
@media screen and (max-width: 768px) {
	.woocommerce-account .woocommerce {
		padding: 1rem 0.5rem;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		padding: 1rem;
		margin-bottom: 1rem;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		flex-direction: column;
		gap: 0.25rem;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
		padding: 1rem;
		text-align: center;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		padding: 1.5rem;
	}

	.woocommerce-account .woocommerce-MyAccount-content h2 {
		font-size: 1.5rem;
	}

	/* Tabla responsive para pedidos */
	.woocommerce-account .woocommerce-orders-table,
	.woocommerce-account .woocommerce-orders-table thead,
	.woocommerce-account .woocommerce-orders-table tbody,
	.woocommerce-account .woocommerce-orders-table th,
	.woocommerce-account .woocommerce-orders-table td,
	.woocommerce-account .woocommerce-orders-table tr {
		display: block;
	}

	.woocommerce-account .woocommerce-orders-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.woocommerce-account .woocommerce-orders-table tr {
		border: 1px solid #e5e7eb;
		border-radius: 8px;
		margin-bottom: 1rem;
		padding: 1rem;
		background: #ffffff;
	}

	.woocommerce-account .woocommerce-orders-table td {
		border: none;
		position: relative;
		padding: 0.75rem 0;
		padding-left: 40%;
		text-align: right;
	}

	.woocommerce-account .woocommerce-orders-table td::before {
		content: attr(data-title) ": ";
		position: absolute;
		left: 0;
		width: 35%;
		padding-right: 1rem;
		white-space: nowrap;
		font-weight: 600;
		color: #374151;
		text-align: left;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
		text-align: center;
		padding-left: 0;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}

	.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
		display: block;
		margin: 0.25rem 0;
		margin-right: 0;
	}
}

/* ===== ESTILOS GENERALES PARA INPUTS DE WOOCOMMERCE ===== */

/* Reducir altura de todos los inputs de formularios en WooCommerce */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="url"],
.woocommerce select,
.woocommerce textarea,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout select,
.woocommerce-cart input[type="text"],
.woocommerce-cart input[type="number"],
.woocommerce-cart select {
	padding: 0.5rem !important;
	height: auto !important;
	line-height: 1.4 !important;
}

/* Ajuste específico para textareas */
.woocommerce textarea,
.woocommerce-checkout textarea {
	padding: 0.5rem !important;
	min-height: 80px !important;
}

/* Estilos responsivos para carrito en móviles */
@media (max-width: 768px) {
    .woocommerce-cart-form .shop_table .actions,
    .woocommerce .cart .actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 1rem !important;
        justify-content: flex-start !important;
    }
    
    .woocommerce-cart-form .shop_table .actions .coupon,
    .woocommerce .cart .coupon {
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        justify-content: space-between !important;
    }
    
    .woocommerce-cart-form .shop_table .actions .coupon input[type="text"],
    .woocommerce .cart .coupon input[type="text"] {
        flex: 1 !important;
        width: auto !important;
        margin-right: 0.5rem !important;
    }
    
    .woocommerce-cart-form .shop_table .actions button[name="update_cart"],
    .woocommerce .cart input[name="update_cart"],
    .woocommerce .cart button[name="update_cart"] {
        width: 100% !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        text-align: center !important;
    }
}

/* ===== ESTILOS POR DEFECTO PARA ENLACES EN WOOCOMMERCE ===== */

/* Enlaces por defecto dentro de contenedores .woocommerce sin clase específica */
/* Excluye navegación de Mi Cuenta y otros elementos de navegación */
.woocommerce a:not([class]):not(.woocommerce-MyAccount-navigation ul li a) {
	color: #136bb5 !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	font-weight: 500 !important;
}

.woocommerce a:not([class]):not(.woocommerce-MyAccount-navigation ul li a):hover {
	color: #0f5a94 !important;
	text-decoration: underline !important;
}

/* Enlaces por defecto en formularios de WooCommerce */
/* Excluye navegación y botones específicos */
.woocommerce-form a:not([class]),
.woocommerce-account .woocommerce-MyAccount-content a:not([class]),
.woocommerce-checkout a:not([class]) {
	color: #136bb5 !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	font-weight: 500 !important;
}

.woocommerce-form a:not([class]):hover,
.woocommerce-account .woocommerce-MyAccount-content a:not([class]):hover,
.woocommerce-checkout a:not([class]):hover {
	color: #0f5a94 !important;
	text-decoration: underline !important;
}

/* Excluir específicamente la navegación de Mi Cuenta */
.woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-navigation ul li a {
	/* No aplicar estilos por defecto a la navegación */
}

/* Fix para botones "Ver" en tablas de pedidos */
.woocommerce-orders-table .button,
.woocommerce-orders-table a.button,
.woocommerce-orders-table .woocommerce-button,
.woocommerce-orders-table a.woocommerce-button,
.woocommerce table.my_account_orders .button,
.woocommerce table.my_account_orders a.button,
.woocommerce .woocommerce-orders-table__cell-order-actions .button,
.woocommerce .woocommerce-orders-table__cell-order-actions a.button,
.woocommerce-orders-table__cell .button.view {
    background: #136bb5 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

.woocommerce-orders-table .button:hover,
.woocommerce-orders-table a.button:hover,
.woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-orders-table a.woocommerce-button:hover,
.woocommerce table.my_account_orders .button:hover,
.woocommerce table.my_account_orders a.button:hover,
.woocommerce .woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce .woocommerce-orders-table__cell-order-actions a.button:hover,
.woocommerce-orders-table__cell .button.view:hover {
    background: #0f5a94 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(19, 107, 181, 0.3) !important;
}

/* Estilo para enlace "Editar" en direcciones */
.woocommerce-Address .edit,
.woocommerce-address .edit,
a.edit {
    background: #136bb5 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.woocommerce-Address .edit:hover,
.woocommerce-address .edit:hover,
a.edit:hover {
    background: #0f5a94 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(19, 107, 181, 0.3) !important;
    text-decoration: none !important;
}

/* Contenedor para input de contraseña con botón */
.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    position: relative;
}

/* Estilos para el botón de mostrar/ocultar contraseña */
.show-password-input {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    padding: 5px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    color: #666 !important;
    z-index: 10 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.show-password-input:hover {
    color: #136bb5 !important;
    background: transparent !important;
    transform: translateY(-50%) !important;
}

/* Agregar ícono de ojo usando SVG */
.show-password-input::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23666" d="M320 96C239.2 96 174.5 132.8 127.4 176.6C80.6 220.1 49.3 272 34.4 307.7C31.1 315.6 31.1 324.4 34.4 332.3C49.3 368 80.6 420 127.4 463.4C174.5 507.1 239.2 544 320 544C400.8 544 465.5 507.2 512.6 463.4C559.4 419.9 590.7 368 605.6 332.3C608.9 324.4 608.9 315.6 605.6 307.7C590.7 272 559.4 220 512.6 176.6C465.5 132.9 400.8 96 320 96zM176 320C176 240.5 240.5 176 320 176C399.5 176 464 240.5 464 320C464 399.5 399.5 464 320 464C240.5 464 176 399.5 176 320zM320 256C320 291.3 291.3 320 256 320C244.5 320 233.7 317 224.3 311.6C223.3 322.5 224.2 333.7 227.2 344.8C240.9 396 293.6 426.4 344.8 412.7C396 399 426.4 346.3 412.7 295.1C400.5 249.4 357.2 220.3 311.6 224.3C316.9 233.6 320 244.4 320 256z"/></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Cuando la contraseña está visible, cambiar el ícono */
.show-password-input[aria-pressed="true"]::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23666" d="M73 39.1C63.6 29.7 48.4 29.7 39.1 39.1C29.8 48.5 29.7 63.7 39 73.1L567 601.1C576.4 610.5 591.6 610.5 600.9 601.1C610.2 591.7 610.3 576.5 600.9 567.2L504.5 470.8C507.2 468.4 509.9 466 512.5 463.6C559.3 420.1 590.6 368.2 605.5 332.5C608.8 324.6 608.8 315.8 605.5 307.9C590.6 272.2 559.3 220.2 512.5 176.8C465.4 133.1 400.7 96.2 319.9 96.2C263.1 96.2 214.3 114.4 173.9 140.4L73 39.1zM236.5 202.7C260 185.9 288.9 176 320 176C399.5 176 464 240.5 464 320C464 351.1 454.1 379.9 437.3 403.5L402.6 368.8C415.3 347.4 419.6 321.1 412.7 295.1C399 243.9 346.3 213.5 295.1 227.2C286.5 229.5 278.4 232.9 271.1 237.2L236.4 202.5zM357.3 459.1C345.4 462.3 332.9 464 320 464C240.5 464 176 399.5 176 320C176 307.1 177.7 294.6 180.9 282.7L101.4 203.2C68.8 240 46.4 279 34.5 307.7C31.2 315.6 31.2 324.4 34.5 332.3C49.4 368 80.7 420 127.5 463.4C174.6 507.1 239.3 544 320.1 544C357.4 544 391.3 536.1 421.6 523.4L357.4 459.2z"/></svg>') !important;
}

/* Ajustar el input de contraseña para hacer espacio al botón */
.woocommerce-Input.woocommerce-Input--password.input-text {
    padding-right: 45px !important;
}

/* Asegurar que el contenedor tenga la posición correcta */
.password-input {
    position: relative !important;
}