/* Vida Nativa — identidade oficial (paleta mata/sol da landing) por cima do app.css.
   PH 2026-08-24: "o CRM com a logo e a identidade visual do site".
   Substitui o theme-materialm.css (guardado como backup). Carregado DEPOIS do app.css. */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Figtree:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root{
  /* paleta Vida Nativa (mesma da landing) */
  --vn-mata:#14261F; --vn-mata-2:#1C3329; --vn-mata-3:#244134;
  --vn-sol:#F2B441; --vn-sol-deep:#D99A1E; --vn-folha:#2F6B4F; --vn-folha-viva:#4CBB8C;
  --vn-border:#2C463A; --vn-border-forte:#3A5A4B;
  --vn-text:#F2F5F1; --vn-muted:#93A79B;
  --vn-warn:#E8A23D; --vn-error:#E2725B; --vn-creme:#F2EFE4;
  --vn-sol-soft:rgba(242,180,65,.15); --vn-folha-soft:rgba(76,187,140,.14);
  --vn-warn-soft:rgba(232,162,61,.16); --vn-error-soft:rgba(226,114,91,.16);
  --vn-radius:12px;
  --vn-fd:'Bricolage Grotesque',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
  --vn-fb:'Figtree',ui-sans-serif,system-ui,'Segoe UI',sans-serif;

  /* remapeio das variaveis do tema antigo (todas as telas seguem) */
  --laranja:var(--vn-sol); --laranja-terra:var(--vn-sol-deep); --laranja-wash:var(--vn-sol-soft);
  --preto:var(--vn-text); --tinta-suave:var(--vn-muted);
  --branco:var(--vn-mata); --papel:var(--vn-mata-2);
  --linha:var(--vn-border); --linha-forte:var(--vn-border-forte);
  --verde:var(--vn-folha-viva); --verde-wash:var(--vn-folha-soft);
  --alerta:var(--vn-warn); --alerta-wash:var(--vn-warn-soft);
  --perigo:var(--vn-error); --perigo-wash:var(--vn-error-soft);
  --sombra:0 1px 2px rgba(0,0,0,.25),0 10px 30px -16px rgba(0,0,0,.6);
  --r:var(--vn-radius);
}
html,body{background:var(--vn-mata);color:var(--vn-text);font-family:var(--vn-fb);}
h1,h2,h3,h4,.serif{font-family:var(--vn-fd);letter-spacing:-.01em;}
.serif{font-weight:800;}
a{color:var(--vn-sol);}
input,select,textarea{background:var(--vn-mata-3)!important;color:var(--vn-text)!important;
  border-color:var(--vn-border)!important;font-family:var(--vn-fb);}
input::placeholder,textarea::placeholder{color:var(--vn-muted);}
input:focus,select:focus,textarea:focus{border-color:var(--vn-sol)!important;
  box-shadow:0 0 0 3px var(--vn-sol-soft)!important;}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--vn-border);border-radius:8px}

/* ===== LOGIN ===== */
.login{background:var(--vn-mata);}
.login .aside{background-color:var(--vn-mata);
  background-image:linear-gradient(168deg, rgba(20,38,31,.55) 0%, rgba(47,107,79,.42) 45%, rgba(15,29,23,.9) 100%),
    url('/vidanativa/mata.jpg');
  background-size:cover;background-position:center;}
.login .aside::after{background:radial-gradient(90% 60% at 20% 12%, rgba(242,180,65,.18), transparent 55%);}
.login .aside .pill{background:rgba(242,180,65,.2);color:#fff;}
.login .form{background:var(--vn-mata);}
.logo-word{color:var(--vn-text);}
.logo-login{height:52px;width:auto;display:block;margin:0 0 26px 2px;}
.brand .glyph{background:var(--vn-creme);}
.brand .glyph img{width:24px;height:auto;display:block;}
.card-login{background:var(--vn-mata-2);border:1px solid var(--vn-border);border-radius:16px;
  padding:28px 26px;box-shadow:0 20px 60px -30px rgba(0,0,0,.8);}
.card-login h2{color:var(--vn-text);font-family:var(--vn-fd);}
.card-login .sub{color:var(--vn-muted);}
.field label{color:var(--vn-muted);font-weight:600;font-size:12.5px;}

/* ===== SHELL: sidebar ===== */
.app{background:var(--vn-mata);}
.side{background:var(--vn-mata);border-right:1px solid var(--vn-border);width:270px;padding:14px 16px 26px;}
.side .brand{display:flex;align-items:center;gap:10px;font-family:var(--vn-fd);font-weight:800;font-size:19px;
  color:var(--vn-text);padding:10px 8px 22px;letter-spacing:-.01em;}
.side .brand .glyph{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--vn-creme);overflow:hidden;}
.side .brand .glyph img{width:28px;height:auto;display:block;}
.side .brand .glyph svg{width:20px;height:20px;fill:var(--vn-mata);}
.nav .sec{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--vn-muted);text-transform:uppercase;
  padding:14px 14px 8px;}
.nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 0;border-radius:10px;
  color:var(--vn-text);font-weight:500;font-size:14.5px;text-decoration:none;transition:background .15s,color .15s;}
.nav a .ic{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;
  color:var(--vn-muted);font-size:0;}
.nav a .ic svg{width:20px;height:20px;fill:currentColor;}
.nav a:hover{background:var(--vn-sol-soft);color:var(--vn-sol);}
.nav a:hover .ic{color:var(--vn-sol);}
.nav a.active{background:var(--vn-sol);color:var(--vn-mata);box-shadow:0 6px 16px -8px rgba(242,180,65,.8);}
.nav a.active .ic{color:var(--vn-mata);}
.nav a.soon{opacity:.5;}
.nav a .tag{margin-left:auto;font-size:9.5px;font-weight:800;letter-spacing:.06em;background:var(--vn-mata-3);
  color:var(--vn-muted);padding:3px 7px;border-radius:6px;}
.side .foot{border-top:1px solid var(--vn-border);padding-top:16px;margin-top:auto;}
.side .who{display:flex;align-items:center;gap:10px;background:var(--vn-mata-2);border:1px solid var(--vn-border);
  border-radius:12px;padding:10px 12px;}
.side .who .av{width:38px;height:38px;border-radius:50%;background:var(--vn-folha);color:#fff;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;}
.side .who .nm{color:var(--vn-text);font-weight:700;font-size:13.5px;}
.side .who .rl{color:var(--vn-muted);font-size:11.5px;text-transform:capitalize;}
.side .sair{width:100%;margin-top:12px;background:transparent;border:1px solid var(--vn-border);color:var(--vn-muted);
  border-radius:10px;padding:10px;font-weight:600;cursor:pointer;}
.side .sair:hover{border-color:var(--vn-error);color:var(--vn-error);background:var(--vn-error-soft);}
.scrim{background:rgba(0,0,0,.55);}

/* ===== SHELL: topbar ===== */
.main{background:var(--vn-mata);}
.topbar{background:var(--vn-mata);border-bottom:1px solid var(--vn-border);height:64px;display:flex;align-items:center;
  gap:12px;padding:0 22px;position:sticky;top:0;z-index:5;}
.topbar h1{font-size:18px;font-weight:700;color:var(--vn-text);margin:0;font-family:var(--vn-fd);}
.topbar .menu-btn{background:transparent;border:0;color:var(--vn-muted);font-size:22px;cursor:pointer;padding:6px;border-radius:8px;}
.topbar .menu-btn:hover{background:var(--vn-mata-3);color:var(--vn-text);}
.topbar .hoje{margin-left:auto;color:var(--vn-muted);font-size:12.5px;font-weight:500;text-transform:capitalize;
  background:var(--vn-mata-2);border:1px solid var(--vn-border);padding:6px 12px;border-radius:999px;}
.topbar .tb-ic{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  color:var(--vn-muted);position:relative;cursor:default;}
.topbar .tb-ic:hover{background:var(--vn-mata-3);color:var(--vn-sol);}
.topbar .tb-ic svg{width:22px;height:22px;fill:currentColor;}
.topbar .tb-ic .dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--vn-sol);
  border:2px solid var(--vn-mata);}
.topbar .tb-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--vn-sol),var(--vn-sol-deep));
  color:var(--vn-mata);font-weight:800;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center;}
.content{padding:24px 22px 40px;}

/* ===== CARDS / PANELS (todas as telas) ===== */
.panel,.pcard,.fpost,.equipe,.agday,.notrow,.prow,.chkrow,.modal,.chatbox{background:var(--vn-mata-2)!important;
  border-color:var(--vn-border)!important;}
.panel{border:1px solid var(--vn-border);border-radius:14px;box-shadow:0 2px 12px -6px rgba(0,0,0,.5);}
.panel h3{color:var(--vn-text);font-size:15px;font-weight:700;padding:16px 18px 0;font-family:var(--vn-fd);}
.panel .body{padding:16px 18px 18px;}
.panel .empty{color:var(--vn-muted);}
.hint{color:var(--vn-muted);}
.bar .nm{color:var(--vn-muted);font-weight:600;}
.bar .track{background:var(--vn-mata-3);border-radius:6px;}
.bar .fill{background:var(--vn-sol);border-radius:6px;}
.bar .n{color:var(--vn-text);font-weight:700;}
.chip,.tbadge,.fchip{background:var(--vn-mata-3);color:var(--vn-text);border:1px solid var(--vn-border);}
.fchip.active{background:var(--vn-sol);color:var(--vn-mata);border-color:var(--vn-sol);}
.stpill{font-weight:700;font-size:11.5px;border-radius:999px;padding:4px 10px;}
.st-ok{background:var(--vn-folha-soft);color:var(--vn-folha-viva);}
.st-warn{background:var(--vn-warn-soft);color:var(--vn-warn);}
.st-agu{background:var(--vn-sol-soft);color:var(--vn-sol);}
.prow{padding:14px 12px;gap:14px;}
.prow:hover{background:var(--vn-mata-3)!important;}
.prow .av,.pend .av,.phead .av,.tm .av{background:var(--vn-sol-soft);color:var(--vn-sol);font-weight:800;}
.prow .nm,.pend .nm,.equipe .top b{color:var(--vn-text);}
.prow .em,.pend .em,.equipe .meta{color:var(--vn-muted);}
.pend .badge{background:var(--vn-sol);color:var(--vn-mata);}
.btn{background:var(--vn-sol);color:var(--vn-mata);border-radius:10px;font-weight:700;box-shadow:0 8px 18px -10px rgba(242,180,65,.8);}
.btn:hover{background:#F7C45C;}
.btn-ghost{background:transparent;border:1px solid var(--vn-border);color:var(--vn-text);}
.btn-ghost:hover{border-color:var(--vn-sol);color:var(--vn-sol);}
.btn-mini{background:var(--vn-sol-soft);color:var(--vn-sol);border:0;font-weight:700;border-radius:8px;}
.btn-mini:hover{background:var(--vn-sol);color:var(--vn-mata);}
.search{background:var(--vn-mata-2)!important;border:1px solid var(--vn-border)!important;border-radius:10px;}
.toolbar{gap:10px;}
.modal-bg{background:rgba(0,0,0,.6);}
.mhead{border-bottom:1px solid var(--vn-border);} .mfoot{border-top:1px solid var(--vn-border);}
.erro{background:var(--vn-error-soft);color:var(--vn-error);border:1px solid rgba(226,114,91,.35);}
.okmsg{background:var(--vn-folha-soft);color:var(--vn-folha-viva);}
.bub.me{background:var(--vn-folha);color:#fff;} .bub.them{background:var(--vn-mata-3);color:var(--vn-text);}
.sk{background:linear-gradient(90deg,var(--vn-mata-2) 25%,var(--vn-mata-3) 37%,var(--vn-mata-2) 63%);}
.spin{border-color:var(--vn-border);border-top-color:var(--vn-sol);}

/* ===== DASHBOARD ===== */
.mm-hero{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:16px;margin-bottom:18px;}
.mm-welcome{grid-column:1;background:linear-gradient(135deg,#1C3329 0%,#2F6B4F 62%,#3E8A66 100%);border-radius:16px;
  padding:22px 24px;color:#fff;position:relative;overflow:hidden;min-height:150px;box-shadow:0 16px 40px -22px rgba(47,107,79,.9);}
.mm-welcome::after{content:"";position:absolute;right:-40px;top:-40px;width:190px;height:190px;border-radius:50%;
  background:rgba(242,180,65,.14);}
.mm-welcome::before{content:"";position:absolute;right:40px;bottom:-70px;width:150px;height:150px;border-radius:50%;
  background:rgba(255,255,255,.08);}
.mm-welcome h2{font-size:20px;font-weight:800;margin:0 0 4px;position:relative;font-family:var(--vn-fd);}
.mm-welcome p{opacity:.9;font-size:13.5px;margin:0 0 16px;position:relative;}
.mm-welcome .big{display:inline-flex;flex-direction:column;background:rgba(255,255,255,.16);border-radius:12px;
  padding:10px 16px;position:relative;}
.mm-welcome .big b{font-size:26px;font-weight:800;line-height:1.05;font-family:var(--vn-fd);}
.mm-welcome .big span{font-size:12px;opacity:.9;}
.mm-stat{border-radius:16px;padding:18px 18px 16px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;
  border:1px solid var(--vn-border);background:var(--vn-mata-2);}
.mm-stat .ico{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
.mm-stat .ico svg{width:22px;height:22px;fill:#fff;}
.mm-stat .v{font-size:26px;font-weight:800;color:var(--vn-text);line-height:1;margin-top:14px;font-family:var(--vn-fd);}
.mm-stat .l{font-size:13px;color:var(--vn-muted);margin-top:6px;}
.mm-stat .d{font-size:11.5px;font-weight:700;margin-top:6px;}
.mm-stat.pink{background:linear-gradient(160deg,#3a2a24,#2a201c);border-color:#4a352c;} .mm-stat.pink .ico{background:var(--vn-error);} .mm-stat.pink .d{color:var(--vn-error);}
.mm-stat.amber{background:linear-gradient(160deg,#3a3122,#2b2620);border-color:#4a3f2a;} .mm-stat.amber .ico{background:var(--vn-sol);color:var(--vn-mata);} .mm-stat.amber .ico svg{fill:var(--vn-mata);} .mm-stat.amber .d{color:var(--vn-sol);}
.mm-stat.green{background:linear-gradient(160deg,#1c3a2e,#18302a);border-color:#24493c;} .mm-stat.green .ico{background:var(--vn-folha);} .mm-stat.green .d{color:var(--vn-folha-viva);}
.mm-stat.blue{background:linear-gradient(160deg,#233d33,#1c332b);border-color:#2e4f40;} .mm-stat.blue .ico{background:var(--vn-folha-viva);} .mm-stat.blue .d{color:var(--vn-folha-viva);}
.mm-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px;}
.mm-chart{width:100%;height:220px;display:block;}
.mm-legend{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:12px;}
.mm-legend span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--vn-muted);}
.mm-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;}
.mm-legend b{color:var(--vn-text);font-weight:700;}
.mm-donut{display:flex;align-items:center;gap:18px;}
.mm-donut svg{width:150px;height:150px;flex:0 0 150px;}
.panel h3 .sub{color:var(--vn-muted);font-weight:500;font-size:12.5px;margin-left:6px;}
.kpis{display:none;} /* substituido pelo hero */

@media (max-width:1100px){.mm-hero{grid-template-columns:1fr 1fr;} .mm-welcome{grid-column:1 / -1;} .mm-grid{grid-template-columns:1fr;}}
@media (max-width:640px){.mm-hero{grid-template-columns:1fr;} .content{padding:16px 14px 32px;} .topbar{padding:0 14px;}
  .topbar .hoje{display:none;}}

/* ===== FICHA (gestao) ===== */
.back{display:inline-flex;align-items:center;gap:6px;color:var(--vn-muted);text-decoration:none;font-weight:600;font-size:13px;margin-bottom:12px;}
.back:hover{color:var(--vn-sol);}
.ficha-top-body{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.foto-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;}
.foto-img{border-radius:50%;object-fit:cover;border:3px solid var(--vn-sol-soft);}
.foto-av{border-radius:50%;background:linear-gradient(135deg,var(--vn-folha),var(--vn-folha-viva));color:#fff;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;}
.foto-btns{display:flex;gap:6px;}
.ficha-id{flex:1;min-width:220px;}
.ficha-id h2{margin:0 0 4px;font-size:22px;font-weight:800;color:var(--vn-text);font-family:var(--vn-fd);}
.ficha-id .meta{color:var(--vn-muted);font-size:13.5px;margin-bottom:8px;}
.ficha-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.chip.ok{background:var(--vn-folha-soft);color:var(--vn-folha-viva);border-color:transparent;}
.ficha-acoes{display:flex;gap:8px;flex-wrap:wrap;}
.btn-wa,.btn-mail{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:13.5px;text-decoration:none;}
.btn-wa{background:#25D366;color:#0b2b1a;} .btn-wa:hover{filter:brightness(1.08);}
.btn-wa.off{background:var(--vn-mata-3);color:var(--vn-muted);cursor:not-allowed;}
.btn-mail{background:var(--vn-sol-soft);color:var(--vn-sol);} .btn-mail:hover{background:var(--vn-sol);color:var(--vn-mata);}
.btn-wa svg,.btn-mail svg{width:18px;height:18px;fill:currentColor;}
.ficha-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 14px;border-bottom:1px solid var(--vn-border);padding-bottom:10px;}
.ficha-tabs button{background:transparent;border:1px solid transparent;color:var(--vn-muted);font-weight:600;font-size:13.5px;padding:8px 12px;border-radius:10px;cursor:pointer;}
.ficha-tabs button:hover{color:var(--vn-text);background:var(--vn-mata-3);}
.ficha-tabs button.active{background:var(--vn-sol);color:var(--vn-mata);}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0;}
.dl>div{display:flex;flex-direction:column;gap:2px;}
.dl dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--vn-muted);font-weight:700;}
.dl dd{margin:0;color:var(--vn-text);font-size:14px;word-break:break-word;}
.tbl-wrap{overflow-x:auto;} .tbl{width:100%;border-collapse:collapse;font-size:13.5px;}
.tbl th{text-align:left;color:var(--vn-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--vn-border);}
.tbl td{padding:9px 10px;border-bottom:1px solid var(--vn-border);color:var(--vn-text);vertical-align:top;}
.ok-ic{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--vn-folha-soft);color:var(--vn-folha-viva);align-items:center;justify-content:center;}
.ok-ic svg{width:14px;height:14px;fill:currentColor;}
.no-ic{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--vn-error-soft);color:var(--vn-error);align-items:center;justify-content:center;font-size:12px;font-weight:800;}
.aval-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;}
.aval{background:var(--vn-mata-3);border:1px solid var(--vn-border);border-radius:12px;padding:12px 14px;}
.aval-top{display:flex;align-items:center;gap:10px;margin-bottom:8px;} .aval-top .fp-del{margin-left:auto;}
.aval-nums{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;}
.aval-nums div{display:flex;flex-direction:column;} .aval-nums span{font-size:11px;color:var(--vn-muted);text-transform:uppercase;letter-spacing:.04em;}
.aval-nums b{font-size:15px;color:var(--vn-text);}
.aval-obs{margin-top:10px;font-size:13.5px;color:var(--vn-text);line-height:1.45;border-top:1px solid var(--vn-border);padding-top:8px;}
.panel h3{display:flex;align-items:center;gap:8px;}
.prow{cursor:pointer;} .prow .av svg{width:20px;height:20px;fill:currentColor;}
.tm[data-prof]{cursor:pointer;border-radius:10px;padding:6px;} .tm[data-prof]:hover{background:var(--vn-mata-3);}
.pcard[data-pi]{cursor:pointer;} .pcard[data-pi]:hover{border-color:var(--vn-sol)!important;}
.modal.modal-wide{max-width:720px;width:92vw;}
.presc-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--vn-muted);font-size:13px;margin-bottom:12px;} .presc-meta b{color:var(--vn-text);}
.presc-corpo{white-space:normal;line-height:1.55;font-size:14.5px;color:var(--vn-text);background:var(--vn-mata-3);border:1px solid var(--vn-border);border-radius:10px;padding:14px 16px;max-height:60vh;overflow:auto;}
/* feed: imagem + editor */
.fimg-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.fimg-prev{position:relative;} .fimg-prev img{width:96px;height:96px;border-radius:10px;object-fit:cover;border:1px solid var(--vn-border);display:block;}
.fimg-x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:0;background:var(--vn-error);color:#fff;font-weight:800;cursor:pointer;}
.fp-img{margin:12px 0 4px;} .fp-img img{width:100%;max-width:520px;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block;border:1px solid var(--vn-border);}
.crop-canvas{width:100%;max-width:320px;aspect-ratio:1/1;display:block;margin:0 auto;border-radius:10px;background:var(--vn-mata);touch-action:none;cursor:grab;border:1px solid var(--vn-border);}
.crop-tools{display:flex;align-items:center;gap:12px;margin-top:12px;color:var(--vn-muted);font-size:13px;} .crop-tools input{flex:1;accent-color:var(--vn-sol);}
/* ===== BIBLIOTECA DE EXERCÍCIOS + ANEXO PDF (PH 2026-08-24) ===== */
.toolbar .btn{width:auto;flex:0 0 auto;}
.ytwrap-mini{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;margin:10px 0 4px;border:1px solid var(--vn-border);aspect-ratio:16/9;background:var(--vn-mata);}
.ytwrap-mini img{width:100%;height:100%;object-fit:cover;display:block;}
.ytwrap-mini .playov{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,29,23,.35);color:var(--vn-sol);font-size:38px;text-shadow:0 4px 14px rgba(0,0,0,.6);transition:background .15s;}
.ytwrap-mini:hover .playov{background:rgba(15,29,23,.12);}
.excard .pc-tit{font-family:var(--vn-fd);font-size:17px;}
.pdfbtn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:640px){.dl{grid-template-columns:1fr;} .ficha-top-body{align-items:flex-start;}}