html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .font-display { letter-spacing: -0.02em; }

/* Enlaces con subrayado dinámico */
.link-u { position: relative; }
.link-u::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 0; height: 1.5px; background: currentColor; transition: width .3s ease; }
.link-u:hover::after, .link-u.active::after { width: 100%; }

/* Drawer del carrito lateral */
#cart-drawer {
    transition: transform .4s cubic-bezier(.2, .8, .2, 1);
}

/* Transiciones de imagen de producto */
.product-main-image {
    transition: opacity 0.3s ease-in-out;
}

/* Reseteo para WooCommerce */
.woocommerce-variation-add-to-cart,
.woocommerce form.cart {
    margin: 0;
}

/* Input numérico de cantidad sin flechas nativas feas */
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type="number"] { 
    -moz-appearance: textfield; 
}

/* Notificaciones flotantes tipo Toast Exhibe Display */
.exhibe-toast {
    position: fixed;
    top: 90px;
    right: 24px;
    z-index: 9999;
    max-width: 400px;
    background: #fff;
    border-left: 4px solid #FFDE00;
    border-radius: 12px;
    padding: 16px 20px;
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    gap: 12px;
    transform: translateY(-20px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.exhibe-toast.show {
    transform: translateY(0);
    opacity: 1;
}
