.elementor-15 .elementor-element.elementor-element-37627eea > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-15 .elementor-element.elementor-element-37627eea:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-37627eea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://barberagency-barberagency.gymh5g.easypanel.host/wp-content/uploads/2026/02/img1.jpg");background-position:center center;background-size:cover;}.elementor-15 .elementor-element.elementor-element-37627eea > .elementor-background-overlay{background-color:#000000;opacity:0.62;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-37627eea > .elementor-container{min-height:100vh;}.elementor-15 .elementor-element.elementor-element-37627eea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-15 .elementor-element.elementor-element-78ec28bb.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-15 .elementor-element.elementor-element-4ab185c{--spacer-size:436px;}.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-15 .elementor-element.elementor-element-fe1ee41{text-align:center;}.elementor-15 .elementor-element.elementor-element-fe1ee41 .elementor-heading-title{color:#FDFDFD;}.elementor-15 .elementor-element.elementor-element-db40af1{margin-top:100px;margin-bottom:100px;}.elementor-15 .elementor-element.elementor-element-716ee95{text-align:center;}.elementor-15 .elementor-element.elementor-element-716ee95 .elementor-heading-title{font-size:36px;font-weight:600;color:#ffffff;}.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 );}.elementor-15 .elementor-element.elementor-element-0b618d7{font-size:15px;font-weight:300;text-transform:uppercase;color:#686868;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-15 .elementor-element.elementor-element-423975a{--divider-border-style:solid;--divider-color:#C88605;--divider-border-width:2px;}.elementor-15 .elementor-element.elementor-element-423975a .elementor-divider-separator{width:69%;margin:0 auto;margin-center:0;}.elementor-15 .elementor-element.elementor-element-423975a .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15 .elementor-element.elementor-element-7711107{background-color:transparent;background-image:linear-gradient(128deg, #0E0E0E 43%, #F4F1F2 34%);}.elementor-15 .elementor-element.elementor-element-7711107 img{width:100%;max-width:100%;height:630px;filter:brightness( 101% ) contrast( 91% ) saturate( 17% ) blur( 0px ) hue-rotate( 2deg );}.elementor-15 .elementor-element.elementor-element-b699200:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-b699200 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://barberagency-barberagency.gymh5g.easypanel.host/wp-content/uploads/2026/02/buscamos-BARBERIAS-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-b699200 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at bottom left, #F3E9E9 98%, #0E0D0D 30%);opacity:0.71;mix-blend-mode:darken;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-b699200 > .elementor-container{min-height:500px;}.elementor-15 .elementor-element.elementor-element-b699200 .elementor-background-overlay{filter:brightness( 1% ) contrast( 108% ) saturate( 80% ) blur( 7.8px ) hue-rotate( 298deg );}.elementor-15 .elementor-element.elementor-element-b699200{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15 .elementor-element.elementor-element-bf4c9eb > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15 .elementor-element.elementor-element-bf4c9eb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-c4e6241{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:120px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-9d35f91{margin:120px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-9d35f91 img{width:100%;max-width:88%;height:500px;object-fit:contain;object-position:center center;opacity:1;filter:brightness( 195% ) contrast( 91% ) saturate( 31% ) blur( 0px ) hue-rotate( 0deg );box-shadow:-17px 24px 47px 42px rgba(0,0,0,0.5);}.elementor-15 .elementor-element.elementor-element-ef54374{padding:50px 0px 0px 0px;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-37627eea > .elementor-container{min-height:800px;}.elementor-15 .elementor-element.elementor-element-37627eea{padding:0px 25px 0px 025px;}.elementor-15 .elementor-element.elementor-element-716ee95 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-37627eea:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-37627eea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-15 .elementor-element.elementor-element-37627eea{padding:10px 20px 100px 20px;}.elementor-15 .elementor-element.elementor-element-db40af1{margin-top:50px;margin-bottom:0px;}.elementor-15 .elementor-element.elementor-element-716ee95 .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-15 .elementor-element.elementor-element-0b618d7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:12px;}.elementor-15 .elementor-element.elementor-element-6672b5e{padding:30px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-423975a{padding:0px 0px 50px 0px;}.elementor-15 .elementor-element.elementor-element-015902a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-c4e6241{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-9d35f91{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-ef54374{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-6077d4f{width:70.14%;}.elementor-15 .elementor-element.elementor-element-538d465{width:29.819%;}}@media(min-width:1025px){.elementor-15 .elementor-element.elementor-element-b699200:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-b699200 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for text-editor, class: .elementor-element-8d704c3 *//* =========================
   ROI CARD — BARBERAGENCY
   Tarjeta oscura con borde dorado
   ========================= */

.roi-card{
  max-width: 900px;
  margin: 0 auto;
  padding: 28px 26px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(21,24,30,0.92), rgba(11,13,16,0.92));
  border: 1px solid rgba(182,140,42,0.55);
  box-shadow: 0 18px 45px rgba(0,0,0,0.35);
  position: relative;
  overflow: hidden;
}

/* brillo sutil */
.roi-card::before{
  content:"";
  position:absolute;
  top:-60%;
  left:-30%;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, rgba(212,175,55,0.18) 0%, rgba(0,0,0,0) 55%);
  transform: rotate(12deg);
  pointer-events:none;
}

.roi-card-badge{
  display:inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(182,140,42,0.18);
  border: 1px solid rgba(182,140,42,0.45);
  color: var(--gold-primary);
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 12px;
  margin-bottom: 14px;
}

.roi-card-title{
  margin: 0 0 10px 0;
  color: var(--text-primary);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
}

.roi-card-text{
  margin: 0 0 18px 0;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 1.7;
}

.roi-card-text strong{
  color: var(--gold-hover);
  font-weight: 700;
}

/* métricas */
.roi-card-metrics{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 18px 0;
}

.roi-metric{
  padding: 14px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
}

.roi-metric-value{
  color: var(--gold-hover);
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 4px;
}

.roi-metric-label{
  color: var(--text-secondary);
  font-size: 13px;
}

/* lista con checks dorados */
.roi-card-list{
  list-style: none;
  padding-left: 0;
  margin: 0 0 16px 0;
}

.roi-card-list li{
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  color: var(--text-primary);
  line-height: 1.6;
  font-size: 15px;
}

.roi-card-list li::before{
  content: "✔";
  position: absolute;
  left: 0;
  color: var(--gold-primary) !important;
  -webkit-text-fill-color: var(--gold-primary) !important;
  font-weight: 800;
}

/* cierre */
.roi-card-foot{
  margin: 0;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.6;
}

/* responsive */
@media (max-width: 768px){
  .roi-card{ padding: 22px 18px; }
  .roi-card-title{ font-size: 22px; }
  .roi-card-metrics{ grid-template-columns: 1fr; }
}

/* =========================
   ROI CARD — FIX LIGHT MODE
   ========================= */

body.light-mode .roi-card {
  background: linear-gradient(180deg, #15181E, #0B0D10) !important;
  border: 1px solid rgba(182,140,42,0.55) !important;
}

/* Forzar texto claro dentro de la tarjeta */
body.light-mode .roi-card,
body.light-mode .roi-card * {
  color: #F5F5F5 !important;
}

/* Mantener dorados */
body.light-mode .roi-card .roi-metric-value,
body.light-mode .roi-card strong,
body.light-mode .roi-card-badge {
  color: var(--gold-primary) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-015902a *//* =========================
   HOW IT WORKS SECTION
   ========================= */

.how-section{
  max-width: 1000px;
  margin: 70px auto;
  text-align: center;
}

.how-title{
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  color: var(--text-primary);
}

.how-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

.how-card{
  background: var(--card-bg);
  padding: 30px 22px;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  transition: all 0.3s ease;
}

.how-card:hover{
  border-color: var(--gold-primary);
  transform: translateY(-6px);
}

.how-number{
  font-size: 40px;
  font-weight: 800;
  color: var(--gold-primary);
  margin-bottom: 15px;
}

.how-card h3{
  font-size: 18px;
  margin-bottom: 10px;
  color: var(--text-primary);
}

.how-card p{
  font-size: 15px;
  color: var(--text-secondary);
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 1024px){
  .how-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px){
  .how-grid{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-be13cc6 *//* ================================
   BARBERAGENCY – MOTIVATION CARD
   ================================ */

.ba-motivation-wrapper{
  display: flex;
  justify-content: center;
  padding: 80px 20px;
}

.ba-motivation-card{
  width: 100%;
  max-width: 900px;
  padding: 45px 40px;
  border-radius: 20px;
  background: linear-gradient(180deg, #15181E, #0B0D10);
  border: 1px solid rgba(182,140,42,0.55);
  box-shadow: 0 30px 70px rgba(0,0,0,0.45);
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* brillo sutil dorado */
.ba-motivation-card::before{
  content: "";
  position: absolute;
  top: -40%;
  left: -20%;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, rgba(212,175,55,0.12) 0%, rgba(0,0,0,0) 60%);
  pointer-events: none;
}

.ba-motivation-badge{
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(182,140,42,0.15);
  border: 1px solid rgba(182,140,42,0.45);
  color: var(--gold-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.ba-motivation-title{
  font-size: 28px;
  font-weight: 700;
  color: #F5F5F5;
  margin-bottom: 20px;
  line-height: 1.3;
}

.ba-motivation-text{
  font-size: 16px;
  color: #C5C8CE;
  line-height: 1.7;
  margin-bottom: 30px;
}

.ba-motivation-divider{
  width: 60px;
  height: 2px;
  background: var(--gold-primary);
  margin: 0 auto 25px auto;
}

.ba-motivation-footer{
  font-size: 16px;
  color: #C5C8CE;
}

.ba-motivation-footer strong{
  color: var(--gold-primary);
}

/* Responsive */
@media (max-width: 768px){
  .ba-motivation-card{
    padding: 30px 22px;
  }

  .ba-motivation-title{
    font-size: 20px;
  }

  .ba-motivation-text{
    font-size: 15px;
  }
}

/* ======================================
   BARBERAGENCY – MOTIVATION CARD FIX LIGHT MODE
   ====================================== */

body.light-mode .ba-motivation-card{
  background: linear-gradient(180deg, #15181E, #0B0D10) !important;
  border: 1px solid rgba(182,140,42,0.55) !important;
}

/* Título */
body.light-mode .ba-motivation-card .ba-motivation-title{
  color: #F5F5F5 !important;
}

/* Texto principal */
body.light-mode .ba-motivation-card .ba-motivation-text{
  color: #C5C8CE !important;
}

/* Footer */
body.light-mode .ba-motivation-card .ba-motivation-footer{
  color: #C5C8CE !important;
}

/* Dorado */
body.light-mode .ba-motivation-card .ba-motivation-badge,
body.light-mode .ba-motivation-card .ba-motivation-divider,
body.light-mode .ba-motivation-card .ba-motivation-footer strong{
  color: var(--gold-primary) !important;
  background: var(--gold-primary) !important;
}
/* ======================================
   MOTIVATION CARD — LIGHT MODE FIX (SIN ROMPER BOTONES)
   ====================================== */

body.light-mode .ba-motivation-card{
  background: linear-gradient(180deg, #15181E, #0B0D10) !important;
  border: 1px solid rgba(182,140,42,0.55) !important;
}

/* SOLO textos del bloque */
body.light-mode .ba-motivation-card .ba-motivation-title{ color:#F5F5F5 !important; }
body.light-mode .ba-motivation-card .ba-motivation-text{ color:#C5C8CE !important; }
body.light-mode .ba-motivation-card .ba-motivation-footer{ color:#C5C8CE !important; }

/* Dorados (badge + strong + divider) */
body.light-mode .ba-motivation-card .ba-motivation-badge{
  color: var(--gold-primary) !important;
  background: rgba(182,140,42,0.15) !important;
  border: 1px solid rgba(182,140,42,0.45) !important;
}

/* Divider (línea) — SOLO background, no color */
body.light-mode .ba-motivation-card .ba-motivation-divider{
  background: var(--gold-primary) !important;
}

/* Strong en dorado */
body.light-mode .ba-motivation-card .ba-motivation-footer strong{
  color: var(--gold-primary) !important;
}

/* NO tocar botones dentro de la tarjeta */
body.light-mode .ba-motivation-card .elementor-button,
body.light-mode .ba-motivation-card .elementor-button .elementor-button-text{
  color: inherit !important;
}
body.light-mode .ba-motivation-card a{
  color: var(--gold-primary) !important;
}
body.light-mode .ba-motivation-card a:hover{
  color: var(--gold-hover) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-90291c4 *//* ================================
   BARBERAGENCY – WHY SECTION PRO
   ================================ */

.ba-why-wrapper{
  display: flex;
  justify-content: center;
  padding: 40px 20px;
}

.ba-why-card{
  width: 100%;
  max-width: 900px;
  padding: 45px 40px;
  border-radius: 20px;
  background: linear-gradient(180deg, #15181E, #0B0D10);
  border: 1px solid rgba(182,140,42,0.55);
  box-shadow: 0 30px 70px rgba(0,0,0,0.45);
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* brillo sutil */
.ba-why-card::before{
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, rgba(0,0,0,0) 60%);
  pointer-events: none;
}

/* Badge */
.ba-why-badge{
  display: inline-block;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(182,140,42,0.15);
  border: 1px solid rgba(182,140,42,0.45);
  color: var(--gold-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

/* Título */
.ba-why-title{
  font-size: 28px;
  font-weight: 700;
  color: #F5F5F5;
  margin-bottom: 20px;
  line-height: 1.3;
}

/* Texto */
.ba-why-description{
  font-size: 16px;
  color: #C5C8CE;
  line-height: 1.7;
  margin-bottom: 30px;
}

/* Línea dorada */
.ba-why-divider{
  width: 60px;
  height: 2px;
  background: var(--gold-primary);
  margin: 0 auto 30px auto;
}

/* Lista */
.ba-why-list{
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.ba-why-list li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  font-size: 15px;
  color: #E5E5E5;
  text-align: left;
}

.ba-why-list li::before{
  content: "✔";
  position: absolute;
  left: 0;
  color: var(--gold-primary);
  font-weight: 700;
}

/* Footer */
.ba-why-footer{
  font-size: 16px;
  color: #C5C8CE;
}

.ba-why-footer strong{
  color: var(--gold-primary);
}

/* Responsive */
@media (max-width: 768px){
  .ba-why-card{
    padding: 35px 25px;
  }

  .ba-why-title{
    font-size: 22px;
  }

  .ba-why-list li{
    text-align: left;
  }
}

/* ================================
   BARBERAGENCY – WHY CARD FIX LIGHT MODE (PRO)
   - Mantiene tarjeta oscura
   - Fuerza solo textos (no botones)
   ================================ */

body.light-mode .ba-why-card{
  background: linear-gradient(180deg, #15181E, #0B0D10) !important;
  border: 1px solid rgba(182,140,42,0.55) !important;
}

/* SOLO textos del bloque */
body.light-mode .ba-why-card .ba-why-title{
  color: #F5F5F5 !important;
}

body.light-mode .ba-why-card .ba-why-description,
body.light-mode .ba-why-card .ba-why-footer{
  color: #C5C8CE !important;
}

body.light-mode .ba-why-card .ba-why-list li{
  color: #E5E5E5 !important;
}

/* Dorados correctos */
body.light-mode .ba-why-card .ba-why-badge{
  color: var(--gold-primary) !important;
  background: rgba(182,140,42,0.15) !important;   /* mantiene badge premium */
  border: 1px solid rgba(182,140,42,0.45) !important;
}

body.light-mode .ba-why-card .ba-why-divider{
  background: var(--gold-primary) !important;     /* línea dorada */
}

body.light-mode .ba-why-card .ba-why-list li::before,
body.light-mode .ba-why-card .ba-why-footer strong{
  color: var(--gold-primary) !important;
}

/* IMPORTANTE: NO tocar botones dentro de la tarjeta */
body.light-mode .ba-why-card .elementor-button,
body.light-mode .ba-why-card .elementor-button .elementor-button-text{
  color: inherit !important;
}

/* ================================
   BARBERAGENCY – WHY CARD MOBILE FIX
   ================================ */

@media (max-width: 768px){

  .ba-why-wrapper{
    padding: 40px 10px !important;
  }

  .ba-why-card{
    max-width: 100% !important;
    width: 100% !important;
    padding: 30px 22px !important;
    border-radius: 16px !important;
  }

  .ba-why-title{
    font-size: 20px !important;
  }

  .ba-why-description{
    font-size: 15px !important;
  }

  .ba-why-list li{
    font-size: 14px !important;
  }

}

/* ===============================
   BARBERAGENCY — WHY SECTION CENTER FIX
   =============================== */

.ba-why-wrapper{
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 950px;
}

/* Títulos */
.ba-why-wrapper h1,
.ba-why-wrapper h2,
.ba-why-wrapper h3,
.ba-why-wrapper .elementor-heading-title{
  text-align: center !important;
}

/* Párrafos */
.ba-why-wrapper p{
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

/* Divider */
.ba-why-wrapper .ba-divider{
  margin-left: auto;
  margin-right: auto;
}

/* Lista */
.ba-why-wrapper ul{
  list-style: none;
  padding: 0;
  margin: 30px auto;
  max-width: 650px;
  text-align: left; /* profesional */
}

.ba-why-wrapper ul li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 18px;
}

/* Check dorado */
.ba-why-wrapper ul li::before{
  content: "✔";
  position: absolute;
  left: 0;
  color: var(--gold-primary);
  font-weight: 700;
}

/* ===============================
   LISTA PERFECTAMENTE CENTRADA
   =============================== */

.ba-why-wrapper ul{
  list-style: none;
  padding: 0;
  margin: 40px auto;
}

.ba-why-wrapper ul li{
  margin-bottom: 18px;
  font-size: 17px;
  color: var(--text-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-align: center;
}

/* Forzar que el texto interno también se centre */
.ba-why-wrapper ul li,
.ba-why-wrapper ul li span,
.ba-why-wrapper ul li *{
  text-align: center !important;
}

/* Check dorado */
.ba-why-wrapper ul li::before{
  content: "✔";
  color: var(--gold-primary);
  font-weight: 700;
}/* End custom CSS */