/* Jerarquía de brillo: resúmenes y personas destacan; paneles satinados. */
@media screen{
  #app .client-card,#app .portfolio-summary{
    position:relative;isolation:isolate;
    border-color:#c7aa70;
    background:linear-gradient(126deg,#ffffffb3 0%,#ffffff26 33%,#ffffffa6 33.5%,#ffffff30 44%,transparent 44.5%),radial-gradient(ellipse at 0% 0%,#fff3cb88,transparent 51%),linear-gradient(145deg,#fffdfd,#f8e8ee);
    box-shadow:inset 0 1px 1px #fffef4,inset 0 -1px 1px #caa45f44,0 0 0 1px #fff2cc,0 0 15px #e7c47757,0 4px 14px #946c2620;
  }
  #app .client-card:before,#app .portfolio-summary:before{
    content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
    background:linear-gradient(100deg,transparent 12%,#fff9d5 53%,transparent 82%) top/100% 2px no-repeat,radial-gradient(circle at 5% 18%,#ffefc2 0 1px,transparent 1.8px),radial-gradient(circle at 97% 80%,#ffefc2 0 1px,transparent 1.8px);
  }
  #app .client-card:after,#app .portfolio-summary:after{
    content:'';position:absolute;top:-10px;right:22px;width:21px;height:21px;pointer-events:none;
    background:radial-gradient(circle,#fffdf1 0 8%,#f7e5af 9% 14%,transparent 40%),linear-gradient(90deg,transparent 44%,#fff0bd 49% 51%,transparent 56%),linear-gradient(0deg,transparent 44%,#fff0bd 49% 51%,transparent 56%);
    filter:drop-shadow(0 0 4px #e6c675bd);
  }
  #app .client-card:nth-child(even):after{top:auto;bottom:-10px;right:17px}
  #app .panel:not(.login){
    border-color:#d0b884;
    background:linear-gradient(135deg,#fffdf8 0%,#fff 28%,#fff 100%);
    box-shadow:inset 0 1px 0 #fffefa,0 0 0 1px #ffefca80,0 3px 15px #ad863529;
  }
  #app .table-wrap{border-color:#dac49c;box-shadow:0 1px 0 #fff9e7}
  #app th{background:linear-gradient(115deg,#f9dfe8 0%,#fff3f7 38%,#f9e2ea 68%);border-bottom:1px solid #cbb07d}
  #app .primary:not(:disabled),#modal .primary:not(:disabled){
    background:linear-gradient(123deg,transparent 0 48%,#ffffff1f 48.4% 57%,transparent 57.4%),linear-gradient(180deg,#42383b,#292529 78%);
    border-color:#bea16a;
    box-shadow:inset 0 1px 0 #f6dfa078,0 0 7px #e1bd7133,0 3px 9px #4630391a;
  }
  #app .primary:not(:disabled):hover,#modal .primary:not(:disabled):hover{border-color:#a78543;box-shadow:inset 0 1px 0 #fff0ba,0 0 10px #e1bd7166,0 3px 9px #46303920}
  #modal .quote,#app .quote{
    border-color:#bea16a;
    background:linear-gradient(126deg,transparent 0 34%,#ffffff80 34.5% 48%,transparent 48.5%),linear-gradient(135deg,#fae5ed,#fbefe7);
    box-shadow:inset 0 1px 0 #fff9e5,0 0 9px #d9b9683b;
  }
  #modal .detail-grid>div{border-color:#d6be8d;background:linear-gradient(135deg,#fffaf5,#f8e9ef);box-shadow:inset 0 1px 0 #fffdf0}
  #app .bar>span{background:linear-gradient(180deg,#f0d58d,#b2914f 55%,#e6c574);box-shadow:0 0 6px #dbba7060}
}
@media screen and (max-width:700px){#app .client-card:after,#app .portfolio-summary:after{width:17px;height:17px;top:-8px;right:19px}#app .client-card:nth-child(even):after{top:auto;bottom:-8px}}