/*
Theme Name: Vayper Investigación
Theme URI: https://vayper-investigacion.es
Author: Vayper Investigación
Description: Tema a medida para Vayper Investigación, peritaje forense de incendios, inundaciones, fugas de agua y vehículos.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vayper
*/


  :root{
    --graphite:#0E1114;
    --graphite-2:#171B1F;
    --graphite-3:#1F252A;
    --paper:#F5F1E7;
    --paper-2:#EAE4D4;
    --ink:#1C1F22;
    --ink-soft:#565D63;
    --evidence:#FFB020;
    --evidence-2:#FF6A45;
    --evidence-dim:#B87A1E;
    --teal:#31D8C4;
    --teal-dim:#1B8C7D;
    --steel:#6D7C86;
    --ember:#FF6A45;
    --line-dark:rgba(245,241,231,0.12);
    --line-light:rgba(28,31,34,0.13);
    --grad-warm:linear-gradient(135deg, var(--evidence), var(--evidence-2));
    --grad-cool:linear-gradient(135deg, var(--teal), #1FA6C9);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--graphite);
    color:var(--paper);
    font-family:'IBM Plex Sans',sans-serif;
    font-size:16px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Space Grotesk',sans-serif;
    font-weight:600;
    letter-spacing:-0.01em;
  }
  .mono{
    font-family:'IBM Plex Mono',monospace;
    letter-spacing:0.02em;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  @media (max-width:640px){.wrap{padding:0 20px;}}

  /* ---------- Evidence marker signature element ---------- */
  .tag{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    padding:0 8px;
    background:var(--grad-warm);
    color:#20130A;
    font-family:'IBM Plex Mono',monospace;
    font-weight:600;
    font-size:14px;
    clip-path:polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%);
    flex-shrink:0;
    box-shadow:0 0 0 rgba(255,106,69,0);
    transition:box-shadow .25s ease, transform .25s ease;
  }
  .tag--glow{box-shadow:0 4px 18px -2px rgba(255,138,45,0.55);}
  .tag--ghost{
    background:transparent;
    border:1.5px solid var(--evidence);
    color:var(--evidence);
    box-shadow:none;
  }
  .tag--teal{background:var(--grad-cool);color:#04211D;}

  /* ---------- Nav ---------- */
  header.nav{
    position:sticky;top:18px;z-index:50;
    margin:0 auto;
    max-width:1180px;
    padding:0 32px;
  }
  @media (max-width:640px){header.nav{padding:0 16px;}}
  .nav-inner{
    display:flex;align-items:center;justify-content:space-between;
    height:68px;
    background:rgba(23,27,31,0.65);
    backdrop-filter:blur(18px) saturate(160%);
    -webkit-backdrop-filter:blur(18px) saturate(160%);
    border:1px solid rgba(245,241,231,0.1);
    border-radius:999px;
    padding:0 12px 0 26px;
    box-shadow:0 20px 50px -20px rgba(0,0,0,0.55);
  }
  .brand{
    display:flex;align-items:center;gap:10px;
    font-family:'Space Grotesk',sans-serif;
    font-weight:600;font-size:18px;letter-spacing:0.01em;
  }
  .brand .mark{
    width:10px;height:10px;background:var(--grad-warm);
    clip-path:polygon(50% 0%, 100% 100%, 0% 100%);
  }
  nav.links{display:flex;gap:36px;font-size:14px;}
  nav.links a{opacity:0.75;transition:opacity .2s;}
  nav.links a:hover{opacity:1;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 24px;
    background:var(--grad-warm);
    color:#20130A;
    font-weight:600;font-size:14px;
    border:none;cursor:pointer;border-radius:999px;
    box-shadow:0 6px 20px -4px rgba(255,106,69,0.45);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  }
  .btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px -4px rgba(255,106,69,0.6);filter:brightness(1.05);}
  .btn--ghost{
    background:rgba(245,241,231,0.05);border:1px solid var(--line-dark);color:var(--paper);
    box-shadow:none;
  }
  .btn--ghost:hover{background:rgba(245,241,231,0.1);transform:translateY(-2px);box-shadow:none;}
  .btn--sm{padding:10px 20px;font-size:13px;}
  .nav-cta{display:flex;align-items:center;gap:14px;}
  .menu-toggle{display:none;background:none;border:none;color:var(--paper);font-size:24px;cursor:pointer;}
  @media (max-width:860px){
    nav.links{display:none;}
    .menu-toggle{display:block;}
  }

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    padding:76px 0 120px;
    overflow:hidden;
    background:var(--graphite);
  }
  .blob{
    position:absolute;border-radius:50%;
    filter:blur(90px);
    opacity:0.5;
    pointer-events:none;
    animation:drift 16s ease-in-out infinite alternate;
  }
  .blob-1{width:520px;height:520px;top:-220px;right:-140px;background:radial-gradient(circle, rgba(255,138,45,0.55), transparent 70%);}
  .blob-2{width:420px;height:420px;bottom:-200px;left:-120px;background:radial-gradient(circle, rgba(49,216,196,0.4), transparent 70%);animation-delay:-8s;}
  @keyframes drift{
    from{transform:translate(0,0) scale(1);}
    to{transform:translate(30px,-24px) scale(1.08);}
  }
  @media (prefers-reduced-motion: reduce){.blob{animation:none;}}
  .hero-grid{
    display:grid;grid-template-columns:1.05fr 0.95fr;gap:64px;align-items:center;
  }
  @media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:56px;}}
  .eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'IBM Plex Mono',monospace;
    font-size:12.5px;letter-spacing:0.08em;text-transform:uppercase;
    color:var(--evidence);
    margin-bottom:22px;
  }
  .eyebrow::before{content:"";width:22px;height:1px;background:var(--evidence);}
  .hero h1{
    font-size:clamp(2.6rem,5.6vw,4.4rem);
    line-height:1.02;
    letter-spacing:-0.02em;
    color:var(--paper);
    margin-bottom:26px;
  }
  .hero h1 em{
    font-style:normal;
    background:var(--grad-warm);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .hero p.lead{
    font-size:17px;color:rgba(237,234,226,0.72);
    max-width:46ch;margin-bottom:36px;
  }
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px;}
  .hero-stats{
    display:flex;gap:36px;flex-wrap:wrap;
    padding-top:28px;border-top:1px solid var(--line-dark);
  }
  .stat .num{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:600;color:var(--paper);}
  .stat .lbl{font-size:12.5px;color:rgba(237,234,226,0.55);margin-top:2px;}

  /* hero visual: scene board */
  .scene{
    position:relative;
    aspect-ratio:4/5;
    background:
      linear-gradient(var(--line-dark) 1px, transparent 1px) 0 0/28px 28px,
      linear-gradient(90deg, var(--line-dark) 1px, transparent 1px) 0 0/28px 28px,
      rgba(23,27,31,0.55);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    border:1px solid rgba(245,241,231,0.14);
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 40px 90px -30px rgba(0,0,0,0.7);
    transform:rotate(0.4deg);
  }
  .scene::before{
    content:"";position:absolute;inset:0;
    background:
      radial-gradient(circle at 30% 20%, rgba(255,138,45,0.18), transparent 55%),
      radial-gradient(circle at 80% 85%, rgba(49,216,196,0.16), transparent 55%);
  }
  .scene-marker{
    position:absolute;
    display:flex;flex-direction:column;gap:6px;
    font-family:'IBM Plex Mono',monospace;
  }
  .scene-marker .tag{margin-bottom:2px;}
  .scene-marker .cap{font-size:11px;color:rgba(237,234,226,0.6);max-width:130px;}
  .m1{top:10%;left:10%;}
  .m2{top:34%;right:8%;}
  .m3{bottom:26%;left:16%;}
  .m4{bottom:8%;right:16%;}
  .scene-caption{
    position:absolute;bottom:18px;left:18px;right:18px;
    font-family:'IBM Plex Mono',monospace;font-size:11px;
    color:rgba(237,234,226,0.4);
    border-top:1px solid var(--line-dark);padding-top:10px;
  }

  /* ---------- Section shell ---------- */
  section{padding:104px 0;}
  .section-head{
    display:flex;justify-content:space-between;align-items:flex-end;
    gap:40px;margin-bottom:56px;flex-wrap:wrap;
  }
  .section-head .eyebrow{margin-bottom:14px;}
  .section-head h2{font-size:clamp(1.7rem,3vw,2.3rem);max-width:20ch;}
  .section-head p{color:rgba(237,234,226,0.6);max-width:38ch;font-size:15px;}
  .light section, .light{color:var(--ink);}

  /* ---------- Services ---------- */
  .services{background:var(--paper);color:var(--ink);}
  .services .eyebrow{color:var(--evidence-dim);}
  .services .eyebrow::before{background:var(--evidence-dim);}
  .services .section-head p{color:var(--ink-soft);}
  .svc-grid{
    display:grid;
    grid-template-columns:1.3fr 1fr 1fr;
    grid-auto-rows:minmax(150px,auto);
    gap:16px;
  }
  @media (max-width:760px){.svc-grid{grid-template-columns:1fr;}}
  .svc-a{grid-column:1/2;grid-row:1/3;}
  .svc-b{grid-column:2/3;grid-row:1/2;}
  .svc-c{grid-column:3/4;grid-row:1/2;}
  .svc-d{grid-column:2/4;grid-row:2/3;}
  @media (max-width:760px){.svc-a,.svc-b,.svc-c,.svc-d{grid-column:auto;grid-row:auto;}}
  .svc{
    background:var(--paper);padding:36px 32px;
    display:flex;flex-direction:column;gap:14px;
    border:1px solid var(--line-light);border-radius:20px;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .svc:hover{
    transform:translateY(-4px);
    box-shadow:0 24px 46px -20px rgba(28,31,34,0.28);
    border-color:rgba(184,122,30,0.35);
  }
  .svc-a{justify-content:center;background:linear-gradient(160deg, var(--paper), var(--paper-2));}
  .svc-a h3{font-size:26px;}
  .svc-a p{font-size:15px;max-width:32ch;}
  .svc-d{flex-direction:row;align-items:center;gap:28px;}
  .svc-d .svc-top{flex-shrink:0;}
  .svc-top{display:flex;align-items:center;gap:14px;}
  .svc h3{font-size:20px;}
  .svc p{font-size:14.5px;color:var(--ink-soft);}
  .svc-scope{
    margin-top:auto;padding-top:14px;border-top:1px solid var(--line-light);
    display:flex;flex-wrap:wrap;gap:8px;
  }
  .chip{
    font-family:'IBM Plex Mono',monospace;font-size:11.5px;
    padding:5px 10px;border:1px solid var(--line-light);color:var(--ink-soft);
    border-radius:20px;
  }

  /* ---------- Methodology (chain of custody) ---------- */
  .method{background:var(--graphite);}
  .chain{position:relative;margin-top:20px;}
  .chain::before{
    content:"";position:absolute;top:0;bottom:0;left:23px;
    width:1px;background:var(--line-dark);
  }
  @media (max-width:640px){.chain::before{left:17px;}}
  .step{
    position:relative;display:grid;grid-template-columns:48px 1fr;gap:26px;
    padding-bottom:52px;
  }
  @media (max-width:640px){.step{grid-template-columns:36px 1fr;gap:18px;}}
  .step:last-child{padding-bottom:0;}
  .step .tag{position:relative;z-index:2;}
  .step h3{font-size:19px;margin-bottom:8px;color:var(--paper);}
  .step p{font-size:14.5px;color:rgba(237,234,226,0.65);max-width:56ch;}

  /* ---------- Credibility band ---------- */
  .band{
    background:var(--graphite-2);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);
    padding:64px 0;
  }
  .band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  @media (max-width:760px){.band-grid{grid-template-columns:repeat(2,1fr);}}
  .band-item{background:var(--graphite-3);padding:28px 30px;border-radius:16px;border:1px solid var(--line-dark);}
  .band-item .num{
    font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:600;
    background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .band-item .lbl{font-size:13px;color:rgba(245,241,231,0.6);margin-top:6px;}

  /* ---------- Clients ---------- */
  .clients{background:var(--paper);color:var(--ink);}
  .clients .eyebrow{color:var(--evidence-dim);}
  .clients .eyebrow::before{background:var(--evidence-dim);}
  .clients .section-head p{color:var(--ink-soft);}
  .client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  @media (max-width:760px){.client-grid{grid-template-columns:repeat(2,1fr);}}
  .client-card{
    border:1px solid var(--line-light);padding:26px 22px;border-radius:16px;
    display:flex;flex-direction:column;gap:10px;
    transition:transform .2s ease, border-color .2s ease;
  }
  .client-card:hover{transform:translateY(-3px);border-color:rgba(27,140,125,0.4);}
  .client-card .mono{font-size:12px;color:var(--teal-dim);font-weight:600;}
  .client-card h3{font-size:16px;}
  .client-card p{font-size:13.5px;color:var(--ink-soft);}

  /* ---------- Quote ---------- */
  .quote{padding:100px 0;background:var(--graphite);}
  .quote blockquote{
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(1.4rem,2.6vw,2rem);
    font-weight:500;line-height:1.35;max-width:26ch;color:var(--paper);
  }
  .quote cite{
    display:block;margin-top:28px;font-style:normal;
    font-family:'IBM Plex Mono',monospace;font-size:13px;color:rgba(237,234,226,0.55);
  }

  /* ---------- Contact ---------- */
  .contact{background:var(--paper-2);color:var(--ink);border-top:1px solid var(--line-light);}
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;}
  @media (max-width:860px){.contact-grid{grid-template-columns:1fr;gap:48px;}}
  .contact h2{font-size:clamp(1.7rem,3vw,2.2rem);margin-bottom:18px;max-width:16ch;}
  .contact p.lead{color:var(--ink-soft);max-width:42ch;margin-bottom:30px;font-size:15px;}
  .info-row{
    display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line-light);
  }
  .info-row:last-child{border-bottom:1px solid var(--line-light);}
  .info-row .k{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--evidence-dim);min-width:110px;text-transform:uppercase;letter-spacing:0.06em;padding-top:2px;}
  .info-row .v{font-size:15px;}
  form{display:flex;flex-direction:column;gap:16px;}
  .field{display:flex;flex-direction:column;gap:8px;}
  .field label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);}
  .field input,.field select,.field textarea{
    background:var(--paper);border:1px solid var(--line-light);border-radius:10px;
    padding:13px 14px;font-family:'IBM Plex Sans',sans-serif;font-size:14.5px;color:var(--ink);
  }
  .field input:focus,.field select:focus,.field textarea:focus{
    outline:2px solid var(--teal-dim);outline-offset:1px;
  }
  .field textarea{resize:vertical;min-height:100px;}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media (max-width:480px){.row2{grid-template-columns:1fr;}}

  /* ---------- Footer ---------- */
  footer{background:var(--graphite);border-top:1px solid var(--line-dark);padding:44px 0;}
  .foot-inner{
    display:flex;justify-content:space-between;align-items:center;
    flex-wrap:wrap;gap:20px;
  }
  .foot-inner .mono{font-size:12px;color:rgba(237,234,226,0.45);}
  .foot-links{display:flex;gap:24px;font-size:13px;color:rgba(237,234,226,0.6);}

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .btn,.svc,a{transition:none;}
  }

  /* ---------- Contact Form 7 ---------- */
  .cf7-wrap .wpcf7-form{display:flex;flex-direction:column;gap:16px;}
  .cf7-wrap .wpcf7-form p{margin:0;}
  .cf7-wrap .wpcf7-form label{
    display:flex;flex-direction:column;gap:8px;
    font-family:'IBM Plex Mono',monospace;font-size:11.5px;
    text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);
  }
  .cf7-wrap .wpcf7-form-control{
    background:var(--paper);border:1px solid var(--line-light);border-radius:10px;
    padding:13px 14px;font-family:'IBM Plex Sans',sans-serif;font-size:14.5px;color:var(--ink);
    width:100%;
  }
  .cf7-wrap textarea.wpcf7-form-control{min-height:100px;resize:vertical;}
  .cf7-wrap .wpcf7-form-control:focus{outline:2px solid var(--teal-dim);outline-offset:1px;}
  .cf7-wrap input[type="submit"].wpcf7-form-control{
    width:auto;align-self:flex-start;
    background:var(--grad-warm);color:#20130A;border:none;cursor:pointer;
    padding:13px 24px;font-weight:600;font-size:14px;border-radius:999px;
    box-shadow:0 6px 20px -4px rgba(255,106,69,0.45);
    transition:transform .18s ease, box-shadow .18s ease;
  }
  .cf7-wrap input[type="submit"].wpcf7-form-control:hover{
    transform:translateY(-2px);box-shadow:0 10px 26px -4px rgba(255,106,69,0.6);
  }
  .cf7-wrap .wpcf7-spinner{margin-left:12px;}
  .cf7-wrap .wpcf7-not-valid-tip{
    font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ember);margin-top:6px;
  }
  .cf7-wrap .wpcf7-response-output{
    border-radius:10px;margin:0;font-size:14px;
  }

  /* ---------- Inner page hero ---------- */
  .page-hero{
    padding:150px 0 64px;
    background:
      radial-gradient(500px 320px at 90% -10%, rgba(255,138,45,0.14), transparent 60%),
      var(--graphite);
  }
  .page-hero h1{
    font-size:clamp(2.1rem,4vw,3.1rem);
    line-height:1.05;color:var(--paper);margin-bottom:16px;
  }
  .page-hero p.lead{color:rgba(245,241,231,0.68);font-size:16px;max-width:60ch;}
  .page-hero--light{
    background:var(--paper-2);
  }
  .page-hero--light h1{color:var(--ink);}
  .page-hero--light p.lead{color:var(--ink-soft);}
  .page-hero--light .eyebrow{color:var(--evidence-dim);}
  .page-hero--light .eyebrow::before{background:var(--evidence-dim);}

  .page-extra{margin-top:56px;padding-top:40px;border-top:1px solid var(--line-light);max-width:70ch;}
  .page-extra p{color:var(--ink-soft);margin-bottom:16px;}

  /* ---------- Hub (portada) ---------- */
  .hub{background:var(--paper);color:var(--ink);}
  .hub .eyebrow{color:var(--evidence-dim);}
  .hub .eyebrow::before{background:var(--evidence-dim);}
  .hub .section-head p{color:var(--ink-soft);}
  .hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  @media (max-width:860px){.hub-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.hub-grid{grid-template-columns:1fr;}}
  .hub-card{
    position:relative;
    display:flex;flex-direction:column;gap:12px;
    padding:32px 28px;border:1px solid var(--line-light);border-radius:18px;
    background:var(--paper);color:var(--ink);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .hub-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 44px -20px rgba(28,31,34,0.26);
    border-color:rgba(184,122,30,0.35);
  }
  .hub-card h3{font-size:19px;}
  .hub-card p{font-size:14px;color:var(--ink-soft);}
  .hub-arrow{
    position:absolute;top:28px;right:26px;
    font-size:18px;color:var(--evidence-dim);
    transition:transform .2s ease;
  }
  .hub-card:hover .hub-arrow{transform:translate(3px,-3px);}

  /* ---------- Galería ---------- */
  .gallery-section{background:var(--paper);color:var(--ink);padding-top:64px;}
  .vayper-gallery-content{max-width:1180px;}
  .vayper-gallery-content .wp-block-gallery,
  .vayper-gallery-content .gallery{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;
  }
  .vayper-gallery-content figure,
  .vayper-gallery-content .gallery-item{margin:0;}
  .vayper-gallery-content img{
    width:100%;height:220px;object-fit:cover;border-radius:14px;
    cursor:zoom-in;transition:transform .3s ease, filter .3s ease;
    display:block;
  }
  .vayper-gallery-content img:hover{transform:scale(1.02);filter:brightness(0.95);}
  .vayper-gallery-content figcaption{
    font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-soft);margin-top:8px;
  }
  .vayper-lightbox{
    position:fixed;inset:0;z-index:200;
    background:rgba(14,17,20,0.92);
    display:flex;align-items:center;justify-content:center;
    padding:40px;
  }
  .vayper-lightbox img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,0.5);}
  .vayper-lightbox-close{
    position:absolute;top:24px;right:28px;
    background:rgba(245,241,231,0.1);border:1px solid rgba(245,241,231,0.2);
    color:var(--paper);width:40px;height:40px;border-radius:50%;
    font-size:22px;line-height:1;cursor:pointer;
  }

  /* ---------- Legal content ---------- */
  .legal-content{background:var(--paper);color:var(--ink);}
  .legal-content .entry-content{max-width:72ch;font-size:15px;line-height:1.75;color:var(--ink-soft);}
  .legal-content .entry-content h2{color:var(--ink);margin:36px 0 12px;font-size:20px;}
  .legal-content .entry-content p{margin-bottom:16px;}
  .legal-content .entry-content ul{margin:0 0 16px 20px;}

  /* ---------- Cookie banner ---------- */
  .cookie-banner{
    position:fixed;left:20px;right:20px;bottom:20px;z-index:150;
    max-width:640px;margin:0 auto;
    background:rgba(23,27,31,0.92);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(245,241,231,0.14);
    border-radius:18px;
    padding:22px 24px;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.6);
    display:flex;flex-direction:column;gap:14px;
  }
  .cookie-banner p{font-size:13.5px;color:rgba(245,241,231,0.78);line-height:1.55;}
  .cookie-banner p a{color:var(--evidence);text-decoration:underline;}
  .cookie-banner-actions{display:flex;gap:10px;}
  @media (max-width:480px){.cookie-banner{left:12px;right:12px;bottom:12px;padding:18px;}}