/* nodai-v2 */

/* ==========================================================================
   NODAI · Sistema de diseño global (v2)
   --------------------------------------------------------------------------
   Se carga en TODAS las páginas públicas desde el snippet «NODAI · Base».
   Contiene: fuentes, colores y medidas, botones, header, footer, blog y
   páginas legales. La portada añade encima nodai-home.css.

   Colores de la guía de estilo (Nodai Guia Estilo.ai):
     papel  #FBFFF7   tinta  #1D1D1B   turquesa  #0F938D
   Contrastes medidos sobre papel:
     tinta 16,7:1 · gris #575756 7,2:1 · gris-2 #706F6F 4,9:1
     turquesa #0F938D 3,7:1 → SOLO texto grande, líneas y detalles
     acento-ink #0C7A75 5,1:1 → enlaces y texto pequeño
   Sobre tinta: acento-luz #2BB5AE 6,7:1 · gris-3 #9D9D9C 6,2:1
   ========================================================================== */

/* ---------- Fuentes (alojadas en el propio servidor) ---------- */
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/wp-content/uploads/nodai/fonts/outfit-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/wp-content/uploads/nodai/fonts/outfit-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;
  src:url(/wp-content/uploads/nodai/fonts/figtree-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;
  src:url(/wp-content/uploads/nodai/fonts/figtree-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:italic;font-weight:300 900;font-display:swap;
  src:url(/wp-content/uploads/nodai/fonts/figtree-latin-wght-italic.woff2) format("woff2")}

/* ---------- Tokens ---------- */
:root{
  --n-papel:#FBFFF7;
  --n-papel-2:#F3F7EF;
  --n-papel-3:#E8EDE4;
  --n-tinta:#1D1D1B;
  --n-tinta-2:#3C3C3B;
  --n-tinta-3:#2A2A28;
  --n-gris:#575756;
  --n-gris-2:#706F6F;
  --n-gris-3:#9D9D9C;
  --n-linea:rgba(29,29,27,.09);
  --n-linea-2:rgba(29,29,27,.16);
  --n-linea-osc:rgba(251,255,247,.12);
  /* ACENTO (una sola fuente de verdad): turquesa de la guía de estilo.
     acento: color de marca (3,7:1 sobre papel → solo texto grande, líneas, detalles)
     ink: texto pequeño y enlaces sobre papel · luz: texto sobre tinta
     Para cambiar de color en el futuro, basta con tocar estas líneas. */
  --n-acento:#0F938D;
  --n-acento-ink:#0C7A75;      /* 5,1:1 sobre papel */
  --n-acento-luz:#2BB5AE;      /* 6,7:1 sobre tinta */
  --n-acento-rgb:15,147,141;
  --n-acento-tinte:#E3F3F1;
  --n-sobre-acento:#FBFFF7;    /* texto/iconos encima del acento */
  --n-acento-trazo:var(--n-acento);  /* líneas y puntos animados */
  --n-acento-08:rgba(var(--n-acento-rgb),.08);
  --n-acento-16:rgba(var(--n-acento-rgb),.16);

  --n-display:"Outfit","Century Gothic","Avenir Next",system-ui,sans-serif;
  --n-text:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* curvas: salida pesada (entradas), muelle (respuestas), estándar */
  --n-ease:cubic-bezier(.32,.72,0,1);
  --n-ease-out:cubic-bezier(.23,1,.32,1);   /* salida fuerte (entradas) */
  --n-ease-io:cubic-bezier(.77,0,.175,1);   /* movimiento en pantalla */

  /* un único sistema de radios: píldora para lo interactivo,
     24 px para tarjetas, 16 px para piezas internas */
  --n-r-card:1.5rem;
  --n-r-in:1rem;
  --n-r-pill:999px;

  --n-sombra:0 1px 2px rgba(29,29,27,.04),0 12px 32px -14px rgba(29,29,27,.14),0 44px 80px -48px rgba(29,29,27,.18);
  --n-sombra-alta:0 2px 4px rgba(29,29,27,.04),0 24px 48px -18px rgba(29,29,27,.2),0 60px 120px -60px rgba(29,29,27,.25);

  --n-maxw:76rem;
  --n-gut:clamp(1rem,4vw,2.5rem);
  --n-sec:clamp(4.5rem,8vw,7rem);
  --n-hd-top:1rem;
  --n-hd-h:4rem;
}

/* ---------- Base (solo en páginas con v2 activa: body.n-v2) ---------- */
body.n-v2{
  margin:0;
  background:var(--n-papel);
  color:var(--n-tinta);
  font-family:var(--n-text);
  font-size:1rem;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  overflow-x:clip;
}
body.n-v2 ::selection{background:var(--n-acento);color:var(--n-sobre-acento)}
body.n-v2 :focus-visible{outline:2px solid var(--n-acento-ink);outline-offset:3px;border-radius:6px}
.n-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hello Elementor pinta enlaces y titulares a su manera: aquí se neutraliza
   dentro de nuestros componentes, con :where() para no sumar especificidad */
:where(.n-hd,.n-ft,.n-home,.n-prose) :where(h1,h2,h3,h4,p,ul,ol,li,figure,blockquote){margin:0;padding:0}
:where(.n-hd,.n-ft,.n-home) :where(ul,ol){list-style:none}
:where(.n-hd,.n-ft,.n-home) a{color:inherit;text-decoration:none}
:where(.n-hd,.n-ft,.n-home) svg{display:block}
:where(.n-hd,.n-ft,.n-home) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.n-hd *,.n-ft *,.n-home *{box-sizing:border-box}

.n-wrap{width:100%;max-width:var(--n-maxw);margin-inline:auto;padding-inline:var(--n-gut)}

/* ---------- Tipografía compartida ---------- */
.n-h1,.n-h2,.n-h3{font-family:var(--n-display);color:var(--n-tinta);font-weight:600;letter-spacing:-.035em}
.n-h1{font-size:clamp(2.5rem,4.6vw,4.25rem);line-height:1}
.n-h2{font-size:clamp(2.1rem,4.6vw,3.9rem);line-height:1.02}
.n-h3{font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.15;letter-spacing:-.02em}
.n-lead{font-size:clamp(1.08rem,1.4vw,1.25rem);line-height:1.55;color:var(--n-gris);max-width:36rem}
.n-acento{color:var(--n-acento)}

/* etiqueta en píldora (máx. 1 cada 3 secciones) */
.n-pill{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.4rem .85rem .4rem .45rem;border-radius:var(--n-r-pill);
  background:var(--n-papel);border:1px solid var(--n-linea-2);
  font-family:var(--n-text);font-size:.8rem;font-weight:600;letter-spacing:.01em;color:var(--n-tinta-2);
  box-shadow:0 1px 2px rgba(29,29,27,.04);
}
.n-pill svg{width:1.35rem;height:1.35rem;padding:.2rem;border-radius:50%;background:var(--n-tinta);color:var(--n-papel)}

/* etiqueta pequeña dentro de tarjetas */
.n-tag{
  display:inline-block;font-family:var(--n-text);font-size:.72rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--n-acento-ink);
}

/* ---------- Botones (píldora con flecha dentro de su propio círculo) ---------- */
.n-btn{
  --b-bg:var(--n-tinta);--b-fg:var(--n-papel);--b-ico-bg:var(--n-acento);--b-ico-fg:var(--n-sobre-acento);
  position:relative;display:inline-flex;align-items:center;gap:.85rem;
  padding:.45rem .45rem .45rem 1.35rem;min-height:3.25rem;
  border-radius:var(--n-r-pill);border:1px solid transparent;
  background:var(--b-bg);color:var(--b-fg)!important;
  font-family:var(--n-text);font-size:.98rem;font-weight:650;letter-spacing:-.005em;line-height:1;white-space:nowrap;
  text-decoration:none!important;cursor:pointer;
  transition:transform .25s var(--n-ease-out),background-color .3s var(--n-ease),box-shadow .25s var(--n-ease-out),border-color .3s;
  -webkit-tap-highlight-color:transparent;
}
.n-btn__ico{
  display:grid;place-items:center;flex:none;width:2.35rem;height:2.35rem;border-radius:50%;
  background:var(--b-ico-bg);color:var(--b-ico-fg);
  transition:transform .25s var(--n-ease-out),background-color .3s;
}
.n-btn__ico svg{width:1.05rem;height:1.05rem;transition:transform .25s var(--n-ease-out)}
.n-btn:active{transform:scale(.97);transition-duration:.16s}
@media (hover:hover) and (pointer:fine){
  .n-btn:hover{box-shadow:0 14px 30px -14px rgba(29,29,27,.45)}
  .n-btn:hover .n-btn__ico{transform:scale(1.08)}
  .n-btn:hover .n-btn__ico svg{transform:translate(2px,-2px)}
  .n-btn--arrow:hover .n-btn__ico svg{transform:translateX(3px)}
}
.n-btn--ghost{--b-bg:transparent;--b-fg:var(--n-tinta);--b-ico-bg:var(--n-papel-3);--b-ico-fg:var(--n-tinta);border-color:var(--n-linea-2)}
@media (hover:hover) and (pointer:fine){.n-btn--ghost:hover{border-color:var(--n-tinta);box-shadow:none}}
.n-btn--light{--b-bg:var(--n-papel);--b-fg:var(--n-tinta);--b-ico-bg:var(--n-tinta);--b-ico-fg:var(--n-papel)}
.n-btn--sm{min-height:2.75rem;padding:.35rem .35rem .35rem 1.1rem;font-size:.9rem;gap:.65rem}
.n-btn--sm .n-btn__ico{width:2rem;height:2rem}

/* enlace con subrayado que crece */
.n-link{
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;
  transition:background-size .25s var(--n-ease-out),color .3s;
  padding-bottom:2px;
}
@media (hover:hover) and (pointer:fine){.n-link:hover{background-size:100% 1px}}

/* ---------- Aparición al hacer scroll ----------
   La clase n-js la pone el JS. Sin JS, todo se ve desde el principio. */
.n-js [data-reveal]{opacity:0;transform:translate3d(0,2rem,0)}
.n-js [data-reveal].is-in{
  opacity:1;transform:none;
  transition:opacity .9s var(--n-ease-out),transform 1s var(--n-ease-out);
  transition-delay:calc(var(--d,0) * 90ms);
}

/* ==========================================================================
   HEADER · isla flotante
   ========================================================================== */
.n-hd{
  position:fixed;z-index:1000;left:0;right:0;top:var(--n-hd-top);
  padding-inline:var(--n-gut);pointer-events:none;
  font-family:var(--n-text);
  transition:transform .4s var(--n-ease);
}
body.admin-bar .n-hd{top:calc(var(--n-hd-top) + 32px)}
@media (max-width:782px){body.admin-bar .n-hd{top:calc(var(--n-hd-top) + 46px)}}
.n-hd.is-hidden{transform:translateY(calc(-100% - 2rem))}

.n-hd__bar{
  pointer-events:auto;position:relative;
  display:flex;align-items:center;gap:1.25rem;
  width:100%;max-width:var(--n-maxw);margin-inline:auto;
  height:var(--n-hd-h);padding:0 .45rem 0 1.25rem;
  border-radius:var(--n-r-pill);
  background:rgba(251,255,247,.72);
  border:1px solid rgba(29,29,27,.08);
  box-shadow:0 1px 1px rgba(255,255,255,.6) inset,0 10px 30px -18px rgba(29,29,27,.25);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  transition:box-shadow .25s var(--n-ease-out),background-color .25s var(--n-ease-out);
}
.n-hd.is-stuck .n-hd__bar{background:rgba(251,255,247,.86);box-shadow:0 1px 1px rgba(255,255,255,.6) inset,0 18px 40px -22px rgba(29,29,27,.35)}

.n-hd__brand{display:flex;align-items:center;color:var(--n-tinta);flex:none}
.n-hd__brand .n-logo{height:1.45rem;width:auto}

.n-hd__nav{margin-left:auto}
.n-hd__menu{display:flex;align-items:center;gap:.2rem}
.n-hd__menu a{
  position:relative;display:block;padding:.6rem .9rem;border-radius:var(--n-r-pill);
  font-size:.94rem;font-weight:550;color:var(--n-tinta-2);
  transition:color .3s,background-color .3s;
}
@media (hover:hover) and (pointer:fine){.n-hd__menu a:hover{color:var(--n-tinta);background:rgba(29,29,27,.05)}}
.n-hd__menu .current-menu-item > a,.n-hd__menu .current_page_item > a{color:var(--n-tinta)}
.n-hd__menu .current-menu-item > a::after,.n-hd__menu .current_page_item > a::after{
  content:"";position:absolute;left:50%;bottom:.3rem;width:.3rem;height:.3rem;margin-left:-.15rem;
  background:var(--n-acento-trazo);border-radius:1px;
}
.n-hd__menu .sub-menu{display:none}

.n-hd__burger{display:none;position:relative;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--n-tinta);flex:none}
.n-hd__burger span,.n-hd__burger span::before{
  position:absolute;left:50%;top:50%;width:1.05rem;height:1.5px;margin-left:-.525rem;background:var(--n-papel);border-radius:2px;
  transition:transform .25s var(--n-ease-out);
}
.n-hd__burger span{transform:translateY(-3px)}
.n-hd__burger span::before{content:"";margin:0;left:0;top:0;transform:translateY(6px)}
.n-hd.is-open .n-hd__burger span{transform:rotate(45deg)}
.n-hd.is-open .n-hd__burger span::before{transform:rotate(-90deg)}

/* panel móvil a pantalla completa */
.n-hd__panel{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  display:flex;flex-direction:column;justify-content:flex-start;gap:2rem;
  padding:calc(var(--n-hd-top) + var(--n-hd-h) + 2rem) calc(var(--n-gut) + .5rem) calc(2rem + env(safe-area-inset-bottom));
  background:rgba(251,255,247,.94);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  opacity:0;visibility:hidden;transition:opacity .45s var(--n-ease),visibility .45s;
}
.n-hd.is-open .n-hd__panel{opacity:1;visibility:visible;pointer-events:auto}
.n-hd__panel-menu li{overflow:hidden}
.n-hd__panel-menu a{
  display:block;padding:.3rem 0;font-family:var(--n-display);font-size:clamp(2.4rem,11vw,3.4rem);
  font-weight:600;letter-spacing:-.04em;line-height:1.05;color:var(--n-tinta);
  transform:translateY(110%);transition:transform .45s var(--n-ease);
}
.n-hd.is-open .n-hd__panel-menu a{transform:none}
.n-hd.is-open .n-hd__panel-menu li:nth-child(2) a{transition-delay:.05s}
.n-hd.is-open .n-hd__panel-menu li:nth-child(3) a{transition-delay:.1s}
.n-hd.is-open .n-hd__panel-menu li:nth-child(4) a{transition-delay:.15s}
.n-hd.is-open .n-hd__panel-menu li:nth-child(5) a{transition-delay:.2s}
.n-hd__panel-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:.95rem;color:var(--n-gris);
  opacity:0;transform:translateY(1rem);transition:opacity .3s var(--n-ease) .2s,transform .45s var(--n-ease) .2s}
.n-hd.is-open .n-hd__panel-foot{opacity:1;transform:none}

@media (max-width:63.99rem){
  :root{--n-hd-h:3.6rem;--n-hd-top:.7rem}
  .n-hd__nav{display:none}
  .n-hd__burger{display:block}
  .n-hd__cta{margin-left:auto}
  .n-hd__bar{padding:0 .35rem 0 1rem;gap:.5rem}
}
@media (max-width:26rem){
  .n-hd__cta .n-btn__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .n-hd__cta{padding:.35rem!important;gap:0!important}
}

/* ==========================================================================
   FOOTER · bloque en tinta
   ========================================================================== */
.n-ft{
  position:relative;overflow:hidden;
  background:var(--n-tinta);color:var(--n-papel);
  padding:clamp(4rem,8vw,6.5rem) 0 0;
  font-family:var(--n-text);
}
.n-ft__top{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:3rem 2rem;padding-bottom:clamp(3rem,6vw,5rem)}
.n-ft__brand .n-logo{height:1.7rem;width:auto;color:var(--n-papel)}
.n-ft__claim{margin-top:1.4rem!important;max-width:20rem;font-size:1rem;line-height:1.55;color:var(--n-gris-3)}
.n-ft__h{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--n-acento-luz);margin-bottom:1.1rem!important}
.n-ft__list{display:grid;gap:.6rem}
.n-ft__list a{color:var(--n-papel);font-size:.98rem}
.n-ft__social{display:flex;gap:.6rem;margin-top:.2rem}
.n-ft__social a{
  display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;
  border:1px solid var(--n-linea-osc);color:var(--n-papel);
  transition:background-color .3s,color .3s,transform .25s var(--n-ease-out),border-color .3s;
}
.n-ft__social svg{width:1.25rem;height:1.25rem}
@media (hover:hover) and (pointer:fine){.n-ft__social a:hover{background:var(--n-papel);color:var(--n-tinta);border-color:var(--n-papel);transform:translateY(-3px)}}

.n-ft__bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;
  padding:1.6rem 0;border-top:1px solid var(--n-linea-osc);font-size:.88rem;color:var(--n-gris-3);
}
.n-ft__legal{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.n-ft__legal a{color:var(--n-gris-3)}
@media (hover:hover) and (pointer:fine){.n-ft__legal a:hover{color:var(--n-papel)}}

/* la marca gigante que asoma por abajo */
.n-ft__giant{
  display:block;width:100%;max-width:var(--n-maxw);margin:0 auto;padding-inline:var(--n-gut);
  color:rgba(251,255,247,.06);transform:translateY(18%);
}
.n-ft__giant .n-logo{width:100%;height:auto}

@media (max-width:63.99rem){.n-ft__top{grid-template-columns:1fr 1fr}.n-ft__brand{grid-column:1/-1}}
@media (max-width:30rem){.n-ft__top{grid-template-columns:1fr}}

/* ==========================================================================
   BLOG Y PÁGINAS LEGALES (marcado de Hello Elementor)
   main.site-main > .page-header > h1.entry-title
                 > .page-content > …
   ========================================================================== */
body.n-v2.blog main.site-main,
body.n-v2.archive main.site-main,
body.n-v2.single-post main.site-main,
body.n-v2.n-legal main.site-main{
  width:100%;max-width:48rem;margin:0 auto;
  padding:calc(var(--n-hd-top) + var(--n-hd-h) + clamp(3rem,8vw,6rem)) var(--n-gut) var(--n-sec);
}
body.n-v2.blog main.site-main,body.n-v2.archive main.site-main{max-width:var(--n-maxw)}

body.n-v2 main.site-main .page-header{margin:0 0 clamp(2rem,5vw,3.5rem);padding:0}
body.n-v2 main.site-main .page-header .entry-title{
  font-family:var(--n-display);font-weight:600;letter-spacing:-.035em;color:var(--n-tinta);
  font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:1.02;margin:0;max-width:22ch;
}
/* párrafo de entrada de las categorías (lo pone el snippet v2) */
body.n-v2 main.site-main .page-header .archive-description{margin:1.1rem 0 0;max-width:62ch;color:var(--n-gris);font-size:1.08rem;line-height:1.6}
body.n-v2 main.site-main .page-header .archive-description a{color:var(--n-acento-ink);text-underline-offset:.2em}

/* --- listado del blog: tarjetas numeradas --- */
/* La portada de cada artículo ya lleva el título dibujado: en el listado sobra
   (se usa al compartir y en los datos para Google). */
body.n-v2.blog article.post .wp-post-image,body.n-v2.archive article.post .wp-post-image,
body.n-v2.blog article.post a:has(> .wp-post-image),body.n-v2.archive article.post a:has(> .wp-post-image){display:none!important}
body.n-v2.blog .page-content,body.n-v2.archive .page-content{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;counter-reset:n-post;
}
body.n-v2.blog article.post,body.n-v2.archive article.post{
  counter-increment:n-post;position:relative;
  display:flex;flex-direction:column;gap:1rem;
  padding:clamp(1.5rem,3vw,2.25rem);padding-top:clamp(4rem,6vw,5rem);
  background:var(--n-papel);border:1px solid var(--n-linea);border-radius:var(--n-r-card);
  box-shadow:0 1px 2px rgba(29,29,27,.03);
  transition:transform .25s var(--n-ease-out),box-shadow .25s var(--n-ease-out),border-color .4s;
}
body.n-v2.blog article.post::before,body.n-v2.archive article.post::before{
  content:counter(n-post,decimal-leading-zero);position:absolute;top:1.5rem;left:clamp(1.5rem,3vw,2.25rem);
  font-family:var(--n-display);font-size:.9rem;font-weight:600;color:var(--n-acento-ink);letter-spacing:.02em;
}
body.n-v2.blog article.post::after,body.n-v2.archive article.post::after{
  content:"";position:absolute;top:1.35rem;right:1.35rem;width:2.4rem;height:2.4rem;border-radius:50%;
  background:var(--n-papel-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%231D1D1B' d='M198,64V168a6,6,0,0,1-12,0V78.48L68.24,196.24a6,6,0,0,1-8.48-8.48L177.52,70H88a6,6,0,0,1,0-12H192A6,6,0,0,1,198,64Z'/%3E%3C/svg%3E") center/1rem no-repeat;
  transition:transform .25s var(--n-ease-out),background-color .3s;
}
body.n-v2.blog article.post:first-child,body.n-v2.archive article.post:first-child{
  grid-column:1/-1;min-height:20rem;justify-content:flex-end;
  background:var(--n-papel-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 320' fill='none' stroke='%231D1D1B' stroke-opacity='.14' stroke-width='1.3'%3E%3Cpath d='M120 0l90 120h220l60-80h110M210 120l-40 200M430 120l70 200M330 120v-40l80-80'/%3E%3Cg fill='%23F3F7EF'%3E%3Ccircle cx='210' cy='120' r='5'/%3E%3Ccircle cx='430' cy='120' r='5'/%3E%3Ccircle cx='490' cy='40' r='5'/%3E%3Ccircle cx='330' cy='80' r='5'/%3E%3C/g%3E%3Ccircle cx='430' cy='120' r='7' fill='%231D1D1B' stroke='none'/%3E%3C/svg%3E") right center/auto 100% no-repeat;
}
body.n-v2.blog article.post:first-child .entry-title,body.n-v2.archive article.post:first-child .entry-title{font-size:clamp(1.7rem,3.4vw,2.6rem);max-width:24ch}
body.n-v2.blog article.post .entry-title,body.n-v2.archive article.post .entry-title{
  margin:0;font-family:var(--n-display);font-weight:600;letter-spacing:-.025em;
  font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.15;
}
body.n-v2.blog article.post .entry-title a,body.n-v2.archive article.post .entry-title a{color:var(--n-tinta);text-decoration:none}
/* toda la tarjeta es clicable */
body.n-v2.blog article.post .entry-title a::after,body.n-v2.archive article.post .entry-title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
body.n-v2.blog article.post p,body.n-v2.archive article.post p{margin:0;color:var(--n-gris);font-size:1rem;line-height:1.6;max-width:60ch}
@media (hover:hover) and (pointer:fine){
  body.n-v2.blog article.post:hover,body.n-v2.archive article.post:hover{transform:translateY(-4px);box-shadow:var(--n-sombra);border-color:var(--n-linea-2)}
  body.n-v2.blog article.post:hover::after,body.n-v2.archive article.post:hover::after{transform:rotate(45deg) scale(1.06);background-color:var(--n-acento-16)}
}
@media (max-width:47.99rem){body.n-v2.blog .page-content,body.n-v2.archive .page-content{grid-template-columns:1fr}}
body.n-v2 .pagination,body.n-v2 nav.navigation{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}
body.n-v2 .pagination a,body.n-v2 nav.navigation a{color:var(--n-tinta);font-weight:600}

/* --- texto largo: artículos y legales --- */
body.n-v2.single-post .page-content,
body.n-v2.n-legal .page-content{font-size:1.125rem;line-height:1.75;color:var(--n-tinta-2)}
body.n-v2.single-post .page-content > * + *,
body.n-v2.n-legal .page-content > * + *{margin-top:1.25em}
body.n-v2.single-post .page-content h2,body.n-v2.n-legal .page-content h2{
  font-family:var(--n-display);font-weight:600;letter-spacing:-.025em;color:var(--n-tinta);
  font-size:clamp(1.55rem,2.6vw,2rem);line-height:1.15;margin-top:2.2em;
}
body.n-v2.single-post .page-content h3,body.n-v2.n-legal .page-content h3{
  font-family:var(--n-display);font-weight:600;letter-spacing:-.015em;color:var(--n-tinta);font-size:1.3rem;line-height:1.25;margin-top:1.8em;
}
body.n-v2.single-post .page-content strong,body.n-v2.n-legal .page-content strong{color:var(--n-tinta);font-weight:650}
body.n-v2.single-post .page-content a,body.n-v2.n-legal .page-content a{
  color:var(--n-acento-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;
  text-decoration-color:rgba(var(--n-acento-rgb),.4);transition:text-decoration-color .3s;
}
body.n-v2.single-post .page-content a:hover,body.n-v2.n-legal .page-content a:hover{text-decoration-color:currentColor}
body.n-v2.single-post .page-content ul,body.n-v2.single-post .page-content ol,
body.n-v2.n-legal .page-content ul,body.n-v2.n-legal .page-content ol{padding-left:1.3em}
body.n-v2.single-post .page-content li + li,body.n-v2.n-legal .page-content li + li{margin-top:.5em}
body.n-v2.single-post .page-content li::marker{color:var(--n-acento)}
body.n-v2.single-post .page-content blockquote{
  margin-left:0;padding:.2em 0 .2em 1.3em;border-left:2px solid var(--n-acento);
  font-family:var(--n-display);font-size:1.35rem;line-height:1.4;color:var(--n-tinta);
}
body.n-v2.single-post .page-content img{border-radius:var(--n-r-in);height:auto}
body.n-v2.n-legal .page-content{font-size:1.02rem}
body.n-v2.n-legal .page-content table{width:100%;border-collapse:collapse;font-size:.92rem}
body.n-v2.n-legal .page-content th,body.n-v2.n-legal .page-content td{padding:.7rem .6rem;border-bottom:1px solid var(--n-linea-2);text-align:left;vertical-align:top}

/* fecha y lectura (snippet Blog) */
body.n-v2 .nodai-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2.5rem!important}
body.n-v2 .nodai-meta span{
  padding:.35rem .8rem;border-radius:var(--n-r-pill);border:1px solid var(--n-linea-2);
  font-size:.82rem;font-weight:600;color:var(--n-gris);line-height:1.2;
}

/* CTA al final del artículo (snippet Blog) */
body.n-v2 .nodai-cta-post{
  position:relative;overflow:hidden;margin-top:4rem!important;
  padding:clamp(2rem,5vw,3rem);border-radius:var(--n-r-card);
  background:var(--n-tinta);color:var(--n-papel);
}
body.n-v2 .nodai-cta-post::after{
  content:"";position:absolute;right:-3rem;bottom:-4rem;width:14rem;height:16rem;opacity:.07;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 34 208.3 227.6'%3E%3Cpath fill='%23FBFFF7' d='M139.8 34.1L208.2 185.6L208.2 34.1Z'/%3E%3Cpath fill='%23FBFFF7' d='M86.4 34.8L0 34.7L0 261.3L68.4 261.3L28.7 108.6C27.7 104.5 33.4 102.3 35.3 106.1L105.8 248.7C109.3 256.6 115.3 261.3 121.6 261.3L208.2 261.5L102.3 47.4C98.7 39.6 92.8 34.8 86.4 34.8Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
body.n-v2 .nodai-cta-post .k{margin:0!important;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--n-acento-luz)}
body.n-v2 .nodai-cta-post h2{margin:.6rem 0 .8rem!important;color:var(--n-papel)!important;font-size:clamp(1.7rem,3.4vw,2.4rem)!important}
body.n-v2 .nodai-cta-post p{color:var(--n-gris-3);max-width:34rem;margin:0!important;font-size:1.05rem}
body.n-v2 .nodai-cta-post a.b{
  display:inline-flex;align-items:center;gap:.6rem;margin-top:1.6rem;padding:.95rem 1.4rem;border-radius:var(--n-r-pill);
  background:var(--n-papel);color:var(--n-tinta)!important;text-decoration:none!important;font-weight:650;font-size:.98rem;
  transition:transform .25s var(--n-ease-out);
}
body.n-v2 .nodai-cta-post a.b::after{content:"→";color:var(--n-acento-ink);transition:transform .25s var(--n-ease-out)}
body.n-v2 .nodai-cta-post a.b:hover::after{transform:translateX(3px)}
body.n-v2 .nodai-cta-post a.b:active{transform:scale(.97)}
body.n-v2 .nodai-cta-post .n-cta-serv{margin-top:1.1rem!important;font-size:.95rem}
body.n-v2 .nodai-cta-post .n-cta-serv a{color:var(--n-acento-luz)!important;text-decoration:underline;text-underline-offset:.2em}

/* --- 404 (la pinta el snippet v2) --- */
body.n-v2 .n-404__k{margin:0 0 .8rem!important;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--n-acento-ink)}
body.n-v2 .n-404 ul.n-404__ir{list-style:none;padding:0!important;display:grid;gap:.75rem;margin-top:1.5rem!important}
body.n-v2 .n-404 ul.n-404__ir li + li{margin-top:0!important}
body.n-v2 .n-404 .n-404__ir a{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.2rem;border:1px solid var(--n-linea);border-radius:var(--n-r-in);background:var(--n-papel-2);text-decoration:none!important;transition:border-color .2s,transform .2s var(--n-ease-out)}
body.n-v2 .n-404 .n-404__ir a:hover{border-color:var(--n-acento);transform:translateY(-2px)}
body.n-v2 .n-404 .n-404__ir strong{font-family:var(--n-display);color:var(--n-tinta)}
body.n-v2 .n-404 .n-404__ir span{color:var(--n-gris);font-size:.95rem}
body.n-v2 .n-404 .n-404__cta{margin-top:2.5rem!important}
body.n-v2 .n-404 .n-404__cta a.n-btn{text-decoration:none!important;color:var(--b-fg)!important}

/* artículos relacionados (snippet Blog) */
body.n-v2 .nodai-rel{margin-top:3.5rem!important}
body.n-v2 .nodai-rel > p{font-family:var(--n-display);font-size:1.3rem;font-weight:600;color:var(--n-tinta);margin:0 0 1rem!important}
body.n-v2 .nodai-rel ul{list-style:none;padding:0!important;display:grid;gap:.6rem}
body.n-v2 .nodai-rel li{margin:0!important}
body.n-v2 .nodai-rel a{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1.1rem 1.25rem;border:1px solid var(--n-linea);border-radius:var(--n-r-in);
  color:var(--n-tinta)!important;text-decoration:none!important;font-weight:600;line-height:1.35;font-size:1rem;
  transition:border-color .3s,background-color .3s,transform .25s var(--n-ease-out);
}
body.n-v2 .nodai-rel a::after{content:"→";color:var(--n-acento-ink);flex:none;transition:transform .25s var(--n-ease-out)}
@media (hover:hover) and (pointer:fine){body.n-v2 .nodai-rel a:hover{border-color:var(--n-linea-2);background:var(--n-papel-2)}body.n-v2 .nodai-rel a:hover::after{transform:translateX(4px)}}

/* barra de progreso de lectura */
.n-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:1001;background:var(--n-acento-trazo);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
body.admin-bar .n-progress{top:32px}

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){
  .n-js [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}
  .n-hd,.n-hd *,.n-btn,.n-btn *,.n-ft *,body.n-v2 article.post{transition-duration:.01ms!important}
}

/* ==========================================================================
   BANNER DE COOKIES (Complianz) con la marca. Solo colores, radios y
   tipografía: el texto, los botones y su funcionamiento no se tocan.
   Aceptar y Denegar mantienen el mismo tamaño y peso visual equivalente.
   ========================================================================== */
body.n-v2 .cmplz-cookiebanner{
  --cmplz_banner_background_color:#FBFFF7;
  --cmplz_banner_border_color:rgba(29,29,27,.12);
  --cmplz_banner_border_width:1px;
  --cmplz_banner_border_radius:20px;
  --cmplz_text_color:#3C3C3B;
  --cmplz_hyperlink_color:var(--n-acento-ink);
  --cmplz_button_border_radius:999px;
  --cmplz_button_accept_background_color:#1D1D1B;
  --cmplz_button_accept_border_color:#1D1D1B;
  --cmplz_button_accept_text_color:#FBFFF7;
  --cmplz_button_deny_background_color:#FBFFF7;
  --cmplz_button_deny_border_color:#1D1D1B;
  --cmplz_button_deny_text_color:#1D1D1B;
  --cmplz_button_settings_background_color:transparent;
  --cmplz_button_settings_border_color:rgba(29,29,27,.2);
  --cmplz_button_settings_text_color:#1D1D1B;
  --cmplz_slider_active_color:var(--n-acento);
  --cmplz_category_header_always_active_color:var(--n-acento-ink);
  font-family:var(--n-text)!important;
  box-shadow:var(--n-sombra-alta)!important;
}
body.n-v2 .cmplz-cookiebanner .cmplz-title{font-family:var(--n-display);font-weight:600;letter-spacing:-.01em;color:var(--n-tinta)}
body.n-v2 .cmplz-cookiebanner .cmplz-btn{font-family:var(--n-text);font-weight:650;transition:transform .16s var(--n-ease-out)}
body.n-v2 .cmplz-cookiebanner .cmplz-btn:active{transform:scale(.97)}
body.n-v2 .cmplz-cookiebanner .cmplz-close{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;color:var(--n-gris)!important}
body.n-v2 .cmplz-cookiebanner .cmplz-close:focus-visible{outline:2px solid var(--n-acento);outline-offset:2px;border-radius:6px}
/* Móvil: aviso compacto (antes ocupaba media pantalla). Los tres botones en
   una fila y con el mismo peso visual: aceptar y denegar igual de fáciles. */
@media (max-width:47.99rem){
  body.n-v2 .cmplz-cookiebanner.cmplz-show{
    left:.5rem!important;right:.5rem!important;bottom:.5rem!important;width:auto!important;max-width:none!important;
    padding:.85rem .95rem .7rem!important;gap:.5rem!important;border-radius:18px!important}
  body.n-v2 .cmplz-cookiebanner .cmplz-header{min-height:0}
  body.n-v2 .cmplz-cookiebanner .cmplz-title{font-size:.95rem!important}
  body.n-v2 .cmplz-cookiebanner .cmplz-close{width:1.6rem;height:1.6rem;font-size:1.1rem}
  body.n-v2 .cmplz-cookiebanner .cmplz-body{max-height:none}
  body.n-v2 .cmplz-cookiebanner .cmplz-message{font-size:.8rem!important;line-height:1.45!important;margin:0!important}
  body.n-v2 .cmplz-cookiebanner .cmplz-buttons{flex-direction:row!important;flex-wrap:nowrap!important;gap:.4rem!important}
  body.n-v2 .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{flex:1 1 0;min-width:0;width:auto!important;height:auto!important;margin:0!important;
    padding:.6rem .35rem!important;font-size:.8rem!important;line-height:1.15!important;white-space:normal!important}
  body.n-v2 .cmplz-cookiebanner .cmplz-documents{font-size:.72rem;gap:.6rem!important;justify-content:center}
  body.n-v2 .cmplz-cookiebanner .cmplz-divider{display:none}
}

/* Hello Elementor pinta TODOS los botones de rosa (#c36) al pasar o enfocar.
   Se neutraliza en los nuestros. */
body.n-v2 .n-hd .n-hd__burger,body.n-v2 .n-hd .n-hd__burger:hover,body.n-v2 .n-hd .n-hd__burger:focus{background-color:var(--n-tinta);color:var(--n-papel);border:0}


/* WhatsApp flotante (móvil y ordenador, como en la web anterior): aparece al
   bajar del hero y se esconde en el contacto (nodai.js) */
.n-wa{
  position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:999;
  display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;
  background:var(--n-acento);color:var(--n-sobre-acento)!important;box-shadow:0 14px 30px -12px rgba(12,122,117,.6);
  opacity:0;transform:translateY(1rem) scale(.95);pointer-events:none;
  transition:opacity .25s var(--n-ease-out),transform .3s var(--n-ease-out),background-color .2s;
}
.n-wa svg{width:1.6rem;height:1.6rem}
.n-wa.is-on{opacity:1;transform:none;pointer-events:auto}
.n-wa:active{transform:scale(.94);transition-duration:.16s}
@media (min-width:64rem){
  .n-wa{right:1.5rem;bottom:1.5rem;width:3.75rem;height:3.75rem}
  .n-wa svg{width:1.75rem;height:1.75rem}
}
@media (hover:hover) and (pointer:fine){.n-wa.is-on:hover{background:var(--n-acento-ink);transform:translateY(-2px)}}

/* caja de autor al final de los artículos (snippet v2) */
/* «En resumen» al principio del artículo (meta nodai_resumen) */
body.n-v2 .n-resumen{margin:0 0 2rem!important;padding:1.1rem 1.25rem 1.2rem;border-left:4px solid var(--n-acento);border-radius:0 var(--n-r-in) var(--n-r-in) 0;background:var(--n-acento-tinte)}
body.n-v2 .n-resumen p{margin:0!important}
body.n-v2 .n-resumen__t{font-family:var(--n-display);font-weight:600;font-size:.78rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--n-acento-ink)}
body.n-v2 .n-resumen__p{margin-top:.4rem!important;font-size:1.05rem!important;line-height:1.6;color:var(--n-tinta)}
@media (max-width:47.99rem){body.n-v2 .n-resumen{padding:1rem 1rem 1.05rem}body.n-v2 .n-resumen__p{font-size:.98rem!important;line-height:1.55}}
body.n-v2 .n-autor{display:flex;gap:1rem;align-items:flex-start;margin-top:3rem!important;padding:1.25rem;border:1px solid var(--n-linea);border-radius:var(--n-r-in);background:var(--n-papel-2)}
body.n-v2 .n-autor__av{display:grid;place-items:center;flex:none;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--n-tinta);color:var(--n-papel);font-family:var(--n-display);font-weight:600}
body.n-v2 img.n-autor__av{display:block;border-radius:50%!important;object-fit:cover;background:#fff;border:2px solid var(--n-papel);box-shadow:0 0 0 1px var(--n-linea-2);padding:0;max-width:none}
body.n-v2 .n-autor p{margin:0!important}
body.n-v2 .n-autor__n{font-family:var(--n-display);font-weight:600;color:var(--n-tinta);font-size:1.05rem}
body.n-v2 .n-autor__t{font-size:.95rem!important;color:var(--n-gris);line-height:1.5}

/* ==========================================================================
   Diagramas BPMN dentro de los artículos (<figure class="n-bpmn">): dos
   versiones del mismo dibujo, ancha en ordenador y alta en el móvil.
   ========================================================================== */
.n-bpmn{margin:2.2rem 0;padding:clamp(1rem,2.5vw,1.6rem);border:1px solid var(--n-linea);border-radius:var(--n-r-in);background:#fff}
.n-bpmn svg{display:block;width:100%;height:auto;overflow:visible}
.n-bpmn__alto{display:none!important;max-width:24rem;margin-inline:auto}
@media (max-width:40rem){.n-bpmn__ancho{display:none!important}.n-bpmn__alto{display:block!important}}
.n-bpmn .carril{fill:none;stroke:var(--n-linea-2);stroke-width:1.5}
.n-bpmn .carril-n{font-family:var(--n-display);font-weight:600;font-size:13px;fill:var(--n-gris);text-anchor:middle;letter-spacing:.02em}
.n-bpmn .ev,.n-bpmn .tarea,.n-bpmn .gw{fill:var(--n-papel);stroke:var(--n-tinta);stroke-width:2}
.n-bpmn .ev--fin{stroke-width:4.5}
.n-bpmn .flujo{fill:none;stroke:var(--n-tinta);stroke-width:1.8;stroke-linejoin:round}
.n-bpmn .punta{fill:var(--n-tinta)}
.n-bpmn text{font-family:var(--n-text);font-size:13px;fill:var(--n-tinta-2)}
.n-bpmn .t-tarea{font-family:var(--n-display);font-weight:600;fill:var(--n-tinta);text-anchor:middle}
.n-bpmn .t-centro{text-anchor:middle}
.n-bpmn .t-rama{font-weight:700;fill:var(--n-acento-ink)}
.n-bpmn .num circle{fill:var(--n-acento)}
.n-bpmn .num text{font-family:var(--n-display);font-weight:700;font-size:12px;fill:#fff;text-anchor:middle}
.n-bpmn figcaption{margin-top:1.1rem;font-size:.95rem;line-height:1.55;color:var(--n-gris);font-style:normal;text-align:left}
.n-bpmn figcaption strong{color:var(--n-tinta)}
.n-bpmn__ley{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.6rem}
.n-bpmn__ley>span{display:inline-flex;align-items:center;gap:.4rem}
@media (max-width:40rem){.n-bpmn__ley{flex-direction:column}}
.n-bpmn__ley b{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--n-acento);color:#fff;font-size:.72rem;font-family:var(--n-display);font-style:normal;flex:none}


/* cmplz-banner-1-optin */

input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #3B29FF; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #3B29FF; --cmplz_button_accept_border_color: #3B29FF; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #3B29FF; --cmplz_slider_inactive_color: #555; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;} .cmplz-placeholder-element > blockquote.fb-xfbml-parse-ignore { margin: 0 20px; }