/* Workspace 8.29.6 · cabecera orgánica viva y botones suaves */

:root{
  --ws-organic-ease:cubic-bezier(.45,.05,.2,1);
  --ws-organic-purple:#523178;
  --ws-organic-plum:#8C4799;
  --ws-organic-gold:#F9B52C;
  --ws-organic-green:#67B66C;
  --ws-organic-green-soft:#9ED3A2;
  --ws-button-radius:18px;
  --ws-button-radius-lg:22px;
  --ws-button-speed:.23s;
}

/* =============================
   Sidebar superior: vivo y orgánico
   ============================= */
.brand.brand-art{
  background:linear-gradient(180deg,#ffffff 0%,#fcf9fe 60%,#f7f3fb 100%)!important;
}
.brand-visual{
  max-width:226px!important;
  height:78px!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 84% 28%, rgba(249,181,44,.36) 0%, rgba(249,181,44,0) 26%),
    radial-gradient(circle at 26% 76%, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 34%),
    linear-gradient(135deg,#4d2b71 0%,#6f3788 50%,#8c4799 78%,#ad9dbf 100%)!important;
  box-shadow:0 18px 34px rgba(46,27,67,.16), inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.brand-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,0) 40%, rgba(255,255,255,.08) 100%);
  pointer-events:none;
}
.brand-orb-a{
  width:102px!important;height:102px!important;right:-18px!important;top:-24px!important;
  background:radial-gradient(circle,rgba(249,181,44,.88) 0%,rgba(249,181,44,.42) 34%,rgba(249,181,44,0) 74%)!important;
  filter:blur(.5px);
}
.brand-orb-b{
  width:110px!important;height:110px!important;left:-30px!important;bottom:-50px!important;
  background:radial-gradient(circle,rgba(255,255,255,.28) 0%,rgba(255,255,255,.10) 40%,rgba(255,255,255,0) 78%)!important;
}
.brand-wave-a,
.brand-wave-b{
  border-color:rgba(255,255,255,.16)!important;
}
.brand-wave-a{
  width:182px!important;height:182px!important;right:-30px!important;bottom:-122px!important;
  border-width:14px!important;
}
.brand-wave-b{
  width:160px!important;height:160px!important;left:-48px!important;top:-92px!important;
  border-width:12px!important;
}
.brand-spark{
  width:110px!important;height:38px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 12px 24px rgba(31,10,52,.18),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.brand-spark:before{
  width:38px!important;height:7px!important;left:18px!important;
  background:linear-gradient(90deg,#f7c85e 0%,#f9b52c 48%,#b778e6 100%)!important;
}
.brand-spark:after{
  width:7px!important;height:7px!important;right:18px!important;
}
.brand-branch{
  position:absolute;
  right:14px;
  bottom:10px;
  width:48px;
  height:48px;
  pointer-events:none;
  transform-origin:65% 100%;
  z-index:3;
}
.brand-branch-stem{
  position:absolute;
  right:12px;
  bottom:2px;
  width:2px;
  height:29px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(158,211,162,.18), rgba(88,154,93,.95));
  transform:rotate(14deg);
}
.brand-leaf{
  position:absolute;
  display:block;
  background:linear-gradient(145deg, rgba(185,236,189,.94), rgba(93,175,99,.96));
  border-radius:100% 0 100% 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32), 0 5px 12px rgba(35,81,40,.18);
}
.brand-leaf-a{
  right:12px;
  bottom:20px;
  width:14px;
  height:20px;
  transform:rotate(-8deg);
}
.brand-leaf-b{
  right:24px;
  bottom:15px;
  width:12px;
  height:16px;
  transform:rotate(-58deg);
  background:linear-gradient(145deg, rgba(181,233,186,.92), rgba(98,170,102,.95));
}

@media (prefers-reduced-motion:no-preference){
  .brand-orb-a{animation:wsOrganicGlow 18s var(--ws-organic-ease) infinite}
  .brand-orb-b{animation:wsOrganicFloat 20s var(--ws-organic-ease) infinite}
  .brand-wave-a{animation:wsOrganicWaveA 19s var(--ws-organic-ease) infinite}
  .brand-wave-b{animation:wsOrganicWaveB 17s var(--ws-organic-ease) infinite}
  .brand-spark{animation:wsOrganicGlass 15.5s var(--ws-organic-ease) infinite}
  .brand-branch{animation:wsLeafBreath 16s var(--ws-organic-ease) infinite}
}

/* =============================
   Cover superior móvil: sin logo, con marca abstracta viva
   ============================= */
#brFinalCover .br-cover-header{
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(251,248,253,.98) 100%)!important;
  isolation:isolate!important;
}
#brFinalCover .br-cover-header::before,
#brFinalCover .br-cover-header::after{
  left:-5%!important;
  width:110%!important;
  pointer-events:none!important;
}
#brFinalCover .br-cover-header::before{
  top:-10px!important;
  height:138px!important;
  opacity:.82!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='160' viewBox='0 0 1200 160'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop stop-color='%23e8ddf1'/%3E%3Cstop offset='.48' stop-color='%23d7cae7'/%3E%3Cstop offset='1' stop-color='%23f4d998'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23a)' stroke-width='1.4' opacity='.76'%3E%3Cpath d='M-50 46 C140 4 280 84 468 42 S781 10 960 58 S1110 94 1250 38'/%3E%3Cpath d='M-50 68 C132 22 280 102 468 60 S781 28 960 76 S1110 112 1250 56'/%3E%3Cpath d='M-50 92 C124 42 276 122 466 80 S780 48 960 98 S1110 132 1250 78'/%3E%3Cpath d='M-50 116 C118 64 270 142 464 100 S780 72 960 122 S1110 154 1250 102'/%3E%3C/g%3E%3C/svg%3E")!important;
}
#brFinalCover .br-cover-header::after{
  bottom:-6px!important;
  height:94px!important;
  opacity:.58!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='110' viewBox='0 0 1200 110'%3E%3Cg fill='none' stroke='%238c4799' stroke-width='1.15' opacity='.38'%3E%3Cpath d='M-44 58 C144 94 286 12 472 48 S790 98 964 46 S1110 22 1244 62'/%3E%3Cpath d='M-44 76 C144 112 286 30 472 66 S790 116 964 64 S1110 40 1244 80'/%3E%3C/g%3E%3C/svg%3E")!important;
}
#brFinalCover .br-cover-headrow{
  grid-template-columns:minmax(0,1fr) 148px 52px!important;
  gap:12px!important;
}
#brFinalCover .br-cover-organic-mark{
  position:relative;
  width:min(246px,100%);
  max-width:246px;
  height:76px;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 28%, rgba(249,181,44,.30) 0%, rgba(249,181,44,0) 28%),
    radial-gradient(circle at 22% 82%, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 32%),
    linear-gradient(135deg,#4f2f71 0%,#6d3788 52%,#8c4799 82%,#b6a8c8 100%);
  box-shadow:0 14px 28px rgba(60,31,94,.14), inset 0 1px 0 rgba(255,255,255,.25);
}
#brFinalCover .br-cover-organic-mark::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:23px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0));
  pointer-events:none;
}
#brFinalCover .br-cover-shape,
#brFinalCover .br-cover-branch{
  position:absolute;
  display:block;
  pointer-events:none;
}
#brFinalCover .br-cover-shape-a{
  width:110px;height:110px;right:-20px;top:-28px;border-radius:50%;
  background:radial-gradient(circle,rgba(249,181,44,.86) 0%,rgba(249,181,44,.34) 32%,rgba(249,181,44,0) 74%);
}
#brFinalCover .br-cover-shape-b{
  width:162px;height:162px;left:-62px;top:-98px;border-radius:50%;
  border:12px solid rgba(255,255,255,.16);border-right-color:transparent;border-bottom-color:transparent;
  transform:rotate(-18deg);
}
#brFinalCover .br-cover-shape-c{
  width:176px;height:176px;right:-34px;bottom:-126px;border-radius:50%;
  border:14px solid rgba(255,255,255,.16);border-left-color:transparent;border-bottom-color:transparent;
  transform:rotate(12deg);
}
#brFinalCover .br-cover-branch{
  right:14px;
  bottom:10px;
  width:52px;
  height:52px;
  transform-origin:64% 100%;
  z-index:3;
}
#brFinalCover .br-cover-branch-stem{
  position:absolute;
  right:12px;
  bottom:3px;
  width:2px;
  height:31px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(162,222,168,.18), rgba(94,166,99,.96));
  transform:rotate(14deg);
}
#brFinalCover .br-cover-leaf{
  position:absolute;
  background:linear-gradient(145deg, rgba(188,240,193,.96), rgba(99,176,104,.98));
  border-radius:100% 0 100% 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34), 0 6px 14px rgba(42,88,47,.18);
}
#brFinalCover .br-cover-leaf-a{
  right:12px;
  bottom:21px;
  width:14px;
  height:21px;
  transform:rotate(-8deg);
}
#brFinalCover .br-cover-leaf-b{
  right:25px;
  bottom:15px;
  width:13px;
  height:17px;
  transform:rotate(-56deg);
  background:linear-gradient(145deg, rgba(179,234,184,.92), rgba(96,168,100,.95));
}
#brFinalCover .br-cover-curve{
  background:linear-gradient(180deg,#ede5f6 0%,#e9def3 100%)!important;
  opacity:.96;
}
#brFinalCover .br-cover-grid > button,
#brFinalCover .br-cover-info,
#brFinalCover .br-cover-device,
#brFinalCover .br-cover-nav,
#brFinalCover .br-cover-nav > button,
#brFinalCover .br-cover-sync,
#brFinalCover .br-cover-mic{
  transition:transform var(--ws-button-speed) var(--ws-organic-ease), box-shadow .25s var(--ws-organic-ease), background-color .25s var(--ws-organic-ease), border-color .25s var(--ws-organic-ease), color .25s var(--ws-organic-ease)!important;
}
#brFinalCover .br-cover-grid > button,
#brFinalCover .br-cover-info{border-radius:24px!important}
#brFinalCover .br-cover-device{border-radius:20px!important}
#brFinalCover .br-cover-nav{border-radius:26px!important}
#brFinalCover .br-cover-nav > button{border-radius:18px!important}
#brFinalCover .br-cover-grid > button:hover,
#brFinalCover .br-cover-info:hover,
#brFinalCover .br-cover-nav > button:hover,
#brFinalCover .br-cover-device button:hover{
  transform:translateY(-1px);
}
#brFinalCover .br-cover-grid > button:active,
#brFinalCover .br-cover-info:active,
#brFinalCover .br-cover-nav > button:active{transform:translateY(0) scale(.985)!important}

@media (prefers-reduced-motion:no-preference){
  #brFinalCover .br-cover-header::before{animation:wsHeaderFlow 18s linear infinite}
  #brFinalCover .br-cover-header::after{animation:wsHeaderFlowAlt 20s linear infinite}
  #brFinalCover .br-cover-shape-a{animation:wsOrganicGlow 18s var(--ws-organic-ease) infinite}
  #brFinalCover .br-cover-shape-b{animation:wsOrganicWaveB 20s var(--ws-organic-ease) infinite}
  #brFinalCover .br-cover-shape-c{animation:wsOrganicWaveA 17s var(--ws-organic-ease) infinite}
  #brFinalCover .br-cover-branch{animation:wsLeafBreath 16s var(--ws-organic-ease) infinite}
}

/* =============================
   Botones principales: más suaves y cálidos
   ============================= */
.nav-btn,
.voice-side,
.menu-btn,
.ui-view-switcher button,
.actions button,
.new-actions button,
.history-actions button,
.person-card-actions button,
.linked-case-bar button,
.preventive-v3-actions button,
.case-360-actions button,
.mobile-nav button,
.mobile-more-grid button,
.mobile-command-grid button,
.flow-stage-button,
button.primary,
button.secondary,
button[type="submit"],
.btn-primary,
.btn-secondary,
.action-primary,
.action-secondary{
  border-radius:var(--ws-button-radius)!important;
  transition:transform var(--ws-button-speed) var(--ws-organic-ease), box-shadow .25s var(--ws-organic-ease), background-color .25s var(--ws-organic-ease), border-color .25s var(--ws-organic-ease), color .25s var(--ws-organic-ease)!important;
}
.nav-btn,
.mobile-nav button,
.mobile-more-grid button,
.mobile-command-grid button{
  min-height:48px;
}
.nav-btn:hover,
.voice-side:hover,
.actions button:hover,
.new-actions button:hover,
.history-actions button:hover,
.person-card-actions button:hover,
.linked-case-bar button:hover,
.preventive-v3-actions button:hover,
.case-360-actions button:hover,
.mobile-nav button:hover,
.mobile-more-grid button:hover,
.mobile-command-grid button:hover,
button.primary:hover,
button.secondary:hover,
button[type="submit"]:hover,
.btn-primary:hover,
.btn-secondary:hover,
.action-primary:hover,
.action-secondary:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(46,27,67,.10);
}
.nav-btn:active,
.voice-side:active,
.actions button:active,
.new-actions button:active,
.history-actions button:active,
.person-card-actions button:active,
.linked-case-bar button:active,
.preventive-v3-actions button:active,
.case-360-actions button:active,
.mobile-nav button:active,
.mobile-more-grid button:active,
.mobile-command-grid button:active,
button.primary:active,
button.secondary:active,
button[type="submit"]:active,
.btn-primary:active,
.btn-secondary:active,
.action-primary:active,
.action-secondary:active{
  transform:translateY(0) scale(.985);
  box-shadow:0 6px 12px rgba(46,27,67,.08);
}
.ui-view-switcher button,
.menu-btn{border-radius:16px!important}
.voice-side{border-radius:24px!important}
.mobile-mic,
.ai-assistant-fab{transition:transform var(--ws-button-speed) var(--ws-organic-ease), box-shadow .25s var(--ws-organic-ease)!important}
.mobile-mic:hover,
.ai-assistant-fab:hover{transform:translateY(-1px)}
.mobile-mic:active,
.ai-assistant-fab:active{transform:scale(.985)}

@media (max-width:1200px){
  .brand-visual{height:70px!important;border-radius:22px!important}
  .brand-spark{width:92px!important;height:34px!important}
}
@media (max-width:820px){
  #brFinalCover .br-cover-headrow{grid-template-columns:minmax(0,1fr) 146px 50px!important}
  #brFinalCover .br-cover-organic-mark{max-width:224px;height:70px;border-radius:22px}
}
@media (max-width:560px){
  #brFinalCover .br-cover-headrow{grid-template-columns:minmax(0,1fr) 142px 48px!important;gap:10px!important}
  #brFinalCover .br-cover-organic-mark{max-width:208px;height:66px;border-radius:20px}
  #brFinalCover .br-cover-shape-b{width:146px;height:146px;left:-56px;top:-90px}
  #brFinalCover .br-cover-shape-c{width:158px;height:158px;right:-30px;bottom:-118px}
}

@media (prefers-reduced-motion:reduce){
  .brand-orb-a,.brand-orb-b,.brand-wave-a,.brand-wave-b,.brand-spark,.brand-branch,
  #brFinalCover .br-cover-header::before,
  #brFinalCover .br-cover-header::after,
  #brFinalCover .br-cover-shape-a,
  #brFinalCover .br-cover-shape-b,
  #brFinalCover .br-cover-shape-c,
  #brFinalCover .br-cover-branch{
    animation:none!important;
  }
  .nav-btn,
  .voice-side,
  .menu-btn,
  .ui-view-switcher button,
  .actions button,
  .new-actions button,
  .history-actions button,
  .person-card-actions button,
  .linked-case-bar button,
  .preventive-v3-actions button,
  .case-360-actions button,
  .mobile-nav button,
  .mobile-more-grid button,
  .mobile-command-grid button,
  .flow-stage-button,
  button.primary,
  button.secondary,
  button[type="submit"],
  .btn-primary,
  .btn-secondary,
  .action-primary,
  .action-secondary,
  #brFinalCover .br-cover-grid > button,
  #brFinalCover .br-cover-info,
  #brFinalCover .br-cover-device,
  #brFinalCover .br-cover-nav,
  #brFinalCover .br-cover-nav > button,
  #brFinalCover .br-cover-sync,
  #brFinalCover .br-cover-mic{
    transition:none!important;
  }
}

@keyframes wsOrganicGlow{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.92}
  50%{transform:translate3d(-6px,4px,0) scale(1.04);opacity:1}
}
@keyframes wsOrganicFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(5px,-4px,0)}
}
@keyframes wsOrganicWaveA{
  0%,100%{transform:rotate(12deg) translate3d(0,0,0)}
  50%{transform:rotate(16deg) translate3d(-5px,-3px,0)}
}
@keyframes wsOrganicWaveB{
  0%,100%{transform:rotate(-18deg) translate3d(0,0,0)}
  50%{transform:rotate(-13deg) translate3d(4px,3px,0)}
}
@keyframes wsOrganicGlass{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50%) scale(1.03)}
}
@keyframes wsLeafBreath{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(-1px,-1px,0) rotate(-3deg) scale(1.035)}
}
@keyframes wsHeaderFlow{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-10px,2px,0) scale(1.01)}
}
@keyframes wsHeaderFlowAlt{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(10px,-2px,0) scale(1.01)}
}