/*
Theme Name: IADEPP
Theme URI: https://iadepp.org
Author: IADEPP
Author URI: https://iadepp.org
Description: Tema institucional a medida de IADEPP — Instituto Abierto para el Desarrollo y Estudio de Politicas Publicas. Diseno propio, paleta navy + coral, base clara.
Version: 1.1
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: iadepp
*/

  :root{
    /* ---- PALETA (editá acá para cambiar todo el sitio) ---- */
    --navy:#15284C;        /* azul profundo del flyer */
    --navy-700:#1E3563;
    --navy-900:#0F1D3A;
    --coral:#E24A35;       /* rojo IADEPP / coral del flyer */
    --coral-600:#C73D2A;
    --ink:#16203A;         /* texto principal */
    --slate:#5A6478;       /* texto secundario */
    --mist:#F3F6FB;        /* fondo claro de sección */
    --mist-2:#E9EFF8;
    --line:#E2E8F2;        /* líneas y bordes */
    --paper:#FFFFFF;
    --azure:#2F6DB5;       /* azul medio para detalles */

    --display:'Poppins',sans-serif;
    --body:'Raleway',sans-serif;
    --mono:'Poppins',sans-serif;

    --maxw:1180px;
    --r:14px;
  }

  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--body);
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}

  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

  /* ---------- TIPOGRAFÍA ---------- */
  h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--ink)}
  .eyebrow{
    font-family:'Raleway',sans-serif;font-style:normal;font-size:.82rem;font-weight:600;
    letter-spacing:.16em;text-transform:uppercase;color:var(--coral);
    display:inline-flex;align-items:center;gap:.7em;
  }
  .eyebrow::before{content:"";width:30px;height:2px;background:var(--coral);display:inline-block;border-radius:2px}
  .eyebrow.on-navy{color:#FF8A75}
  .eyebrow.on-navy::before{background:#FF8A75}
  p.lead{font-size:1.18rem;color:var(--slate);max-width:62ch}

  /* ---------- NAV ---------- */
  header.nav{
    position:sticky;top:0;z-index:50;
    background:rgba(255,255,255,.86);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}
  .brand{display:flex;align-items:center;gap:12px;cursor:pointer}
  .brand-mark{
    width:38px;height:38px;border-radius:9px;flex:none;
    background:var(--navy);color:#fff;display:grid;place-items:center;
    font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.04em;
    position:relative;overflow:hidden;
  }
  .brand-mark::after{content:"";position:absolute;right:-6px;bottom:-6px;width:18px;height:18px;background:var(--coral);border-radius:50%}
  .brand-txt{font-family:var(--display);font-weight:700;font-size:1.18rem;letter-spacing:-.03em;color:var(--navy)}
  .brand-txt span{color:var(--coral)}

  .logo{height:34px;width:auto;display:block}
  @media(max-width:640px){.logo{height:28px}}


  nav.menu{display:flex;align-items:center;gap:4px}
  nav.menu a{
    font-size:.92rem;font-weight:500;color:var(--ink);
    padding:9px 14px;border-radius:8px;transition:.18s;position:relative;
  }
  nav.menu a:hover{background:var(--mist);color:var(--navy)}
  nav.menu a.active{color:var(--coral)}
  nav.menu a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:var(--coral);border-radius:2px}
  .nav-cta{background:var(--navy)!important;color:#fff!important;padding:10px 18px!important}
  .nav-cta:hover{background:var(--navy-700)!important}

  .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
  .burger span{width:24px;height:2px;background:var(--navy);border-radius:2px;transition:.2s}

  /* ---------- PÁGINAS ---------- */
  .page{display:block;animation:fade .5s ease}
  body.js-ready .page{display:none}
  body.js-ready .page.show{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

  section{padding:88px 0}
  section.tight{padding:64px 0}

  /* ---------- HERO ---------- */
  .hero{
    background:
      radial-gradient(900px 500px at 78% -10%, rgba(226,74,53,.20), transparent 60%),
      linear-gradient(180deg,var(--navy) 0%, var(--navy-900) 100%);
    color:#fff;position:relative;overflow:hidden;padding:120px 0 96px;
  }
  .hero::before{
    content:"";position:absolute;inset:0;opacity:.5;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:54px 54px;
    -webkit-mask-image:radial-gradient(700px 480px at 30% 30%,#000,transparent 75%);
    mask-image:radial-gradient(700px 480px at 30% 30%,#000,transparent 75%);
  }
  .hero .wrap{position:relative;z-index:2}
  .hero h1{color:#fff;font-size:clamp(2.6rem,6vw,4.7rem);font-weight:700;max-width:16ch}
  .hero h1 em{font-style:normal;color:var(--coral);position:relative}
  .hero p.lead{color:#C5D2E8;margin-top:26px;font-size:1.22rem}
  .hero-actions{margin-top:38px;display:flex;gap:14px;flex-wrap:wrap}
  .btn{
    font-family:var(--body);font-weight:600;font-size:.96rem;
    padding:14px 26px;border-radius:10px;cursor:pointer;border:0;transition:.18s;display:inline-block;
  }
  .btn-coral{background:var(--coral);color:#fff}
  .btn-coral:hover{background:var(--coral-600);transform:translateY(-1px)}
  .btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
  .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.07)}
  .btn-navy{background:var(--navy);color:#fff}
  .btn-navy:hover{background:var(--navy-700);transform:translateY(-1px)}

  .hero-stats{
    margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
    background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;
  }
  .hero-stats div{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);padding:22px 20px}
  .hero-stats .n{font-family:var(--display);font-weight:700;font-size:1.9rem;color:#fff;letter-spacing:-.02em}
  .hero-stats .l{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#9FB2D0;margin-top:4px}

  /* ---------- SECCIÓN HEADERS ---------- */
  .sec-head{max-width:64ch;margin-bottom:48px}
  .sec-head h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-top:16px}
  .sec-head p{color:var(--slate);font-size:1.1rem;margin-top:16px}
  .on-mist{background:var(--mist)}

  /* ---------- PILARES ---------- */
  .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .pillar{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;transition:.2s}
  .pillar:hover{border-color:var(--coral);transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(21,40,76,.35)}
  .pillar .k{font-family:var(--mono);font-size:.72rem;color:var(--azure);letter-spacing:.1em}
  .pillar h3{font-size:1.18rem;margin:14px 0 10px}
  .pillar p{font-size:.95rem;color:var(--slate)}

  /* ---------- ÁREAS (grid) ---------- */
  .areas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .area{
    position:relative;border:1px solid var(--line);border-radius:var(--r);
    padding:30px 26px 26px;background:var(--paper);overflow:hidden;transition:.22s;cursor:pointer;
  }
  .area::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--coral);transform:scaleY(0);transform-origin:top;transition:.25s}
  .area:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(21,40,76,.4);border-color:transparent}
  .area:hover::before{transform:scaleY(1)}
  .area .code{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--azure);text-transform:uppercase}
  .area h3{font-size:1.32rem;margin:12px 0 10px}
  .area p{font-size:.96rem;color:var(--slate)}
  .area .more{font-family:var(--mono);font-size:.78rem;color:var(--coral);margin-top:16px;display:inline-block;letter-spacing:.04em}
  .area.feat{grid-column:span 3;background:var(--navy);color:#fff;border:0;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
  .area.feat::before{display:none}
  .area.feat h3{color:#fff;font-size:1.7rem}
  .area.feat p{color:#C5D2E8}
  .area.feat .code{color:#FF8A75}
  .area.feat:hover{transform:none;box-shadow:none}
  .feat-badge{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;background:var(--coral);color:#fff;padding:5px 10px;border-radius:6px;display:inline-block}

  /* ---------- NOSOTROS / split ---------- */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .split .panel{background:var(--navy);border-radius:18px;padding:46px;color:#fff;position:relative;overflow:hidden}
  .split .panel::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(226,74,53,.5),transparent 70%)}
  .split .panel .eyebrow{color:#FF8A75}.split .panel .eyebrow::before{background:#FF8A75}
  .split .panel h2{color:#fff;font-size:2rem;margin:14px 0}
  .split .panel p{color:#C5D2E8}
  .split ul.vals{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
  .split ul.vals li{font-family:var(--mono);font-size:.78rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:6px 12px;border-radius:20px}

  /* ---------- TIMELINE / hitos ---------- */
  .hitos{display:grid;gap:0;border-left:2px solid var(--line);margin-left:8px}
  .hito{position:relative;padding:0 0 34px 34px}
  .hito::before{content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px var(--paper)}
  .hito .yr{font-family:var(--mono);font-weight:600;color:var(--azure);font-size:.85rem;letter-spacing:.06em}
  .hito h4{font-size:1.12rem;margin:6px 0 6px}
  .hito p{color:var(--slate);font-size:.96rem}

  /* ---------- EQUIPO ---------- */
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .member{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:var(--paper);transition:.2s}
  .member:hover{box-shadow:0 14px 32px -20px rgba(21,40,76,.4);transform:translateY(-2px)}
  .mono-ph{
    width:60px;height:60px;border-radius:12px;display:grid;place-items:center;
    font-family:var(--display);font-weight:700;font-size:1.25rem;color:#fff;margin-bottom:16px;letter-spacing:-.03em;
    background:linear-gradient(135deg,var(--navy),var(--navy-700));
  }
  .member:nth-child(3n+2) .mono-ph{background:linear-gradient(135deg,var(--coral),var(--coral-600))}
  .member:nth-child(3n) .mono-ph{background:linear-gradient(135deg,var(--azure),var(--navy))}
  .member .role{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--azure)}
  .member h4{font-size:1.1rem;margin:5px 0 8px}
  .member p{font-size:.88rem;color:var(--slate)}
  .team-band{font-family:var(--display);font-weight:600;font-size:1.4rem;color:var(--navy);margin:54px 0 26px;display:flex;align-items:center;gap:16px}
  .team-band::after{content:"";flex:1;height:1px;background:var(--line)}
  .team-band .tag{font-family:var(--mono);font-size:.7rem;background:var(--mist-2);color:var(--azure);padding:5px 10px;border-radius:6px;letter-spacing:.1em}

  /* ---------- evento / flyer ---------- */
  .event{background:linear-gradient(135deg,var(--navy),var(--navy-900));border-radius:20px;padding:48px;color:#fff;position:relative;overflow:hidden}
  .event::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;opacity:.6}
  .event-inner{position:relative;z-index:2}
  .event h3{color:#fff;font-size:2rem;max-width:18ch;margin:12px 0}
  .event p{color:#C5D2E8;max-width:58ch}
  .panelists{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
  .panelist{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px}
  .panelist .ph{width:46px;height:46px;border-radius:10px;background:var(--coral);display:grid;place-items:center;font-family:var(--display);font-weight:700;color:#fff;margin-bottom:12px}
  .panelist:nth-child(even) .ph{background:var(--azure)}
  .panelist strong{display:block;font-size:.96rem}
  .panelist span{font-family:var(--mono);font-size:.7rem;color:#9FB2D0;letter-spacing:.04em}

  /* ---------- publicaciones ---------- */
  .pubs{display:grid;gap:14px}
  .pub{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:22px 24px;transition:.2s}
  .pub:hover{border-color:var(--coral);background:var(--mist)}
  .pub .yr{font-family:var(--mono);font-weight:600;color:var(--coral);font-size:1.1rem}
  .pub h4{font-size:1.06rem}
  .pub p{font-size:.9rem;color:var(--slate);margin-top:3px}
  .pub .type{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--azure);white-space:nowrap}

  /* ---------- contacto ---------- */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
  .contact-card{background:var(--mist);border-radius:16px;padding:36px}
  .contact-row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
  .contact-row:last-child{border-bottom:0}
  .contact-row .ic{width:38px;height:38px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;flex:none;font-size:1rem}
  .contact-row .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--azure)}
  .contact-row .v{font-weight:500}
  .field{margin-bottom:16px}
  .field label{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:7px}
  .field input,.field textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-family:var(--body);font-size:.96rem;background:#fff;transition:.16s}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--coral);box-shadow:0 0 0 3px rgba(226,74,53,.12)}

  /* ---------- FOOTER ---------- */
  footer{background:var(--navy-900);color:#fff;padding:64px 0 30px}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
  footer h5{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7E92B5;margin-bottom:16px}
  footer ul{list-style:none}
  footer ul li{margin-bottom:9px}
  footer ul li a{color:#C5D2E8;font-size:.92rem;transition:.15s}
  footer ul li a:hover{color:var(--coral)}
  .foot-brand p{color:#9FB2D0;font-size:.92rem;margin-top:16px;max-width:34ch}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:#7E92B5;font-family:var(--mono);letter-spacing:.04em}

  /* ---------- PROGRAMAS (tabs interactivas) ---------- */
  .prog-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:44px}
  .prog-tab{text-align:left;border:1px solid var(--line);border-radius:14px;padding:22px 22px 26px;background:#fff;cursor:pointer;transition:.22s;font-family:inherit;color:var(--ink)}
  .prog-tab:hover{border-color:var(--coral);transform:translateY(-2px)}
  .prog-tab .code{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--azure);margin-bottom:12px}
  .prog-tab h3{font-size:1.14rem;line-height:1.15}
  .prog-tab.active{background:var(--navy);border-color:var(--navy)}
  .prog-tab.active h3{color:#fff}
  .prog-tab.active .code{color:#FF8A75}
  .prog-panel{display:none}
  .prog-panel.active{display:block;animation:fade .4s ease}
  .prog-detail{display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:start;padding-bottom:6px}
  .prog-lead h3{font-size:1.85rem;margin-bottom:14px}
  .prog-lead p{color:var(--slate);font-size:1.06rem}
  .prog-aside{display:grid;gap:12px}
  .stat-mini{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--mist)}
  .stat-mini span{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--azure);margin-bottom:5px}
  .stat-mini strong{font-family:var(--display);font-weight:600;color:var(--navy);font-size:1.0rem}
  .cases-title{font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--navy);margin:36px 0 18px;display:flex;align-items:center;gap:14px}
  .cases-title::after{content:"";flex:1;height:1px;background:var(--line)}
  .cases{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .case{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff;transition:.2s}
  .case:hover{box-shadow:0 16px 36px -22px rgba(21,40,76,.4);transform:translateY(-3px);border-color:transparent}
  .case .tag{display:inline-block;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);background:rgba(226,74,53,.08);padding:5px 10px;border-radius:6px;margin-bottom:14px}
  .case h4{font-size:1.16rem;margin-bottom:10px;line-height:1.25}
  .case p{font-size:.95rem;color:var(--slate)}
  .case .metric{font-family:var(--display);font-weight:700;font-size:2.2rem;color:var(--coral);line-height:1;margin:4px 0 8px}
  .case .partner{font-family:var(--mono);font-size:.74rem;color:var(--azure);margin-top:14px}

  /* ---------- PUBLICACIONES ---------- */
  .pub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .pub-card{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff;display:flex;flex-direction:column;transition:.2s}
  .pub-card:hover{box-shadow:0 16px 36px -22px rgba(21,40,76,.4);transform:translateY(-3px);border-color:transparent}
  .pub-type{align-self:flex-start;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--azure);background:var(--mist);padding:5px 10px;border-radius:6px;margin-bottom:16px}
  .pub-card h4{font-size:1.1rem;line-height:1.28;margin-bottom:10px}
  .pub-card p{font-size:.92rem;color:var(--slate);flex:1}
  .pub-dl{margin-top:18px;font-family:var(--display);font-weight:600;font-size:.9rem;color:var(--coral);align-self:flex-start;transition:.15s}
  .pub-dl:hover{color:var(--coral-600)}
  .pub-dl.muted{color:var(--slate);cursor:default}

  @media(max-width:920px){
    .prog-tabs{grid-template-columns:1fr 1fr}
    .prog-detail{grid-template-columns:1fr;gap:22px}
    .cases,.pub-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:640px){
    .prog-tabs,.cases,.pub-grid{grid-template-columns:1fr}
  }

  /* ---------- reveal ---------- */
  .reveal{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
  body.js-ready .reveal{opacity:0;transform:translateY(22px)}
  body.js-ready .reveal.in{opacity:1;transform:none}

  /* ---------- RESPONSIVE ---------- */
  @media(max-width:920px){
    .pillars,.areas,.team-grid,.panelists{grid-template-columns:1fr 1fr}
    .hero-stats{grid-template-columns:1fr 1fr}
    .split,.contact-grid{grid-template-columns:1fr;gap:30px}
    .area.feat{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
    .pub{grid-template-columns:auto 1fr;}
    .pub .type{display:none}
  }
  @media(max-width:640px){
    nav.menu{
      position:fixed;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;
      padding:14px;gap:2px;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.28s;box-shadow:0 20px 40px -20px rgba(0,0,0,.3)
    }
    nav.menu.open{transform:none}
    nav.menu a{padding:13px 14px}
    nav.menu a.active::after{display:none}
    .burger{display:flex}
    .pillars,.areas,.team-grid,.panelists,.foot-grid,.hero-stats{grid-template-columns:1fr}
    section{padding:60px 0}
    .event,.split .panel,.contact-card{padding:30px}
    .hero{padding:80px 0 64px}
  }
  @media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    .reveal{opacity:1;transform:none}
    html{scroll-behavior:auto}
  }

/* Detalles pequenos en Poppins Light */
.hero-stats .l,.member .role,.pub-type,.case .tag,.case .partner,.stat-mini span,.contact-row .k,.team-band .tag,footer h5,.foot-bottom{font-weight:300}

/* Tarjetas de navegación (página Áreas) */
.nav-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.nav-card{display:block;border-radius:14px;padding:34px;background:var(--navy);color:#fff;transition:.22s;cursor:pointer;position:relative;overflow:hidden}
.nav-card::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(226,74,53,.4),transparent 70%)}
.nav-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -22px rgba(21,40,76,.5)}
.nav-card h3{color:#fff;font-size:1.55rem;margin-bottom:10px;position:relative;z-index:2}
.nav-card p{color:#C5D2E8;margin-bottom:18px;position:relative;z-index:2}
.nav-card .more{color:#FF8A75;font-weight:600;position:relative;z-index:2}
@media(max-width:640px){.nav-cards{grid-template-columns:1fr}}