/* claro019.css v1.1 claro0719e - 20/07/2026 - fix linha clara entre header e barra de categorias (faixa preta #0B0B0D) - TEMA CLARO F8 OURO ESCOVADO aprovado Rafael (cores; estrutura em fixos019.css; alternado pelo interruptor #modeswitch) */
/* TEMA CLARO 18 "FINAL AJUSTADA" — v1.0 19/07/2026 — V17 vencedora + ajustes: só CORES claras aqui (estrutura fica no bloco fixo, que vale nos 2 modos) */
:root{--ink:#1B1B1F;--mut:#8A8272;--line:#E7DFCE}
html{background:#FBFAF7}
body{background:
 repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,rgba(190,150,70,.045) 2px,rgba(255,255,255,0) 3px),
 linear-gradient(100deg,rgba(233,169,48,.10) 0%,rgba(255,252,244,.5) 30%,rgba(233,169,48,.06) 52%,rgba(255,252,244,.55) 74%,rgba(233,169,48,.10) 100%),
 radial-gradient(1300px 640px at 50% -8%,rgba(255,250,238,.8),transparent 60%),
 linear-gradient(180deg,#F8F1E0,#EFE4C9);
 background-color:#F5EDD8;background-attachment:fixed}
body{color:var(--ink)}
/* sombras 3D suaves (só no claro; no escuro as originais valem) */
.mc{box-shadow:0 12px 26px rgba(27,27,31,.13),0 34px 64px -22px rgba(27,27,31,.28)}
.mc:hover{box-shadow:0 16px 34px rgba(27,27,31,.17),0 44px 80px -24px rgba(27,27,31,.34),0 0 28px rgba(217,164,65,.22)}
.kpi{box-shadow:0 10px 24px -8px rgba(27,27,31,.16)}
.sec{color:#241A0D}.sec a{color:#8A6118}
/* ===== MENU LANCHE (drawer) ADAPTADO AO CLARO ===== */
.ovl{background:rgba(60,50,30,.35)}
.drawer{background:rgba(255,255,255,.95);border:1px solid rgba(201,153,53,.55);box-shadow:0 24px 70px rgba(27,27,31,.28),0 0 40px rgba(212,160,32,.16),inset 0 1px 0 #fff}
.drawer::before{background:linear-gradient(90deg,transparent,rgba(154,100,0,.5),transparent)}
.drawer .dh b{color:#8A6118;-webkit-text-fill-color:#8A6118;text-shadow:none}
.drawer .dh .x{background:rgba(0,0,0,.05);border:1px solid rgba(201,153,53,.45);color:#8A6118}
.drawer .dh .x:hover{background:rgba(0,0,0,.08);box-shadow:0 0 16px -3px rgba(201,153,53,.5)}
.di{background:linear-gradient(180deg,#FFFFFF,#F6F0E2);border:1px solid rgba(201,153,53,.45);color:#241A0D;box-shadow:inset 0 1px 0 #fff,inset 0 -6px 12px rgba(154,100,0,.06),0 6px 14px rgba(27,27,31,.10)}
.di::after{background:radial-gradient(130% 100% at 50% 0%,rgba(217,164,65,.14),transparent 60%)}
.di:hover{border-color:rgba(154,100,0,.65);box-shadow:inset 0 1px 0 #fff,inset 0 -6px 14px rgba(154,100,0,.08),0 10px 22px rgba(27,27,31,.14),0 0 20px rgba(217,164,65,.22)}
.dmenu .di:nth-child(2),.dmenu .di:nth-child(3),.dmenu .di:nth-child(4){border-color:rgba(154,100,0,.55);box-shadow:inset 0 1px 0 #fff,inset 0 -7px 14px rgba(154,100,0,.07),0 8px 18px rgba(27,27,31,.12),0 0 0 1px rgba(201,153,53,.12)}
/* casca clara (mesmos seletores do dark.css) */
.searchbar{background:#FFFFFF;border-color:#D9A441;box-shadow:0 0 0 1px rgba(201,153,53,.32),0 8px 22px rgba(27,27,31,.1),inset 0 1px 0 #fff}
.searchbar input{color:#1B1B1F}.searchbar input::placeholder{color:#9a917d}
.kpi{background:#FFFFFF;border-color:#E7DFCE}
.pop{background:rgba(27,27,31,.38)}
.pbox{background:#FFFFFF;border-color:rgba(201,153,53,.5);color:#1B1B1F}
.pbox h3{color:#241A0D}.pbox p{color:#8A8272}
.pbox .ghost{background:rgba(154,100,0,.07);color:#6d4500;border:1px solid rgba(201,153,53,.35)}
.pbox .fld input,.pbox .fld select{background:#fff;border-color:#E7DFCE;color:#1B1B1F}
.sheet{background:rgba(27,27,31,.42)}
.dt{background:linear-gradient(180deg,#FFFFFF,#F7F4EC)}
.dt .bd{color:#1B1B1F}
.dt .ri{background:#fff;border-color:#E7DFCE}.dt .ri span{color:#1B1B1F}
.dt .vchip{background:#fff;border-color:#E7DFCE;color:#1B1B1F}
.dt .candbox{background:#fff;border-color:#E7DFCE}
.dt .sobre{color:#6b604b}
.dt .blk h4{color:#8A6118}
.dt .share a{background:#F7F4EC;color:#3a2600}
.blogitem{background:#fff;border-color:#E7DFCE;color:#1B1B1F}
.blogitem h5{color:#1B1B1F}.blogitem p{color:#8A8272}
.tab{background:#FFFFFF;border-top-color:rgba(201,153,53,.4)}
.tab a{color:#8A6118}
.tab a.on{background:rgba(239,160,23,.14)}
.pnacts a{background:#fff;border:1px solid #E7DFCE;color:#8A6118}
.pnitem{background:#fff;border:1px solid #E7DFCE}
.pnitem b{color:#1B1B1F}.pnitem span{color:#8A8272}
.vipben li{color:#5c5240}
.vc.skel{background:linear-gradient(150deg,#F7F4EC,#FDFCF8 60%,#fff);border:1px solid #E7DFCE}
.sk{background:linear-gradient(90deg,rgba(154,100,0,.05) 25%,rgba(154,100,0,.12) 37%,rgba(154,100,0,.05) 63%);background-size:200% 100%}
.csheet-hd h3{color:#8A6118}
.csheet-hd .close{background:rgba(0,0,0,.05);border:1px solid #E7DFCE;color:#241A0D}
.cwheel-item{color:#8A8272}.cwheel-item b{color:#a8946a}
.cwheel-item.sel{color:#6d4500}.cwheel-item.sel b{color:#9a6400}
.seofoot{color:#8A8272!important;border-top-color:rgba(201,153,53,.35)!important}
.seofoot b{color:#8A6118!important}
.seofoot a{color:#8A6118!important}

/* fix claro0719e 20/07/2026: vao de 11px entre header e #words mostrava o fundo creme = linha clara; pinta a faixa de preto */
.app .body{background:linear-gradient(180deg,#0B0B0D 0,#0B0B0D 14px,rgba(0,0,0,0) 14px)}