@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --bosque:#0E2410; --bosque-2:#0A1B0C; --lima:#CCE478; --lima-2:#DCEF97;
  --verde:#4F7324; --verde-2:#96B850; --verde-3:#8FA07C; --fondo:#E7E9E2;
  --tarjeta:#F5F6F1; --linea:#DFE1DA; --linea-2:#C8CCC0; --texto:#4A4A4A;
  --texto-2:#808082; --bump-fondo:#F3F7E6;
}

body.elitelogis-checkout-marca #masthead,
body.elitelogis-checkout-marca .woocommerce-breadcrumb,
body.elitelogis-checkout-marca #wpadminbar{ display:none !important; }
body.elitelogis-checkout-marca{ background:var(--fondo) !important; padding-top:0 !important; margin-top:0 !important; }
/* #content es del tema (BuddyBoss, .site-content) -- no de este checkout -- y trae su
   propio padding-top fijo (pensado para el header normal del sitio, que acá ya se oculta
   arriba). Sin esto, ese padding del tema se suma AL de .el-wizard-page y deja un salto
   enorme entre la barra oscura de ELITELOGIS y la tarjeta. */
body.elitelogis-checkout-marca #content{ padding-top:20px !important; }

.el-checkout-header{ background:var(--bosque); padding:14px 24px; }
.el-checkout-header__wrap{ max-width:960px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.el-checkout-header__logo{ font-family:'Archivo',sans-serif; font-weight:800; font-size:16px; color:#fff; text-decoration:none; text-transform:uppercase; }
.el-checkout-header__logo b{ color:var(--verde-2); font-weight:800; }
.el-checkout-header__trust{ display:flex; gap:16px; font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--verde-3); }

.el-wizard-page{ background:var(--fondo); padding:40px 20px 90px; font-family:'Inter',system-ui,sans-serif; color:var(--texto); }
.el-wizard-page a{ color:var(--verde); }
.el-wizard-layout{ width:560px; max-width:100%; margin:0 auto; }
.el-wizard-card{ width:100%; border-radius:18px; overflow:hidden; border:1px solid var(--linea); background:var(--tarjeta); box-shadow:0 24px 60px rgba(14,36,16,.10); }
.el-summary-sidebar{ display:none; }

.el-wizard-head{ background:var(--bosque); padding:16px 26px 0; }
.el-wizard-head__row{ display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; }
.el-wizard-logo{ font-family:'Archivo',sans-serif; font-weight:800; font-size:16px; color:#fff; text-transform:uppercase; }
.el-wizard-logo span{ color:var(--verde-2); }
.el-wizard-steplabel{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--verde-3); }
.el-wizard-progress{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px; padding-bottom:12px; }
.el-wizard-progress__step{ height:3px; border-radius:2px; background:rgba(255,255,255,.16); }
.el-wizard-progress__step.is-active,
.el-wizard-progress__step.is-complete{ background:var(--lima); }

.el-wizard-step{ display:none; }
#el-wizard[data-step="1"] #el-step-1,
#el-wizard[data-step="2"] #el-step-2,
#el-wizard[data-step="3"] #el-step-3{ display:block; }

/* El SDK de PayPal (y Google/Apple Pay) reubica su propio boton/iframe fuera de
   nuestros wrappers de paso al inicializarse, para que sobreviva el refresco AJAX
   de WooCommerce sin recrear el iframe -- no se puede controlar desde PHP en que
   nodo del DOM termina. Se oculta por CSS segun el paso activo, sin importar en
   que parte de #el-wizard haya quedado (ver bug: boton de PayPal visible en Paso 1). */
#el-wizard .ppc-button-wrapper,
#el-wizard [id^="ppc-button-"]{ display:none !important; }
#el-wizard[data-step="3"] .ppc-button-wrapper,
#el-wizard[data-step="3"] [id^="ppc-button-"]{ display:block !important; }

/* Paso 1 — hero oscuro */
.el-hero{ background:var(--bosque); padding:30px 30px 34px; position:relative; }
.el-hero::before{ content:""; position:absolute; inset:0; background:radial-gradient(70% 110% at 100% 0%, rgba(204,228,120,.13), transparent 58%); }
.el-hero > *{ position:relative; }
.el-hero__eyebrow{ font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--lima); margin-bottom:14px; }
.el-hero__title{ font-family:'Archivo',sans-serif; font-weight:900; text-transform:uppercase; letter-spacing:-.02em; line-height:1.06; font-size:26px; color:#fff; margin:0 0 8px; text-wrap:balance; }
.el-hero__meta{ font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--verde-3); margin-bottom:14px; }
.el-hero__checks{ display:flex; flex-direction:column; gap:9px; margin-bottom:18px; }
.el-hero__checks div{ display:flex; gap:10px; align-items:flex-start; font-size:13.5px; color:#D7DCCB; }
.el-hero__tick{ color:var(--lima); font-weight:700; font-size:13px; }
.el-hero__precio-simple{ font-family:'Archivo',sans-serif; font-weight:900; font-size:26px; color:#fff; margin-bottom:16px; }
.el-precio-moneda{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.06em; font-weight:600; opacity:.65; vertical-align:middle; }
.el-hero__subnota{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--verde-3); text-align:center; margin-top:10px; }

.el-plan-selector--botones{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:18px; }
.el-plan-btn{ cursor:pointer; padding:14px; border-radius:12px; background:rgba(255,255,255,.05); border:2px solid rgba(255,255,255,.18); display:flex; flex-direction:column; gap:4px; text-decoration:none; }
.el-plan-btn.is-active{ border-color:var(--lima); }
.el-plan-btn input{ position:absolute; opacity:0; pointer-events:none; }
.el-plan-btn__tag{ font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--lima); }
.el-plan-btn__precio{ font-family:'Archivo',sans-serif; font-weight:900; font-size:20px; color:#fff; font-variant-numeric:tabular-nums; }
.el-plan-btn__precio ins{ text-decoration:none; }
.el-plan-btn__precio del{ font-size:12px; color:var(--verde-3); margin-right:6px; }
.el-plan-btn__nota{ font-size:11px; color:var(--verde-3); }
.el-plan-btn__nota--ahorro{ color:var(--lima); font-weight:600; }

.el-btn-lima{ cursor:pointer; border:none; background:var(--lima); color:var(--bosque); font-weight:700; font-size:15px; padding:16px; border-radius:11px; width:100%; text-align:center; display:block; }
.el-btn-lima:hover{ background:var(--lima-2); }

/* Paso 2 / 3 — paneles claros */
.el-panel{ padding:26px 30px 30px; }
.el-panel__eyebrow{ font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--verde); }
.el-panel__title{ font-family:'Archivo',sans-serif; font-weight:800; text-transform:uppercase; font-size:22px; color:var(--bosque); margin:8px 0 20px; line-height:1.1; text-wrap:balance; }

.el-fields .form-row{ width:100% !important; float:none !important; padding:0 !important; margin:0 0 12px !important; }
.el-fields .form-row:last-child{ margin-bottom:0 !important; }
.el-fields label{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--texto-2); display:block; margin-bottom:6px; }
.el-fields label .required{ color:var(--verde); text-decoration:none; }
.el-fields input.input-text, .el-fields select, .el-fields textarea{ width:100% !important; padding:13px 14px !important; border:1.5px solid var(--linea) !important; border-radius:10px !important; font-size:14px !important; color:var(--texto) !important; background:#fff !important; box-shadow:none !important; }
.el-fields .select2-container{ width:100% !important; }
.el-fields .select2-selection{ padding:9px 14px !important; border:1.5px solid var(--linea) !important; border-radius:10px !important; height:auto !important; }

.el-regalo{ border-top:1px solid var(--linea); margin-top:6px; padding-top:18px; }
.el-regalo__toggle{ display:flex; gap:18px; margin-bottom:4px; }
.el-radio{ display:flex; align-items:center; gap:7px; font-size:13.5px; color:var(--texto); cursor:pointer; }
.el-radio input{ margin:0; }
.el-regalo__campos{ margin-top:14px; padding:14px; background:var(--tarjeta); border:1px dashed var(--linea-2); border-radius:10px; }
.el-regalo__campos-titulo{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--verde); margin-bottom:10px; }
.el-datos-titulo{ font-family:'Archivo',sans-serif; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.03em; color:var(--bosque); margin:22px 0 10px; padding-top:16px; border-top:1px solid var(--linea); }
.el-regalo__factura{ display:flex; flex-direction:column; gap:8px; margin-top:4px; }
.el-regalo__nota{ margin:10px 0 0; font-size:12.5px; line-height:1.4; color:var(--texto-2); }

.el-acciones{ display:flex; gap:12px; align-items:center; margin-top:20px; }
.el-btn-atras{ cursor:pointer; background:transparent; border:1.5px solid var(--linea); color:var(--texto); font-weight:600; font-size:14px; padding:14px 20px; border-radius:11px; }
.el-btn-oscuro{ flex:1; cursor:pointer; border:none; background:var(--bosque); color:var(--lima); font-weight:700; font-size:15px; padding:15px; border-radius:11px; }
.el-btn-oscuro:hover{ background:var(--bosque-2); }

.el-metodos{ list-style:none; margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:8px; }
.el-metodos li{ margin:0; }
.el-metodos .wc_payment_method{ background:var(--tarjeta); border:1.5px solid var(--linea); border-radius:10px; padding:13px 14px; }
.el-metodos .wc_payment_method label{ font-size:13.5px; font-weight:600; color:var(--bosque); }
.el-metodos .payment_box{ background:transparent; border:none; padding:12px 0 0; margin:0; font-size:13px; }

.el-bump{ width:100%; cursor:pointer; text-align:left; display:flex; gap:12px; align-items:flex-start; padding:14px; border-radius:12px; background:#fff; border:2px dashed var(--verde-2); margin-bottom:16px; }
.el-bump.is-active{ background:var(--bump-fondo); border-color:var(--verde); }
.el-bump__check{ width:19px; height:19px; border-radius:5px; border:2px solid var(--verde); flex:none; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; margin-top:1px; color:transparent; }
.el-bump.is-active .el-bump__check{ background:var(--verde); color:#fff; }
.el-bump__copy{ display:flex; flex-direction:column; gap:4px; }
.el-bump__titulo{ font-family:'Archivo',sans-serif; font-weight:800; font-size:13.5px; color:var(--bosque); }
.el-bump__texto{ font-size:12px; color:var(--texto); }
.el-bump__precio{ font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--verde); font-weight:500; margin-top:2px; }

.el-resumen{ background:#fff; border:1px solid var(--linea); border-radius:12px; padding:14px 16px; display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
.el-row{ display:flex; justify-content:space-between; font-size:12.5px; }
.el-row span:first-child{ color:var(--texto-2); }
.el-row span:last-child{ color:var(--bosque); font-weight:600; }
.el-row--total{ margin-top:4px; border-top:1px solid var(--linea); padding-top:8px; align-items:flex-end; }
.el-row--total span:first-child{ font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; }
.el-row--total span:last-child{ font-family:'Archivo',sans-serif; font-weight:900; font-size:22px; color:var(--bosque); font-variant-numeric:tabular-nums; }

.el-seguridad{ margin-bottom:16px; }
.el-seguridad-placeholder{ font-size:11.5px; color:var(--texto-2); font-style:italic; background:var(--tarjeta); border:1px dashed var(--linea-2); border-radius:8px; padding:8px 10px; }
.el-seguridad .woocommerce-terms-and-conditions-wrapper{ font-size:12.5px; margin-top:8px; }

.el-garantias{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; border-top:1px solid var(--linea); padding-top:14px; }
.el-garantias > div{ text-align:center; }
.el-garantias__t{ font-family:'Archivo',sans-serif; font-weight:800; font-size:12px; color:var(--bosque); }
.el-garantias__s{ font-size:10.5px; color:var(--texto-2); margin-top:2px; }

.el-btn-confirm{ width:100%; }

/* Página de agradecimiento — upsell paso 4 */
.el-upsell{ max-width:560px; margin:24px auto 0; background:var(--tarjeta); border:1px solid var(--linea); border-radius:18px; padding:26px 30px 30px; font-family:'Inter',system-ui,sans-serif; }
.el-upsell__tag{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--verde); }
.el-upsell__titulo{ font-family:'Archivo',sans-serif; font-weight:800; font-size:20px; color:var(--bosque); margin:8px 0; line-height:1.15; text-wrap:balance; }
.el-upsell__texto{ font-size:13.5px; color:var(--texto); margin:0 0 16px; }
.el-upsell__planes{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.el-upsell__plan{ text-decoration:none; text-align:left; padding:13px; border-radius:12px; background:#fff; border:2px solid var(--linea); display:flex; flex-direction:column; gap:3px; }
.el-upsell__plan.is-active{ border-color:var(--verde); }
.el-upsell__plan-tag{ font-family:'JetBrains Mono',monospace; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--verde); }
.el-upsell__plan-precio{ font-family:'Archivo',sans-serif; font-weight:900; font-size:18px; color:var(--bosque); }
.el-upsell__nota{ font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--texto-2); text-align:center; }

@media (max-width:600px){
  .el-wizard-card{ width:100%; }
  .el-plan-selector--botones, .el-garantias, .el-upsell__planes{ grid-template-columns:1fr 1fr; }
}

/* Versión desktop — el wizard de un solo paso a la vez se queda igual (misma lógica,
   mismo JS), pero deja de flotar solo en medio de la pantalla: se le agrega una
   columna lateral fija con el resumen de la compra, visible en los 3 pasos, para que
   la persona no pierda de vista qué está pagando mientras completa sus datos. */
@media (min-width:940px){
  /* El tema (BuddyBoss) mete esta página dentro de un contenedor propio con su propio
     max-width, angosto (pensado para su layout normal de sitio, no para un checkout que
     queremos que ocupe la pantalla) -- por eso el 100% de antes NO se veía "de pantalla
     completa": 100% del ancho real disponible dentro de ESE contenedor angosto, que es
     mucho menos que el viewport. Se lo "rompe" con el truco clásico de full-bleed
     (100vw + margen negativo la mitad de eso, centrado en el borde real de la ventana)
     en vez de vw solo (que sí desbordaba, ver el intento anterior) -- acá el ancho real
     se fija en .el-wizard-layout con max-width/margin:auto DENTRO de este full-bleed, así
     que no hay riesgo de que el contenido se salga de la ventana como la vez pasada. */
  /* El full-bleed de 100vw puede generar su propio scroll horizontal -- se recorta acá,
     solo en este contexto, para que no pase mientras carga el ajuste de JS de abajo. */
  body.elitelogis-checkout-marca{ overflow-x:hidden; }
  /* El ancho/margen real de "pantalla completa" lo termina de fijar wizard-nav.js
     (mide con getBoundingClientRect() cuánto hay que correrlo, en vez de asumir con
     left:50%/-50vw que el contenedor del tema está centrado en la ventana -- NO lo
     está, por eso el intento anterior cortaba contenido por la izquierda). Esto de
     acá es solo el valor de respaldo hasta que el JS corra. */
  .el-wizard-page{
    padding:32px 40px 60px;
    box-sizing:border-box;
  }
  .el-wizard-layout{
    width:100%;
    /* Antes 1800px -- en pantallas grandes (>1400px) eso dejaba la tarjeta MUCHO más
       ancha que su propio contenido (limitado a 680px, ver más abajo), con mucho aire
       "muerto" entre el borde de la tarjeta y los campos -- se veía raro/vacío. */
    max-width:1240px;
    /* 70/30 real -- ANTES la columna del resumen tenía un ancho fijo en px
       (420px), que en pantallas de escritorio angostas (~970-1100px, muy
       comunes en laptop) se comía casi la mitad del espacio y dejaba el form
       más chico que el resumen. Con fr las dos columnas escalan siempre en la
       misma proporción sin importar el ancho de la ventana.
       minmax(0,Nfr) en vez de solo "Nfr" -- sin esto, un grid track por
       defecto nunca se encoge por debajo del ancho mínimo de SU CONTENIDO
       (ver min-width:auto de CSS Grid); el precio del resumen ("$1.00 USD",
       con white-space:nowrap) empujaba esa columna más ancha de lo que le
       tocaba y todo el layout se desbordaba de la ventana -- por eso "el
       producto salía de la pantalla". */
    display:grid;
    grid-template-columns:minmax(0,7fr) minmax(0,3fr);
    align-items:start;
    gap:32px;
  }
  /* La tarjeta/hero ocupan TODO el ancho de su columna (fondo, borde y sombra
     grandes, sin espacio vacío alrededor) -- el contenido de adentro (título,
     campos, botones) se limita a un ancho cómodo de lectura y queda centrado
     dentro, en vez de estirarse borde a borde con inputs gigantes. Se aplica a
     los hijos DIRECTOS de .el-panel/.el-hero (eyebrow, title, campos, acciones,
     etc. son todos hermanos al mismo nivel en los 3 pasos) en vez de tocar el
     PHP de cada paso para agregar un wrapper nuevo. */
  .el-panel > *, .el-hero > *{ max-width:680px; margin-left:auto; margin-right:auto; }
  .el-panel{ padding:44px 40px 50px; }
  .el-hero{ padding:48px 40px 54px; }
  .el-panel__title{ font-size:26px; }
  .el-summary-sidebar{ display:block; position:sticky; top:24px; }
}

.el-summary-sidebar__garantias{ display:flex; flex-direction:column; gap:6px; margin-top:14px; font-size:11.5px; color:var(--texto-2); }

/* diseno-paypal 2026-10-22 — botones de PayPal con el mismo padding que la tarjeta, y los sellos
   de garantía debajo de ellos (antes los botones quedaban debajo de los sellos, pegados a los
   bordes). Los sellos "--pie" se dibujan fuera del fragmento AJAX, solo en la carga inicial. */
#el-wizard[data-step="3"] .ppc-button-wrapper,
#el-wizard[data-step="3"] #ppc-button-ppcp-applepay,
#el-wizard[data-step="3"] #ppc-button-ppcp-googlepay{ padding:0 30px; box-sizing:border-box; }
.el-garantias--pie{ display:none !important; }
#el-wizard[data-step="3"] .el-garantias--pie{ display:grid !important; margin:18px 30px 30px; }
@media (min-width:940px){
  #el-wizard[data-step="3"] .ppc-button-wrapper,
  #el-wizard[data-step="3"] #ppc-button-ppcp-applepay,
  #el-wizard[data-step="3"] #ppc-button-ppcp-googlepay{ max-width:760px; margin-left:auto; margin-right:auto; padding:0 40px; }
  #el-wizard[data-step="3"] .el-garantias--pie{ max-width:680px; margin:22px auto 50px; }
}
/* Países donde la regla por IP no permite PayPal (ej. Ecuador): la clase la pone el script de
   elitelogis-checkout-gateways-por-pais.php. Va después de las reglas de arriba para ganarles. */
#el-wizard.el-sin-paypal .ppc-button-wrapper,
#el-wizard.el-sin-paypal [id^="ppc-button-"]{ display:none !important; }

/* metodo-elegido 2026-10-23 — en el paso 3 solo se ven los botones del método marcado (data-pm lo
   pone el script de elitelogis-checkout-gateways-por-pais.php). Sin esto, el display:block
   !important de arriba mostraba a la vez el bloque de PayPal y el de tarjeta. */
#el-wizard[data-step="3"][data-pm="ppcp-gateway"] #ppc-button-ppcp-card-button-gateway,
#el-wizard[data-step="3"][data-pm="ppcp-card-button-gateway"] #ppc-button-ppcp-gateway{ display:none !important; }
#el-wizard[data-step="3"][data-pm="ppcp-gateway"] .ppc-button-wrapper:has(#ppc-button-ppcp-card-button-gateway),
#el-wizard[data-step="3"][data-pm="ppcp-card-button-gateway"] .ppc-button-wrapper:has(#ppc-button-ppcp-gateway){ display:none !important; }
#el-wizard[data-step="3"] .ppc-button-wrapper{ margin-top:14px; }

/* pagar-para-otro 2026-10-26: un solo check al final del paso 2 con panel desplegable animado. */
.el-check{ display:flex; align-items:center; gap:9px; font-size:14px; font-weight:600; color:var(--texto); cursor:pointer; user-select:none; }
.el-check input{ margin:0; width:18px; height:18px; accent-color:var(--verde); cursor:pointer; }
.el-regalo__panel{ display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .28s ease, opacity .2s ease; }
.el-regalo__panel.is-abierto{ grid-template-rows:1fr; opacity:1; }
.el-regalo__panel-in{ overflow:hidden; min-height:0; }
@media (prefers-reduced-motion:reduce){ .el-regalo__panel{ transition:none; } }

/* Cuadro aprobado y calendario de cuotas — 2026-10-26 */
.el-ref-summary{background:var(--tarjeta);border:1px solid var(--linea-2);border-radius:16px;padding:28px 26px;font-family:Inter,system-ui,sans-serif;color:var(--texto)}.el-ref-summary__label{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--verde);margin-bottom:26px}.el-ref-summary__title{font-family:Archivo,sans-serif;font-weight:800;font-size:22px;line-height:1.12;letter-spacing:-.02em;text-transform:uppercase;color:var(--bosque);margin:0 0 12px}.el-ref-summary__subtitle{font-family:Inter,system-ui,sans-serif;font-size:12px;line-height:1.5;color:#626B58;margin:0}.el-ref-summary dl{margin:28px 0 0}.el-ref-summary dl>div{display:flex;justify-content:space-between;gap:16px;margin:0 0 16px;font-size:13.5px;line-height:1.5}.el-ref-summary dt{color:#626B58}.el-ref-summary dd{margin:0;color:var(--bosque);text-align:right;font-variant-numeric:tabular-nums}.el-ref-summary dl>.el-ref-summary__total{border-top:1px solid var(--linea-2);margin-top:24px;margin-bottom:0;padding-top:24px;align-items:center}.el-ref-summary__total dd{font-family:Archivo,sans-serif;font-weight:900;font-size:29px;line-height:1.2;white-space:nowrap;letter-spacing:-.02em}.el-ref-summary__note{font-size:11px;line-height:1.6;color:#626B58;margin:26px 0 0}
.el-add-calendar{margin-top:0;margin-bottom:18px;padding:18px;border:1px solid rgba(204,228,120,.3);border-radius:12px;background:rgba(255,255,255,.04);color:#D7DCCB}.el-add-calendar h3{margin:0 0 12px;font-family:Archivo,sans-serif;font-size:15px;font-weight:700;color:var(--lima)}.el-add-calendar table{border-collapse:collapse;width:100%;font-size:13px}.el-add-calendar th{font-weight:400;text-align:left}.el-add-calendar td,.el-add-calendar th{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12)}.el-add-calendar td{text-align:right;font-weight:600;color:white;font-variant-numeric:tabular-nums}.el-add-calendar tr:last-child>*{border-bottom:0}.el-add-calendar p{margin:12px 0 0;color:#D7DCCB;font-size:12px;line-height:1.5}

/* Calendario: aislar bordes y colores de las tablas del tema BuddyBoss. */
#el-wizard .el-add-calendar table{
  border:0 !important; outline:0 !important; box-shadow:none !important;
  background:transparent !important; margin:0 !important; border-collapse:collapse;
}
#el-wizard .el-add-calendar tbody,
#el-wizard .el-add-calendar tr{
  border:0 !important; background:transparent !important; box-shadow:none !important;
}
#el-wizard .el-add-calendar th,
#el-wizard .el-add-calendar td{
  border:0 !important; border-bottom:1px solid rgba(204,228,120,.18) !important;
  background:transparent !important; color:#FFFFFF !important; opacity:1 !important;
  box-shadow:none !important; padding:12px 0;
}
#el-wizard .el-add-calendar th{font-weight:500;}
#el-wizard .el-add-calendar tr:last-child th,
#el-wizard .el-add-calendar tr:last-child td{border-bottom:0 !important;}
#el-wizard .el-add-calendar td .amount,
#el-wizard .el-add-calendar td bdi,
#el-wizard .el-add-calendar .el-precio-moneda{
  color:#FFFFFF !important; opacity:1 !important;
}
#el-wizard .el-add-calendar p{color:#F5F6F1;opacity:1;line-height:1.6;}