*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#071f2a;color:#eef7f9}
main{max-width:980px;margin:auto;padding:24px}
.card{background:#0b2d3a;border:1px solid #1f5366;border-radius:20px;padding:20px;margin-bottom:18px}
.hero{background:linear-gradient(135deg,#0b2d3a,#123f50)}
.muted{color:#a9c0c8}
.status{display:inline-block;padding:8px 12px;border-radius:999px;background:#163f2d;color:#9ff0bd;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi strong{display:block;font-size:24px;margin-top:8px}
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
button{border:1px solid #2b6077;background:#123f50;color:white;border-radius:14px;padding:14px;font-weight:700;cursor:pointer}
li{margin:8px 0}
@media(max-width:760px){.grid,.actions{grid-template-columns:1fr 1fr}main{padding:16px}}

.info-full{
  width:100%;
  display:block;
  border-radius:16px;
}

.flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.flow div{
  background:#082b38;
  border:1px solid #1f6b7c;
  border-radius:18px;
  padding:22px 14px;
  text-align:center;
}
.flow b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#1d8fb2;
  margin-bottom:12px;
}
.flow span{
  display:block;
  font-weight:700;
}
@media(max-width:760px){
  .flow{grid-template-columns:1fr}
}
.infografia-card{padding:0;overflow:hidden}
.info-full{width:100%;height:auto;display:block;border-radius:18px}

.eyebrow{
  margin:0 0 8px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8fd8ea;
  font-size:12px;
  font-weight:700;
}
h1{margin:0 0 10px;font-size:34px}
h2{margin:0 0 14px;font-size:18px}
.list{display:grid;gap:10px}
.list button,.analysis button{
  width:100%;
  text-align:left;
}
.ghost{
  margin-top:14px;
  background:transparent;
}
.analysis{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}
@media(max-width:760px){
  .analysis{grid-template-columns:1fr}
}

.resume{
  margin:18px 0;
}

.resume .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.resume .row:last-child{
  border-bottom:none;
}

.resume strong{
  color:#9ff0bd;
  font-weight:700;
}

.resume{
  margin:18px 0;
}

.resume .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.resume .row:last-child{
  border-bottom:none;
}

.resume .ok{
  color:#7CFC8A;
  font-weight:700;
}

.resume .warn{
  color:#FFD54A;
  font-weight:700;
}

.analysis{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
margin-top:18px;
}

.analysis button{
padding:16px;
border-radius:14px;
font-size:16px;
font-weight:700;
}

@media(max-width:760px){
.analysis{
grid-template-columns:1fr;
}
}

.summary{
margin-top:18px;
padding-top:14px;
border-top:1px solid rgba(255,255,255,.08);
font-weight:600;
}

.analysis button small{
display:block;
margin-top:6px;
font-size:13px;
opacity:.8;
font-weight:400;
}

.ideas small{
display:block;
margin:4px 0 12px 24px;
opacity:.8;
line-height:1.4;
}

.updated{
margin-top:6px;
font-size:13px;
opacity:.75;
}

.clean{
list-style:none;
padding-left:0;
margin-left:0;
}

.clean li{
margin:10px 0;
}

button:disabled{
opacity:.45;
cursor:not-allowed;
}

.summaryBox{
background:#0d3948;
border-left:5px solid #3bd671;
padding:18px;
border-radius:14px;
line-height:1.6;
}

.summaryBox h3{
margin:0 0 10px;
color:#9ff0bd;
}

.decision{
background:#113645;
border-left:6px solid #29c46d;
}

.decisionPriority{
font-weight:700;
margin:12px 0;
}

.decision h3{
margin:10px 0;
}

.decisionFooter{
display:flex;
justify-content:space-between;
margin-top:18px;
font-weight:700;
flex-wrap:wrap;
gap:10px;
}

.executive h3{
margin:18px 0 6px;
color:#9ff0bd;
}

.executive p{
margin:0 0 10px;
line-height:1.5;
}

.kpi-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:18px;
}

.kpi-card{
background:#0b2f3b;
border:1px solid #1f6074;
border-radius:18px;
padding:18px;
min-height:120px;
}

.kpi-card small{
display:block;
font-size:12px;
letter-spacing:.08em;
opacity:.75;
margin-bottom:10px;
}

.kpi-card h3{
font-size:26px;
margin:0 0 8px;
color:#ffffff;
}

.kpi-card span{
font-size:14px;
opacity:.8;
}

.chart-placeholder{
height:180px;
display:flex;
align-items:flex-end;
gap:12px;
padding:18px;
margin:18px 0;
border-radius:18px;
background:#0b2f3b;
border:1px solid #1f6074;
}

.chart-placeholder .bar{
flex:1;
border-radius:12px 12px 0 0;
background:#2b7288;
min-height:18px;
}

.chart-placeholder .bar.active{
background:#3bd671;
}

.empty-state{
padding:18px;
border-radius:16px;
background:#0b2f3b;
border:1px dashed #2b7288;
opacity:.9;
}

@media(max-width:760px){
.kpi-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:460px){
.kpi-grid{
grid-template-columns:1fr;
}
}

.kpi-main{
grid-column:span 2;
background:#0f3b49;
}

.kpi-main h3{
font-size:34px;
}

.positive-state b{
display:block;
margin-bottom:8px;
color:#ffffff;
}

.positive-state span{
opacity:.82;
}

.confidence{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
margin:14px 0 8px;
font-weight:700;
}

.confidence-bar{
height:12px;
background:#0b2f3b;
border-radius:999px;
overflow:hidden;
border:1px solid #1f6074;
margin-bottom:18px;
}

.confidence-bar div{
height:100%;
background:#3bd671;
border-radius:999px;
}

@media(max-width:760px){
.kpi-main{
grid-column:span 2;
}
}

@media(max-width:460px){
.kpi-main{
grid-column:span 1;
}
}

.kpi-main{
order:-1;
grid-column:1/-1;
text-align:center;
}

.kpi-main h3{
font-size:42px;
}

.kpi-main span{
font-size:16px;
}

.trend-item{
flex:1;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
gap:6px;
}

.trend-item .bar{
width:100%;
}

.trend-item small{
font-size:12px;
opacity:.75;
}

.trend-item b{
font-size:13px;
}

.analysis-state b{
display:block;
margin-bottom:12px;
}

.analysis-state .clean li{
margin:6px 0;
}


.chart-placeholder{
height:230px;
align-items:stretch;
}

.trend-item{
flex:1;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
gap:6px;
}

.trend-item .bar{
width:100%;
flex:0 0 auto;
}

.trend-label{
font-size:12px;
opacity:.78;
}

.trend-value{
font-size:13px;
font-weight:700;
}

.analysis-state b{
display:block;
margin-bottom:12px;
}

.analysis-state .clean{
margin:0;
padding:0;
}

.analysis-state .clean li{
margin:7px 0;
}

.chart-placeholder{
position:relative;
gap:32px;
padding:28px 36px 36px;
align-items:flex-end;
}

.chart-placeholder:after{
content:"";
position:absolute;
left:28px;
right:28px;
bottom:58px;
height:1px;
background:#1f6074;
opacity:.9;
}

.trend-item{
max-width:140px;
position:relative;
z-index:1;
}

.trend-item .bar{
width:74%;
margin:auto;
border-radius:14px 14px 0 0;
}

.trend-item:first-child .bar{
background:#3bd671;
}

.trend-value{
order:-1;
margin-bottom:4px;
font-size:14px;
}

.trend-label{
margin-top:8px;
font-size:13px;
}

@media(max-width:760px){
.chart-placeholder{
gap:18px;
padding:24px 22px 34px;
}
.trend-item{
max-width:none;
}
.trend-item .bar{
width:82%;
}
}

.chart-placeholder{
display:flex;
justify-content:center;
align-items:flex-end;
gap:64px;
padding:30px 40px 56px;
}

.trend-item{
flex:0 0 80px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
}

.trend-item .bar{
width:80px;
margin:0;
}

.trend-value{
margin-bottom:10px;
font-size:14px;
font-weight:700;
}

.trend-label{
margin-top:10px;
font-size:13px;
opacity:.85;
}

.chart-placeholder:after{
left:24px;
right:24px;
bottom:54px;
}

@media(max-width:760px){
.chart-placeholder{
gap:28px;
padding:24px 20px 50px;
}

.trend-item{
flex:0 0 56px;
}

.trend-item .bar{
width:56px;
}
}

.chart-placeholder{
height:170px;
padding:24px 30px 42px;
gap:70px;
}

.trend-item{
flex:0 0 100px;
}

.trend-item .bar{
width:96px;
border-radius:12px 12px 0 0;
box-shadow:0 4px 12px rgba(0,0,0,.25);
border:1px solid rgba(255,255,255,.08);
}

.trend-item:first-child .bar{
background:#46d86f;
}

.trend-item:not(:first-child) .bar{
background:#3f87a3;
}

.trend-value{
font-size:18px;
font-weight:700;
color:#fff;
margin-bottom:10px;
}

.trend-label{
font-size:15px;
font-weight:600;
color:#cfe7ef;
margin-top:10px;
}

.chart-placeholder:after{
height:2px;
background:#2d6d82;
opacity:1;
}


.card{
background:linear-gradient(180deg,#073746,#061f2b);
box-shadow:0 10px 30px rgba(0,0,0,.22);
}

.kpi-card{
display:flex;
align-items:center;
gap:18px;
background:linear-gradient(180deg,#052b3a,#041b27);
box-shadow:inset 0 0 0 1px rgba(58,180,220,.12);
}

.kpi-main{
display:block;
background:linear-gradient(180deg,#073a49,#052837);
}

.chart-placeholder{
background:linear-gradient(180deg,#041d2a,#031722);
border:1px solid #1f6074;
height:250px;
padding:34px 44px 58px;
}

.trend-item .bar{
background:linear-gradient(180deg,#38e06f,#1eb852);
border:2px solid rgba(180,255,198,.65);
box-shadow:0 0 22px rgba(61,214,113,.35);
}

.trend-item:not(:first-child) .bar{
background:linear-gradient(180deg,#1298df,#0d6290);
border:2px solid rgba(120,210,255,.55);
box-shadow:0 0 18px rgba(18,152,223,.28);
}

.trend-value{
font-size:20px;
font-weight:800;
}

.trend-item:first-child .trend-value{
color:#46d86f;
}

.trend-item:not(:first-child) .trend-value{
color:#1aa7ff;
}

.trend-label{
font-size:16px;
font-weight:800;
color:#ffffff;
}

.empty-state{
background:linear-gradient(180deg,#041d2a,#031722);
border:1px dashed #39d98a;
}

.analysis-state b{
color:#5df0a0;
}

.analysis-state li:nth-child(2),
.analysis-state li:nth-child(3){
color:#ffb020;
}

.decision{
display:grid;
grid-template-columns:1fr 1fr;
gap:26px;
align-items:center;
}

.decision h2{
grid-column:1/-1;
}

.confidence,
.confidence-bar{
max-width:520px;
}

@media(max-width:760px){
.decision{
grid-template-columns:1fr;
}
}

.kpi-main{
grid-column:1/-1;
width:100%;
box-sizing:border-box;
}

.kpi-soft h3{
font-size:22px;
opacity:.78;
}

.kpi-soft span{
opacity:.72;
}


/* ===== CLIENTES POLISH ===== */

.kpi-main{
grid-column:1/-1;
width:100%;
max-width:100%;
margin:0;
}

.kpi-grid{
align-items:stretch;
}

.kpi-soft{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:8px;
min-height:150px;
}

.kpi-soft small{
display:block;
font-size:13px;
letter-spacing:1px;
opacity:.75;
}

.kpi-soft h3{
margin:0;
font-size:28px;
font-weight:700;
line-height:1.1;
}

.kpi-soft span{
display:block;
font-size:14px;
opacity:.70;
line-height:1.3;
}

.decision{
padding:28px;
}

.decision h3{
margin:20px 0 8px;
}

.decision p{
margin:0 0 16px;
line-height:1.55;
max-width:760px;
}

.confidence{
margin:18px 0 8px;
}

.confidence-bar{
margin-bottom:22px;
}


/* ===== CLIENTES GRID FINAL ===== */

.kpi-grid{
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.kpi-main{
grid-column:1/-1;
}

.kpi-soft{
width:100%;
min-height:155px;
box-sizing:border-box;
align-items:flex-start;
justify-content:center;
}

.kpi-soft h3{
font-size:26px;
white-space:nowrap;
}

@media(max-width:760px){
.kpi-grid{
grid-template-columns:1fr;
}

.kpi-soft h3{
white-space:normal;
}
}

/* ===== CLIENTES DECISION FINAL ===== */

.decision{
display:block;
}

.decision .confidence{
display:flex;
justify-content:space-between;
align-items:center;
max-width:100%;
}

.decision .confidence-bar{
max-width:100%;
}

.decision h3{
margin-top:22px;
}

.decision p{
max-width:100%;
}

.viewer-head{
  max-width:980px;
  margin:0 auto 14px;
  padding:18px 20px;
  border:1px solid rgba(47,211,198,.35);
  border-radius:18px;
  background:#0b3542;
}
.viewer-head h1{
  margin:6px 0 0;
  font-size:24px;
}
.infografia-card{
  padding:0;
  overflow:hidden;
}
.info-full{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
}
.viewer-nav{
  max-width:980px;
  margin:18px auto 40px;
  display:flex;
  gap:14px;
}
.viewer-nav button{
  flex:1;
  padding:16px;
  border:0;
  border-radius:16px;
  font-weight:800;
  cursor:pointer;
}
.viewer-nav button:disabled{
  opacity:.35;
  cursor:not-allowed;
}




/* ===========================
   205E INTRO DESKTOP LAYOUT
===========================*/

.intro-wrapper{
    max-width:1180px;
    margin:0 auto;
    min-height:92vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:24px;
}

.intro-header{
    width:100%;
    margin-bottom:22px;
}

.intro-card{
    width:100%;
    min-height:430px;
}

.intro-content{
    max-width:820px;
    margin:0 auto;
}

.intro-nav-left,
.intro-nav-right{
    top:50%;
    transform:translateY(-50%);
}

.intro-nav-left{
    left:-28px;
}

.intro-nav-right{
    right:-28px;
}





/* ==========================================
   205F HERO LAYOUT INTRO GLOBWSY
========================================== */

html,body{
    height:100%;
}

body{
    overflow:hidden;
}

#app{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

.intro-wrapper{
    width:min(1180px,95vw);
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:24px;
    margin:auto;
}

.intro-header{
    width:100%;
}

.intro-card{
    position:relative;
    width:100%;
    min-height:500px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.intro-content{
    width:min(820px,90%);
}

.intro-nav-left,
.intro-nav-right{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
}

.intro-nav-left{
    left:-18px;
}

.intro-nav-right{
    right:-18px;
}


/* ===== PRESENTACIÓN EJECUTIVA NEGOCIOS 214 ===== */
.executive-flow{
  display:flex;
  flex-direction:column;
  gap:28px;
  padding:18px 0 40px;
}
.exec-screen{
  position:relative;
  min-height:92vh;
  padding:28px 22px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.16), transparent 36%),
    linear-gradient(160deg, rgba(10,36,48,.98), rgba(4,20,30,.98));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
}
.exec-top{
  position:absolute;
  top:18px;
  left:20px;
  right:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.exec-code{
  font-size:12px;
  letter-spacing:.12em;
  color:#83e9ff;
  border:1px solid rgba(131,233,255,.35);
  border-radius:999px;
  padding:6px 10px;
}
.exec-icon{
  font-size:34px;
}
.exec-screen h1{
  margin:26px 0 12px;
  font-size:clamp(28px,7vw,56px);
  line-height:1.02;
  letter-spacing:-.04em;
  color:#ffffff;
}
.exec-screen h2{
  margin:0 0 18px;
  font-size:clamp(20px,4.8vw,34px);
  line-height:1.12;
  color:#83e9ff;
}
.exec-body p{
  margin:0 0 12px;
  font-size:clamp(16px,4vw,22px);
  line-height:1.42;
  color:#dceff3;
}
.exec-highlight{
  margin:16px 0;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border-left:5px solid #83e9ff;
  font-size:clamp(17px,4.2vw,24px);
  line-height:1.36;
  color:#ffffff;
  font-weight:700;
}
.exec-main{
  margin-top:16px;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(0,229,255,.14), rgba(255,255,255,.06));
  border:1px solid rgba(131,233,255,.22);
}
.exec-main strong,.exec-remember strong{
  display:block;
  margin-bottom:8px;
  color:#ffffff;
}
.exec-main p{
  margin:0;
  font-size:clamp(18px,4.6vw,26px);
  line-height:1.22;
  font-weight:800;
  color:#ffffff;
}
.exec-remember{
  margin-top:14px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
}
.exec-remember ul{
  margin:0;
  padding-left:20px;
}
.exec-remember li{
  margin:6px 0;
  color:#dceff3;
  font-size:15px;
}
.exec-next{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#ffffff;
}
.exec-next span{
  color:#83e9ff;
  font-weight:800;
}
.exec-next p{
  margin:6px 0 0;
  font-size:18px;
  font-weight:700;
}
.exec-progress{
  position:absolute;
  bottom:14px;
  right:18px;
  color:rgba(255,255,255,.45);
  font-size:12px;
}
@media(max-width:520px){
  .exec-screen{
    min-height:94vh;
    padding:26px 18px;
    border-radius:24px;
  }
}

/* 215C Diagnóstico Completo — Salud Empresarial */
.diag215c{
  display:grid;
  gap:22px;
}

.diagHead215c{
  display:flex;
  align-items:center;
  gap:28px;
  flex-wrap:wrap;
}

.gauge215c{
  width:156px;
  height:156px;
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.gauge215c svg{
  width:156px;
  height:156px;
  transform:rotate(-90deg);
}

.gaugeBase215c{
  fill:none;
  stroke:rgba(255,255,255,.14);
  stroke-width:12;
}

.gaugeArc215c{
  fill:none;
  stroke:#72f6ff;
  stroke-width:12;
  stroke-linecap:round;
  stroke-dasharray:277 302;
  filter:drop-shadow(0 0 8px rgba(114,246,255,.45));
}

.gaugeText215c{
  position:absolute;
  text-align:center;
}

.gaugeText215c strong{
  display:block;
  font-size:50px;
  line-height:.9;
  font-weight:900;
  color:#eefaff;
}

.gaugeText215c small{
  display:block;
  margin-top:6px;
  font-size:17px;
  font-weight:800;
  opacity:.72;
}

.diagStatus215c span{
  display:block;
  color:#72f6ff;
  font-weight:900;
  letter-spacing:.05em;
  font-size:13px;
}

.diagStatus215c h2{
  margin:8px 0 12px;
  font-size:34px;
}

.semaforo215c{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.semaforo215c i{
  width:15px;
  height:15px;
  border-radius:50%;
  background:#20d487;
  box-shadow:0 0 18px #20d487;
}

.semaforo215c strong{font-size:18px}
.semaforo215c small{opacity:.75;font-weight:700}

.kpis215c{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
}

.kpis215c div,
.diagGrid215c div{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(114,246,255,.18);
  border-radius:18px;
  padding:16px;
}

.kpis215c strong{
  display:block;
  opacity:.8;
}

.kpis215c span{
  display:block;
  margin:8px 0;
  color:#72f6ff;
  font-size:25px;
  font-weight:900;
}

.kpis215c small{
  opacity:.72;
  font-weight:700;
}

.diagGrid215c{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:14px;
}

.diagGrid215c h3{
  margin:0 0 8px;
  color:#72f6ff;
}

.diagActions215c{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.diagActions215c button{
  border:0;
  border-radius:16px;
  padding:13px 18px;
  font-weight:900;
  cursor:pointer;
}

/* ===== 215C GAUGE EJECUTIVO ACTIVO ===== */
.exec-gauge{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:18px auto 22px;
}

.exec-gauge svg{
  width:230px;
  height:230px;
  overflow:visible;
}

.exec-gauge-bg{
  fill:none !important;
  stroke:#1d3a46;
  stroke-width:14;
}

.exec-gauge-value{
  fill:none !important;
  stroke:#39e7cf;
  stroke-width:14;
  stroke-linecap:round;
  transform:rotate(-90deg);
  transform-origin:50% 50%;
  stroke-dasharray:289;
  stroke-dashoffset:23;
}

.exec-gauge text{
  fill:#eefaff !important;
  text-anchor:middle;
}

.exec-gauge-score{
  font-size:44px;
  font-weight:900;
}

.exec-gauge-label{
  font-size:13px;
  letter-spacing:1px;
  fill:#9feff0 !important;
}

/* ===== 215C INFORME EJECUTIVO SOBRIO ===== */
.execReport215c{
  max-width:920px;
  margin:0 auto;
  display:grid;
  gap:18px;
}

.execIndex215c{
  text-align:center;
  padding:24px 18px 22px;
  border-top:1px solid rgba(114,246,255,.28);
  border-bottom:1px solid rgba(114,246,255,.28);
}

.execIndex215c span{
  display:block;
  color:#84f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.execIndex215c strong{
  display:block;
  margin:8px 0 2px;
  color:#eefaff;
  font-size:92px;
  line-height:.92;
  font-weight:900;
}

.execIndex215c small{
  display:block;
  color:#eefaff;
  font-size:18px;
  font-weight:900;
  letter-spacing:.12em;
}

.execBar215c{
  max-width:420px;
  height:8px;
  margin:18px auto 0;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  overflow:hidden;
}

.execBar215c i{
  display:block;
  width:92%;
  height:100%;
  background:#72f6ff;
  border-radius:999px;
}

.execState215c{
  padding:18px 22px;
  border:1px solid rgba(114,246,255,.20);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}

.execState215c span{
  display:block;
  color:#84f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.execState215c strong{
  display:flex;
  align-items:center;
  gap:10px;
  color:#eefaff;
  font-size:20px;
  font-weight:900;
}

.execState215c strong i{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#20d487;
  box-shadow:0 0 14px #20d487;
  flex:0 0 auto;
}

.execState215c p{
  margin:10px 0 0;
  color:rgba(238,250,255,.78);
  line-height:1.55;
}

.execKpi215c{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border:1px solid rgba(114,246,255,.18);
  border-radius:18px;
  overflow:hidden;
}

.execKpi215c div{
  padding:18px 16px;
  border-right:1px solid rgba(114,246,255,.14);
  background:rgba(255,255,255,.018);
}

.execKpi215c div:last-child{
  border-right:0;
}

.execKpi215c span{
  display:block;
  min-height:34px;
  color:rgba(238,250,255,.76);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.execKpi215c strong{
  display:block;
  color:#72f6ff;
  font-size:38px;
  line-height:1;
  margin:8px 0 6px;
  font-weight:900;
}

.execKpi215c small{
  color:rgba(238,250,255,.78);
  font-weight:900;
}

.execBlocks215c{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.execBlocks215c div{
  padding:20px 22px;
  border-left:4px solid #72f6ff;
  background:rgba(255,255,255,.025);
  border-radius:14px;
}

.execBlocks215c h3{
  margin:0 0 10px;
  color:#eefaff;
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.execBlocks215c p{
  margin:0;
  color:rgba(238,250,255,.82);
  line-height:1.55;
}

.execActions215c{
  display:flex;
  gap:12px;
}

.execActions215c button{
  border:1px solid rgba(114,246,255,.28);
  background:rgba(255,255,255,.035);
  color:#eefaff;
  border-radius:12px;
  padding:13px 18px;
  font-weight:900;
  letter-spacing:.02em;
}

@media(max-width:850px){
  .execKpi215c{grid-template-columns:1fr 1fr}
  .execBlocks215c{grid-template-columns:1fr}
  .execIndex215c strong{font-size:72px}
}

/* 215C — Estado General lineal */
.execState215c{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:8px 0 12px !important;
  border-bottom:1px solid rgba(114,246,255,.28) !important;
}

.execState215c p{
  max-width:760px;
}

/* 215C — Estado General en cuadro ejecutivo */
.execState215c{
  border:1px solid rgba(114,246,255,.22) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.018) !important;
  padding:18px 22px !important;
  margin-top:4px !important;
}

.execState215c p{
  max-width:820px;
}

/* 215C — Bloques inferiores institucionales */
.execBlocks215c div{
  border:1px solid rgba(114,246,255,.22) !important;
  border-left:1px solid rgba(114,246,255,.22) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.018) !important;
  padding:18px 22px !important;
  min-height:132px;
}

.execBlocks215c h3{
  color:#84f6ff !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  margin:0 0 12px !important;
}

.execBlocks215c p{
  color:rgba(238,250,255,.82) !important;
  line-height:1.55 !important;
}

/* ===== 215C AJUSTE EJECUTIVO FINAL ===== */

/* Estado General */
.execState215c{
    padding:24px 28px !important;
    min-height:118px;
}

/* Tarjetas KPI */
.execKpis215c{
    margin-top:18px;
}

.execKpis215c > div{
    min-height:138px !important;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:22px !important;
}

.execKpis215c strong,
.execKpis215c .value,
.execKpis215c .score{
    font-size:52px !important;
    line-height:1;
    font-weight:800;
}

.execKpis215c small{
    margin-top:10px;
    font-size:15px;
}

/* Atención / Recomendación */
.execBlocks215c{
    margin-top:20px;
}

.execBlocks215c div{
    min-height:150px !important;
    padding:24px 24px !important;
}

/* Botones */
.execFooter215c,
.execActions215c{
    margin-top:28px !important;
    gap:14px !important;
}

.execFooter215c button,
.execActions215c button{
    height:46px;
    padding:0 22px;
}


/* 215C - Separar filas de botones */
.execFooter215c{
    row-gap:24px !important;
}

.execFooter215c > div:last-child{
    margin-top:12px !important;
}


/* 215C - Separar la segunda fila de botones */
.execFooter215c .navButtons,
.execActions215c .navButtons,
.execNav215c{
    margin-top:22px !important;
}


/* 215C - bajar navegación Anterior / Continuar */
.shell .introCard .introNav{
  margin-top:38px !important;
  padding-top:18px !important;
}

/* ===== 215D INDICADORES EJECUTIVOS ===== */
.execDashboard215d{
  max-width:920px;
  margin:0 auto;
  display:grid;
  gap:22px;
}

.execHeader215d{
  border-bottom:1px solid rgba(114,246,255,.28);
  padding-bottom:18px;
}

.execHeader215d span,
.execGrid215d span,
.execResume215d h3{
  color:#84f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.execHeader215d h2{
  margin:8px 0;
  font-size:34px;
}

.execHeader215d p{
  margin:0;
  color:rgba(238,250,255,.78);
}

.execGrid215d{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  overflow:hidden;
}

.execGrid215d div{
  padding:22px;
  min-height:140px;
  border-right:1px solid rgba(114,246,255,.16);
  border-bottom:1px solid rgba(114,246,255,.16);
  background:rgba(255,255,255,.018);
}

.execGrid215d div:nth-child(3n){
  border-right:0;
}

.execGrid215d div:nth-child(n+4){
  border-bottom:0;
}

.execGrid215d strong{
  display:block;
  margin:14px 0 8px;
  color:#72f6ff;
  font-size:34px;
  line-height:1;
  font-weight:900;
}

.execGrid215d small{
  color:rgba(238,250,255,.76);
  font-weight:800;
}

.execResume215d{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.execResume215d div{
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.018);
  padding:22px;
}

.execResume215d h3{
  margin:0 0 12px;
}

.execResume215d p{
  margin:0;
  color:rgba(238,250,255,.82);
  line-height:1.55;
}

/* ===== 215E RECOMENDACIONES INTELIGENTES ===== */
.execRecommend215e{
  max-width:920px;
  margin:0 auto;
  display:grid;
  gap:22px;
}

.execHeader215e{
  border-bottom:1px solid rgba(114,246,255,.28);
  padding-bottom:18px;
}

.execHeader215e h2{
  margin:0 0 8px;
  font-size:38px;
}

.execHeader215e p,
.execPriority215e p,
.execFooterNote215e p{
  margin:0;
  color:rgba(238,250,255,.78);
  line-height:1.55;
}

.execPriority215e{
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.018);
  padding:22px;
}

.execPriority215e span,
.execActionsGrid215e span,
.execOpportunities215e h3{
  color:#84f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.execPriority215e strong{
  display:block;
  margin:8px 0;
  color:#72f6ff;
  font-size:44px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}

.execActionsGrid215e{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.execActionsGrid215e div{
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.018);
  padding:22px;
  min-height:210px;
}

.execActionsGrid215e h3{
  margin:12px 0 10px;
  color:#eefaff;
  font-size:22px;
  line-height:1.18;
}

.execActionsGrid215e p{
  margin:0 0 14px;
  color:rgba(238,250,255,.80);
  line-height:1.5;
}

.execActionsGrid215e small{
  color:#72f6ff;
  font-weight:900;
}

.execOpportunities215e{
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.018);
  padding:22px;
}

.execOpportunities215e h3{
  margin:0 0 14px;
}

.execOpportunities215e ul{
  margin:0;
  padding-left:20px;
  color:rgba(238,250,255,.84);
  line-height:1.75;
}

.execFooterNote215e{
  border-top:1px solid rgba(114,246,255,.22);
  padding-top:14px;
}

@media(max-width:850px){
  .execActionsGrid215e{
    grid-template-columns:1fr;
  }
}

/* ===== 215F PLAN DE ACCIÓN ===== */

.execPlan215f{
max-width:920px;
margin:auto;
display:grid;
gap:24px;
}

.execHeader215f{
padding-bottom:16px;
border-bottom:1px solid rgba(114,246,255,.25);
}

.execHeader215f h2{
margin:0 0 8px;
font-size:38px;
}

.execHeader215f p{
margin:0;
color:rgba(238,250,255,.78);
}

.execTimeline215f{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}

.execTimeline215f .step,
.execResult215f{
border:1px solid rgba(114,246,255,.22);
border-radius:18px;
padding:22px;
background:rgba(255,255,255,.02);
}

.execTimeline215f span{
color:#84f6ff;
font-size:12px;
font-weight:900;
letter-spacing:.12em;
}

.execTimeline215f h3,
.execResult215f h3{
margin:12px 0;
font-size:24px;
}

.execTimeline215f p,
.execResult215f p{
margin:0;
line-height:1.6;
color:rgba(238,250,255,.82);
}

@media(max-width:850px){
.execTimeline215f{
grid-template-columns:1fr;
}
}

/* ===== 215G PROYECCIÓN DEL NEGOCIO ===== */
.execProjection215g{
  max-width:920px;
  margin:auto;
  display:grid;
  gap:22px;
}

.execHeader215g{
  padding-bottom:16px;
  border-bottom:1px solid rgba(114,246,255,.25);
}

.execHeader215g h2{
  margin:0 0 8px;
  font-size:38px;
}

.execHeader215g p,
.execPerspective215g p,
.execConclusion215g p{
  margin:0;
  color:rgba(238,250,255,.78);
  line-height:1.55;
}

.execPerspective215g,
.execFactors215g,
.execConclusion215g{
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  padding:22px;
  background:rgba(255,255,255,.018);
}

.execPerspective215g span,
.execScenarios215g span,
.execIndicators215g span,
.execFactors215g h3,
.execConclusion215g h3{
  color:#84f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.execPerspective215g strong{
  display:block;
  margin:8px 0;
  color:#72f6ff;
  font-size:42px;
  line-height:1;
  font-weight:900;
}

.execScenarios215g{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  overflow:hidden;
}

.execScenarios215g div{
  padding:22px;
  min-height:132px;
  border-right:1px solid rgba(114,246,255,.16);
  background:rgba(255,255,255,.018);
}

.execScenarios215g div:last-child{
  border-right:0;
}

.execScenarios215g strong{
  display:block;
  margin-top:14px;
  color:#eefaff;
  font-size:24px;
  line-height:1.2;
}

.execIndicators215g{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  overflow:hidden;
}

.execIndicators215g div{
  padding:20px;
  border-right:1px solid rgba(114,246,255,.16);
  background:rgba(255,255,255,.018);
}

.execIndicators215g div:last-child{
  border-right:0;
}

.execIndicators215g strong{
  display:block;
  margin-top:12px;
  color:#72f6ff;
  font-size:22px;
  line-height:1.25;
}

.execFactors215g h3,
.execConclusion215g h3{
  margin:0 0 14px;
}

.execFactors215g ul{
  margin:0;
  padding-left:20px;
  color:rgba(238,250,255,.84);
  line-height:1.75;
}

@media(max-width:850px){
  .execScenarios215g,
  .execIndicators215g{
    grid-template-columns:1fr;
  }
}

/* ===== 216A DASHBOARD EJECUTIVO CENTRO DE NEGOCIOS ===== */
.businessExec216a{
  max-width:980px;
  margin:0 auto;
  display:grid;
  gap:22px;
}

.execHero216a{
  border-bottom:1px solid rgba(114,246,255,.25);
  padding-bottom:18px;
}

.execHero216a span,
.execStatus216a span,
.execSummary216a span,
.execActions216a h3{
  color:#84f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.execHero216a h1{
  margin:8px 0;
  font-size:42px;
}

.execHero216a p,
.execActions216a p,
.execFooter216a{
  margin:0;
  color:rgba(238,250,255,.78);
  line-height:1.55;
}

.execStatus216a{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  overflow:hidden;
}

.execStatus216a div,
.execSummary216a div{
  padding:22px;
  background:rgba(255,255,255,.018);
  border-right:1px solid rgba(114,246,255,.16);
}

.execStatus216a div:last-child,
.execSummary216a div:last-child{
  border-right:0;
}

.execStatus216a strong{
  display:block;
  margin:10px 0 6px;
  color:#72f6ff;
  font-size:42px;
  line-height:1;
  font-weight:900;
}

.execStatus216a small,
.execSummary216a small{
  color:rgba(238,250,255,.76);
  font-weight:800;
}

.execSummary216a{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  overflow:hidden;
}

.execSummary216a strong{
  display:block;
  margin:12px 0 8px;
  color:#eefaff;
  font-size:30px;
  line-height:1.1;
  font-weight:900;
}

.execActions216a{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.execActions216a div{
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.018);
  padding:22px;
}

.execActions216a h3{
  margin:0 0 12px;
}

.execAccess216a{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.execAccess216a button{
  border:1px solid rgba(114,246,255,.28);
  background:rgba(255,255,255,.035);
  color:#eefaff;
  border-radius:12px;
  padding:13px 18px;
  font-weight:900;
}

.execFooter216a{
  border-top:1px solid rgba(114,246,255,.22);
  padding-top:16px;
  font-weight:800;
}

@media(max-width:850px){
  .execStatus216a,
  .execSummary216a,
  .execActions216a{
    grid-template-columns:1fr;
  }
}

/* ===== 216C CENTRO DE CLIENTES ===== */
.execClients216c{
  max-width:980px;
  margin:0 auto;
  display:grid;
  gap:22px;
}

.execHeader216c{
  border-bottom:1px solid rgba(114,246,255,.25);
  padding-bottom:18px;
}

.execHeader216c span,
.clientResume216c span,
.clientBehavior216c span,
.clientSegments216c span,
.clientReading216c h3{
  color:#84f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.execHeader216c h1{
  margin:8px 0;
  font-size:42px;
}

.execHeader216c p,
.clientReading216c p,
.clientFooter216c{
  margin:0;
  color:rgba(238,250,255,.78);
  line-height:1.55;
}

.clientResume216c,
.clientBehavior216c,
.clientSegments216c{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  overflow:hidden;
}

.clientResume216c div,
.clientBehavior216c div,
.clientSegments216c div{
  padding:22px;
  background:rgba(255,255,255,.018);
  border-right:1px solid rgba(114,246,255,.16);
}

.clientResume216c div:last-child,
.clientBehavior216c div:last-child,
.clientSegments216c div:last-child{
  border-right:0;
}

.clientResume216c strong,
.clientBehavior216c strong,
.clientSegments216c strong{
  display:block;
  margin:12px 0 8px;
  color:#72f6ff;
  font-size:34px;
  line-height:1;
  font-weight:900;
}

.clientResume216c small,
.clientBehavior216c small{
  color:rgba(238,250,255,.76);
  font-weight:800;
}

.clientReading216c{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.clientReading216c div{
  border:1px solid rgba(114,246,255,.22);
  border-radius:18px;
  background:rgba(255,255,255,.018);
  padding:22px;
}

.clientReading216c h3{
  margin:0 0 12px;
}

.clientActions216c{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.clientActions216c button{
  border:1px solid rgba(114,246,255,.28);
  background:rgba(255,255,255,.035);
  color:#eefaff;
  border-radius:12px;
  padding:13px 18px;
  font-weight:900;
}

.clientFooter216c{
  border-top:1px solid rgba(114,246,255,.22);
  padding-top:16px;
  font-weight:800;
}

@media(max-width:850px){
  .clientResume216c,
  .clientBehavior216c,
  .clientSegments216c,
  .clientReading216c{
    grid-template-columns:1fr;
  }
}

/* ========= AJUSTE EJECUTIVO 216C ========= */

.execClients216c{

    max-width:1520px;
    margin:-120px auto 40px auto;
    padding:0 28px;

}

.execClients216c .layout{

    display:grid;
    grid-template-columns:250px 680px 150px 150px;
    gap:28px;
    align-items:start;

}

.execClients216c .panel-left{

    min-height:520px;

}

.execClients216c .panel-main{

    min-height:520px;

}

.execClients216c .panel-main .hero{

    min-height:150px;
    padding:34px;

}

.execClients216c .panel-main .hero h2{

    font-size:64px;
    line-height:1;

}

.execClients216c .panel-main .cards{

    margin-top:24px;
    gap:18px;

}

.execClients216c .panel-main .cards>div{

    min-height:138px;
    padding:24px;

}

.execClients216c .panel-right,
.execClients216c .panel-engine{

    min-height:520px;
    padding:22px;

}

.execClients216c .panel-engine{

    padding:28px;

}

.execClients216c .backButton{

    margin-left:20px;
    align-self:center;

}


/* ========= 216C AJUSTE B+C ========= */
/* Panel central más dominante + alturas alineadas */

.execClients216c{
  max-width:1600px !important;
  margin:-135px auto 40px auto !important;
  padding:0 30px !important;
}

.execClients216c .layout{
  display:grid !important;
  grid-template-columns:280px 760px 160px 180px !important;
  gap:18px !important;
  align-items:stretch !important;
}

.execClients216c .panel-left,
.execClients216c .panel-main,
.execClients216c .panel-right,
.execClients216c .panel-engine{
  min-height:560px !important;
  height:560px !important;
}

.execClients216c .panel-main{
  display:flex !important;
  flex-direction:column !important;
}

.execClients216c .panel-main .hero{
  min-height:170px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.execClients216c .panel-main .cards{
  flex:1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:18px !important;
}

.execClients216c .panel-main .cards > div{
  min-height:160px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.execClients216c .panel-right,
.execClients216c .panel-engine{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}

.execClients216c .backButton{
  margin-left:6px !important;
  align-self:center !important;
}

/* ========= 216C AJUSTE B+C FINAL ========= */
/* B: panel central más dominante */
/* C: panel Comportamiento de Clientes con mejor lectura */

.execClients216c .layout{
  grid-template-columns:280px 815px 175px 180px !important;
  gap:24px !important;
}

.execClients216c .panel-main{
  min-height:575px !important;
  height:575px !important;
}

.execClients216c .panel-main .cards > div{
  min-height:172px !important;
}

.execClients216c .panel-right{
  width:auto !important;
  min-height:575px !important;
  height:575px !important;
  padding:24px !important;
}

.execClients216c .panel-right p,
.execClients216c .panel-right small{
  line-height:1.45 !important;
}

.execClients216c .panel-engine{
  min-height:575px !important;
  height:575px !important;
}

/* ===== 216C AJUSTE FINAL B + C ===== */

/* C: Comportamiento de Clientes más ancho */
.execClients216c .panel-right{
    flex:0 0 210px !important;
    max-width:210px !important;
}

/* B: Motor Analítico más cercano */
.execClients216c .layout{
    column-gap:16px !important;
}


/* ===== 216C B+C REAL — PANEL CENTRAL DOMINANTE + RECTÁNGULO PERFECTO ===== */

.execClients216c{
  max-width:1680px !important;
  margin:-145px auto 40px !important;
  padding:0 32px !important;
}

.execClients216c .layout{
  display:grid !important;
  grid-template-columns:210px 920px 210px 250px 120px !important;
  gap:18px !important;
  align-items:stretch !important;
}

.execClients216c .panel-left,
.execClients216c .panel-main,
.execClients216c .panel-right,
.execClients216c .panel-engine,
.execClients216c .backButton{
  height:590px !important;
  min-height:590px !important;
}

.execClients216c .panel-main{
  display:flex !important;
  flex-direction:column !important;
  padding:28px !important;
}

.execClients216c .panel-main .hero{
  min-height:185px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.execClients216c .panel-main .hero h2{
  font-size:64px !important;
  line-height:1 !important;
}

.execClients216c .panel-main .cards{
  flex:1 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:24px !important;
  margin-top:28px !important;
}

.execClients216c .panel-main .cards > div{
  min-height:185px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:28px !important;
}

.execClients216c .panel-main .cards strong{
  font-size:34px !important;
}

.execClients216c .panel-left,
.execClients216c .panel-right,
.execClients216c .panel-engine{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.execClients216c .panel-right{
  padding:26px !important;
}

.execClients216c .panel-engine{
  padding:28px !important;
}

.execClients216c .backButton{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  align-self:stretch !important;
}

.execClients216c .backButton button{
  width:92px !important;
  height:92px !important;
  border-radius:22px !important;
}

/* ===== 216D CLIENTES V2 — GRID EJECUTIVO LIMPIO ===== */
.clientV2_216d{
  max-width:1560px;
  margin:-135px auto 40px;
  padding:0 28px;
  display:grid;
  grid-template-columns:17% 48% 15% 20%;
  gap:20px;
  align-items:stretch;
}

.v2Panel{
  min-height:590px;
  border:1px solid rgba(114,246,255,.22);
  border-radius:22px;
  background:rgba(255,255,255,.018);
  padding:26px;
  display:flex;
  flex-direction:column;
}

.v2Panel span,
.v2Kpis span{
  color:#84f6ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.v2Intro h1{
  margin:16px 0 14px;
  font-size:42px;
  line-height:1;
}

.v2Panel p{
  color:rgba(238,250,255,.78);
  line-height:1.55;
}

.v2Intro button{
  margin-top:auto;
  border:1px solid rgba(114,246,255,.28);
  background:rgba(255,255,255,.035);
  color:#eefaff;
  border-radius:14px;
  padding:14px 18px;
  font-weight:900;
}

.v2Main{
  padding:32px;
}

.v2Main h2{
  margin:20px 0 10px;
  color:#eefaff;
  font-size:72px;
  line-height:.95;
  font-weight:900;
}

.v2Lead{
  max-width:620px;
  margin:0;
}

.v2Kpis{
  margin-top:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.v2Kpis div{
  min-height:170px;
  border:1px solid rgba(114,246,255,.18);
  border-radius:18px;
  background:rgba(255,255,255,.02);
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.v2Kpis strong{
  display:block;
  margin:14px 0 8px;
  color:#72f6ff;
  font-size:48px;
  line-height:1;
  font-weight:900;
}

.v2Kpis small{
  color:rgba(238,250,255,.72);
  font-weight:800;
}

.v2Behavior h3,
.v2Engine h3{
  margin:18px 0 14px;
  color:#eefaff;
  font-size:26px;
  line-height:1.05;
}

.v2Behavior small{
  margin-top:auto;
  color:#72f6ff;
  font-weight:900;
}

.v2Engine{
  gap:18px;
}

.v2Engine div{
  border-top:1px solid rgba(114,246,255,.16);
  padding-top:16px;
}

.v2Engine strong{
  display:block;
  color:#eefaff;
  font-size:15px;
  margin-bottom:6px;
}

.v2Engine p{
  margin:0;
  font-size:14px;
}

@media(max-width:1000px){
  .clientV2_216d{
    margin:20px auto;
    grid-template-columns:1fr;
  }
  .v2Panel{
    min-height:auto;
  }
  .v2Kpis{
    grid-template-columns:1fr 1fr;
  }
}

/* ===== 216D AJUSTE EJECUTIVO FINAL ===== */

.clientV2_216d{
  grid-template-columns:12% 58% 12% 18% !important;
  gap:22px !important;
}

.clientV2_216d .v2Panel{
  min-height:620px !important;
  height:620px !important;
}

.clientV2_216d .v2Intro{
  padding:24px 20px !important;
}

.clientV2_216d .v2Main{
  padding:34px !important;
}

.clientV2_216d .v2Main h2{
  font-size:64px !important;
  line-height:1 !important;
  margin-bottom:14px !important;
}

.clientV2_216d .v2Kpis{
  margin-top:42px !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:18px !important;
}

.clientV2_216d .v2Behavior{
  padding:24px !important;
}

.clientV2_216d .v2Behavior p{
  line-height:1.75 !important;
}

.clientV2_216d .v2Engine{
  padding:24px !important;
}

.clientV2_216d .v2Engine div{
  margin-bottom:26px !important;
}

/* ===== 216D PULIDO FINAL ===== */

.clientV2_216d .v2Main h2{
  font-size:58px !important;
  margin-top:14px !important;
  margin-bottom:18px !important;
}

.clientV2_216d .v2Kpis{
  margin-top:34px !important;
}

.clientV2_216d .v2Kpis div{
  min-height:190px !important;
}

/* ===== 216D FORCE PULIDO REAL ===== */

section.clientV2_216d main.v2Panel.v2Main h2{
  font-size:54px !important;
  line-height:1 !important;
  margin:14px 0 18px !important;
}

section.clientV2_216d main.v2Panel.v2Main .v2Kpis{
  margin-top:28px !important;
}

section.clientV2_216d main.v2Panel.v2Main .v2Kpis > div{
  min-height:205px !important;
  height:205px !important;
  padding:26px !important;
}

/* ===== 217F OCULTAR BOTÓN FLOTANTE EN CENTROS V2 ===== */
.clientV2_216d + .backButton,
section.clientV2_216d ~ .backButton,
.execClients216c .backButton{
  display:none !important;
}

/* ===== 217I AJUSTE TITULO PRODUCTOS ===== */
.v2Intro h1{
  font-size:38px !important;
}

/* ===== 217J EVITAR EMPALME TITULO PANEL IZQUIERDO ===== */
.v2Intro h1{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  font-size:34px !important;
}

/* ===== 217K TITULOS BALANCEADOS CENTROS V2 ===== */
.v2Intro h1{
  font-size:36px !important;
  line-height:1.05 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  white-space:normal !important;
}

.v2Behavior h3{
  font-size:24px !important;
  line-height:1.05 !important;
}

/* ===== 222D INTELIGENCIA GLOBWSY ===== */

.v2Insight{
  margin-top:22px;
  padding:16px 18px;
  border:1px solid rgba(111,243,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}

.v2Insight strong{
  display:block;
  color:#6ff3ff;
  margin-bottom:8px;
  font-size:15px;
}

.v2Insight p{
  margin:0;
  color:#d8f7fb;
  font-size:14px;
  line-height:1.5;
}

/* ===== 223A INTELIGENCIA GLOBWSY PANEL CENTRAL ===== */
.v2Insight{
  margin-top:16px;
  padding:12px 16px;
  border:1px solid rgba(111,243,255,.16);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}
.v2Insight span{
  display:block;
  color:#6ff3ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  margin-bottom:4px;
}
.v2Insight strong{
  display:block;
  color:#eefaff;
  font-size:15px;
  margin-bottom:4px;
}
.v2Insight p{
  margin:0;
  color:#c9dde2;
  font-size:13px;
  line-height:1.35;
}
/* ===== 223E TITULO PANEL IZQUIERDO SEGURO ===== */
.clientV2_216d .v2Intro h1{
  font-size:34px !important;
  line-height:1.05 !important;
  max-width:100% !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

/* ===== 223G AJUSTE DEFINITIVO CLIENTES ===== */

.clientV2_216d{
  grid-template-columns:220px 1fr 190px 260px !important;
}

.clientV2_216d .v2Intro{
  width:auto !important;
  min-width:220px !important;
  max-width:none !important;
}

.clientV2_216d .v2Behavior{
  width:auto !important;
  min-width:190px !important;
  max-width:none !important;
}

.clientV2_216d .v2Intro h1{
  font-size:34px !important;
  line-height:1.05 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

/* 231B Intelligent Dashboard Panels */
.g-ai-panel {
  margin-top: 14px;
}

.g-ai-panel-head {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 10px;
}

.g-ai-panel-head span {
  font-size: 12px;
  opacity: .7;
}

.g-ai-panel-head strong {
  font-size: 17px;
}

.g-ai-list {
  display: grid;
  gap: 8px;
}

.g-ai-list-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 0;
  border-top: 1px solid rgba(0,0,0,.08);
}


.g-ai-panel-head strong {
  font-size: 17px;
}

.g-ai-list {
  display: grid;
  gap: 8px;
}

.g-ai-list-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 0;
  border-top: 1px solid rgba(0,0,0,.08);
}

.g-ai-list-item p {
  margin: 0;
  line-height: 1.35;
}

/* 231C Intelligent Dashboard Executive Card */
.g-ai-executive-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}

.g-ai-executive-head span {
  font-size: 12px;
  opacity: .7;
}

.g-ai-executive-head strong {
  font-size: 18px;
}

.g-ai-executive-status {
  display: inline-flex;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  background: rgba(0,0,0,.06);
  margin-bottom: 10px;
}

.g-ai-executive-message {
  margin: 0;
  line-height: 1.4;
}

/* 231D Intelligent Dashboard KPI Strip */
.g-ai-kpi-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 12px 0;
}

.g-ai-kpi {
  padding: 10px;
  border-radius: 14px;
  background: rgba(0,0,0,.04);
}

.g-ai-kpi strong {
  display: block;
  font-size: 16px;
}

.g-ai-kpi span {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  opacity: .7;
}

/* 232C Intelligent Goals */
.g-ai-goal {
  margin: 12px 0;
}

.g-ai-goal-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}

.g-ai-goal-head span {
  font-size: 12px;
  opacity: .7;
}

.g-ai-goal-head strong {
  font-size: 17px;
}

.g-ai-goal-progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.04);
  margin-bottom: 10px;
}

.g-ai-goal-trend {
  font-size: 12px;
  opacity: .75;
  margin-bottom: 8px;
}

.g-ai-goal p {
  margin: 0;
  line-height: 1.4;
}

/* 232E Goal Actions */
.g-ai-goal-actions {
  margin-top: 12px;
}

.g-ai-goal-actions-head {
  font-size: 13px;
  margin-bottom: 8px;
}

.g-ai-goal-actions-list {
  display: grid;
  gap: 8px;
}

.g-ai-goal-action {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 9px 0;
  border-top: 1px solid rgba(0,0,0,.08);
}

.g-ai-goal-action-index {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background: rgba(0,0,0,.06);
  flex: 0 0 auto;
}

.g-ai-goal-action p {
  margin: 0;
  line-height: 1.35;
}

/* 232F Goal Progress Bar */
.g-ai-goal-progress-bar {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  overflow: hidden;
  margin: 8px 0 10px;
}

.g-ai-goal-progress-fill {
  height: 100%;
  border-radius: 999px;
  background: rgba(0,0,0,.35);
}

/* 232G Goal Confidence + Projection */
.g-ai-goal-projection,
.g-ai-goal-confidence{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  font-size:13px;
}

.g-ai-goal-projection strong,
.g-ai-goal-confidence strong{
  font-weight:700;
}

.g-ai-goal-assessment{
  margin-top:8px;
  padding:10px 12px;
  border-radius:12px;
  background:#f6f8fb;
  font-size:13px;
  line-height:1.45;
  color:#334155;
}

/* 232H Goal Risk Signals */

.g-ai-goal-risk{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  font-size:13px;
}

.g-ai-goal-risk strong{
  font-weight:700;
}

.g-ai-goal-risk-note{
  margin-top:6px;
  padding:8px 10px;
  border-left:3px solid #d1d5db;
  font-size:13px;
  line-height:1.4;
  color:#475569;
}

/* 232I Goal Priority */

.g-ai-goal-priority{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  font-size:13px;
}

.g-ai-goal-priority strong{
  font-weight:700;
}

.g-ai-goal-priority-note{
  margin-top:6px;
  padding:8px 10px;
  border-left:3px solid #94a3b8;
  font-size:13px;
  line-height:1.4;
  color:#475569;
}

/* 232J Goal Executive Summary */

.g-ai-goal-executive-summary{
  margin-top:10px;
  padding:12px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}

.g-ai-goal-executive-summary strong{
  display:block;
  margin-bottom:6px;
  font-weight:700;
}

.g-ai-goal-executive-summary p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#334155;
}

/* 232K Goal Status Badge */

.g-ai-goal-status{
  display:inline-flex;
  align-items:center;
  margin-top:8px;
  padding:4px 10px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  font-size:12px;
  font-weight:700;
}

/* 232L Goal Next Best Action */

.g-ai-goal-next-action{
  margin-top:10px;
  padding:12px;
  border-radius:12px;
  background:#f0fdf4;
  border:1px solid #bbf7d0;
}

.g-ai-goal-next-action strong{
  display:block;
  margin-bottom:6px;
  font-weight:700;
}

.g-ai-goal-next-action p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#166534;
}

/* 232M-1 Goal Executive Panel */

.g-ai-goal-executive-panel{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* =====================================================
   233B Executive Goals Visual Hierarchy
===================================================== */

.g-ai-goal-card{
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:20px;
}

.g-ai-goal-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
}

.g-ai-goal-kicker{
    font-size:.78rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em;
    opacity:.65;
    margin-bottom:4px;
}

.g-ai-goal-header h3{
    margin:0;
    font-size:1.18rem;
    line-height:1.3;
}

.g-ai-goal-executive-panel{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:14px;
}

.g-ai-goal-executive-panel>div{
    padding:12px;
    border-radius:12px;
    background:rgba(255,255,255,.03);
}

.g-ai-goal-executive-panel strong{
    display:block;
    margin-bottom:4px;
}

.g-ai-goal-summary,
.g-ai-goal-next-action,
.g-ai-goal-actions{
    padding:16px;
    border-radius:12px;
    background:rgba(255,255,255,.025);
}

.g-ai-goal-summary strong,
.g-ai-goal-next-action strong,
.g-ai-goal-actions strong{
    display:block;
    margin-bottom:8px;
}

.g-ai-goal-summary p,
.g-ai-goal-next-action p{
    margin:0;
    line-height:1.6;
}

.g-ai-goal-actions ul{
    margin:0;
    padding-left:18px;
}

.g-ai-goal-actions li+li{
    margin-top:6px;
}


/* =====================================================
   233C Executive Goal Timeline
===================================================== */

.g-ai-goal-timeline{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:12px;
}

.g-ai-goal-period,
.g-ai-goal-trend{
    padding:14px;
    border-radius:12px;
    background:rgba(255,255,255,.02);
}

.g-ai-goal-period strong,
.g-ai-goal-trend strong{
    display:block;
    margin-bottom:5px;
}


/* =====================================================
   233D Executive Goal Decision Block
===================================================== */

.g-ai-goal-decision{
    padding:16px;
    border-radius:12px;
    background:rgba(255,255,255,.03);
    border-left:4px solid rgba(255,255,255,.18);
}

.g-ai-goal-decision strong{
    display:block;
    margin-bottom:8px;
}

.g-ai-goal-decision p{
    margin:0;
    line-height:1.6;
}


/* =====================================================
   233E Executive Goal Attention Signals
===================================================== */

.g-ai-goal-attention{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:10px;
    font-size:.88rem;
    font-weight:600;
    background:rgba(255,255,255,.04);
}


/* =====================================================
   233F Executive Goal Compact Review
===================================================== */

.g-ai-goal-card{
    max-width:100%;
}

.g-ai-goal-card section{
    margin:0;
}

.g-ai-goal-summary,
.g-ai-goal-next-action,
.g-ai-goal-decision{
    padding:14px;
}

.g-ai-goal-executive-panel{
    margin:4px 0;
}

.g-ai-goal-attention{
    margin:2px 0 6px;
}

@media (min-width:1024px){

    .g-ai-goal-card{
        gap:14px;
    }

    .g-ai-goal-executive-panel{
        grid-template-columns:repeat(5,1fr);
    }

}


/* =====================================================
   235B Dashboard Goal Empty State
===================================================== */

.g-ai-goals-empty{
    padding:18px;
    border-radius:12px;
    background:rgba(255,255,255,.03);
    text-align:center;
}

.g-ai-goals-empty strong{
    display:block;
    margin-bottom:8px;
}

.g-ai-goals-empty p{
    margin:0;
    opacity:.8;
    line-height:1.5;
}


/* 253A Executive Output Dashboard Injection */
.gbosExecutiveOutput253a {
  margin: 18px 0;
  padding: 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.018);
  border: 1px solid rgba(114,246,255,.22);
  box-shadow: none;
  color: #eefaff;
}

.gbosExecutiveOutput253a h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

.gbosExecutiveOutput253a p {
  margin: 0;
  font-size: 14px;
  opacity: 0.78;
}

/* ==================================================
   279D Executive Decision Card
   ================================================== */

.g-ai-decision-card{
  margin-top:16px;
  padding:16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#1f2937;
}

.g-ai-decision-header{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.g-ai-decision-icon{
  min-width:44px;
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
  background:rgba(255,255,255,.08);
}

.g-ai-decision-title-group{
  flex:1;
}

.g-ai-decision-title{
  font-size:18px;
  font-weight:700;
  color:#fff;
}

.g-ai-decision-summary{
  margin-top:4px;
  color:#d1d5db;
  line-height:1.45;
}

.g-ai-decision-body{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}

.g-ai-decision-recommendation{
  font-weight:600;
  color:#fff;
}

.g-ai-decision-action{
  margin-top:6px;
  color:#cbd5e1;
  line-height:1.45;
}

.g-ai-decision-card.severity-info{
  border-left:5px solid #3b82f6;
}

.g-ai-decision-card.severity-success{
  border-left:5px solid #22c55e;
}

.g-ai-decision-card.severity-high{
  border-left:5px solid #f59e0b;
}

.g-ai-decision-card.severity-critical{
  border-left:5px solid #ef4444;
}

/* 283C-3 Opportunity UI Styles */
.aiOpportunityList {
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(15,23,42,0.08);
}

.aiOpportunityList > strong {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}

.aiOpportunityItem {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid rgba(15,23,42,0.07);
}

.aiOpportunityItem span {
  min-width: 58px;
  height: 24px;
  border-radius: 999px;
  background: rgba(15,23,42,0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.aiOpportunityItem div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.aiOpportunityItem small {
  color: rgba(15,23,42,0.64);
  line-height: 1.35;
}

/* 283E-3 Opportunity Done Styles */
.aiOpportunityItem.done {
  opacity: 0.62;
  background: rgba(15,23,42,0.04);
  border-radius: 12px;
}

.aiOpportunityItem.done strong::after {
  content: " · Completada";
  font-size: 11px;
  font-weight: 700;
  opacity: 0.7;
}

/* 283J-1 Opportunity Feedback UX Polish */
.aiOpportunityItem {
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, opacity 0.18s ease;
}

.aiOpportunityItem:hover {
  transform: translateY(-1px);
}

.aiOpportunityItem.done {
  opacity: 0.78;
  border-color: rgba(22, 163, 74, 0.28);
}

.aiOpportunityItem.done strong {
  color: #166534;
}

.aiOpportunityItem.done button {
  background: #dcfce7;
  color: #166534;
  border-color: rgba(22, 163, 74, 0.25);
  font-weight: 700;
}

.aiOpportunityItem.done button::before {
  content: "✓ ";
}


/* 283K-4 Opportunity Analytics Progress */
.aiOpportunityProgress {
  margin: 8px 0 10px;
  padding: 7px 9px;
  border-radius: 9px;
  background: rgba(15, 23, 42, 0.04);
  color: #334155;
  font-size: 11px;
  font-weight: 700;
}

/* 283M-3 Opportunity Executive Summary Style */
.aiOpportunityProgress {
  display: grid;
  gap: 4px;
}

.aiOpportunityProgress span {
  display: block;
}

/* 283S-2 Opportunity Learning Badge */
.aiOpportunityLearningBadge {
  margin-top: 2px;
  color: #475569;
  font-size: 10px;
  font-weight: 800;
}

/* EXPERIENCE-010B LAYOUT ISOLATION */
#app:has(#globwsy-experience-ex001){
  display:block;
  min-height:100vh;
  overflow:auto;
  padding:32px 16px;
  box-sizing:border-box;
}

#app:has(#globwsy-experience-ex001) .card{
  width:min(960px, 92vw);
  margin:0 auto 18px auto;
}

#app:has(#globwsy-experience-ex001) .hero{
  width:min(960px, 92vw);
  margin:0 auto 18px auto;
}

/* ==========================================
   EXPERIENCE-010C
   EXPERIENCE PAGE
========================================== */

.globwsy-experience-page{
    width:min(1100px,94vw);
    margin:0 auto;
    padding:32px 0 64px;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.globwsy-experience-page .hero,
.globwsy-experience-page .card{
    width:100%;
    margin:0;
    box-sizing:border-box;
}

/* ==========================================
   EXPERIENCE-010D UX POLISH
========================================== */

.globwsy-experience-page{
    padding:48px 0 120px;
}

.experience-toolbar{
    width:100%;
    margin:0 0 20px;
}

.experience-back{
    padding:10px 18px;
    border-radius:10px;
    cursor:pointer;
}

.globwsy-experience-page section:last-child{
    margin-bottom:80px;
}


/* ==========================================
   EXPERIENCE-010G
   EXPERIENCE SCROLL FIX
========================================== */

body:has(#globwsy-experience-ex001){
    overflow:auto;
}

#app:has(#globwsy-experience-ex001){
    align-items:flex-start;
    overflow:auto;
}

.globwsy-experience-page{
    padding-bottom:180px;
}


/* ==========================================
   EXPERIENCE-010H
   FORCE EXPERIENCE SCROLL
========================================== */

html,
body.experience-active{
    height:auto !important;
    min-height:100vh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}

body.experience-active #app{
    display:block !important;
    align-items:initial !important;
    justify-content:initial !important;
    height:auto !important;
    min-height:100vh !important;
    overflow:visible !important;
}

body.experience-active .globwsy-experience-page{
    padding-top:48px !important;
    padding-bottom:220px !important;
}


.gbosExecutiveOutput253a h3,
.gbosExecutiveOutput253a p,
.gbosExecutiveOutput253a strong,
.gbosExecutiveOutput253a span{
  color:#eefaff;
}

.gbosExecutiveOutput253a button{
  border:1px solid rgba(114,246,255,.28);
  background:rgba(255,255,255,.035);
  color:#eefaff;
}


/* =========================================================
   BUSINESS CENTER SCREEN ALIGNMENT FIX
========================================================= */

body.experience-active #app {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.clientV2_216d {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
  margin: 32px auto 80px !important;
  padding: 0 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  box-sizing: border-box;
}

.clientV2_216d .v2Panel {
  min-width: 0;
  box-sizing: border-box;
}

@media (min-width: 1000px) {
  .clientV2_216d {
    display: grid !important;
    grid-template-columns:
      minmax(190px, 0.85fr)
      minmax(420px, 2.4fr)
      minmax(180px, 0.85fr)
      minmax(190px, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
  }
}

@media (max-width: 999px) {
  .clientV2_216d {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(760px, calc(100% - 28px)) !important;
    margin: 20px auto 60px !important;
    gap: 16px !important;
  }
}

/* =========================================================
   BUSINESS SECONDARY SCREENS FINAL EXECUTIVE LAYOUT
========================================================= */

body.experience-active #app {
  width: 100% !important;
  min-height: 100vh !important;
  display: block !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

.clientV2_216d {
  width: calc(100% - 64px) !important;
  max-width: 1420px !important;
  margin: 70px auto 100px !important;
  padding: 0 !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

@media (min-width: 1100px) {
  .clientV2_216d {
    display: grid !important;
    grid-template-columns:
      minmax(220px, 0.95fr)
      minmax(500px, 2.5fr)
      minmax(220px, 1fr)
      minmax(240px, 1.05fr) !important;
    gap: 22px !important;
    align-items: stretch !important;
  }

  .clientV2_216d .v2Intro,
  .clientV2_216d .v2Main,
  .clientV2_216d .v2Behavior,
  .clientV2_216d .v2Engine {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .clientV2_216d .v2Main {
    min-height: 520px !important;
  }

  .clientV2_216d .v2Kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (min-width: 1500px) {
  .clientV2_216d {
    max-width: 1500px !important;
  }
}

@media (max-width: 1099px) {
  .clientV2_216d {
    width: calc(100% - 36px) !important;
    max-width: 820px !important;
    margin: 40px auto 70px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

@media (max-width: 600px) {
  .clientV2_216d {
    width: calc(100% - 24px) !important;
    margin-top: 24px !important;
  }
}

/* =========================================================
   BUSINESS DELIVERY INCIDENTS EXECUTIVE UI
========================================================= */

.business-incidents-page {
  width: 100%;
  min-height: 100vh;
  padding: 56px 32px 90px;
  box-sizing: border-box;
}

.business-incidents-shell {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
}

.business-incidents-surface {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 34px !important;
  box-sizing: border-box;
}

.business-incidents-surface > h1 {
  margin: 8px 0 10px;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.05;
}

.business-incidents-surface > p {
  max-width: 780px;
  margin-bottom: 26px;
}

.business-delivery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 18px;
}

.business-delivery-ticket {
  min-width: 0;
  margin: 0 !important;
  padding: 24px !important;
  display: flex;
  flex-direction: column;
  align-self: start;
  box-sizing: border-box;
}

.business-delivery-ticket h2 {
  margin: 6px 0 18px;
  overflow-wrap: anywhere;
}

.business-delivery-ticket p {
  margin: 5px 0;
}

.business-delivery-ticket > .join-actions {
  margin-top: 18px;
}

.business-incident-panel {
  margin-top: 20px !important;
  padding: 20px !important;
  border-radius: 14px;
}

.business-incident-field {
  margin-top: 16px !important;
}

.business-incident-field label {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}

.business-incident-field select,
.business-incident-field textarea,
.business-incident-field input {
  display: block;
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid rgba(105, 225, 232, 0.3);
  border-radius: 10px;
  background: rgba(4, 35, 45, 0.92);
  color: inherit;
  font: inherit;
  box-sizing: border-box;
}

.business-incident-field textarea {
  min-height: 110px;
  resize: vertical;
}

.business-incident-field option {
  color: #10242b;
  background: #ffffff;
}

.business-incident-record {
  margin-top: 16px !important;
  padding: 18px !important;
}

.business-incidents-surface > .join-actions:last-child {
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid rgba(105, 225, 232, 0.18);
}

@media (max-width: 900px) {
  .business-incidents-page {
    padding: 34px 20px 70px;
  }

  .business-delivery-grid {
    grid-template-columns: 1fr;
  }

  .business-incidents-surface {
    padding: 24px !important;
  }
}

@media (max-width: 520px) {
  .business-incidents-page {
    padding: 20px 12px 50px;
  }

  .business-incidents-surface {
    padding: 18px !important;
  }

  .business-delivery-ticket {
    padding: 18px !important;
  }
}

/* =========================================================
   BUSINESS AFFILIATION DARK IDENTITY
========================================================= */

.join-page{
  min-height:100vh !important;
  padding:34px 18px 70px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(15,118,110,.20),transparent 34%),
    linear-gradient(180deg,#07111f 0%,#0b1727 100%) !important;
  color:#eef5fb !important;
}

.join-shell{
  width:min(1050px,100%) !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
}

.join-header{
  margin-bottom:22px !important;
  padding:30px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 85% 0%,rgba(45,212,191,.13),transparent 42%),
    linear-gradient(145deg,#101f34,#13273b) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.24) !important;
}

.join-kicker{
  margin-bottom:10px !important;
  color:#2dd4bf !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}

.join-header h1{
  margin:0 0 14px !important;
  color:#f8fafc !important;
  font-size:clamp(32px,5vw,48px) !important;
  line-height:1.05 !important;
}

.join-intro{
  max-width:800px !important;
  margin:0 !important;
  color:#a9b8cb !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

#businessJoinForm{
  display:grid !important;
  gap:20px !important;
}

.join-section{
  margin:0 !important;
  padding:26px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:22px !important;
  background:rgba(17,31,51,.96) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.18) !important;
}

.join-section h2{
  margin:0 0 22px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
  color:#f1f5f9 !important;
  font-size:20px !important;
}

.join-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:20px !important;
}

.join-field{
  min-width:0 !important;
}

.join-field.full{
  grid-column:1 / -1 !important;
}

.join-field label{
  display:block !important;
  margin:0 0 8px !important;
  color:#e7edf5 !important;
  font-size:14px !important;
  font-weight:800 !important;
}

.join-field input,
.join-field select,
.join-field textarea{
  width:100% !important;
  min-height:52px !important;
  padding:13px 15px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:14px !important;
  outline:none !important;
  background:#091424 !important;
  color:#f1f5f9 !important;
  font:inherit !important;
  box-sizing:border-box !important;
}

.join-field textarea{
  min-height:110px !important;
  resize:vertical !important;
}

.join-field input::placeholder,
.join-field textarea::placeholder{
  color:#64748b !important;
}

.join-field select{
  color-scheme:dark !important;
}

.join-field input:focus,
.join-field select:focus,
.join-field textarea:focus{
  border-color:#2dd4bf !important;
  box-shadow:0 0 0 3px rgba(45,212,191,.14) !important;
}

.join-help{
  display:block !important;
  margin-top:8px !important;
  color:#94a3b8 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

.join-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:12px !important;
  margin-top:4px !important;
  padding:24px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:22px !important;
  background:rgba(17,31,51,.96) !important;
}

.join-primary{
  min-height:52px !important;
  padding:13px 24px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#0f8a7d !important;
  color:#ffffff !important;
  font-weight:900 !important;
}

.join-secondary{
  min-height:52px !important;
  padding:13px 24px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:14px !important;
  background:#18263c !important;
  color:#e2e8f0 !important;
  font-weight:800 !important;
}

.join-message{
  margin-top:16px !important;
  color:#cbd5e1 !important;
}

.join-message.error{
  padding:13px 15px !important;
  border:1px solid rgba(248,113,113,.30) !important;
  border-radius:14px !important;
  background:rgba(127,29,29,.18) !important;
  color:#fecaca !important;
}

.join-result,
.join-rule{
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(17,31,51,.96) !important;
  color:#eef5fb !important;
}

@media(max-width:700px){
  .join-page{
    padding:18px 12px 50px !important;
  }

  .join-header,
  .join-section,
  .join-actions{
    padding:20px !important;
    border-radius:18px !important;
  }

  .join-grid{
    grid-template-columns:1fr !important;
  }

  .join-field.full{
    grid-column:auto !important;
  }

  .join-actions{
    flex-direction:column-reverse !important;
  }

  .join-actions button{
    width:100% !important;
  }
}

/* =========================================================
   BUSINESS AFFILIATION HEADING CONTRAST FIX
========================================================= */

.join-page .join-header h1{
  color:#f8fafc !important;
  text-shadow:0 2px 18px rgba(0,0,0,.18) !important;
}

.join-page .join-section h2{
  color:#f1f5f9 !important;
}

.join-page .join-section h2::first-letter{
  color:#2dd4bf !important;
}

.join-page .join-kicker{
  color:#5eead4 !important;
}

.join-page .join-intro{
  color:#c0ccda !important;
}

.join-page .join-field label{
  color:#f1f5f9 !important;
}

.join-page .join-help{
  color:#a9b8cb !important;
}

.join-page .join-rule{
  color:#e7edf5 !important;
}

.join-page .join-rule strong{
  color:#f8fafc !important;
}

/* =========================================================
   BUSINESS AFFILIATION INSTITUTIONAL TURQUOISE
========================================================= */

.join-page .join-header h1{
  color:#2dd4bf !important;
  text-shadow:0 2px 22px rgba(45,212,191,.16) !important;
}

.join-page .join-section h2{
  color:#2dd4bf !important;
}

.join-page .join-section h2::first-letter{
  color:#5eead4 !important;
}

.join-page .join-kicker{
  color:#5eead4 !important;
}

/* =========================================================
   BUSINESS AFFILIATION SOFT LIGHT BLUE
========================================================= */

.join-page .join-header h1,
.join-page .join-section h2{
  color:#7dd3fc !important;
  text-shadow:0 2px 18px rgba(125,211,252,.10) !important;
}

/* =========================================================
   BUSINESS AFFILIATION HEADER SOFT BLUE
========================================================= */

.join-page .join-header{
  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(125,211,252,.18),
      transparent 46%
    ),
    linear-gradient(
      145deg,
      #14263b,
      #18344a
    ) !important;

  border-color:rgba(125,211,252,.24) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.join-page .join-header h1{
  color:#7dd3fc !important;
}

.join-page .join-kicker{
  color:#a5f3fc !important;
}

.join-page .join-intro{
  color:#d1dce8 !important;
}