/* ==============================================================
VARIABLES BASE ASEO EMMANUEL
============================================================== */
:root {
–verde-ae: #00994d;
–azul-ae: #0a448a;
–azul-oscuro: #062b59;
–blanco: #ffffff;
–fondo-gris: #f8f9fa;
–texto-oscuro: #1a1a1a;
–texto-gris: #555555;
–gris-claro: #eef0f2;
}
#carrito-ae {
font-family: ‘Montserrat’, sans-serif !important;
background-color: var(–fondo-gris) !important;
color: var(–texto-oscuro) !important;
padding-top: 100px !important;
display: block;
}
#carrito-ae a.header-link,
#carrito-ae a.footer-link {
text-decoration: none !important;
box-shadow: none !important;
}
/* ==============================================================
ENCABEZADO PRINCIPAL
============================================================== */
#carrito-ae .elite-header { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; background-color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important; z-index: 1000 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 10px 3% !important; height: 80px !important; box-sizing: border-box !important; }
#carrito-ae .header-logo img { height: 50px !important; width: auto !important; transition: transform 0.3s ease; }
#carrito-ae .header-logo a:hover img { transform: scale(1.05); }
#carrito-ae .header-nav { display: flex !important; gap: 20px !important; align-items: center !important; margin-left: 20px !important; }
#carrito-ae .header-nav a { color: var(–azul-ae) !important; font-weight: 700 !important; font-size: 1rem !important; text-transform: uppercase !important; transition: color 0.3s ease !important; text-decoration: none !important; }
#carrito-ae .header-nav a:hover { color: var(–verde-ae) !important; }
#carrito-ae .header-right { display: flex !important; align-items: center !important; gap: 15px !important; margin-right: 20px !important; }
#carrito-ae .header-cart-wrapper { background-color: var(–verde-ae) !important; padding: 12px 25px !important; border-radius: 30px !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; box-shadow: 0 4px 10px rgba(0, 153, 77, 0.4) !important; border: none !important; }
#carrito-ae .header-cart-wrapper:hover { background-color: #00b35a !important; transform: translateY(-2px) !important; }
#carrito-ae .header-cart-wrapper a { color: #ffffff !important; font-weight: 900 !important; font-size: 1.15rem !important; text-decoration: none !important; }
#carrito-ae .hamburger-btn { display: none !important; background: none !important; border: none !important; font-size: 2rem !important; color: var(–azul-ae) !important; cursor: pointer !important; }
/* ==============================================================
CONTENEDOR DEL CARRITO
============================================================== */
.cart-main-container {
max-width: 1200px;
margin: 0 auto 60px auto;
padding: 0 5%;
display: block;
}
.cart-title-wrapper { text-align: center; margin-bottom: 35px; }
.cart-title-wrapper h1 { color: var(–azul-ae); font-size: 2.5rem; font-weight: 800; margin-bottom: 5px; }
.cart-title-wrapper p { color: var(–texto-gris); font-weight: 600; font-size: 1.1rem; }
/* ==============================================================
RESALTAR “TOTAL ESTIMADO” Y SU PRECIO
============================================================== */
#carrito-ae .wc-block-components-totals-footer-item,
#carrito-ae .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
#carrito-ae .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
font-weight: 900 !important;
font-size: 1.25rem !important;
color: var(–azul-ae) !important;
}
#carrito-ae .wc-block-components-totals-footer-item {
border-top: 2px solid var(–verde-ae) !important;
padding-top: 15px !important;
margin-top: 15px !important;
}
/* ==============================================================
FOOTER
============================================================== */
#carrito-ae .elite-footer { background-color: var(–azul-oscuro) !important; color: var(–blanco) !important; padding: 45px 5% 20px 5% !important; margin-top: 40px !important; display: block; }
#carrito-ae .footer-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; gap: 20px !important; max-width: 1200px !important; margin: 0 auto !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; padding-bottom: 30px !important; }
#carrito-ae .footer-col h4 { font-size: 1.05rem !important; margin-bottom: 15px !important; color: var(–verde-ae) !important; font-weight: 700 !important; text-transform: uppercase !important; }
#carrito-ae .footer-col p { font-size: 0.85rem !important; color: #ccc !important; line-height: 1.5 !important; }
#carrito-ae .footer-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
#carrito-ae .footer-col ul li { margin-bottom: 8px !important; }
#carrito-ae .footer-col ul li a { color: #ccc !important; font-size: 0.9rem !important; transition: color 0.3s !important; text-decoration: none !important; }
#carrito-ae .footer-col ul li a:hover { color: var(–verde-ae) !important; }
#carrito-ae .footer-cart-link { color: var(–blanco) !important; font-weight: bold !important; }
#carrito-ae .social-icons { display: flex !important; gap: 15px !important; margin-top: 15px !important; }
#carrito-ae .social-icons a { display: block !important; width: 32px !important; height: 32px !important; color: #ffffff !important; transition: transform 0.3s ease, color 0.3s ease !important; }
#carrito-ae .social-icons a:hover { transform: scale(1.15) !important; color: var(–verde-ae) !important; }
#carrito-ae .social-icons svg { width: 100% !important; height: 100% !important; fill: currentColor !important; }
#carrito-ae .footer-bottom { text-align: center !important; padding-top: 20px !important; font-size: 0.75rem !important; color: #888 !important; }
/* ==============================================================
RESPONSIVE ENCABEZADO
============================================================== */
@media screen and (max-width: 768px) {
#carrito-ae .elite-header { flex-wrap: nowrap !important; padding: 12px 15px !important; height: 85px !important; }
#carrito-ae { padding-top: 100px !important; }
#carrito-ae .header-logo img { height: 50px !important; }
#carrito-ae .header-right { margin-right: 0 !important; gap: 10px !important; }
#carrito-ae .header-cart-wrapper { padding: 10px 18px !important; margin: 0 !important; }
#carrito-ae .hamburger-btn { display: block !important; font-size: 2.3rem !important; }
#carrito-ae .header-nav { display: none !important; width: 100% !important; flex-direction: column !important; background-color: var(–blanco) !important; position: absolute !important; top: 85px !important; left: 0 !important; box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; border-top: 1px solid #eee !important; padding: 10px 0 !important; }
#carrito-ae .header-nav.active { display: flex !important; }
#carrito-ae .header-nav a { padding: 18px 20px !important; font-size: 1.1rem !important; border-bottom: 1px solid #f0f0f0 !important; width: 100% !important; box-sizing: border-box !important; }
}
Tu Carrito de Compras
Revisa tus productos institucionales antes de finalizar.
Your cart is currently empty!
New in store
function toggleMobileMenu() {
var menu = document.getElementById(‘menuOpciones’);
if (menu.classList.contains(‘active’)) {
menu.classList.remove(‘active’);
} else {
menu.classList.add(‘active’);
}
}
document.addEventListener(‘DOMContentLoaded’, () => {
// Función para cambiar elementos dinámicos
const modificarWooCommerce = () => {
// 1. Cambiar texto “Estimated total”
const labels = document.querySelectorAll(‘.wc-block-components-totals-item__label’);
labels.forEach(label => {
if (label.textContent.trim() === ‘Estimated total’) {
label.textContent = ‘TOTAL ESTIMADO’;
}
});
// 2. Cambiar enlace del botón “Proceder al pago” de WooCommerce
const btnPago = document.querySelector(‘.wc-block-components-checkout-button, .wc-block-cart__submit-button, .wp-block-woocommerce-proceed-to-checkout-block a’);
if (btnPago && btnPago.href !== ‘https://aseoemmanuel.com.co/pago-rapido/’) {
btnPago.href = ‘https://aseoemmanuel.com.co/pago-rapido/’;
}
};
// MutationObserver para vigilar cambios (WooCommerce carga los bloques en segundo plano)
const observer = new MutationObserver(() => {
modificarWooCommerce();
});
const cart = document.querySelector(‘.wp-block-woocommerce-cart’);
if (cart) {
observer.observe(cart, { childList: true, subtree: true });
// Ejecuciones de seguridad por si carga muy rápido o muy lento
setTimeout(modificarWooCommerce, 500);
setTimeout(modificarWooCommerce, 1500);
setTimeout(modificarWooCommerce, 3000);
}
});
Botiquín Primeros Auxilios Personal$25,000
ESCOBAS
MEZCLADORES 500UND.$2,300
AMBIENTADORESPrice range: $11,300 through $65,800