/* SENTINELA — página inicial (landing) · visual cinematográfico industrial
   Paleta oficial: #161114 fundo · #1E2430 painéis · #F5F0EB texto · #6B1724 marca */
:root{
  --bg:#161114; --panel:#1E2430; --text:#F5F0EB; --brand:#6B1724;
  --brand-hi:#9b3345;      /* tom mais claro da marca, só para brilho/linhas */
  --brand-text:#DFA2AA;    /* tom claro da marca para texto de destaque */
  --muted:#b7adb1; --line:rgba(245,240,235,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans',system-ui,sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1180px,100% - 48px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--brand);color:#fff;padding:8px 14px;border-radius:6px;z-index:999}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--brand-text);outline-offset:3px}

/* ---------- Topo ---------- */
.top{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .25s,border-color .25s,backdrop-filter .25s;border-bottom:1px solid transparent}
.top.solid{background:rgba(22,17,20,.82);backdrop-filter:blur(14px);border-color:var(--line)}
.top .wrap{display:flex;align-items:center;gap:28px;height:76px}
.brand{display:flex;align-items:center;gap:11px}
.brand img{width:34px;height:34px;object-fit:contain}
.brand span{font:700 24px Rajdhani,sans-serif;letter-spacing:2.2px}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{padding:9px 15px;font-size:14px;font-weight:500;color:#e6dfda;border-radius:999px;transition:background .18s,color .18s}
.nav a:hover{background:rgba(245,240,235,.07);color:#fff}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 26px;border-radius:999px;border:1px solid var(--brand-hi);background:linear-gradient(180deg,#7d1c2c,var(--brand));color:#fff;font:600 13px 'IBM Plex Sans',sans-serif;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 0 rgba(155,51,69,.0),0 10px 30px rgba(107,23,36,.45);transition:transform .18s,box-shadow .18s,filter .18s}
.pill:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 0 0 5px rgba(155,51,69,.18),0 14px 36px rgba(107,23,36,.55)}
.pill.small{height:40px;padding:0 20px;font-size:12px}
.pill.ghost{background:rgba(245,240,235,.04);border-color:rgba(245,240,235,.28);box-shadow:none}
.pill.ghost:hover{background:rgba(245,240,235,.1);box-shadow:none}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:min(900px,100svh);display:flex;align-items:center;padding:130px 0 190px;isolation:isolate;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-3;background:
  radial-gradient(900px 520px at 78% 38%,rgba(107,23,36,.55),transparent 62%),
  radial-gradient(700px 400px at 12% 100%,rgba(30,36,48,.9),transparent 70%),
  linear-gradient(180deg,#120d10 0%,#161114 60%,#161114 100%)}
.hero-photo{position:absolute;top:0;right:0;bottom:0;width:70%;z-index:-2;background:url('../img/login-photo.jpg') 38% 30%/cover no-repeat;filter:saturate(.8) contrast(1.08) brightness(.82);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 46%),linear-gradient(180deg,#000 62%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 46%),linear-gradient(180deg,#000 62%,transparent 100%);mask-composite:intersect}
.hero-tint{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(90deg,rgba(22,17,20,.96) 0%,rgba(22,17,20,.7) 38%,rgba(107,23,36,.20) 78%,rgba(22,17,20,.25) 100%),
  radial-gradient(520px 340px at 70% 30%,rgba(155,51,69,.28),transparent 70%)}
.fog{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.55;animation:drift 22s ease-in-out infinite alternate}
.fog.a{width:620px;height:260px;left:-8%;top:10%;background:rgba(245,240,235,.07)}
.fog.b{width:760px;height:300px;right:-6%;top:-6%;background:rgba(107,23,36,.55);animation-duration:28s}
.fog.c{width:900px;height:240px;left:20%;bottom:6%;background:rgba(30,36,48,.9);animation-duration:34s}
@keyframes drift{from{transform:translate3d(-3%,0,0) scale(1)}to{transform:translate3d(5%,3%,0) scale(1.08)}}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(10,7,9,.7) 100%),linear-gradient(180deg,transparent 70%,var(--bg) 100%)}

.hero-copy{max-width:600px}
.kicker{display:inline-flex;align-items:center;gap:10px;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--brand-text);margin-bottom:22px}
.kicker:before{content:"";width:38px;height:3px;background:var(--brand-hi);border-radius:2px}
.hero h1{margin:0 0 24px;font:700 clamp(54px,7.4vw,98px)/.95 Rajdhani,sans-serif;letter-spacing:-.5px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--brand-text);background:linear-gradient(100deg,#e9b6bd 10%,#9b3345 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{font-size:clamp(16px,1.5vw,19px);color:#e3dcd7;max-width:520px;margin:0 0 34px}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:44px;font:12px 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.6px}
.hero-meta span{display:flex;align-items:center;gap:8px}
.hero-meta i{width:7px;height:7px;border-radius:50%;background:var(--brand-hi);box-shadow:0 0 10px var(--brand-hi)}

/* ---------- Cards (estilo da referência) ---------- */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{position:relative;padding:30px 28px 32px;border-radius:16px;background:linear-gradient(160deg,rgba(30,36,48,.78),rgba(22,17,20,.82));border:1px solid var(--line);backdrop-filter:blur(8px);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(223,162,170,.55),transparent);opacity:.6}
.card:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(155,51,69,.28),transparent 68%);opacity:0;transition:opacity .3s}
.card:hover{transform:translateY(-5px);border-color:rgba(155,51,69,.6);box-shadow:0 22px 60px rgba(107,23,36,.32)}
.card:hover:after{opacity:1}
.ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px;border:1px solid rgba(155,51,69,.7);background:rgba(107,23,36,.22);color:var(--brand-text);box-shadow:0 0 24px rgba(107,23,36,.35),inset 0 0 14px rgba(155,51,69,.12)}
.ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card h3{margin:0 0 10px;font:700 25px Rajdhani,sans-serif;letter-spacing:.3px}
.card p{margin:0;color:var(--muted);font-size:15px}
.card code{font:500 12.5px 'IBM Plex Mono',monospace;color:var(--brand-text);background:rgba(107,23,36,.25);padding:2px 6px;border-radius:5px}

.pull{margin-top:-130px;position:relative;z-index:3}

/* ---------- Seções ---------- */
section.block{padding:110px 0 30px;position:relative}
.head{max-width:620px;margin-bottom:46px}
.head h2{margin:0 0 14px;font:700 clamp(36px,4.4vw,56px)/1 Rajdhani,sans-serif}
.head h2 em{font-style:normal;color:var(--brand-text)}
.head p{margin:0;color:var(--muted);font-size:17px}

/* "Por que" — com brilho de forja ao fundo */
.why{isolation:isolate;overflow:hidden;margin-top:60px;padding:110px 0 120px}
.why:before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(620px 420px at 88% 14%,rgba(155,51,69,.55),transparent 65%),
  radial-gradient(420px 260px at 96% 6%,rgba(223,162,170,.22),transparent 70%),
  linear-gradient(180deg,transparent,rgba(30,36,48,.5) 40%,transparent)}
.why canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.why .head{margin-bottom:60px}
.why .cards{margin-top:80px}

/* Fluxo */
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative;counter-reset:s}
.flow:before{content:"";position:absolute;left:8%;right:8%;top:30px;height:2px;background:linear-gradient(90deg,rgba(155,51,69,.15),var(--brand-hi),rgba(155,51,69,.15));box-shadow:0 0 14px rgba(155,51,69,.6)}
.step{position:relative;text-align:center;padding:0 10px}
.step .n{width:60px;height:60px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid rgba(155,51,69,.8);color:var(--brand-text);font:600 13px 'IBM Plex Mono',monospace;box-shadow:0 0 0 6px var(--bg),0 0 26px rgba(107,23,36,.55);position:relative}
.step.me .n{background:var(--brand);color:#fff;box-shadow:0 0 0 6px var(--bg),0 0 0 7px var(--brand-hi),0 0 40px rgba(155,51,69,.8)}
.step b{display:block;font:700 19px Rajdhani,sans-serif;letter-spacing:.4px}
.step small{display:block;color:var(--muted);font-size:13px;margin-top:5px;line-height:1.45}

/* Módulos com imagem (no lugar de "Recent Projects") */
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.shot{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/4.4;border:1px solid var(--line);background:var(--panel);isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s}
.shot:hover{transform:translateY(-6px);border-color:rgba(155,51,69,.65);box-shadow:0 26px 64px rgba(107,23,36,.4)}
.shot .pic{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85) contrast(1.06) brightness(.85);transition:transform .6s}
.shot:hover .pic{transform:scale(1.06)}
.shot:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,17,20,0) 30%,rgba(22,17,20,.92) 100%),linear-gradient(135deg,rgba(107,23,36,.28),transparent 55%)}
.shot .cap{position:absolute;left:0;right:0;bottom:0;padding:24px}
.shot .tg{font:11px 'IBM Plex Mono',monospace;letter-spacing:1.3px;text-transform:uppercase;color:var(--brand-text)}
.shot h3{margin:6px 0 6px;font:700 26px Rajdhani,sans-serif}
.shot p{margin:0;color:#d6cec9;font-size:14px}
/* foco de cada foto: mantém o rosto e o equipamento visíveis acima da legenda */
.pic.p1{object-position:50% 25%}
.pic.p2{object-position:50% 40%}
.pic.p3{object-position:50% 35%}

/* Faixa final */
.final{margin:120px 0 0;padding:90px 0;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line)}
.final:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 300px at 50% 120%,rgba(155,51,69,.5),transparent 70%)}
.final h2{margin:0 0 14px;font:700 clamp(34px,4.2vw,54px)/1.02 Rajdhani,sans-serif}
.final p{margin:0 auto 30px;max-width:560px;color:var(--muted)}
footer{padding:30px 0 40px;border-top:1px solid var(--line);color:#91858b;font:12px 'IBM Plex Mono',monospace}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* Entrada suave (só se JS estiver ativo) */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.js .rv.in{opacity:1;transform:none}
.js .rv.d1{transition-delay:.1s}.js .rv.d2{transition-delay:.2s}

/* ---------- Responsivo ---------- */
@media(max-width:960px){
  .nav{display:none}.top .pill{margin-left:auto}
  .hero{padding:110px 0 170px}
  .hero-photo{width:100%;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 40%,transparent 100%);background-position:60% 20%}
  .hero-tint{background:linear-gradient(180deg,rgba(22,17,20,.55),rgba(22,17,20,.92))}
  .cards,.shots{grid-template-columns:1fr}
  .pull{margin-top:-110px}
  .flow{grid-template-columns:1fr;gap:26px;padding-left:12px}
  .flow:before{left:41px;right:auto;top:30px;bottom:30px;width:2px;height:auto}
  .step{display:grid;grid-template-columns:60px 1fr;gap:18px;text-align:left;align-items:center;padding:0}
  .step .n{margin:0}
  .shot{aspect-ratio:16/11}
  .why .cards{margin-top:60px}
}
@media(max-width:520px){
  .wrap{width:calc(100% - 32px)}
  .top .wrap{height:64px}
  .brand span{font-size:21px}
  .pill{padding:0 20px}
  .hero h1{font-size:54px}
  .hero-meta{gap:12px 20px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fog{animation:none}
  .js .rv{opacity:1;transform:none;transition:none}
  .card,.shot,.pill{transition:none}
}

/* ---------- Botão de tema ---------- */
.tgl{width:42px;height:42px;border-radius:50%;border:1px solid rgba(245,240,235,.28);background:rgba(245,240,235,.06);color:inherit;display:grid;place-items:center;cursor:pointer;transition:background .18s,border-color .18s}
.tgl:hover{background:rgba(245,240,235,.14)}
.tgl svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tgl .sun{display:none}
html[data-theme=light] .tgl .sun{display:block}html[data-theme=light] .tgl .moon{display:none}
.top .tgl{margin-left:auto}.top .nav+.tgl,.top .nav~.tgl{margin-left:0}
@media(max-width:960px){.top .tgl{margin-left:auto}.top .tgl+.pill{margin-left:0}}

/* =====================================================================
   MODO CLARO da página inicial — papel #F5F0EB · tinta #161114 · marca #6B1724
   ===================================================================== */
html[data-theme=light]{
  --bg:#F5F0EB;--text:#161114;--muted:#5d5257;--line:rgba(22,17,20,.12);
  --brand-text:#6B1724;color-scheme:light}
html[data-theme=light] body{background:#F5F0EB;color:#161114}
html[data-theme=light] .top.solid{background:rgba(250,246,242,.88);border-color:var(--line)}
html[data-theme=light] .nav a{color:#3b3236}
html[data-theme=light] .nav a:hover{background:rgba(107,23,36,.07);color:#161114}
html[data-theme=light] .tgl{border-color:rgba(22,17,20,.25);background:#fff;color:#161114}
html[data-theme=light] .tgl:hover{background:#F8F4F0}

/* Hero claro: a foto se dissolve no creme */
html[data-theme=light] .hero-bg{background:
  radial-gradient(900px 520px at 80% 35%,rgba(107,23,36,.16),transparent 62%),
  radial-gradient(700px 400px at 8% 100%,rgba(30,36,48,.06),transparent 70%),
  linear-gradient(180deg,#F8F4EF 0%,#F5F0EB 100%)}
html[data-theme=light] .hero-photo{filter:saturate(.9) contrast(1.05) brightness(.95)}
html[data-theme=light] .hero-tint{background:
  linear-gradient(90deg,rgba(245,240,235,.97) 0%,rgba(245,240,235,.78) 36%,rgba(107,23,36,.10) 78%,rgba(245,240,235,0) 100%),
  radial-gradient(520px 340px at 70% 30%,rgba(155,51,69,.14),transparent 70%)}
html[data-theme=light] .fog.a{background:rgba(255,255,255,.7)}
html[data-theme=light] .fog.b{background:rgba(107,23,36,.20)}
html[data-theme=light] .fog.c{background:rgba(30,36,48,.07)}
html[data-theme=light] .hero-vignette{background:linear-gradient(180deg,transparent 72%,#F5F0EB 100%)}
html[data-theme=light] .kicker{color:#6B1724}
html[data-theme=light] .kicker:before{background:#6B1724}
html[data-theme=light] .hero h1 em,html[data-theme=light] .head h2 em{background:linear-gradient(100deg,#6B1724 10%,#b04458 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme=light] .head h2 em{-webkit-text-fill-color:transparent}
html[data-theme=light] .lead{color:#3b3236}
html[data-theme=light] .hero-meta{color:#5d5257}
html[data-theme=light] .hero-meta i{background:#6B1724;box-shadow:0 0 0 4px rgba(107,23,36,.12)}
html[data-theme=light] .pill.ghost{background:rgba(255,255,255,.7);border-color:rgba(22,17,20,.3);color:#161114}
html[data-theme=light] .pill.ghost:hover{background:#fff}

/* Cartões claros */
html[data-theme=light] .card{background:#fff;border-color:var(--line);backdrop-filter:none;box-shadow:0 1px 2px rgba(22,17,20,.05),0 14px 36px rgba(22,17,20,.07)}
html[data-theme=light] .card:before{background:linear-gradient(90deg,transparent,rgba(107,23,36,.4),transparent)}
html[data-theme=light] .card:after{background:radial-gradient(circle,rgba(107,23,36,.12),transparent 68%)}
html[data-theme=light] .card:hover{border-color:rgba(107,23,36,.45);box-shadow:0 22px 56px rgba(107,23,36,.16)}
html[data-theme=light] .card h3{color:#161114}
html[data-theme=light] .card p{color:#5d5257}
html[data-theme=light] .card code{color:#6B1724;background:rgba(107,23,36,.09)}
html[data-theme=light] .ico{background:rgba(107,23,36,.08);border-color:rgba(107,23,36,.45);color:#6B1724;box-shadow:0 6px 18px rgba(107,23,36,.12)}

/* Seções */
html[data-theme=light] .head p,html[data-theme=light] .final p{color:#5d5257}
html[data-theme=light] .why:before{background:
  radial-gradient(620px 420px at 88% 14%,rgba(107,23,36,.16),transparent 65%),
  linear-gradient(180deg,transparent,rgba(255,255,255,.55) 40%,transparent)}
html[data-theme=light] .flow:before{background:linear-gradient(90deg,rgba(107,23,36,.12),#9b3345,rgba(107,23,36,.12));box-shadow:none}
html[data-theme=light] .step .n{background:#fff;color:#6B1724;border-color:rgba(107,23,36,.6);box-shadow:0 0 0 6px #F5F0EB,0 8px 20px rgba(107,23,36,.15)}
html[data-theme=light] .step.me .n{background:#6B1724;color:#fff;box-shadow:0 0 0 6px #F5F0EB,0 0 0 7px #9b3345,0 12px 28px rgba(107,23,36,.35)}
html[data-theme=light] .step b{color:#161114}
html[data-theme=light] .step small{color:#5d5257}
html[data-theme=light] .shot{box-shadow:0 14px 36px rgba(22,17,20,.14);border-color:var(--line)}
html[data-theme=light] .shot h3,html[data-theme=light] .shot p{color:#F5F0EB}
html[data-theme=light] .final{border-color:var(--line)}
html[data-theme=light] .final:before{background:radial-gradient(700px 300px at 50% 120%,rgba(107,23,36,.18),transparent 70%)}
html[data-theme=light] .final h2 em{color:#6B1724!important}
html[data-theme=light] footer{border-color:var(--line);color:#7a6d73}

/* ajustes finos do modo claro */
html[data-theme=light] .top{background:rgba(250,246,242,.82);backdrop-filter:blur(14px);border-color:var(--line)}
html[data-theme=light] .shot .tg{color:#E9B6BD}
@media(max-width:960px){
  html[data-theme=light] .hero-tint{background:linear-gradient(180deg,rgba(245,240,235,.80),rgba(245,240,235,.96))}
  html[data-theme=light] .hero-photo{opacity:.7}
}

/* Contato (09/10) */
.final .mail{font:600 clamp(18px,2.4vw,26px) 'IBM Plex Mono',monospace;color:var(--brand-text,#DFA2AA);text-decoration:none;border-bottom:1px solid currentColor;word-break:break-all}
.final .mail:hover{opacity:.85}
.final .cta{display:flex;gap:12px;flex-wrap:wrap}
footer a{color:inherit}
html[data-theme=light] .final .mail{color:#6B1724}

/* Equipe do TCC (revisão das telas, 09/10/2026) */
.equipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.pessoa{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 14px 22px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(30,36,48,.7),rgba(22,17,20,.78))}
.pessoa .ini{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-bottom:6px;border:1px solid rgba(155,51,69,.8);color:var(--brand-text);font:600 15px 'IBM Plex Mono',monospace;letter-spacing:.5px}
.pessoa b{font:700 19px Rajdhani,sans-serif;letter-spacing:.3px;line-height:1.15}
.pessoa small{color:var(--muted);font:12px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.8px}
.pessoa.orientador .ini{background:var(--brand);color:#fff;border-color:var(--brand-hi)}
.lnk{color:var(--brand-text);text-decoration:underline;text-underline-offset:3px}
footer a{color:inherit}
@media(max-width:960px){.equipe{grid-template-columns:repeat(2,minmax(0,1fr))}.pessoa.orientador{grid-column:1/-1}}
html[data-theme=light] .pessoa{background:#fff;box-shadow:0 1px 2px rgba(22,17,20,.05),0 14px 36px rgba(22,17,20,.07)}
html[data-theme=light] .pessoa b{color:#161114}

/* Página "Privacidade e dados" (privacidade.php) */
.doc{padding:120px 0 70px}
.doc-wrap{max-width:780px}
.doc h1{margin:10px 0 16px;font:700 clamp(36px,4.6vw,54px)/1.02 Rajdhani,sans-serif}
.doc h2{margin:38px 0 10px;font:700 26px Rajdhani,sans-serif;color:var(--brand-text)}
.doc p,.doc li{color:var(--muted);font-size:16px;line-height:1.65}
.doc b{color:var(--text)}
.doc ul{padding-left:20px;margin:0 0 10px}.doc li{margin:6px 0}
.doc .lead{color:var(--text);font-size:18px}
.doc-nota{margin-top:40px;padding-top:18px;border-top:1px solid var(--line);font-size:13px!important}