.elementor-30056 .elementor-element.elementor-element-0355bb9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-0355bb9 *//* 1. 替换表单顶部的说明文字 */
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order > p:first-child {
    font-size: 0 !important;
    line-height: 0 !important;
    margin-bottom: 20px;
}
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order > p:first-child::before {
    content: "Para rastrear tu pedido, ingresa el ID de tu pedido en el cuadro a continuación y presiona el botón 'Rastrear'. Este número lo encuentras en tu recibo y en el correo de confirmación.";
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #777;
    display: block;
}

/* 2. 替换 "Order ID" 和 "Billing email" 标签 */
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order label[for="orderid"],
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order label[for="order_email"] {
    font-size: 0 !important;
}
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order label[for="orderid"]::before {
    content: "ID del Pedido" !important;
    font-size: 14px !important;
    font-weight: 600;
    color: #333;
}
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order label[for="order_email"]::before {
    content: "Correo electrónico" !important;
    font-size: 14px !important;
    font-weight: 600;
    color: #333;
}

/* 3. 替换 "Track" 按钮文字 */
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order button[name="track"] {
    font-size: 0 !important;
}
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order button[name="track"]::after {
    content: "RASTREAR PEDIDO";
    font-size: 16px !important;
    font-weight: 600;
}

/* ========================================== */
/* 以下是专门针对输入框 Placeholder 的 CSS 黑科技 */
/* ========================================== */

/* A. 隐藏原本的英文提示文字 */
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order input#orderid::placeholder,
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order input#order_email::placeholder {
    color: transparent !important;
}

/* B. 为父元素开启相对定位 */
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order .form-row {
    position: relative;
}

/* C. 用伪元素“画”一个西语提示文字上去 (Order ID) */
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order .form-row-first::after {
    content: "Se encuentra en el correo de confirmación.";
    position: absolute;
    left: 15px; 
    bottom: 12px; /* 💡如果文字偏上或偏下，可以微调这个数字，比如改成 10px 或 15px */
    color: #999;
    pointer-events: none; /* 确保鼠标能穿透文字点到输入框 */
    font-size: 14px;
    transition: opacity 0.2s;
}

/* D. 用伪元素“画”一个西语提示文字上去 (Email) */
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order .form-row-last::after {
    content: "El correo que usaste al comprar.";
    position: absolute;
    left: 15px;
    bottom: 12px; /* 💡同上，用于微调上下高度 */
    color: #999;
    pointer-events: none;
    font-size: 14px;
    transition: opacity 0.2s;
}

/* E. 当用户点击输入框开始打字时，自动隐藏我们画上去的西语文字 */
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order .form-row-first:has(input#orderid:not(:placeholder-shown))::after,
.elementor-30056 .elementor-element.elementor-element-0355bb9 .woocommerce-form-track-order .form-row-last:has(input#order_email:not(:placeholder-shown))::after {
    opacity: 0;
    visibility: hidden;
}/* End custom CSS */