.elementor-10 .elementor-element.elementor-element-11ac0d19{--display:flex;}.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 );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-759986 *//* ============================================================
   WOOCOMMERCE CHECKOUT — DARK COLOR OVERRIDES
   Solo cambios de color, estructura original intacta.
   ============================================================ */

/* ── Sobreescribir variables CSS nativas de WooCommerce Blocks ── */
:root {
  --wc-blocks-color-border: #2e2e2e;
  --wc-blocks-field-border-color: #2e2e2e;
  --wc-blocks-color-background: #1e1e1e;
  --wp-admin-theme-color: #E8192C;
}

/* ── FIX: fondo blanco en .wc-blocks-components-select__container ── */
.wc-blocks-components-select .wc-blocks-components-select__container,
.wc-block-components-select .wc-block-components-select__container,
.wc-blocks-components-select__container,
.wc-block-components-select__container {
  background: #1e1e1e !important;
  border: 1px solid #2e2e2e !important;
}

/* Apuntar al elemento real que renderiza el borde/fondo blanco */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-blocks-components-select select,
.wc-blocks-components-select__container select,
.wc-block-components-country-input select,
.wc-block-components-state-input select {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border-color: #2e2e2e !important;
  outline: none !important;
  box-shadow: none !important;
}

/* El borde blanco viene del :focus-within del wrapper — neutralizarlo */
.wc-block-components-text-input:not(:focus-within),
.wc-block-components-select:not(:focus-within),
.wc-block-components-country-input:not(:focus-within),
.wc-block-components-state-input:not(:focus-within) {
  --wc-blocks-color-border: #2e2e2e !important;
}

.wc-block-components-text-input,
.wc-block-components-select,
.wc-block-components-country-input,
.wc-block-components-state-input {
  --wc-blocks-color-border: #2e2e2e;
  border-color: #2e2e2e !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Matar el outline blanco que aparece al hacer click */
.wc-block-components-text-input:focus-within,
.wc-block-components-select:focus-within,
.wc-block-components-country-input:focus-within,
.wc-block-components-state-input:focus-within {
  border-color: #E8192C !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(232,25,44,0.25) !important;
}

/* Nuclear: cualquier elemento dentro del checkout que tenga border en blanco */
.wp-block-woocommerce-checkout [style*="border-color: rgb(255"],
.wp-block-woocommerce-checkout [style*="border-color:#fff"],
.wp-block-woocommerce-checkout [style*="border: 1px solid white"] {
  border-color: #2e2e2e !important;
}

/* ── Página / fondo general ── */
.woocommerce-checkout,
body.woocommerce-checkout,
#page {
  background-color: #111111 !important;
}

/* ── Cards / paneles principales ── */
.woocommerce .col2-set,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
#order_review,
.woocommerce-checkout-review-order-table,
.cart_totals,
.woocommerce-info,
.woocommerce form .form-row {
  background-color: #1a1a1a;
  color: #ffffff;
}

/* Caja principal del checkout */
.woocommerce-checkout #payment,
.woocommerce #payment {
  background: #1a1a1a !important;
  border-radius: 8px;
}

/* ── Texto general ── */
.woocommerce-checkout,
.woocommerce-checkout p,
.woocommerce-checkout label,
.woocommerce-checkout th,
.woocommerce-checkout td,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout h3 {
  color: #ffffff !important;
}

.woocommerce-checkout .shop_table tfoot tr td,
.woocommerce-checkout .shop_table tfoot tr th {
  color: #cccccc !important;
}

/* ── Inputs de texto ── */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="search"],
.woocommerce-checkout textarea,
.woocommerce form .input-text {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 6px !important;
}

.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout input[type="number"]:focus,
.woocommerce-checkout textarea:focus,
.woocommerce form .input-text:focus {
  border-color: #E8192C !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(232, 25, 44, 0.2) !important;
}

.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
  color: #555555 !important;
}

/* ── Dropdowns / Select ── */
.woocommerce-checkout select,
.woocommerce form select,
.select2-container--default .select2-selection--single,
.wc-block-components-select__container,
.wc-block-components-select select,
.wc-block-components-country-input select,
.wc-block-components-state-input select,
.components-select-control__input {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 6px !important;
  outline: none !important;
}

.woocommerce-checkout select:focus,
.woocommerce form select:focus,
.wc-block-components-select select:focus,
.components-select-control__input:focus {
  border-color: #E8192C !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(232, 25, 44, 0.2) !important;
}

/* Quitar borde blanco del wrapper del select en Gutenberg blocks */
.wc-block-components-select__container:focus-within,
.wc-block-components-select__container:focus,
.wc-block-components-text-input:focus-within,
.components-base-control__field:focus-within {
  border-color: #E8192C !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Forzar borde oscuro en TODOS los wrappers de input del bloque checkout */
.wc-block-components-text-input,
.wc-block-components-select,
.wc-block-components-country-input,
.wc-block-components-state-input {
  border-color: #2e2e2e !important;
}

/* Quitar outline/ring blanco del focus global en bloques Gutenberg */
.wc-block-checkout *:focus,
.wc-block-checkout *:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Select2 dropdown ── */
.select2-container--default .select2-selection--single {
  background-color: #1e1e1e !important;
  border: 1px solid #2e2e2e !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
  line-height: 42px !important;
  padding-left: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent !important;
}

/* Select2 dropdown panel */
.select2-dropdown {
  background-color: #1e1e1e !important;
  border: 1px solid #2e2e2e !important;
  color: #ffffff !important;
}

.select2-container--default .select2-results__option {
  background-color: #1e1e1e !important;
  color: #cccccc !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option:hover {
  background-color: #E8192C !important;
  color: #ffffff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #2e2e2e !important;
  color: #ffffff !important;
}

.select2-search--dropdown .select2-search__field {
  background-color: #111111 !important;
  border: 1px solid #2e2e2e !important;
  color: #ffffff !important;
}

/* ── Focus en select2 ── */
.select2-container--open .select2-selection--single,
.select2-container--focus .select2-selection--single {
  border-color: #E8192C !important;
  box-shadow: 0 0 0 3px rgba(232, 25, 44, 0.2) !important;
}

/* ── Radio buttons (métodos de pago/envío) ── */
.woocommerce-checkout input[type="radio"],
.woocommerce #payment .payment_methods input[type="radio"] {
  accent-color: #E8192C;
}

/* Fila de método de pago activo ── */
.woocommerce #payment .payment_methods li.wc_payment_method {
  background: #1e1e1e !important;
  border-bottom: 1px solid #2e2e2e !important;
  color: #ffffff !important;
}

.woocommerce #payment .payment_methods li.wc_payment_method.payment_method_selected,
.woocommerce #payment .payment_methods li:hover {
  background: #242424 !important;
}

.woocommerce #payment .payment_box {
  background: #242424 !important;
  color: #cccccc !important;
}

/* ── Checkboxes ── */
.woocommerce-checkout input[type="checkbox"] {
  accent-color: #E8192C;
}

/* ── Tabla resumen de pedido ── */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout table.shop_table {
  background: #1a1a1a !important;
  border-collapse: collapse;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
  border-top: 1px solid #2e2e2e !important;
  color: #cccccc !important;
  background: transparent !important;
}

.woocommerce-checkout table.shop_table tfoot .order-total td,
.woocommerce-checkout table.shop_table tfoot .order-total th {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ── Botón "Realizar pedido" ── */
#place_order,
.woocommerce-checkout #place_order {
  background-color: #E8192C !important;
  color: #ffffff !important;
  border: none !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 4px 20px rgba(232, 25, 44, 0.3) !important;
}

#place_order:hover,
.woocommerce-checkout #place_order:hover {
  background-color: #cc1525 !important;
  box-shadow: 0 6px 28px rgba(232, 25, 44, 0.5) !important;
}

/* ── Cupón ── */
.woocommerce-checkout .woocommerce-form-coupon input[type="text"],
.checkout_coupon input[type="text"] {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border: 1px solid #2e2e2e !important;
}

/* ── Notices ── */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border-top-color: #E8192C !important;
}

/* ── Mobile: padding para evitar que se pegue a los bordes ── */
@media (max-width: 768px) {
  .entry-content .wp-block-woocommerce-checkout,
  .entry-content .wc-block-checkout,
  main .wp-block-woocommerce-checkout,
  main .wc-block-checkout {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    box-sizing: border-box !important;
  }
}

/* ── Scrollbar ── */
* {
  scrollbar-width: thin;
  scrollbar-color: #2e2e2e transparent;
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb {
  background: #2e2e2e;
  border-radius: 3px;
}

/* ============================================================
   MY ACCOUNT — DARK COLOR OVERRIDES
   ============================================================ */

/* ── Página / fondo ── */
body.woocommerce-account,
.woocommerce-account #page {
  background-color: #111111 !important;
}

.woocommerce-account,
.woocommerce-account p,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account label,
.woocommerce-account td,
.woocommerce-account th {
  color: #ffffff !important;
}

/* ── Navegación lateral (My Account nav) ── */
.woocommerce-MyAccount-navigation {
  background-color: #1a1a1a !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block !important;
  padding: 12px 18px !important;
  color: #cccccc !important;
  text-decoration: none !important;
  border-bottom: 1px solid #2e2e2e !important;
  transition: background 0.2s, color 0.2s !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background-color: #242424 !important;
  color: #ffffff !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
  background-color: #E8192C !important;
  color: #ffffff !important;
  border-color: #E8192C !important;
}

/* ── Contenido principal ── */
.woocommerce-MyAccount-content {
  background-color: #1a1a1a !important;
  border-radius: 8px !important;
  padding: 24px !important;
  color: #cccccc !important;
}

.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content span,
.woocommerce-MyAccount-content a {
  color: #cccccc !important;
}

.woocommerce-MyAccount-content a:hover {
  color: #E8192C !important;
}

/* ── Tablas (orders, etc.) ── */
.woocommerce-account table.shop_table,
.woocommerce-account table.woocommerce-orders-table {
  background: #1a1a1a !important;
  border-collapse: collapse !important;
  width: 100% !important;
}

.woocommerce-account table th {
  background: #222222 !important;
  color: #ffffff !important;
  border-bottom: 2px solid #2e2e2e !important;
  padding: 12px 14px !important;
}

.woocommerce-account table td {
  border-bottom: 1px solid #2e2e2e !important;
  color: #cccccc !important;
  padding: 12px 14px !important;
  background: transparent !important;
}

.woocommerce-account table tr:hover td {
  background: #222222 !important;
}

/* ── Inputs y formularios ── */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account textarea,
.woocommerce-account select {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border: 1px solid #2e2e2e !important;
  border-radius: 6px !important;
  outline: none !important;
}

.woocommerce-account input:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
  border-color: #E8192C !important;
  box-shadow: 0 0 0 3px rgba(232,25,44,0.2) !important;
  outline: none !important;
}

.woocommerce-account input::placeholder,
.woocommerce-account textarea::placeholder {
  color: #555555 !important;
}

/* ── Botones ── */
.woocommerce-account .button,
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"] {
  background-color: #E8192C !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 20px rgba(232,25,44,0.3) !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}

.woocommerce-account .button:hover,
.woocommerce-account button[type="submit"]:hover,
.woocommerce-account input[type="submit"]:hover {
  background-color: #cc1525 !important;
  box-shadow: 0 6px 28px rgba(232,25,44,0.5) !important;
  color: #ffffff !important;
}

/* ── Notices / alertas ── */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border-top-color: #E8192C !important;
}

/* ── Order status badges ── */
.woocommerce-account mark.order-status {
  background: #2e2e2e !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 3px 8px !important;
}


.wp-block-button__link.wp-element-button {
  background-color: #E8192C !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 20px rgba(232,25,44,0.3) !important;
  transition: background 0.2s, box-shadow 0.2s !important;
}

.wp-block-button__link.wp-element-button:hover {
  background-color: #cc1525 !important;
  box-shadow: 0 6px 28px rgba(232,25,44,0.5) !important;
  color: #ffffff !important;
}

/* ── Mobile: padding my account ── */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    margin-bottom: 12px !important;
  }
}



/* ── My Account: border-radius en cards Login/Register ── */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
  border-radius: 12px !important;
  border: 1px solid #2e2e2e !important;
  background-color: #1a1a1a !important;
  padding: 24px !important;
}

/* ── Tipografía: Work Sans Bold ── */
.woocommerce-checkout,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout button,
.woocommerce-checkout label,
.woocommerce-checkout p,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-account,
.woocommerce-account input,
.woocommerce-account select,
.woocommerce-account textarea,
.woocommerce-account button,
.woocommerce-account label,
.woocommerce-account p,
.woocommerce-account h2,
.woocommerce-account h3,
.wc-block-checkout,
.wc-block-checkout input,
.wc-block-checkout select,
.wc-block-checkout textarea,
.wc-block-checkout button,
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-checkout-place-order-button {
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 700 !important;
}

/* Textos secundarios un poco menos bold */
.woocommerce-checkout p,
.woocommerce-account p,
.woocommerce-checkout td,
.woocommerce-checkout th,
.woocommerce-account td,
.woocommerce-account th,
.wc-block-components-totals-item__label,
.woocommerce-MyAccount-content p {
  font-weight: 400 !important;
}

/* ── Lost Password: card redondeado igual que Login/Register ── */
.woocommerce-account .woocommerce-ResetPassword,
.woocommerce form.lost_reset_password {
  border-radius: 12px !important;
  border: 1px solid #2e2e2e !important;
  background-color: #1a1a1a !important;
  padding: 24px !important;
  max-width: 560px !important;
}

/* ── Lost Password: centrado horizontal ── */
.woocommerce-account .woocommerce-ResetPassword,
.woocommerce form.lost_reset_password {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── Mobile: My Account responsive ── */
@media (max-width: 768px) {

  /* Lost password centrado y con padding */
  .woocommerce-account .woocommerce-ResetPassword,
  .woocommerce form.lost_reset_password {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 16px !important;
  }

  /* Login/Register cards full width con padding */
  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register,
  .woocommerce-account .u-column1,
  .woocommerce-account .u-column2,
  .woocommerce-account .col2-set .col-1,
  .woocommerce-account .col2-set .col-2 {
    width: 100% !important;
    padding: 16px !important;
    box-sizing: border-box !important;
  }

  /* Stack columnas verticalmente */
  .woocommerce-account .col2-set {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  /* Nav y contenido con padding lateral */
  .woocommerce-account .woocommerce {
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  /* My Account nav full width */
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
  }

  /* Tablas scrolleables horizontalmente */
  .woocommerce-account table.shop_table,
  .woocommerce-account table.woocommerce-orders-table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}/* End custom CSS */