.elementor-6886 .elementor-element.elementor-element-463a702{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6886 .elementor-element.elementor-element-977760c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6886 .elementor-element.elementor-element-1fce605 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-1fce605 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-1fce605 .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-1fce605 .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-1fce605 .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-1fce605 .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-4954fc0 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-4954fc0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-4954fc0 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-4954fc0 .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-4954fc0 .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-4954fc0 .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-4954fc0 .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-f8e6088 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-f8e6088 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-f8e6088 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-f8e6088 .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-f8e6088 .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-f8e6088 .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-f8e6088 .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-d8c1b8a .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-d8c1b8a .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-d8c1b8a .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-d8c1b8a .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-d8c1b8a .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-d8c1b8a .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-d8c1b8a .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-e25d9d3 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-e25d9d3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-e25d9d3 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-e25d9d3 .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-e25d9d3 .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-e25d9d3 .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-e25d9d3 .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-3e4e06a .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-3e4e06a .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-3e4e06a .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-3e4e06a .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-3e4e06a .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-3e4e06a .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-3e4e06a .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-3ba6b69 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-3ba6b69 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-3ba6b69 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-3ba6b69 .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-3ba6b69 .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-3ba6b69 .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-3ba6b69 .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-85a3f7c .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-85a3f7c .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-85a3f7c .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-85a3f7c .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-85a3f7c .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-85a3f7c .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-85a3f7c .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-2de07ae .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-2de07ae .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-2de07ae .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-2de07ae .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-2de07ae .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-2de07ae .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-2de07ae .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-6198e42 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-6198e42 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-6198e42 .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-6198e42 .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-6198e42 .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-6198e42 .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-6198e42 .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-fa849ca .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-6886 .elementor-element.elementor-element-fa849ca .elementor-button-content-wrapper{flex-direction:row;}.elementor-6886 .elementor-element.elementor-element-fa849ca .elementor-button .elementor-button-content-wrapper{gap:11px;}.elementor-6886 .elementor-element.elementor-element-fa849ca .elementor-button:hover, .elementor-6886 .elementor-element.elementor-element-fa849ca .elementor-button:focus{color:#FFC100;}.elementor-6886 .elementor-element.elementor-element-fa849ca .elementor-button:hover svg, .elementor-6886 .elementor-element.elementor-element-fa849ca .elementor-button:focus svg{fill:#FFC100;}.elementor-6886 .elementor-element.elementor-element-62b23f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-6886 .elementor-element.elementor-element-977760c{--width:33.3333%;}.elementor-6886 .elementor-element.elementor-element-62b23f6{--width:66.6666%;}}/* Start custom CSS for button, class: .elementor-element-1fce605 *//* =======================================================
   Mover botón de cierre (X amarilla) del popup de PUNTOS
   ======================================================= */

/* 1. Posicionar el botón de cierre dentro del modal */
.mc-modal-perfil #mc-cerrar-popup-puntos {
    /* 🛑 ANULAR POSICIÓN IZQUIERDA */
    left: auto !important;

    /* ✅ FORZAR POSICIÓN DERECHA */
    right: 10px !important; /* Ajusta este valor si necesitas más espacio */
    top: 10px !important;    /* Ajusta este valor si necesitas más espacio */
    
    /* Asegurar el posicionamiento relativo al contenedor .mc-modal-perfil */
    position: absolute !important; 
    
    /* Estilos para que se parezca a una 'X' de cierre moderna y no a un botón */
    background: transparent !important; /* Quitar fondo amarillo o de botón */
    border: none !important;
    color: #475569 !important;      /* Color gris oscuro para la 'X' */
    font-size: 26px !important;     /* Tamaño visible para la 'X' */
    cursor: pointer;
    line-height: 1;
    z-index: 10000;
}

/* 2. Asegurar que el contenedor del modal es el punto de referencia (importante) */
.mc-modal-perfil {
    position: relative !important; /* Esto permite que el botón se posicione absolutamente dentro */
    padding-top: 40px; /* Añadir espacio arriba para que la 'X' no toque el título */
}

/* 3. Estilo para la 'X' que aparece en la imagen (botón amarillo) */
/* Si tu 'X' sigue teniendo el fondo amarillo, añade esta clase para darle el formato moderno de la 'X' de cierre: */
.mc-modal-perfil #mc-cerrar-popup-puntos {
    width: 30px; /* Esto asegura un área de clic decente si es un botón */
    height: 30px; 
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4954fc0 *//* =======================================================
   ESTILO PARA BOTONES DE PERFIL (MENOS REDONDEO)
   ======================================================= */

/* 1. Botón "Editar perfil" (que abre el modal) */
.mc-btn-editar-perfil {
    border-radius: 4px !important; 
    /* Si tienes un fondo o borde muy redondeado, asegúrate de sobrescribirlo aquí */
}

/* 2. Botón "Guardar cambios" (dentro del modal) */
.mc-modal-perfil .mc-btn-guardar {
    border-radius: 4px !important;
    /* Opcional: Estilo de borde y fondo uniforme para asegurar */
    /* background-color: #000 !important; */ 
    /* border: 1px solid #000 !important; */
}

/* 3. Botón "Cancelar" (dentro del modal) */
.mc-modal-perfil .mc-btn-cancelar {
    border-radius: 4px !important;
    /* Opcional: Si es un botón transparente o de color diferente, ajusta: */
    /* background-color: transparent !important; */
    /* border: 1px solid #d1d5db !important; */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d8c1b8a *//* =======================================================
   AJUSTE DE REDONDEO DE BOTONES (4px) EN MODAL DE DIRECCIONES Y PÁGINA DE CUENTA
   ======================================================= */

/* 1. Botones de Guardar / Cancelar (Dentro del Modal) */
/* Sobrescribe el border-radius:8px del original */
#beldet-modal-body .beldet-actions button,
#beldet-modal-body .beldet-actions input[type="submit"] {
    /* Redondeo sutil */
    border-radius: 4px !important; 
    
    /* Si quieres que los botones sean menos anchos que los 230px, puedes ajustar max-width */
    /* max-width: 200px !important; */ 
}

/* 2. Botón "Añadir / Editar Dirección" (Fuera del Modal, en la página Mi Cuenta) */
/* Sobrescribe el border-radius:999px (pill-style) del original */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address a.button {
    /* Redondeo sutil */
    border-radius: 4px !important;
    
    /* Si quieres mantener el fondo negro pero con bordes rectos: */
    /* background: #000 !important; */
    /* color: #fff !important; */
    
    /* Puedes ajustar min-width si no quieres que sean tan anchos */
    min-width: 200px !important; 
}
/* =======================================================
   ESTÉTICA PRINCIPAL: PÁGINA DE DIRECCIONES
   ======================================================= */

/* 1. Estilo para el contenedor principal de las direcciones (La Tarjeta Grande) */
.mc-card-direcciones {
    /* Usamos el estilo de tarjeta profesional definido anteriormente */
    background: #ffffff !important;
    border-radius: 8px !important; 
    border: 1px solid #e5e7eb !important; 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05) !important;
    padding: 24px !important;
    
    /* Mostrar Facturación y Envío en una sola columna si es ancho, o asegurar el flujo */
    display: flex;
    flex-direction: column; /* Asegura que los bloques estén apilados */
}

/* 2. Estilo para los bloques individuales de Facturación y Envío */
.mc-address-block {
    padding: 15px 0; /* Espaciado dentro de la tarjeta */
}

/* Separador sutil entre Facturación y Envío */
.mc-address-block:not(:last-child) {
    border-bottom: 1px solid #f3f4f6; /* Línea de separación muy clara */
    margin-bottom: 15px;
}

/* 3. Títulos de Dirección (Dirección de facturación / Dirección de envío) */
.mc-address-title {
    font-size: 1.5rem !important; /* Haz que el título sea más grande */
    font-weight: 700 !important;
    color: #1f2937 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

/* 4. Contenido de la dirección (El texto de la dirección en sí) */
.mc-address-body {
    font-size: 1rem;
    color: #4b5563; /* Gris más suave para el texto secundario */
    margin-bottom: 15px;
}

/* 5. Estilo para los botones "Dirección de facturación/envío" */
/* Queremos que se vean como el botón secundario que definimos antes */
.mc-btn-direccion {
    /* Estilo de botón fantasma (blanco con borde sutil) */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    border-radius: 4px !important;
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border: 1px solid #d1d5db !important; /* Borde sutil */
    padding: 10px 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
    line-height: 1.5;
}

/* 6. Icono '+' dentro del botón */
.mc-btn-direccion .mc-btn-icon {
    font-size: 1.2em; /* Haz que el + sea ligeramente más grande */
    margin-right: 8px; /* Espacio entre + y el texto */
    font-weight: 700;
}

/* 7. Hover para los botones de dirección */
.mc-btn-direccion:hover {
    background-color: #f9fafb !important;
    border-color: #9ca3af !important;
}
/* =======================================================
   CAMBIO DE TIPOGRAFÍA GLOBAL: ALTERNATIVA FORMAL (Open Sans / Roboto)
   ======================================================= */

/* 1. Aplica la nueva fuente alternativa (Open Sans / Roboto) */
body {
    /* Prioriza fuentes comunes y limpias. Open Sans es conocida por su legibilidad. */
    font-family: 'Open Sans', 'Roboto', 'Lato', -apple-system, BlinkMacSystemFont, 
                 "Segoe UI", "Helvetica Neue", Arial, sans-serif, 
                 "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    
    /* Mantenemos el tamaño compacto para la apariencia profesional */
    font-size: 15px !important; 
    line-height: 1.5 !important; 
}

/* 2. Ajuste de encabezados */
h1, h2, h3, h4, h5, h6, .mc-title, .mc-subtitle, .mc-address-title {
    font-family: 'Open Sans', 'Roboto', 'Lato', sans-serif !important;
    font-weight: 700 !important; /* Mantenemos la negrita fuerte */
    color: #1f2937 !important; 
}

/* 3. Ajuste de texto de cuerpo y secundario */
.mc-text, .woocommerce-account p, .woocommerce-account label {
    font-size: 15px !important; 
    color: #4b5563 !important;
    font-weight: 400 !important; /* Peso regular */
}

/* 4. Asegurar que los inputs y botones también usen la nueva fuente */
.woocommerce-account input,
.woocommerce-account textarea,
.woocommerce-account button,
.woocommerce-account select {
    font-family: 'Open Sans', 'Roboto', 'Lato', sans-serif !important;
    font-size: 15px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e25d9d3 *//* Fondo del modal */
.beldet-modal {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:999999;
}

/* Caja del modal */
.beldet-modal-content {
    width:720px;
    max-width:95%;
    background:#fff;
    border-radius:14px;
    padding:24px 28px 28px;
    margin:60px auto;
    position:relative;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

/* Botón cerrar (X) */
.beldet-close {
    position:absolute;
    right:18px;
    top:14px;
    background:none;
    border:none;
    font-size:22px;
    cursor:pointer;
}

/* Grid de opciones */
.beldet-method-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
    margin-top:25px;
}

/* Tarjetas con logo */
.beldet-method-card {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:22px;
    border:1px solid #ddd;
    border-radius:12px;
    cursor:pointer;
    transition:all .25s ease;
    background:#fff;
}

/* Logos: tamaño homogéneo */
.beldet-method-card img {
    height:28px;          /* altura fija para todos */
    width:auto;
    object-fit:contain;
    pointer-events:none;
    display:block;
}

/* Hover */
.beldet-method-card:hover {
    border-color:#000;
    transform:translateY(-2px);
}

/* Seleccionado */
.beldet-method-card.beldet-selected {
    border-color:#000;
    background:#f7f7f7;
    box-shadow:0 0 0 1px #000;
}

/* Texto pequeño al pie del popup */
.beldet-method-info {
    margin-top:18px;
    font-size:12px;
    color:#666;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3e4e06a *//* Fondo del modal */
.beldet-modal {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:999999;
}

/* Caja del modal */
.beldet-modal-content {
    width:720px;
    max-width:95%;
    background:#fff;
    border-radius:14px;
    padding:24px 28px 28px;
    margin:60px auto;
    position:relative;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

/* Botón cerrar (X) */
.beldet-close {
    position:absolute;
    right:18px;
    top:14px;
    background:none;
    border:none;
    font-size:22px;
    cursor:pointer;
}

/* Grid de opciones */
.beldet-method-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
    margin-top:25px;
}

/* Tarjetas con logo */
.beldet-method-card {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:22px;
    border:1px solid #ddd;
    border-radius:12px;
    cursor:pointer;
    transition:all .25s ease;
    background:#fff;
}

/* Logos: tamaño homogéneo */
.beldet-method-card img {
    height:28px;          /* altura fija para todos */
    width:auto;
    object-fit:contain;
    pointer-events:none;
    display:block;
}

/* Hover */
.beldet-method-card:hover {
    border-color:#000;
    transform:translateY(-2px);
}

/* Seleccionado */
.beldet-method-card.beldet-selected {
    border-color:#000;
    background:#f7f7f7;
    box-shadow:0 0 0 1px #000;
}

/* Texto pequeño al pie del popup */
.beldet-method-info {
    margin-top:18px;
    font-size:12px;
    color:#666;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3ba6b69 *//* Contenedor */
.mc-pedidos-container { max-width: 950px; margin: 0 auto; font-family: 'Inter', sans-serif; }
.mc-main-title { font-size: 26px; font-weight: 800; margin-bottom: 30px; color: #111; }

/* Bloque de Pedido */
.mc-order-block {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 25px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

/* Cabecera Datos */
.mc-order-header {
    background: #f8fafc;
    padding: 15px 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    border-bottom: 1px solid #e2e8f0;
    font-size: 13px;
}

.mc-header-col { display: flex; flex-direction: column; }
.mc-label { color: #64748b; font-weight: 600; font-size: 11px; text-transform: uppercase; }
.mc-value { color: #1e293b; font-weight: 700; margin-top: 2px; }

.mc-header-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.mc-text-link { color: #2563eb; text-decoration: none; font-weight: 600; }
.mc-text-link:hover { text-decoration: underline; }

/* Cuerpo */
.mc-order-content {
    padding: 25px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.mc-status-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 15px;
}
.mc-status-badge.completed { background: #dcfce7; color: #166534; }
.mc-status-badge.processing { background: #fef9c3; color: #854d0e; }

.mc-order-preview img {
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    margin-right: 10px;
    transition: transform 0.2s;
}

/* Botones Laterales */
.mc-buttons-side { display: flex; flex-direction: column; gap: 10px; min-width: 220px; }

.mc-btn-primary {
    background: #f6d32d; /* Tu Amarillo */
    color: #000;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    font-size: 13px;
}

.mc-btn-secondary {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #1e293b;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
}
.mc-btn-secondary:hover { background: #f8fafc; border-color: #94a3b8; }

/* Modal / Pop-up */
.mc-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.mc-modal-inner { background: #fff; margin: 5% auto; padding: 30px; width: 60%; border-radius: 15px; position: relative; max-height: 85vh; overflow-y: auto; }
.mc-close-modal { position: absolute; right: 20px; top: 15px; font-size: 25px; cursor: pointer; }

@media (max-width: 768px) {
    .mc-order-content { flex-direction: column; }
    .mc-header-actions { width: 100%; margin-top: 10px; }
    .mc-modal-inner { width: 90%; }
}
/* Estilo para la caja de envío en el detalle del pedido */
.order-details-shipping-box, 
.address-container { /* Ajusta estas clases según las que use tu plugin */
    background-color: #f8f9fa; /* Gris muy claro similar al de "Método de pago" */
    border-radius: 8px;        /* Bordes redondeados */
    padding: 15px;             /* Espacio interno para que el texto no toque los bordes */
    margin-top: 15px;          /* Espacio superior */
    border: 1px solid #ececec; /* Un borde muy sutil */
}

/* Estilo para el título "Envío a:" */
.order-details-shipping-box strong, 
.address-container b {
    display: block;
    margin-bottom: 5px;
    color: #333;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.5px;
}
.mc-search-button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;           /* ancho fijo */
  padding:0;            /* quita padding que descuadra */
}
.mc-search-button svg{
  display:block;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6198e42 */.mc-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    cursor: pointer;
}

.mc-card-link:hover {
    background: #f3f3f3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-463a702 *//* Contenedor principal (si quieres ajustar márgenes) */
.mi-cuenta-contenido {
    border: 1px solid #eee;
    padding: 20px;
    background: #fff;
}

/* Títulos */
.mc-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.mc-subtitle {
    font-size: 20px;
    margin: 30px 0 10px;
}

.mc-text {
    margin-bottom: 20px;
    color: #555;
}

/* Dashboard superior */
.mc-dashboard {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.mc-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 16px 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

.mc-card-large {
    flex: 2 1 320px;
}

.mc-card-grid {
    flex: 1 1 260px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.mc-card-small {
    text-align: left;
}

.mc-card-label {
    font-size: 13px;
    text-transform: uppercase;
    color: #777;
    margin-bottom: 6px;
}

.mc-card-number {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

.mc-card-link {
    font-size: 13px;
    text-decoration: none;
    color: #ff6600; /* ajusta al color de tu marca */
}

/* Avatar + nombre */
.mc-user-level {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.mc-avatar-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid #a5d66c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #7bb341;
}

.mc-user-name {
    font-weight: 600;
    font-size: 16px;
}

.mc-user-sub {
    font-size: 13px;
    color: #777;
}

/* Barra de progreso */
.mc-progress {
    margin-bottom: 10px;
}

.mc-progress-bar {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: #f0f0f0;
    overflow: hidden;
    margin-bottom: 6px;
}

.mc-progress-bar span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #a5d66c, #4caf50);
}

.mc-progress-labels {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #777;
}

/* Botón secundario */
.mc-button-secondary {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #555;
    background: #fafafa;
}



/* Card principal de direcciones */
.mc-card-direcciones {
    padding: 24px 26px;
}

/* Texto intro de WooCommerce dentro del bloque */
.mc-card-direcciones .woocommerce-addresses p {
    color: #666;
    margin-bottom: 16px;
}

/* Títulos "Dirección de facturación / envío" más controlados */
.mc-card-direcciones .woocommerce-Addresses h3,
.mc-card-direcciones .woocommerce-Address-title h3 {
    font-size: 22px;
    margin-bottom: 6px;
}

/* Quitar cursiva al address */
.mc-card-direcciones address {
    font-style: normal;
}

/* Separar bloques de facturación y envío */
.mc-card-direcciones .woocommerce-Address {
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid #f0f0f0;
}

.mc-card-direcciones .woocommerce-Address:last-child {
    border-bottom: none;
}

/* Link "Editar dirección" más ligero */
.mc-card-direcciones .edit {
    font-size: 13px;
    text-decoration: underline;
}

/* CONTENEDOR DE BOTONES AÑADIR DIRECCIÓN */
.mc-direcciones-actions {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* BOTONES GRANDES */
.mc-btn-direccion {
    flex: 1 1 240px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    transition: all 0.15s ease;
}

.mc-btn-icon {
    font-size: 18px;
    line-height: 1;
}

/* Hover */
.mc-btn-direccion:hover {
    border-color: #ffcc33;
    box-shadow: 0 0 0 1px rgba(255, 204, 51, 0.25);
}

/* Responsive: botones uno debajo de otro en móvil */
@media (max-width: 640px) {
    .mc-btn-direccion {
        flex: 1 1 100%;
    }
}
/* Botón "Editar perfil" */
.mc-btn-editar-perfil {
    margin-top: 12px;
    padding: 10px 18px;
    border-radius: 999px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

/* Overlay del modal */
.mc-modal-perfil-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: none; /* se activa vía JS */
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Caja del modal */
.mc-modal-perfil {
    background: #fff;
    border-radius: 10px;
    max-width: 480px;
    width: 100%;
    padding: 22px 24px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* Campos del formulario */
.mc-form-row {
    margin-bottom: 12px;
}

.mc-form-row label {
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
}

.mc-form-row input {
    width: 100%;
    padding: 7px 9px;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 14px;
}

.mc-form-divider {
    margin: 18px 0;
    border: none;
    border-top: 1px solid #eee;
}

/* Botones del formulario */
.mc-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 10px;
}

.mc-btn-cancelar,
.mc-btn-guardar {
    padding: 7px 16px;
    border-radius: 999px;
    border: 1px solid #ddd;
    font-size: 14px;
    cursor: pointer;
}

.mc-btn-cancelar {
    background: #fff;
}

.mc-btn-guardar {
    background: #ffcc33;
    border-color: #ffcc33;
    font-weight: 600;
}
.mc-help-text {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}/* End custom CSS */