/* El Simulador — hoja de estilos compartida (22 calculadoras + hub) */
@font-face{font-family:"Avant Garde";src:url("../fonts/font.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Futura LT";src:url("../fonts/FuturaLT-Book.ttf") format("truetype");font-weight:400;font-display:swap}
:root{
  --cream-bg:#FAF3E8;--cream:#F3DFC1;--cream-card:#F4E5C8;--cream-deep:#EDD6A8;--cream-border:#C9AA7A;
  --green:#355E3B;--green-d:#223f27;--green-l:#4a7a52;--wine:#800020;--gold:#C9AA7A;--gold-l:#e7c98f;
  --oak:#6B4B2A;--ink:#1A1C1A;--violet:#6b3fa3;--violet-l:#9c73d4;
  --fd:"Avant Garde","Century Gothic",sans-serif;--fb:"Futura LT","Century Gothic",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--cream-bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.w{max-width:1000px;margin:0 auto;padding:0 40px}
h1,h2,h3,h4{font-family:var(--fd);font-weight:500;line-height:1.15;letter-spacing:-.01em}
.eyebrow{font-family:var(--fd);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase}

/* ── NAV (mismo patrón que biblioteca.html) ── */
#nav{position:sticky;top:0;z-index:500;height:68px;display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;background:rgba(34,63,39,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,170,122,.22)}
#nav .brand{display:flex;align-items:center;gap:13px}
#nav .brand img{height:21px;filter:brightness(0) invert(1)}
#nav .brand .fil{width:1.5px;height:24px;background:rgba(243,223,193,.3)}
#nav .brand .tag{font-family:var(--fd);font-size:14px;letter-spacing:.02em;color:var(--gold-l)}
#nav .nlinks{display:flex;align-items:center;gap:20px}
#nav .nlinks a{font-family:var(--fd);font-size:13px;color:rgba(243,223,193,.82);transition:.2s}
#nav .nlinks a:hover{color:#fff}
#nav .nlinks .nl-sep{width:1px;height:18px;background:rgba(243,223,193,.22)}
#mob-btn{display:none;background:none;border:none;flex-direction:column;gap:5px;padding:6px;cursor:pointer;position:relative;z-index:501}
#mob-btn span{display:block;width:22px;height:2px;background:#fff;transition:.3s}
#mob-menu{display:none;position:fixed;inset:0;z-index:490;background:var(--green-d);flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:88px 24px 32px;overflow-y:auto}
#mob-menu.open{display:flex}
#mob-menu a{font-family:var(--fd);font-size:19px;color:var(--cream)}
@media(max-width:980px){#nav .nlinks{display:none}#nav .brand .tag{display:none}#mob-btn{display:flex}}

/* ── BREADCRUMB + HERO ── */
.crumb{background:var(--green-d);padding:14px 0}
.crumb .w{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--fd);font-size:12px;letter-spacing:.03em;color:rgba(243,223,193,.6)}
.crumb a{color:rgba(243,223,193,.85)}
.crumb a:hover{color:#fff}
.chero{background:radial-gradient(120% 100% at 80% 0%,#3f6e46 0%,var(--green) 45%,var(--green-d) 100%);color:var(--cream);padding:44px 0 40px}
.chero .catbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(243,223,193,.1);border:1px solid rgba(201,170,122,.4);
  border-radius:30px;padding:6px 15px;font-family:var(--fd);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-l);margin-bottom:16px}
.chero h1{font-size:34px;color:#fff;margin-bottom:12px;max-width:760px}
.chero .resumen{font-size:16px;color:rgba(243,223,193,.85);max-width:680px}

/* ── CONTENIDO ── */
.ccontent{background:var(--cream-bg);padding:38px 0 70px}
.cbox{background:#fff;border:1px solid var(--cream-border);border-radius:14px;padding:26px 28px;margin-bottom:22px}
.cbox h2,.cbox h3{color:var(--ink)}
.cbox h2{font-size:20px;margin-bottom:10px}

.cdisclaimer{display:flex;gap:14px;align-items:flex-start;background:#fbeee0;border:1.5px solid var(--gold);border-radius:12px;padding:18px 22px;margin-bottom:22px}
.cdisclaimer .cico{font-size:20px;line-height:1;flex:0 0 auto}
.cdisclaimer p{font-size:13.5px;color:#5a4423;line-height:1.6}
.cdisclaimer strong{color:var(--wine)}

.chow{background:var(--cream-card);border:1px solid var(--cream-border);border-radius:14px;padding:22px 26px;margin-bottom:26px}
.chow .eyebrow{color:var(--wine);margin-bottom:8px;display:block}
.chow p{font-size:14.5px;color:#4a3a20;line-height:1.65;margin-bottom:8px}
.chow p:last-child{margin-bottom:0}
.chow b{color:var(--ink)}

/* ── FORMULARIO ── */
.csim-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 20px}
.csim-campo{display:flex;flex-direction:column;gap:6px}
.csim-campo.csim-lista{grid-column:1/-1}
.csim-label{font-family:var(--fd);font-size:12.5px;letter-spacing:.02em;color:var(--oak)}
.csim-ayuda{font-size:12px;color:#8a7d68;margin-top:-2px}
.csim-input{font-family:var(--fb);font-size:15px;color:var(--ink);background:var(--cream-bg);border:1.5px solid var(--cream-border);
  border-radius:8px;padding:11px 13px;outline:none;transition:.2s;width:100%}
.csim-input:focus{border-color:var(--green);background:#fff}
select.csim-input{cursor:pointer}
.csim-campo-check{flex-direction:row}
.csim-checklabel{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14.5px;color:var(--ink)}
.csim-check{width:18px;height:18px;accent-color:var(--green);flex:0 0 auto}

.csim-filas{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}
.csim-fila{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;background:var(--cream-bg);border:1px solid var(--cream-border);border-radius:10px;padding:12px}
.csim-fila .csim-subcampo{margin:0}
.csim-fila-del{background:none;border:1.5px solid var(--cream-border);color:var(--wine);border-radius:7px;width:38px;height:38px;cursor:pointer;font-size:14px;align-self:end}
.csim-fila-del:hover{background:var(--wine);color:#fff;border-color:var(--wine)}
.csim-fila-add{grid-column:1/-1;font-family:var(--fd);font-size:12.5px;color:var(--green);background:none;border:1.5px dashed var(--green);border-radius:8px;padding:10px;cursor:pointer;transition:.2s;width:100%;text-align:left}
.csim-fila-add:hover{background:rgba(53,94,59,.06)}
.csim-lista-tope{margin-top:4px}

.cbtn{font-family:var(--fd);font-size:14.5px;background:var(--green);color:var(--cream);border:0;border-radius:8px;
  padding:15px 30px;cursor:pointer;transition:.2s;margin-top:6px;display:inline-flex;align-items:center;gap:10px}
.cbtn:hover{background:var(--green-d)}
.cbtn:active{transform:translateY(1px)}

/* ── RESULTADO ── */
.cresult{margin-top:6px}
.cresult.oculto{display:none}
.csim-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px}
.csim-stat{background:var(--cream-card);border:1px solid var(--cream-border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.csim-stat-label{font-family:var(--fd);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--oak)}
.csim-stat-value{font-family:var(--fd);font-size:22px;color:var(--green-d)}
.csim-stat-sub{font-size:11.5px;color:#8a7d68}
.csim-subtitulo{font-size:15px;color:var(--wine);margin:20px 0 8px;font-family:var(--fd)}
.csim-subtotal{font-size:13.5px;color:#4a453c;margin-top:6px;font-style:italic}
.csim-destacado{font-family:var(--fd);font-size:18px;color:var(--wine);margin:14px 0}
.csim-tabla-wrap{overflow-x:auto;margin:10px 0;border:1px solid var(--cream-border);border-radius:10px}
.csim-tabla{width:100%;border-collapse:collapse;font-size:13.5px;min-width:480px}
.csim-tabla th{background:var(--green);color:var(--cream);font-family:var(--fd);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:10px 12px;text-align:left;white-space:nowrap}
.csim-tabla td{padding:9px 12px;border-top:1px solid var(--cream-border);color:#3d3527;white-space:nowrap}
.csim-tabla tbody tr:nth-child(even){background:#fbf7f0}
.csim-nota{font-size:12.5px;color:#8a7d68;margin:10px 0;line-height:1.55}
.csim-advertencia{background:#fdecec;border:1.5px solid #c0392b;color:#8e2a1f;border-radius:10px;padding:14px 18px;font-size:13.5px;margin:14px 0;line-height:1.55}
.csim-base-legal{background:#f4efe6;border-left:3px solid var(--wine);border-radius:0 8px 8px 0;padding:14px 18px;margin-top:20px}
.csim-base-legal-tag{display:block;font-family:var(--fd);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);margin-bottom:5px}
.csim-base-legal p{font-size:12.5px;color:#5a544a;line-height:1.6}
.csim-error{background:#fdecec;border:1.5px solid #c0392b;color:#8e2a1f;border-radius:10px;padding:14px 18px;font-size:14px}

/* ── CTA contacto ── */
.ccta{background:var(--wine);border-radius:14px;padding:26px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:var(--cream)}
.ccta p{font-size:14.5px;max-width:460px}
.ccta a{font-family:var(--fd);font-size:13px;background:var(--cream);color:var(--wine);padding:12px 22px;border-radius:7px;white-space:nowrap;transition:.2s}
.ccta a:hover{background:#fff}

/* ── FOOTER ── */
footer{background:var(--ink);color:rgba(243,223,193,.7);padding:40px 0}
footer .w{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
footer .flock{display:flex;align-items:center;gap:14px}
footer .flock img.a{height:30px;opacity:.92}
footer .flock .fil{width:1px;height:22px;background:rgba(243,223,193,.25)}
footer .flock img.b{height:18px;opacity:.78;filter:brightness(0) invert(1)}
footer .fmeta{font-size:12.5px;line-height:1.7;text-align:right}
footer a{color:var(--gold)}

@media(max-width:760px){
  .w{padding:0 22px}#nav{padding:0 20px}
  .csim-form{grid-template-columns:1fr}
  .csim-fila{grid-template-columns:1fr}
  .chero h1{font-size:26px}
  .ccta{flex-direction:column;text-align:center}
  footer .w{flex-direction:column;text-align:center}footer .fmeta{text-align:center}
  .cbox{padding:20px 18px}
}

/* ═══════════════════════════════════════════════════════════════════
   LANDING DE EL SIMULADOR  (simulador.html)
   ═══════════════════════════════════════════════════════════════════ */
.shero{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 78% 0%,#7e4fb5 0%,#5b3a8c 42%,#37215c 100%);
  color:#efe6fb;padding:76px 0 68px}
.shero .sgrid-bg{position:absolute;inset:0;z-index:0;opacity:.5;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 47px,rgba(239,230,251,.05) 47px,rgba(239,230,251,.05) 48px),
  repeating-linear-gradient(90deg,transparent,transparent 47px,rgba(239,230,251,.035) 47px,rgba(239,230,251,.035) 48px)}
.shero .w{position:relative;z-index:2;max-width:1080px}
.shero .catbadge{display:inline-flex;align-items:center;gap:9px;background:rgba(239,230,251,.1);border:1px solid rgba(201,170,122,.45);
  border-radius:30px;padding:7px 16px;font-family:var(--fd);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-l);margin-bottom:22px}
.shero .catbadge .pulse{width:8px;height:8px;border-radius:50%;background:var(--gold-l);animation:spulse 2s infinite}
@keyframes spulse{0%{box-shadow:0 0 0 0 rgba(231,201,143,.5)}70%{box-shadow:0 0 0 10px rgba(231,201,143,0)}100%{box-shadow:0 0 0 0 rgba(231,201,143,0)}}
.shero h1{font-size:60px;line-height:.98;color:#fff;margin-bottom:18px}
.shero h1 em{font-style:normal;color:var(--gold-l)}
.shero .lead{font-size:18.5px;line-height:1.65;color:rgba(239,230,251,.85);max-width:600px}
.shero .chips{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.shero .chips span{font-family:var(--fd);font-size:12.5px;letter-spacing:.05em;color:#efe6fb;background:rgba(239,230,251,.09);
  border:1px solid rgba(201,170,122,.32);border-radius:30px;padding:8px 16px}

/* — qué es — */
.sque{background:var(--cream-bg);padding:74px 0}
.sque .w{max-width:1080px}
.sque .top{text-align:center;max-width:760px;margin:0 auto 46px}
.sque .eyebrow{color:var(--wine)}
.sque h2{font-size:40px;margin:16px 0 18px;color:var(--ink)}
.sque h2 em{font-style:normal;color:var(--violet)}
.sque .top p{font-size:17.5px;color:#4a453c;line-height:1.7}
.spts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.spt{background:#fff;border:1px solid var(--cream-border);border-radius:16px;padding:28px 26px;position:relative}
.spt b{display:block;font-family:var(--fd);font-size:12px;letter-spacing:.16em;color:var(--violet);margin-bottom:14px}
.spt h4{font-size:18px;color:var(--ink);margin-bottom:9px;line-height:1.25}
.spt p{font-size:14.5px;color:#5a544a;line-height:1.6}

/* — qué hay adentro — */
.sdentro{background:var(--green);color:var(--cream);padding:80px 0}
.sdentro .w{max-width:1080px}
.sdentro .head{text-align:center;max-width:700px;margin:0 auto 44px}
.sdentro .head .eyebrow{color:var(--gold)}
.sdentro .head h2{font-size:40px;color:#fff;margin:14px 0 14px}
.sdentro .head p{font-size:16.5px;color:rgba(243,223,193,.8)}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.scard{position:relative;display:flex;flex-direction:column;border-radius:18px;padding:32px 30px 30px;overflow:hidden;
  background:rgba(243,223,193,.06);border:1px solid rgba(243,223,193,.18);transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,box-shadow .3s}
.scard .snum{position:absolute;top:24px;right:28px;font-family:var(--fd);font-size:52px;color:rgba(243,223,193,.08);line-height:1}
.scard .sico{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:var(--sacc);color:#fff}
.scard .sico svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.scard h3{font-size:23px;color:#fff;margin-bottom:10px}
.scard>p{font-size:15px;color:rgba(243,223,193,.78);line-height:1.6;flex:1;margin-bottom:18px}
.scard .stag{display:inline-flex;align-self:flex-start;font-family:var(--fd);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  padding:5px 12px;border-radius:20px;margin-bottom:16px}
.scard .sgo{font-family:var(--fd);font-size:13.5px;display:inline-flex;align-items:center;gap:8px}
.scard .sgo .arw{transition:transform .25s}
/* disponible */
.scard.on{--sacc:var(--gold);background:rgba(243,223,193,.11);border-color:rgba(201,170,122,.45)}
.scard.on .stag{background:var(--gold);color:var(--green-d)}
.scard.on .sgo{color:var(--gold-l)}
.scard.on:hover{transform:translateY(-7px);background:rgba(243,223,193,.16);border-color:var(--gold);box-shadow:0 24px 46px rgba(0,0,0,.24)}
.scard.on:hover .sgo .arw{transform:translateX(5px)}
.scard.on .sico{color:var(--green-d)}
/* pronto */
.scard.soon{--sacc:rgba(243,223,193,.16);border-style:dashed;border-color:rgba(243,223,193,.26)}
.scard.soon .stag{background:rgba(243,223,193,.14);color:rgba(243,223,193,.75);border:1px solid rgba(243,223,193,.24)}
.scard.soon h3{color:rgba(255,255,255,.8)}
.scard.soon>p{color:rgba(243,223,193,.62)}
.scard.soon .sgo{color:rgba(243,223,193,.5)}
.scard.soon .sico{color:rgba(243,223,193,.65)}

/* — aviso legal de la landing — */
.saviso{background:var(--cream-bg);padding:56px 0 10px}
.saviso .w{max-width:1080px}
.saviso .inner{display:flex;gap:16px;align-items:flex-start;background:#fbeee0;border:1.5px solid var(--gold);border-radius:14px;padding:22px 26px}
.saviso .cico{font-size:22px;line-height:1;flex:0 0 auto}
.saviso p{font-size:14px;color:#5a4423;line-height:1.65}
.saviso strong{color:var(--wine)}
.slanding-cta{background:var(--cream-bg);padding:26px 0 70px}
.slanding-cta .w{max-width:1080px}

@media(max-width:900px){
  .spts,.sgrid{grid-template-columns:1fr}
  .shero h1{font-size:40px}
  .sque h2,.sdentro .head h2{font-size:30px}
}

/* ═══════════════════════════════════════════════════════════════════
   LISTA DE CALCULADORAS  (calculadoras/index.html)
   ═══════════════════════════════════════════════════════════════════ */
.lhero{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 80% 0%,#3f6e46 0%,var(--green) 45%,var(--green-d) 100%);
  color:var(--cream);padding:56px 0 50px}
.lhero .w{max-width:1140px;position:relative;z-index:2}
.lhero .catbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(243,223,193,.1);border:1px solid rgba(201,170,122,.4);
  border-radius:30px;padding:6px 15px;font-family:var(--fd);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-l);margin-bottom:16px}
.lhero h1{font-size:42px;color:#fff;margin-bottom:12px}
.lhero p{font-size:16.5px;color:rgba(243,223,193,.85);max-width:620px}
.lstats{display:flex;gap:34px;margin-top:26px;flex-wrap:wrap}
.lstats b{display:block;font-family:var(--fd);font-size:30px;color:var(--gold-l);line-height:1}
.lstats span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,223,193,.6)}

/* — barra de filtros pegajosa — */
.cfilter{position:sticky;top:68px;z-index:400;background:rgba(250,243,232,.96);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cream-border);padding:16px 0 14px}
.cfilter .w{max-width:1140px}
.csearch{display:flex;align-items:center;gap:11px;background:#fff;border:1.5px solid var(--cream-border);border-radius:11px;
  padding:0 16px;margin-bottom:13px;transition:border-color .2s}
.csearch:focus-within{border-color:var(--green)}
.csearch svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:1.9;stroke-linecap:round;flex:0 0 auto}
.csearch input{flex:1;border:0;background:transparent;font-family:var(--fb);font-size:15px;color:var(--ink);padding:13px 0;outline:none;min-width:0}
.csearch .cclear{background:none;border:0;color:var(--oak);font-size:17px;cursor:pointer;padding:4px 2px;line-height:1;display:none}
.csearch.has .cclear{display:block}
.cpills{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.cpills::-webkit-scrollbar{height:4px}
.cpills::-webkit-scrollbar-thumb{background:var(--cream-border);border-radius:4px}
.cpill{flex:0 0 auto;font-family:var(--fd);font-size:12.5px;color:var(--oak);background:#fff;border:1.5px solid var(--cream-border);
  border-radius:30px;padding:8px 15px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.cpill i{font-style:normal;font-size:10.5px;background:var(--cream-deep);color:var(--oak);border-radius:20px;padding:2px 7px;transition:.2s}
.cpill:hover{border-color:var(--cc,var(--green));color:var(--cc,var(--green))}
.cpill.on{background:var(--cc,var(--green));border-color:var(--cc,var(--green));color:#fff}
.cpill.on i{background:rgba(255,255,255,.22);color:#fff}

/* — grilla de tarjetas — */
.clist{background:var(--cream-bg);padding:38px 0 76px;min-height:52vh}
.clist .w{max-width:1140px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.ccard{position:relative;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cream-border);
  border-radius:18px;padding:26px 26px 24px;isolation:isolate;
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,border-color .28s}
.ccard::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cc);opacity:0;transition:opacity .28s}
.ccard::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cc);opacity:.85;
  transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.16,1,.3,1)}
.ccard:hover{transform:translateY(-6px);border-color:var(--cc);box-shadow:0 20px 42px rgba(53,94,59,.15)}
.ccard:hover::before{opacity:.045}
.ccard:hover::after{transform:scaleX(1)}
.ccard .cidx{position:absolute;top:20px;right:22px;font-family:var(--fd);font-size:40px;line-height:1;color:var(--cc);opacity:.1}
.ccard .cico{width:46px;height:46px;border-radius:13px;background:var(--cc);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ccard .cico svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ccard .ccat{font-family:var(--fd);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--cc);margin-bottom:9px;display:block}
.ccard h3{font-size:17.5px;color:var(--ink);line-height:1.28;margin-bottom:9px;padding-right:34px}
.ccard p{font-size:13.5px;color:#5a544a;line-height:1.55;flex:1;margin-bottom:16px}
.ccard .cgo{font-family:var(--fd);font-size:12.5px;color:var(--cc);display:inline-flex;align-items:center;gap:7px;font-weight:500}
.ccard .cgo .arw{transition:transform .25s}
.ccard:hover .cgo .arw{transform:translateX(5px)}
.ccard[hidden]{display:none}
.cempty{text-align:center;padding:56px 20px;color:#6b6456}
.cempty b{display:block;font-family:var(--fd);font-size:19px;color:var(--ink);margin-bottom:8px}
.cempty span{font-size:14.5px}
.ccount{font-family:var(--fd);font-size:12.5px;letter-spacing:.05em;color:var(--oak);margin-bottom:18px}

@media(max-width:760px){
  .lhero h1{font-size:29px}
  .lstats{gap:22px}.lstats b{font-size:24px}
  .cgrid{grid-template-columns:1fr}
  .cfilter{top:68px;padding:13px 0 11px}
  .ccard{padding:22px 20px 20px}
  .ccard h3{font-size:16.5px}
}