.elementor-13064 .elementor-element.elementor-element-c2efe8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:94px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13064 .elementor-element.elementor-element-c3136f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-505a42d *//* FORZAR estilos (WordPress / Elementor suele pisar el CSS) */
body{
  background: transparent !important;
  color:#3a3a3a !important;
}

/* Títulos morado */
h1,h2,h3{
  color:#5b2b82 !important;
}

/* Texto gris oscuro */
p, li, td, span, .lead, .fine, .list{
  color:#3a3a3a !important;
}
.lead, .fine, .list, .badge, .media-box ul{
  color:#5a5a5a !important;
}

/* Quitar fondos (mantener bordes) */
.hero-card,
section,
.card-mini,
.proof,
.media-box,
.media-note,
details,
.table,
.callout{
  background: transparent !important;
  box-shadow:none !important;
}

/* Bordes visibles */
.hero-card,
section,
.card-mini,
.proof,
.media-box,
.media-note,
details,
.table,
.callout,
.btn,
input,textarea,select{
  border:1px solid rgba(0,0,0,.12) !important;
}

/* Tabla sin fondo */
.table th, .table td{
  background: transparent !important;
}
.table th{
  color:#5b2b82 !important;
}

/* Botones */
.btn{
  background: transparent !important;
  color:#3a3a3a !important;
}
.btn.primary{
  border-color:#5b2b82 !important;
  color:#5b2b82 !important;
}

/* Formularios sin fondo */
input, textarea, select{
  background: transparent !important;
  color:#3a3a3a !important;
}
label{ color:#5b2b82 !important; }
/* =========================
   KAISEN – AJUSTES FINALES
   (pegar al final del CSS)
   ========================= */

:root{
  --kaisen-purple:#5b2b82;          /* morado principal */
  --kaisen-purple-soft:rgba(91,43,130,.14);
  --line:rgba(0,0,0,.12);
  --text-dark:#3a3a3a;
  --text-muted:#5a5a5a;
}

/* 1) Asegurar colores base */
body{ color:var(--text-dark) !important; background:transparent !important; }
p, li, td, span{ color:var(--text-dark) !important; }
.lead, .fine, .badge, .media-box ul, .list{ color:var(--text-muted) !important; }

/* 2) Títulos en morado */
h1,h2,h3{ color:var(--kaisen-purple) !important; }

/* 3) Quitar AZULES/TURQUESAS -> MORADO (detalles) */
.logo{
  background: var(--kaisen-purple) !important;
  box-shadow:none !important;
}

.badge i,
.dot{
  background:var(--kaisen-purple) !important;
  box-shadow: 0 0 0 6px var(--kaisen-purple-soft) !important;
}

/* Si hubiese enlaces/acentos marcados por estilos previos */
a{ color:inherit !important; }
a:hover{ color:var(--kaisen-purple) !important; }

/* 4) Cabecera/topbar: quitar gris oscuro (o muy clarito) */
.topbar{
  background: rgba(255,255,255,.35) !important; /* muy claro, deja ver el beige */
  backdrop-filter: blur(8px) !important;
  border-bottom:1px solid var(--line) !important;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .topbar{ background: rgba(255,255,255,.65) !important; }
}

/* 5) Botones sin azul, primario morado */
.btn{
  background: transparent !important;
  border:1px solid var(--line) !important;
  color:var(--text-dark) !important;
}
.btn.primary{
  border-color:var(--kaisen-purple) !important;
  color:var(--kaisen-purple) !important;
  background: transparent !important;
}

/* 6) El H1 con interlineado enorme: reducir */
h1{
  line-height: 1.12 !important;   /* clave */
  margin: 12px 0 10px !important; /* compacta */
  letter-spacing: -0.4px !important;
}

/* Si en algún sitio se “rompe” raro, limitamos el ancho para legibilidad */
.hero-card h1{ max-width: 22ch !important; }

/* 7) Sin fondos en cards/secciones/tabla pero manteniendo bordes */
.hero-card,
section,
.card-mini,
.proof,
.media-box,
.media-note,
details,
.table,
.callout{
  background: transparent !important;
  box-shadow:none !important;
  border:1px solid var(--line) !important;
}

/* Tabla sin fondo */
.table th, .table td{ background: transparent !important; }
.table th{ color:var(--kaisen-purple) !important; }

/* Formularios sin fondos */
input, textarea, select{
  background: transparent !important;
  border:1px solid var(--line) !important;
  color:var(--text-dark) !important;
}
label{ color:var(--kaisen-purple) !important; }

/* 8) Responsive fino (evitar cortes y aire enorme en móvil) */
@media (max-width: 980px){
  .hero-grid{ grid-template-columns:1fr !important; }
  .hero-proof{ grid-template-columns:1fr !important; }
  h1{ font-size: clamp(26px, 7vw, 38px) !important; line-height:1.12 !important; }
  .hero-card{ padding:18px !important; }
  section{ padding:18px !important; }
  .topbar-inner{ gap:10px !important; }
  .nav{ justify-content:flex-start !important; }
  .btn{ padding:9px 12px !important; }
}/* End custom CSS */