.elementor-150 .elementor-element.elementor-element-68a28de > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-150 .elementor-element.elementor-element-68a28de:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-68a28de > .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-150 .elementor-element.elementor-element-68a28de > .elementor-background-overlay{background-color:#000000;opacity:0.62;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-150 .elementor-element.elementor-element-68a28de > .elementor-container{min-height:100vh;}.elementor-150 .elementor-element.elementor-element-68a28de{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-150 .elementor-element.elementor-element-b98feeb.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-150 .elementor-element.elementor-element-52ae57f{--spacer-size:368px;}.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-150 .elementor-element.elementor-element-dbb1f17{text-align:center;}.elementor-150 .elementor-element.elementor-element-dad5829{--grid-template-columns:repeat(0, auto);text-align:center;padding:50px 0px 0px 0px;--icon-size:23px;--grid-column-gap:22px;--grid-row-gap:0px;}.elementor-150 .elementor-element.elementor-element-dad5829 .elementor-social-icon{background-color:rgba(255,255,255,0);}.elementor-150 .elementor-element.elementor-element-dad5829 .elementor-social-icon i{color:#686868;}.elementor-150 .elementor-element.elementor-element-dad5829 .elementor-social-icon svg{fill:#686868;}.elementor-150 .elementor-element.elementor-element-dad5829 .elementor-social-icon:hover i{color:#00ce1b;}.elementor-150 .elementor-element.elementor-element-dad5829 .elementor-social-icon:hover svg{fill:#00ce1b;}.elementor-150 .elementor-element.elementor-element-374caf0{margin-top:70px;margin-bottom:0px;}.elementor-150 .elementor-element.elementor-element-95d411f{margin-top:100px;margin-bottom:0px;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;color:#333;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list .eael-accordion_media-icon i{font-size:16px;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list .eael-accordion_media-icon svg{height:16px;width:16px;line-height:16px;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon,
                    .elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{gap:10px;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:#333;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-content .eael-accordion_media-title{color:#333;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:#333;fill:#333;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:#333;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list .eael-accordion_media-icon{color:#333;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title,
                    .elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list:not(.active):hover .eael-accordion_media-title{color:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list:hover .eael-accordion_media-icon i{color:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list:hover .eael-accordion_media-icon svg{fill:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list.active .eael-accordion_media-icon i{color:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list.active .eael-accordion_media-icon svg{fill:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-content{color:#333;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{color:#333;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle, .elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header > .fa-toggle-svg{font-size:16px;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle{height:16px;width:16px;line-height:16px;fill:#444;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle{color:#444;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle svg{color:#444;fill:#444;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{color:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle svg{color:#fff;fill:#fff;}.elementor-150 .elementor-element.elementor-element-02dd50d .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle{fill:#fff;}@media(max-width:1024px){.elementor-150 .elementor-element.elementor-element-68a28de > .elementor-container{min-height:800px;}.elementor-150 .elementor-element.elementor-element-68a28de{padding:0px 25px 0px 025px;}}@media(max-width:767px){.elementor-150 .elementor-element.elementor-element-68a28de:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-68a28de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-150 .elementor-element.elementor-element-68a28de{padding:10px 20px 100px 20px;}.elementor-150 .elementor-element.elementor-element-dad5829{--grid-column-gap:10px;}.elementor-150 .elementor-element.elementor-element-374caf0{margin-top:50px;margin-bottom:0px;}.elementor-150 .elementor-element.elementor-element-c063237{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-150 .elementor-element.elementor-element-8d4f9c8{text-align:center;}}/* Start custom CSS for eael-adv-accordion, class: .elementor-element-02dd50d *//* =======================================
   ACORDEÓN PREMIUM OSCURO BARBERAGENCY
   Clase: ba-accordion
   ======================================= */

/* Contenedor general */
.ba-accordion .elementor-accordion-item{
  background: #0B0D10 !important;
  border: 1px solid rgba(182,140,42,0.45) !important;
  border-radius: 14px !important;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,0.35);
}

/* Título */
.ba-accordion .elementor-tab-title{
  background: #111317 !important;
  color: #F5F5F5 !important;
  font-weight: 600 !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid rgba(182,140,42,0.35) !important;
  transition: all 0.3s ease;
}

/* Línea dorada lateral */
.ba-accordion .elementor-tab-title{
  border-left: 3px solid #B68C2A !important;
}

/* Hover */
.ba-accordion .elementor-tab-title:hover{
  background: #161A20 !important;
}

/* Activo */
.ba-accordion .elementor-tab-title.elementor-active{
  background: #15181E !important;
  border-left: 3px solid #D4AF37 !important;
}

/* Contenido */
.ba-accordion .elementor-tab-content{
  background: #0B0D10 !important;
  color: #F5F5F5 !important;
  padding: 22px !important;
  border-top: 1px solid rgba(182,140,42,0.35) !important;
}

/* Icono */
.ba-accordion .elementor-accordion-icon{
  color: #D4AF37 !important;
}

/* 🔥 Forzar oscuro incluso en light mode */
body.light-mode .ba-accordion .elementor-accordion-item,
body.light-mode .ba-accordion .elementor-tab-title,
body.light-mode .ba-accordion .elementor-tab-content{
  background: inherit !important;
}

/* Texto en modo claro */
body.light-mode .ba-accordion .elementor-tab-title,
body.light-mode .ba-accordion .elementor-tab-content{
  color: #111111 !important;
}

/* Icono en modo claro */
body.light-mode .ba-accordion .elementor-accordion-icon{
  color: #B68C2A !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b2314a *//* ======================================
   CONTACTO – ESTILO ROI BARBERAGENCY
   ====================================== */

.ba-contact-form{
  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;
  font-family: 'Roboto', sans-serif;
}

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

/* Campos */
.ba-field{
  margin-bottom: 16px;
}

.ba-field input,
.ba-field textarea{
  width: 100%;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  color: #F5F5F5;
  font-size: 14px;
  outline: none;
  transition: all 0.3s ease;
  font-family: 'Roboto', sans-serif;
}

.ba-field input::placeholder,
.ba-field textarea::placeholder{
  color: #888;
}

.ba-field input:focus,
.ba-field textarea:focus{
  border-color: #B68C2A;
  box-shadow: 0 0 0 1px rgba(182,140,42,0.4);
}

.ba-field textarea{
  min-height: 100px;
  resize: vertical;
}

/* Botón dorado */
.ba-btn-gold{
  width: 100%;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid #B68C2A;
  background: linear-gradient(90deg, #B68C2A, #D4AF37);
  color: #0B0D10;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ba-btn-gold:hover{
  opacity: 0.9;
  transform: translateY(-1px);
}

/* Mensaje */
.ba-response{
  margin-top: 14px;
  font-size: 14px;
  text-align: center;
}

/* Responsive */
@media (max-width:768px){
  .ba-contact-form{
    padding: 22px 18px;
  }
}

/* Mantener oscuro en light mode */
body.light-mode .ba-contact-form{
  background: linear-gradient(180deg, #15181E, #0B0D10) !important;
  border: 1px solid rgba(182,140,42,0.55) !important;
}

/* Forzar título y texto del formulario siempre en blanco */
.ba-contact-form .ba-title,
.ba-contact-form .ba-text,
.ba-contact-form .ba-text strong {
  color: #F5F5F5 !important;
}

.roi-card-badge{
   /* estilos */
}

.roi-card-badge{
  display:inline-block;
  padding:6px 14px;
  border-radius:999px;
  background:rgba(182,140,42,0.18);
  border:1px solid rgba(182,140,42,0.45);
  color:#F5F5F5 !important;
  font-size:12px;
  font-weight:600;
  letter-spacing:1px;
}/* End custom CSS */