.elementor-2777 .elementor-element.elementor-element-1a6bc5b8{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-2777 .elementor-element.elementor-element-1a6bc5b8{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-5e81a33f *//* ============================================
   MI CUENTA - Estilo Segal
   Pega esto en: Apariencia → Personalizar → CSS adicional
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=DM+Sans:wght@300;400;500&display=swap');

/* --- Variables de color Segal --- */
:root {
  --segal-navy: #1a2e4a;
  --segal-navy-light: #2a4268;
  --segal-accent: #4a7fa5;
  --segal-bg: #f5f6f8;
  --segal-white: #ffffff;
  --segal-border: #dde2ea;
  --segal-text: #2c3e50;
  --segal-muted: #7a8a9a;
}

/* --- Contenedor principal Mi Cuenta --- */
.woocommerce-MyAccount-content,
.woocommerce-account .woocommerce {
  font-family: 'DM Sans', sans-serif;
  color: var(--segal-text);
}

/* --- Navegación lateral --- */
.woocommerce-MyAccount-navigation {
  font-family: 'DM Sans', sans-serif;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.woocommerce-MyAccount-navigation ul li {
  border: none;
  background: transparent;
  list-style: none !important;
}

.woocommerce-MyAccount-navigation ul li::before,
.woocommerce-MyAccount-navigation ul li::marker {
  display: none !important;
  content: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 13px 22px;
  color: #1A2948;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.5px;
  text-decoration: none !important;
  border: 1px solid #1A2948;
  border-radius: 28px;
  background: transparent;
  transition: all 0.2s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(26, 46, 74, 0.07);
  color: var(--segal-navy);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--segal-navy);
  color: #ffffff;
  border-color: var(--segal-navy);
  font-weight: 600;
}

/* --- Título de bienvenida --- */
.woocommerce-MyAccount-content p:first-child,
.woocommerce-account .woocommerce > p:first-child {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  color: var(--segal-navy);
  margin-bottom: 24px;
  line-height: 1.4;
}

/* --- Títulos dentro de Mi Cuenta --- */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: 'Playfair Display', serif;
  color: var(--segal-navy);
  font-weight: 600;
  border-bottom: 2px solid var(--segal-border);
  padding-bottom: 10px;
  margin-bottom: 24px;
}

/* --- Tablas de pedidos --- */
.woocommerce-orders-table,
.woocommerce table.shop_table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  background: var(--segal-white);
  box-shadow: 0 2px 12px rgba(26, 46, 74, 0.07);
  border-radius: 4px;
  overflow: hidden;
}

.woocommerce-orders-table thead,
.woocommerce table.shop_table thead {
  background: var(--segal-navy);
  color: var(--segal-white);
}

.woocommerce-orders-table thead th,
.woocommerce table.shop_table thead th {
  padding: 14px 20px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--segal-white);
  border: none;
}

.woocommerce-orders-table tbody tr,
.woocommerce table.shop_table tbody tr {
  border-bottom: 1px solid var(--segal-border);
  transition: background 0.15s ease;
}

.woocommerce-orders-table tbody tr:hover,
.woocommerce table.shop_table tbody tr:hover {
  background: var(--segal-bg);
}

.woocommerce-orders-table tbody td,
.woocommerce table.shop_table tbody td {
  padding: 14px 20px;
  color: var(--segal-text);
  vertical-align: middle;
  border: none;
}

/* --- Badges de estado de pedidos --- */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status mark,
.woocommerce-order-status {
  background: var(--segal-accent) !important;
  color: white !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* --- Botones --- */
.woocommerce-MyAccount-content .button,
.woocommerce-account .button,
.woocommerce .button {
  background: var(--segal-navy) !important;
  color: var(--segal-white) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 11px 24px !important;
  border: none !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  text-decoration: none !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-account .button:hover,
.woocommerce .button:hover {
  background: var(--segal-navy-light) !important;
  color: var(--segal-white) !important;
}

/* --- Formularios (direcciones, cuenta) --- */
.woocommerce-MyAccount-content .form-row label,
.woocommerce-address-fields label {
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--segal-navy);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: block;
}

.woocommerce-MyAccount-content .form-row input,
.woocommerce-MyAccount-content .form-row select,
.woocommerce-address-fields input,
.woocommerce-address-fields select {
  width: 100%;
  padding: 11px 16px;
  border: 1px solid var(--segal-border);
  border-radius: 3px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  color: var(--segal-text);
  background: var(--segal-white);
  transition: border-color 0.2s ease;
  outline: none;
  box-sizing: border-box;
}

.woocommerce-MyAccount-content .form-row input:focus,
.woocommerce-address-fields input:focus {
  border-color: var(--segal-accent);
  box-shadow: 0 0 0 3px rgba(74, 127, 165, 0.12);
}

/* --- Sección de direcciones --- */
.woocommerce-Addresses .woocommerce-Address {
  background: var(--segal-white);
  border: 1px solid var(--segal-border);
  border-radius: 4px;
  padding: 28px;
  box-shadow: 0 2px 12px rgba(26, 46, 74, 0.07);
}

.woocommerce-Addresses .woocommerce-Address-title h3 {
  font-family: 'Playfair Display', serif;
  color: var(--segal-navy);
  font-size: 18px;
  margin-bottom: 16px;
}

/* --- Mensajes de aviso / éxito --- */
.woocommerce-message {
  background: var(--segal-navy) !important;
  color: var(--segal-white) !important;
  border-top: none !important;
  border-radius: 3px !important;
  padding: 16px 24px !important;
  font-family: 'DM Sans', sans-serif !important;
}

.woocommerce-error {
  background: #c0392b !important;
  color: white !important;
  border-radius: 3px !important;
  border: none !important;
}/* End custom CSS */