.elementor-7916 .elementor-element.elementor-element-69c7699{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-7916 .elementor-element.elementor-element-69c7699:not(.elementor-motion-effects-element-type-background), .elementor-7916 .elementor-element.elementor-element-69c7699 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7916 .elementor-element.elementor-element-e52b496 .elementor-heading-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-7916 .elementor-element.elementor-element-a94700f{--spacer-size:50px;}.elementor-7916 .elementor-element.elementor-element-1db4d42{--display:flex;}.elementor-7916 .elementor-element.elementor-element-41c0016{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7916 .elementor-element.elementor-element-69c7699{--width:90%;}}/* Start custom CSS for wc-elements, class: .elementor-element-54c2f37 *//* ========================================================= */
/* 1. Estilo para los TÍTULOS (Labels) en color Dorado */
/* Selecciona las etiquetas de ID de Pedido y Correo */
.woocommerce-form-track-order label {
    color: #C38820 !important; /* Color Dorado para los títulos */
    font-weight: bold !important; /* Opcional: para que se vean más fuertes */
}

/* 2. Estilo para los CAMPOS DE ENTRADA (Inputs) */
/* Aplica fondo blanco, texto negro y sin borde para el estado normal */
.woocommerce-form-track-order input[type="text"], 
.woocommerce-form-track-order input[type="email"] {
    /* Fondo Blanco */
    background-color: #ffffff !important;
    /* Texto Negro */
    color: #000000 !important;
    /* Quitar Borde/Marco */
    border: none !important;
    box-shadow: none !important;
    padding: 10px !important; /* Ajusta el relleno para que se vea bien */
}

/* 3. Anular estilos al hacer clic (FOCUS / HOVER) */
/* Asegura que no aparece el borde dorado ni cambia el fondo */
.woocommerce-form-track-order input[type="text"]:focus,
.woocommerce-form-track-order input[type="email"]:focus,
.woocommerce-form-track-order input[type="text"]:hover,
.woocommerce-form-track-order input[type="email"]:hover {
    /* Fondo y texto se mantienen */
    background-color: #ffffff !important;
    color: #000000 !important;
    /* Anular bordes, sombras y otros efectos */
    border: none !important; 
    box-shadow: none !important;
    outline: none !important; /* Quita el resplandor de enfoque del navegador */
}
/* ========================================================= */
/* ========================================================= */
/* 1. Estilo para los TÍTULOS (Labels) en color Dorado */
.woocommerce-form-track-order label {
    color: #C38820 !important; /* Color Dorado para los títulos */
    font-weight: bold !important; 
}

/* 2. Estilo para los CAMPOS DE ENTRADA (Inputs) */
.woocommerce-form-track-order input[type="text"], 
.woocommerce-form-track-order input[type="email"] {
    /* Fondo Blanco */
    background-color: #ffffff !important;
    /* Texto Negro */
    color: #000000 !important;
    /* Quitar Borde/Marco */
    border: none !important;
    box-shadow: none !important;
    padding: 10px !important; 
}

/* 3. Anular estilos al hacer clic (FOCUS / HOVER de los campos) */
.woocommerce-form-track-order input[type="text"]:focus,
.woocommerce-form-track-order input[type="email"]:focus,
.woocommerce-form-track-order input[type="text"]:hover,
.woocommerce-form-track-order input[type="email"]:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important; 
    box-shadow: none !important;
    outline: none !important;
}

/* 4. Estilo para el botón "Seguir" (NORMAL) */
.woocommerce-form-track-order button.button {
    /* Fondo Blanco */
    background-color: #ffffff !important;
    /* Texto Negro */
    color: #000000 !important;
    /* Quitar Borde/Sombra */
    border: none !important;
    box-shadow: none !important;
}

/* 5. Estilo para el botón "Seguir" (HOVER) */
.woocommerce-form-track-order button.button:hover {
    /* Mantiene el fondo blanco */
    background-color: #ffffff !important;
    /* Texto Dorado al pasar el ratón */
    color: #C38820 !important;
    /* Asegura que no tiene bordes ni sombras en hover */
    border: none !important;
    box-shadow: none !important;
}
/* ========================================================= */
/* ========================================================= */
/* 1. Estilo para los TÍTULOS (Labels) en color Dorado */
.woocommerce-form-track-order label {
    color: #C38820 !important;
    font-weight: bold !important; 
}

/* ... (El resto del código para inputs permanece igual) ... */

/* 4. Estilo para el botón "Seguir" (NORMAL) */
.woocommerce-form-track-order button.button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
    
    /* AÑADIMOS EL RELLENO (PADDING) MÁS PEQUEÑO */
    padding: 6px 12px !important; /* 6px arriba/abajo, 12px izquierda/derecha */
}

/* 5. Estilo para el botón "Seguir" (HOVER) */
.woocommerce-form-track-order button.button:hover {
    background-color: #ffffff !important;
    color: #C38820 !important;
    border: none !important;
    box-shadow: none !important;
}
/* ========================================================= */
/* FUERZA NOTO SERIF EN TODOS LOS ELEMENTOS DEL SITIO */
body, 
body * {
    font-family: "Noto Serif", serif !important;
}

/* También aplicamos la regla a inputs y botones de formularios */
input, select, textarea, button, .elementor-button {
    font-family: "Noto Serif", serif !important;
}
/* Fuerza el blanco en los valores del encabezado del pedido: número, fecha y estado. */

/* 1. Target al número, fecha y estado, que suelen estar en etiquetas de énfasis (mark, strong, b) */
.elementor-7916 .elementor-element.elementor-element-54c2f37 p mark,
.elementor-7916 .elementor-element.elementor-element-54c2f37 p strong,
.elementor-7916 .elementor-element.elementor-element-54c2f37 p b {
    color: #c38820 !important;
}

/* 2. Asegura que los enlaces (si el número de pedido es un enlace) también sean blancos */
.elementor-7916 .elementor-element.elementor-element-54c2f37 .woocommerce-order-details a {
    color: #c38820 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69c7699 *//* Este CSS asegura que las letras que aparecen en negro/oscuro se vuelvan blancas */

/* Elementos comunes de texto: párrafos, spans, etiquetas de listas y texto general */
.elementor-7916 .elementor-element.elementor-element-69c7699 p, 
.elementor-7916 .elementor-element.elementor-element-69c7699 span, 
.elementor-7916 .elementor-element.elementor-element-69c7699 li,
.elementor-7916 .elementor-element.elementor-element-69c7699 div { 
    color: #FFFFFF !important; 
}

/* Detalles de envío y facturación (texto dentro del bloque 'address') */
.elementor-7916 .elementor-element.elementor-element-69c7699 address {
    color: #FFFFFF !important; 
}

/* Texto dentro de las celdas de las tablas (datos y cabeceras) */
.elementor-7916 .elementor-element.elementor-element-69c7699 td, 
.elementor-7916 .elementor-element.elementor-element-69c7699 th {
    color: #FFFFFF !important; 
}

/* Elementos en negrita (strong) que podrían estar en negro */
.elementor-7916 .elementor-element.elementor-element-69c7699 strong {
    color: #FFFFFF !important;
}/* End custom CSS */