@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/inter-latin-400-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: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/inter-latin-600-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: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/inter-latin-700-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: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/jetbrains-mono-latin-400-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;
}

/* GENERADO por build-tokens.mjs desde config/tokens.json — no editar a mano. */
:root {
  --base: #ffffff;
  --surface: #f7f9fa;
  --ink: #003048;
  --contrast: #08161c;
  --muted: #5f747e;
  --accent: #057cb2;
  --accent-hover: #04648f;
  --accent-subtle: #edf6fa;
  --brand: #068ac6;
  --success: #77b978;
  --alert: #f37262;
  --danger: #b83227;
  --danger-subtle: #fdf1ef;
  --border: #e1e7ea;

  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-caption: 0.875rem;
  --text-body: 1rem;
  --text-lg: 1.25rem;
  --text-h3: 1.5625rem;
  --text-h2: 1.9375rem;
  --text-h1: 2.4375rem;
  --text-display: 3.0625rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --radius: 6px;
  --measure-text: 720px;
  --measure-wide: 1200px;
}

:root {
  /* Ritmo y escala fluida: decisiones de layout, no tokens de marca.
     Los colores, tipografias y espaciados los genera build-tokens.mjs. */
    --header-h:72px;
  --wrap:   1440px;
  --pad:    clamp(1rem, 4vw, 2rem);
  --rhythm: clamp(4rem, 6vw, 6rem);
  --gap:    clamp(1.5rem, 3vw, 2rem);
  --t-cap:  0.875rem;
  --t-body: clamp(1.0625rem, 1rem + 0.3vw, 1.125rem);
  --t-lead: clamp(1.0625rem, 0.95rem + 0.6vw, 1.375rem);
  --t-h3:   clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --t-h2:   clamp(1.625rem, 1.2rem + 2vw, 2.75rem);
  --t-h1:   clamp(2rem, 1.4rem + 3vw, 3.5rem);
}

html {
      scroll-behavior: smooth;
      scroll-snap-type: y proximity;
      scroll-padding-top: var(--header-h);
    }
    main > section { scroll-snap-align: start; scroll-margin-top: var(--header-h); }
    /* Quien pidio menos movimiento no recibe ni suavizado ni saltos. */
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; scroll-snap-type: none; }
    }
    *, *::before, *::after { box-sizing: border-box; }
    body { margin:0; background:var(--base); color:var(--contrast); font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:var(--t-body); line-height:1.6; -webkit-font-smoothing:antialiased; }
    h1,h2,h3 { margin:0; font-weight:700; line-height:1.15; letter-spacing:-0.02em; text-wrap:pretty; overflow-wrap:anywhere; }
    h1 { font-size:var(--t-h1); }
    h2 { font-size:var(--t-h2); }
    h3 { font-size:var(--t-h3); font-weight:600; line-height:1.3; }
    p { margin:0; }
    a { color:var(--contrast); text-decoration:underline; text-underline-offset:3px; }
    a:hover { color:var(--accent); }
    :focus-visible { outline:2px solid var(--accent); outline-offset:2px; }

    /* Nada se sale de la pantalla en horizontal. Es la falla mas comun en movil. */
    .page { width:100%; background:var(--base); overflow-x:clip; }
    .wrap { max-width:var(--wrap); margin:0 auto; padding-inline:var(--pad); }

    /* .measure junto a .wrap limita a los HIJOS, no al contenedor. Si limitara el
       contenedor, el margin:0 auto de .wrap lo centraria y el texto dejaria de
       alinear con el resto: en el blog el breadcrumb caia en 32px y el cuerpo del
       articulo en 304. Es la misma trampa que .wrap definida dos veces, pero por
       composicion en vez de por nombre. */
    .wrap.measure { max-width:var(--wrap); }
    .wrap.measure > * { max-width:var(--measure-text); }
    .sec { padding-block:var(--rhythm); }
    .sec--surface { background:var(--surface); }
    .sec--ink { background:var(--ink); color:var(--base); }

    .g2 { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--gap); }
    .g3 { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--gap); }
    .g4 { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--gap); }
    .hero { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:clamp(2rem,5vw,4rem); align-items:start; }
    .split { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:clamp(2rem,5vw,4rem); align-items:start; }

    .card { padding:clamp(1.5rem,4vw,2.5rem); border:1px solid var(--border); border-radius:var(--radius); background:var(--base); }
    .card--surface { background:var(--surface); }
    .kicker { font-family:"JetBrains Mono", ui-monospace, monospace; font-size:var(--t-cap); color:var(--muted); letter-spacing:0.04em; }
    .lead { font-size:var(--t-lead); line-height:1.5; color:var(--muted); }
    .cap { font-size:var(--t-cap); color:var(--muted); }
    .mono { font-family:"JetBrains Mono", ui-monospace, monospace; }
    .todo { font-family:"JetBrains Mono", ui-monospace, monospace; font-size:var(--t-cap); color:var(--muted); border:1px dashed var(--muted); border-radius:4px; padding:4px 8px; display:inline-block; }

    /* Area tactil de 44px como piso, en todo lo que se toca. */
    .btn { display:inline-flex; align-items:center; justify-content:center; min-height:56px; padding:1rem 2rem; border-radius:var(--radius); background:var(--accent); color:var(--base); font-weight:600; font-size:var(--t-body); text-decoration:none; }
    .btn:hover { background:var(--accent-hover); color:var(--base); }
    .btn--sm { min-height:44px; padding:0.75rem 1.25rem; font-size:1rem; }
    .navlink { display:inline-flex; align-items:center; min-height:44px; color:var(--muted); text-decoration:none; }
    .navlink:hover { color:var(--accent); }
    .footlink { display:inline-flex; align-items:center; min-height:44px; color:var(--base); text-decoration:none; }
    .footlink:hover { color:#ffffff; text-decoration:underline; }

    /* La tabla scrollea dentro de su caja, nunca la pagina. */
    table { width:100%; border-collapse:collapse; min-width:640px; }
    th { padding:1.25rem var(--pad); text-align:left; font-family:"JetBrains Mono", ui-monospace, monospace; font-size:var(--t-cap); font-weight:400; letter-spacing:0.04em; color:var(--muted); background:var(--base); }
    td { padding:1.5rem var(--pad); border-top:1px solid var(--border); vertical-align:top; width:50%; color:var(--muted); font-size:var(--t-body); }
    th + th { color:var(--contrast); }
    th + th, td + td { border-left:1px solid var(--border); }
    td + td { color:var(--contrast); background:var(--base); }

    .list { display:flex; flex-direction:column; gap:1rem; }
    .item { display:flex; gap:0.75rem; align-items:flex-start; }
    .item svg { flex-shrink:0; margin-top:0.3em; }

    .siteheader { position:sticky; top:0; z-index:20; background:var(--base); border-bottom:1px solid var(--border); }
    .skip { position:absolute; left:-9999px; }
    .skip:focus { position:static; display:inline-block; padding:1rem; background:var(--accent); color:var(--base); }

    /* El menu es <details>: HTML servido, sin JavaScript, rastreable. */
    .menu { display:none; }
    .menu > summary { list-style:none; display:flex; align-items:center; justify-content:center; width:44px; height:44px; cursor:pointer; border:1px solid var(--border); border-radius:var(--radius); color:var(--contrast); }
    .menu > summary::-webkit-details-marker { display:none; }
    .menu[open] .ico-open, .menu:not([open]) .ico-close { display:none; }
    .menu[open] > .menu__panel { display:flex; }
    .menu__panel { display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; gap:0.25rem; background:var(--base); border-bottom:1px solid var(--border); padding:0.5rem var(--pad) 1.5rem; box-shadow:0 12px 24px rgba(0,48,72,0.10); z-index:30; }
    .menu__sep { height:1px; background:var(--border); margin-block:0.5rem; }



/* GENERADO — utilidades derivadas de los tokens. */
.gap-1{gap:var(--space-1)} .p-1{padding:var(--space-1)} .px-1{padding-inline:var(--space-1)} .py-1{padding-block:var(--space-1)} .pt-1{padding-top:var(--space-1)} .pb-1{padding-bottom:var(--space-1)} .mt-1{margin-top:var(--space-1)}
.gap-2{gap:var(--space-2)} .p-2{padding:var(--space-2)} .px-2{padding-inline:var(--space-2)} .py-2{padding-block:var(--space-2)} .pt-2{padding-top:var(--space-2)} .pb-2{padding-bottom:var(--space-2)} .mt-2{margin-top:var(--space-2)}
.gap-3{gap:var(--space-3)} .p-3{padding:var(--space-3)} .px-3{padding-inline:var(--space-3)} .py-3{padding-block:var(--space-3)} .pt-3{padding-top:var(--space-3)} .pb-3{padding-bottom:var(--space-3)} .mt-3{margin-top:var(--space-3)}
.gap-4{gap:var(--space-4)} .p-4{padding:var(--space-4)} .px-4{padding-inline:var(--space-4)} .py-4{padding-block:var(--space-4)} .pt-4{padding-top:var(--space-4)} .pb-4{padding-bottom:var(--space-4)} .mt-4{margin-top:var(--space-4)}
.gap-5{gap:var(--space-5)} .p-5{padding:var(--space-5)} .px-5{padding-inline:var(--space-5)} .py-5{padding-block:var(--space-5)} .pt-5{padding-top:var(--space-5)} .pb-5{padding-bottom:var(--space-5)} .mt-5{margin-top:var(--space-5)}
.gap-6{gap:var(--space-6)} .p-6{padding:var(--space-6)} .px-6{padding-inline:var(--space-6)} .py-6{padding-block:var(--space-6)} .pt-6{padding-top:var(--space-6)} .pb-6{padding-bottom:var(--space-6)} .mt-6{margin-top:var(--space-6)}
.gap-7{gap:var(--space-7)} .p-7{padding:var(--space-7)} .px-7{padding-inline:var(--space-7)} .py-7{padding-block:var(--space-7)} .pt-7{padding-top:var(--space-7)} .pb-7{padding-bottom:var(--space-7)} .mt-7{margin-top:var(--space-7)}
.gap-8{gap:var(--space-8)} .p-8{padding:var(--space-8)} .px-8{padding-inline:var(--space-8)} .py-8{padding-block:var(--space-8)} .pt-8{padding-top:var(--space-8)} .pb-8{padding-bottom:var(--space-8)} .mt-8{margin-top:var(--space-8)}
.gap-9{gap:var(--space-9)} .p-9{padding:var(--space-9)} .px-9{padding-inline:var(--space-9)} .py-9{padding-block:var(--space-9)} .pt-9{padding-top:var(--space-9)} .pb-9{padding-bottom:var(--space-9)} .mt-9{margin-top:var(--space-9)}
.gap-10{gap:var(--space-10)} .p-10{padding:var(--space-10)} .px-10{padding-inline:var(--space-10)} .py-10{padding-block:var(--space-10)} .pt-10{padding-top:var(--space-10)} .pb-10{padding-bottom:var(--space-10)} .mt-10{margin-top:var(--space-10)}
.f{display:flex} .fc{flex-direction:column} .stack{display:flex;flex-direction:column} .row{display:flex;align-items:center}
.ic{align-items:center} .is{align-items:flex-start} .ib{align-items:baseline} .it{align-items:start}
.jb{justify-content:space-between} .jc{justify-content:center}
.flex-wrap{flex-wrap:wrap} .f0{flex-shrink:0} .grow{flex-grow:1}
.cols-1{display:grid;grid-template-columns:minmax(0,1fr)} .cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.t-cap{font-size:var(--t-cap)} .t-body{font-size:var(--t-body)} .t-lead{font-size:var(--t-lead)} .t-h3{font-size:var(--t-h3)} .t-h2{font-size:var(--t-h2)}
.fw-400{font-weight:400} .fw-600{font-weight:600} .fw-700{font-weight:700}
.lh-tight{line-height:1.2} .lh-snug{line-height:1.4} .lh-lead{line-height:1.5} .lh-body{line-height:1.6}
.center{text-align:center} .left{text-align:left} .italic{font-style:italic}
.c-base{color:var(--base)} .c-surface{color:var(--surface)} .c-ink{color:var(--ink)} .c-contrast{color:var(--contrast)} .c-muted{color:var(--muted)} .c-accent{color:var(--accent)} .c-accent-hover{color:var(--accent-hover)} .c-accent-subtle{color:var(--accent-subtle)} .c-brand{color:var(--brand)} .c-success{color:var(--success)} .c-alert{color:var(--alert)} .c-danger{color:var(--danger)} .c-danger-subtle{color:var(--danger-subtle)} .c-border{color:var(--border)}
.bg-base{background:var(--base)} .bg-surface{background:var(--surface)} .bg-ink{background:var(--ink)} .bg-contrast{background:var(--contrast)} .bg-muted{background:var(--muted)} .bg-accent{background:var(--accent)} .bg-accent-hover{background:var(--accent-hover)} .bg-accent-subtle{background:var(--accent-subtle)} .bg-brand{background:var(--brand)} .bg-success{background:var(--success)} .bg-alert{background:var(--alert)} .bg-danger{background:var(--danger)} .bg-danger-subtle{background:var(--danger-subtle)} .bg-border{background:var(--border)} .bg-none{background:transparent}
.rad{border-radius:var(--radius)} .circle{border-radius:50%}
.bd{border:1px solid var(--border)} .bt{border-top:1px solid var(--border)} .bb{border-bottom:1px solid var(--border)} .bl{border-left:1px solid var(--border)} .bd-none{border-color:transparent}
.bd-dash{border:1px dashed var(--muted)}
.ovh{overflow:hidden} .ovx{overflow-x:auto;-webkit-overflow-scrolling:touch}
.measure{max-width:45rem} .w-half{width:50%} .w-full{width:100%} .vt{vertical-align:top}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:0.5rem}
.ico{flex-shrink:0;margin-top:0.2em}
.avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0}
.rel{position:relative} .m-0{margin:0} .gap-0{gap:0} .break{overflow-wrap:anywhere}
.t-h1{font-size:var(--t-h1)} .no-underline{text-decoration:none} .tap{min-width:44px}
.tight-track{letter-spacing:-0.02em} .wide-track{letter-spacing:0.04em}
.p-card{padding:clamp(1.5rem,4vw,2.5rem)} .p-row{padding:var(--space-4) var(--pad)} .p-row-lg{padding:var(--space-5) var(--pad)}
.measure-sm{max-width:40rem} .measure-lg{max-width:50rem} .measure-xl{max-width:56rem}
.br-side{border-right:1px solid var(--border)} .by{border-block:1px solid var(--border)}
.bt-light{border-top:1px solid rgba(255,255,255,0.12)}
.split-wide{display:grid;grid-template-columns:1.25fr 1fr}
.logo{height:56px;width:auto;margin-left:-23px}
.dim{opacity:0.7} .measure-xs{max-width:20rem} .hdr-h{min-height:var(--header-h)}
.py-footer{padding-block:var(--space-7) var(--space-6)} .py-hero{padding-block:var(--space-8) var(--space-9)}
.i{display:inline-block;width:20px;height:20px;flex-shrink:0;margin-top:0.15em;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.i--lg{width:24px;height:24px}
.i-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.i-close{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")}
.i-menu{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E")}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tagbar{border:0;padding:0;margin:0;display:flex;gap:var(--space-3);flex-wrap:wrap}
.tag--btn{cursor:pointer;user-select:none}
.sr:checked + .tag--btn{background:var(--ink);color:var(--base);border-color:var(--ink)}
.sr:focus-visible + .tag--btn{outline:2px solid var(--accent);outline-offset:2px}
.blogfilter:has(#t-geo:checked) .post:not([data-tags~="geo"]){display:none}
.blogfilter:has(#t-seo-tecnico:checked) .post:not([data-tags~="seo-tecnico"]){display:none}
.blogfilter:has(#t-ga4:checked) .post:not([data-tags~="ga4"]){display:none}
.blogfilter:has(#t-casos:checked) .post:not([data-tags~="casos"]){display:none}

/* Capa de componentes — escrita a mano. build-tokens.mjs la concatena tras el :root generado. */

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--base);
  color: var(--contrast);
  font-family: var(--font-sans);
  font-size: var(--text-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { margin: 0; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; text-wrap: pretty; }
h1 { font-size: var(--text-h1); }
h2 { font-size: var(--text-h2); }
h3 { font-size: var(--text-h3); }
p  { margin: 0; max-width: var(--measure-text); }

/* El acento no se usa en enlaces de cuerpo: se revela en hover. */
a { color: var(--contrast); text-decoration: underline; text-underline-offset: 3px; }
a:hover { color: var(--accent); }

:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
::selection { background: var(--accent-subtle); }

.mono { font-family: var(--font-mono); }
.caption { font-size: var(--text-caption); color: var(--muted); }
.lead { font-size: var(--text-lg); color: var(--muted); }
.kicker { font-family: var(--font-mono); font-size: var(--text-caption); color: var(--muted); letter-spacing: 0.04em; }

.container { max-width: var(--measure-wide); margin: 0 auto; padding: 0 var(--space-6); }
.section { padding: var(--space-9) 0; }
.section--surface { background: var(--surface); }
.section--ink { background: var(--ink); color: var(--base); }
.section--ink h2 { color: var(--base); }
.section--ink p { color: var(--border); }

.stack { display: flex; flex-direction: column; gap: var(--space-5); }
.row { display: flex; align-items: center; gap: var(--space-6); }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); }

/* Un unico boton de accion. El acento vive aca y en ningun otro lado. */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px;
  padding: var(--space-4) var(--space-6);
  border: 0; border-radius: var(--radius);
  background: var(--accent); color: var(--base);
  font: inherit; font-weight: 600; text-decoration: none;
  cursor: pointer;
}
.btn:hover { background: var(--accent-hover); color: var(--base); }
.btn:active { background: var(--accent-hover); }
.btn--lg { min-height: 56px; padding: var(--space-4) var(--space-7); font-size: var(--text-lg); }
.btn--quiet { background: transparent; color: var(--contrast); border: 1px solid var(--border); }
.btn--quiet:hover { background: var(--surface); color: var(--contrast); }
.btn[disabled] { opacity: 0.45; pointer-events: none; }

.card { padding: var(--space-6); border: 1px solid var(--border); border-radius: var(--radius); background: var(--base); }
.card--surface { background: var(--surface); border-color: transparent; }
.card__title { font-size: var(--text-lg); font-weight: 600; }
.card__meta { font-size: var(--text-caption); color: var(--muted); }

/* Muro de clientes. Sin carrusel: las imagenes van con width/height. Cada logo vive
   en una baldosa de proporcion fija, asi que el alto de la fila no depende de la
   imagen y cargar tarde no mueve nada. Son logos de terceros y muchos traen fondo
   blanco propio: la baldosa es blanca, y el logo va en gris hasta que se lo apunta. */
.clients { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); gap: var(--space-4); }
.client { display: flex; align-items: center; justify-content: center; aspect-ratio: 5 / 3; padding: var(--space-4); background: var(--base); border: 1px solid var(--border); border-radius: var(--radius); }
.client a { display: flex; width: 100%; height: 100%; }
.client img { display: block; width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); opacity: 0.8; }
.client:hover img, .client:focus-within img { filter: none; opacity: 1; }
.clients-more > summary { list-style: none; cursor: pointer; }
.clients-more > summary::-webkit-details-marker { display: none; }
.clients-more[open] > summary { margin-bottom: var(--space-5); }

.quote { font-size: var(--text-h3); line-height: 1.4; font-weight: 600; max-width: 900px; }
.quote__by { display: flex; gap: var(--space-4); align-items: center; }
.quote__avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }

/* El acordeon de FAQ lleva el contenido en el HTML, no inyectado. */
.faq { display: flex; flex-direction: column; gap: var(--space-6); }
.faq__item { padding-bottom: var(--space-6); border-bottom: 1px solid var(--border); }
.faq__item:last-child { border-bottom: 0; padding-bottom: 0; }
.faq__q { font-size: var(--text-lg); font-weight: 600; margin-bottom: var(--space-2); }

/* Tabla comparativa. Scroll horizontal en movil: nunca se comprime hasta romper la lectura. */
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius); }
.table { width: 100%; border-collapse: collapse; min-width: 720px; }
.table caption { caption-side: bottom; text-align: left; }
.table th { padding: var(--space-4) var(--space-6); text-align: left; font-family: var(--font-mono); font-size: var(--text-caption); font-weight: 400; letter-spacing: 0.04em; color: var(--muted); background: var(--base); }
.table th + th, .table td + td { border-left: 1px solid var(--border); }
.table th + th { color: var(--contrast); }
.table td { padding: var(--space-5) var(--space-6); border-top: 1px solid var(--border); vertical-align: top; width: 50%; color: var(--muted); }
.table td + td { color: var(--contrast); background: var(--base); }

/* Lista con icono. La columna de descarte va en muted: presente, pero sin competir. */
.list { display: flex; flex-direction: column; gap: var(--space-4); }
.list__item { display: flex; gap: var(--space-3); align-items: flex-start; }
.list__item svg { flex-shrink: 0; margin-top: 3px; }
.list--out .list__item { color: var(--muted); }
/* El check es siempre azul de acento, en toda lista de lo que se obtiene. */
.list__item .i-check { color: var(--accent); }
/* Tarjeta de urgencia ("Sin ..."): lo que pasa si no se actua. Rojo en titulo, cruz
   y borde; el texto sube a contraste pleno, no va en muted. Las exclusiones de
   alcance ("No incluye") siguen en .list--out: no son un riesgo. */
.card--danger { background: var(--danger-subtle); border-color: var(--danger); }
.list--danger .list__item .i-close { color: var(--danger); }

/* Feedback: nunca como texto. Solo fondo con texto oscuro. */
.pill { display: inline-block; padding: var(--space-1) var(--space-3); border-radius: var(--radius); font-size: var(--text-caption); color: var(--contrast); }
.pill--ok { background: var(--success); }
.pill--warn { background: var(--alert); }

/* Marcador de dato que todavia no tenemos. Se borra al completarlo. */
.todo { font-family: var(--font-mono); font-size: var(--text-caption); color: var(--muted); border: 1px dashed var(--muted); border-radius: 4px; padding: var(--space-1) var(--space-2); display: inline-block; }


/* Contenido Markdown de los articulos. Es el unico lugar donde se estilan
   etiquetas desnudas: el markdown no lleva clases, y agregarselas exigiria un
   post-proceso que no aporta nada. Todo sale de los tokens igual. */
.prose { display: flex; flex-direction: column; gap: var(--space-5); }
.prose > * { margin: 0; }
.prose h2 { font-size: var(--t-h2); margin-top: var(--space-6); }
.prose h3 { font-size: var(--t-h3); font-weight: 600; margin-top: var(--space-4); }
.prose p, .prose li { font-size: var(--t-body); line-height: 1.7; color: var(--muted); }
.prose strong { color: var(--contrast); font-weight: 600; }
.prose ul, .prose ol { display: flex; flex-direction: column; gap: var(--space-3); padding-left: var(--space-5); }
.prose code { font-family: var(--font-mono); font-size: 0.9em; background: var(--surface); padding: 2px 6px; border-radius: 4px; }
.prose pre { background: var(--surface); padding: var(--space-5); border-radius: var(--radius); overflow-x: auto; }
.prose pre code { background: none; padding: 0; }
.prose blockquote { border-left: 2px solid var(--accent); padding-left: var(--space-5); color: var(--contrast); }
.prose table { width: 100%; border-collapse: collapse; }
.prose th, .prose td { padding: var(--space-3) var(--space-4); border-top: 1px solid var(--border); text-align: left; font-size: var(--t-body); }
.prose img { max-width: 100%; height: auto; border-radius: var(--radius); }

/* Etiqueta editorial. Agrupa articulos; no es un boton ni un enlace. */
.tag { font-size: var(--t-cap); color: var(--muted); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 2px 10px; }

/* Indice del articulo. El acento sigue reservado al CTA primario: el nivel activo
   se marca con el azul oscuro y un fondo suave, no con el color del boton. */
.toc { margin-block-end: var(--space-6); }
.toc__box { border: 1px solid var(--border); border-radius: var(--radius); padding: var(--space-4); background: var(--surface); }
.toc__title { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: var(--t-cap); color: var(--muted); letter-spacing: 0.04em; cursor: pointer; list-style: none; }
.toc__title::-webkit-details-marker { display: none; }
.toc__link { display: block; font-size: var(--t-cap); line-height: 1.4; color: var(--muted); text-decoration: none; padding: 6px 10px; border-radius: 4px; border-left: 2px solid transparent; transition: color .2s ease, background-color .2s ease, border-color .2s ease; }
.toc__link:hover { color: var(--contrast); background: var(--base); }
.toc__link[aria-current] { color: var(--contrast); background: var(--accent-subtle); border-left-color: var(--ink); font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .toc__link { transition: none; } }

/* Columna lateral del articulo. En movil es una pila: indice, texto y despues la
   caja de autor -de ahi el order-, y el riel desaparece con display:contents para
   que sus hijos sean hermanos de .article-body. En escritorio vuelve a ser una
   caja propia y se pega. */
.article-grid { display: flex; flex-direction: column; gap: var(--space-6); }
.rail { display: contents; }
.authorbox { order: 1; display: flex; flex-direction: column; gap: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius); padding: var(--space-5); background: var(--surface); }
.authorbox__kicker { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: var(--t-cap); color: var(--muted); letter-spacing: 0.04em; margin: 0; }
.authorbox__avatar { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: var(--accent-subtle); color: var(--ink); font-weight: 700; font-size: var(--t-cap); letter-spacing: 0.04em; }
.authorbox__avatar img { width: 100%; height: 100%; object-fit: cover; }
.authorbox__name { color: var(--contrast); font-weight: 600; text-decoration: none; }
.authorbox__name:hover { color: var(--accent); }
.authorbox p { margin: 0; }
.authorbox__creds { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); border-top: 1px solid var(--border); padding-top: var(--space-4); }
.authorbox__creds a { font-size: var(--t-cap); line-height: 1.4; color: var(--muted); }

/* Fotos. El recorte lo hace object-fit y no el archivo, asi que una misma imagen
   sirve para el retrato cuadrado del heroe y para la tira apaisada. */
.shot { margin: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.shot img { display: block; width: 100%; height: auto; border-radius: var(--radius); background: var(--surface); }
.shot figcaption { margin: 0; }
.shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); }
.talk + .talk { border-top: 1px solid var(--border); padding-top: var(--space-7); }

/* Sello de socio en el pie. El logotipo de CACE viene sobre blanco, asi que se
   sirve sobre una pastilla blanca en vez de recortarlo: es marca de un tercero y
   no se altera. */
.cacebadge { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--space-2) var(--space-3); max-width: 100%; background: #fff; border-radius: var(--radius); padding: 0.5rem 0.875rem; text-decoration: none; }
.cacebadge img { display: block; width: 93px; max-width: 100%; height: auto; }
.cacebadge span { font-size: var(--t-cap); color: var(--ink); font-weight: 600; }

/* Consentimiento. El cartel se pinta con los tokens del sitio a traves de las
   variables que expone la libreria: no se sobrescribe ni una regla suya. */
#cc-main {
  --cc-font-family: var(--font-sans);
  --cc-bg: var(--base);
  --cc-primary-color: var(--contrast);
  --cc-secondary-color: var(--muted);
  --cc-btn-primary-bg: var(--accent);
  --cc-btn-primary-color: var(--base);
  --cc-btn-primary-border-color: var(--accent);
  --cc-btn-primary-hover-bg: var(--accent-hover);
  --cc-btn-primary-hover-color: var(--base);
  --cc-btn-primary-hover-border-color: var(--accent-hover);
  --cc-btn-secondary-bg: var(--surface);
  --cc-btn-secondary-color: var(--contrast);
  --cc-btn-secondary-border-color: var(--border);
  --cc-btn-secondary-hover-bg: var(--accent-subtle);
  --cc-btn-secondary-hover-color: var(--contrast);
  --cc-btn-secondary-hover-border-color: var(--border);
  --cc-btn-border-radius: var(--radius);
  --cc-separator-border-color: var(--border);
  --cc-link-color: var(--accent);
  --cc-toggle-on-bg: var(--accent);
  --cc-toggle-off-bg: var(--muted);
  --cc-cookie-category-block-bg: var(--surface);
  --cc-cookie-category-block-border: var(--border);
  --cc-cookie-category-block-hover-bg: var(--accent-subtle);
  --cc-cookie-category-block-hover-border: var(--border);
  --cc-footer-bg: var(--surface);
  --cc-footer-border-color: var(--border);
  --cc-footer-color: var(--muted);
}

/* Estado de cada categoria: "Siempre activas", "Hoy no se usan". Es dato, no
   adorno: dice la verdad sobre lo que el sitio carga hoy. Va con el id por delante
   porque la libreria hace `#cc-main span { all: unset }` y le gana a una clase. */
#cc-main .cc-estado { display: inline-block; margin-left: var(--space-2); padding: 2px 8px; border-radius: 999px; background: var(--accent-subtle); color: var(--ink); font-size: var(--text-caption); font-weight: 600; }

/* Aviso de que se respeto la señal del navegador. Desde enero de 2026, en
   California no alcanza con honrarla: hay que mostrar que se honro. */
.gpc-aviso { color: var(--border); margin: var(--space-3) 0 0; }

/* Submenus de la navegacion. Sin JavaScript: :hover para mouse y :focus-within
   para teclado. .submenu define su propio flex en vez de usar .stack porque la
   utilidad se genera antes y le ganaria al display:none. */
.hasmenu { position: relative; }
.submenu { position: absolute; top: 100%; left: -0.75rem; min-width: 15rem; display: none; flex-direction: column; background: var(--base); border: 1px solid var(--border); border-radius: var(--radius); padding: 0.5rem; box-shadow: 0 12px 24px rgba(0, 48, 72, 0.10); z-index: 30; }
.hasmenu:hover > .submenu, .hasmenu:focus-within > .submenu { display: flex; }
.submenu .navlink { padding-inline: 0.75rem; white-space: nowrap; }
.navlink--sub { padding-left: var(--space-4); font-size: var(--t-cap); }

/* Autodiagnostico. Los checks son HTML servido; el JS externo solo suma y persiste.
   El P0 lleva texto oscuro sobre el color de alerta: blanco sobre #f37262 no llega
   a AA. */
.score { background: var(--surface); }
.score__bar { width: 100%; height: 10px; accent-color: var(--accent); }
.check { padding: var(--space-4); background: var(--base); }
/* Campo de texto. Borde en muted (supera 3:1 como control), foco visible en acento y
   estado de error en danger: el color nunca es la unica senal, siempre hay mensaje. */
.field { width: 100%; max-width: 20rem; padding: var(--space-3) var(--space-4); font: inherit; color: var(--contrast); background: var(--base); border: 1px solid var(--muted); border-radius: var(--radius); }
.field:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.field[aria-invalid="true"] { border-color: var(--danger); }
.check__row { cursor: pointer; }
.check__box { width: 22px; height: 22px; flex-shrink: 0; margin-top: 2px; accent-color: var(--accent); }
.check__more > summary { cursor: pointer; list-style: none; color: var(--accent); }
.check__more > summary::-webkit-details-marker { display: none; }
.sev { display: inline-block; padding: 1px 6px; border-radius: 4px; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 0.75rem; letter-spacing: 0.04em; color: var(--base); }
.sev--p0 { background: var(--alert); color: var(--contrast); }
.sev--p1 { background: var(--ink); }
.sev--p2 { background: var(--muted); }
.btn--ghost { background: transparent; color: var(--accent); border: 1px solid var(--accent); }
.btn--ghost:hover { background: var(--accent-subtle); color: var(--accent-hover); }
[hidden] { display: none !important; }


#cc-main{background:transparent;color:var(--cc-primary-color);font-family:var(--cc-font-family);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15;position:relative;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;position:fixed;z-index:var(--cc-z-index)}#cc-main :after,#cc-main :before,#cc-main a,#cc-main button,#cc-main div,#cc-main h2,#cc-main input,#cc-main p,#cc-main span{all:unset;box-sizing:border-box}#cc-main .pm__badge,#cc-main button{all:initial;box-sizing:border-box;color:unset;visibility:unset}#cc-main .pm__badge,#cc-main a,#cc-main button,#cc-main input{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:normal;margin:0;outline:revert;outline-offset:2px;overflow:hidden}#cc-main table,#cc-main tbody,#cc-main td,#cc-main th,#cc-main thead,#cc-main tr{all:revert;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}:root{--cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--cc-modal-border-radius:.5rem;--cc-btn-border-radius:.4rem;--cc-modal-transition-duration:.25s;--cc-link-color:var(--cc-btn-primary-bg);--cc-modal-margin:1rem;--cc-z-index:2147483647;--cc-bg:#fff;--cc-primary-color:#2c2f31;--cc-secondary-color:#5e6266;--cc-btn-primary-bg:#30363c;--cc-btn-primary-color:#fff;--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#000;--cc-btn-primary-hover-color:#fff;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#eaeff2;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#d4dae0;--cc-btn-secondary-hover-color:#000;--cc-btn-secondary-hover-border-color:#d4dae0;--cc-separator-border-color:#f0f4f7;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#667481;--cc-toggle-on-knob-bg:#fff;--cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);--cc-toggle-enabled-icon-color:var(--cc-bg);--cc-toggle-disabled-icon-color:var(--cc-bg);--cc-toggle-readonly-bg:#d5dee2;--cc-toggle-readonly-knob-bg:#fff;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:var(--cc-cookie-category-block-bg);--cc-cookie-category-block-bg:#f0f4f7;--cc-cookie-category-block-border:#f0f4f7;--cc-cookie-category-block-hover-bg:#e9eff4;--cc-cookie-category-block-hover-border:#e9eff4;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:#dee4e9;--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:var(--cc-btn-secondary-bg);--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#e4eaed;--cc-pm-toggle-border-radius:4em}#cc-main.cc--rtl{direction:rtl}#cc-main .cm__title,#cc-main a,#cc-main b,#cc-main em,#cc-main strong{font-weight:600}#cc-main button>span{pointer-events:none}#cc-main .cc__link,#cc-main a{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-weight:600;position:relative;transition:background-size .25s,color .25s ease}#cc-main .cc__link:hover,#cc-main a:hover{background-size:100% 1px;color:var(--cc-primary-color)}#cc-main .cc__link{color:var(--cc-link-color)}#cc-main .cm__desc,#cc-main .pm__body{overscroll-behavior:auto contain;scrollbar-width:thin}@media screen and (min-width:640px){#cc-main ::-webkit-scrollbar,#cc-main ::-webkit-scrollbar-thumb,#cc-main ::-webkit-scrollbar-track{all:revert}#cc-main ::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background:var(--cc-toggle-readonly-bg);border:.25rem solid var(--cc-bg);border-radius:1rem}#cc-main ::-webkit-scrollbar-thumb:hover{background:var(--cc-toggle-off-bg)}#cc-main ::-webkit-scrollbar{background:transparent;width:12px}}html.disable--interaction.show--consent,html.disable--interaction.show--consent body{height:auto!important;overflow:hidden!important}@media (prefers-reduced-motion){#cc-main{--cc-modal-transition-duration:0s}}.cc--darkmode{--cc-bg:#161a1c;--cc-primary-color:#ebf3f6;--cc-secondary-color:#aebbc5;--cc-btn-primary-bg:#c2d0e0;--cc-btn-primary-color:var(--cc-bg);--cc-btn-primary-border-color:var(--cc-btn-primary-bg);--cc-btn-primary-hover-bg:#98a7b6;--cc-btn-primary-hover-color:#000;--cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);--cc-btn-secondary-bg:#242c31;--cc-btn-secondary-color:var(--cc-primary-color);--cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);--cc-btn-secondary-hover-bg:#353d43;--cc-btn-secondary-hover-color:#fff;--cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);--cc-separator-border-color:#222a30;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-toggle-off-bg:#525f6b;--cc-toggle-on-knob-bg:var(--cc-btn-primary-color);--cc-toggle-off-knob-bg:var(--cc-btn-primary-color);--cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);--cc-toggle-readonly-bg:#343e45;--cc-toggle-readonly-knob-bg:#5f6b72;--cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);--cc-section-category-border:#1e2428;--cc-cookie-category-block-bg:#1e2428;--cc-cookie-category-block-border:var(--cc-section-category-border);--cc-cookie-category-block-hover-bg:#242c31;--cc-cookie-category-block-hover-border:#232a2f;--cc-cookie-category-expanded-block-bg:transparent;--cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);--cc-overlay-bg:rgba(0,0,0,.65);--cc-webkit-scrollbar-bg:var(--cc-section-category-border);--cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);--cc-footer-bg:#0c0e0f;--cc-footer-color:var(--cc-secondary-color);--cc-footer-border-color:#060809}.cc--darkmode #cc-main{color-scheme:dark}#cc-main .cm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;max-width:24rem;opacity:0;overflow:hidden;position:fixed;transform:translateY(1.6em);visibility:hidden;z-index:1}#cc-main .cm--top{top:var(--cc-modal-margin)}#cc-main .cm--middle{top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .cm--bottom{bottom:var(--cc-modal-margin)}#cc-main .cm--center{left:var(--cc-modal-margin);margin:0 auto;right:var(--cc-modal-margin);width:unset}#cc-main .cm--left{left:var(--cc-modal-margin);margin-right:var(--cc-modal-margin)}#cc-main .cm--right{margin-left:var(--cc-modal-margin);right:var(--cc-modal-margin)}#cc-main .cm__body{display:flex;flex-direction:column;justify-content:space-between;position:relative}#cc-main .cm__btns,#cc-main .cm__links{padding:1rem 1.3rem;width:unset}#cc-main .cm__texts{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1rem 0 0}#cc-main .cm__desc,#cc-main .cm__title{padding:0 1.3rem}#cc-main .cm__title{font-size:1.05em}#cc-main .cm__title+.cm__desc{margin-top:1.1em}#cc-main .cm__desc{color:var(--cc-secondary-color);font-size:.9em;line-height:1.5;max-height:40vh;overflow-x:visible;overflow-y:auto;padding-bottom:1em}#cc-main .cm__btns{border-top:1px solid var(--cc-separator-border-color);display:flex;flex-direction:column;justify-content:center}#cc-main .cm__btn-group{display:grid;grid-auto-columns:minmax(0,1fr)}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin-top:.375rem}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .cm--inline .cm__btn+.cm__btn{margin-left:.375rem;margin-top:0}#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem;margin-right:0}#cc-main .cm--wide .cm__btn+.cm__btn,#cc-main .cm--wide .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-right:.375rem}#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,#cc-main .cm--wide .cm__btn-group--uneven{display:flex;flex:1;justify-content:space-between}#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,#cc-main .cm--wide.cm--flip .cm__btn-group--uneven{flex-direction:row-reverse}#cc-main .cm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);font-size:.82em;font-weight:600;min-height:42px;padding:.5em 1em;text-align:center}#cc-main .cm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .cm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close{border-radius:0;border-bottom-left-radius:var(--cc-btn-border-radius);border-right:none;border-top:none;display:none;font-size:1em;height:42px;min-width:auto!important;overflow:hidden;padding:0!important;position:absolute;right:0;top:0;width:42px}#cc-main .cm__btn--close svg{stroke:var(--cc-btn-primary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .cm__btn--close:hover svg{stroke:var(--cc-btn-primary-hover-color)}#cc-main .cm__btn--close.cm__btn--secondary svg{stroke:var(--cc-btn-secondary-color)}#cc-main .cm__btn--close.cm__btn--secondary:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .cm__btn--close+.cm__texts .cm__title{padding-right:3rem}#cc-main .cm--inline .cm__btn-group{grid-auto-flow:column}#cc-main .cm__footer{background:var(--cc-footer-bg);border-top:1px solid var(--cc-footer-border-color);color:var(--cc-footer-color);padding:.4em 0 .5em}#cc-main .cm__links{display:flex;flex-direction:row;padding-bottom:0;padding-top:0}#cc-main .cm__link-group{display:flex;flex-direction:row;font-size:.8em;width:100%}#cc-main .cm__link-group>*+*{margin-left:1.3rem}#cc-main .cm--flip .cm__btn:last-child{grid-row:1}#cc-main .cm--inline.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--box .cm__btn--close{display:block}#cc-main .cm--box.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--box.cm--wide{max-width:36em}#cc-main .cm--box.cm--wide .cm__btns{flex-direction:row;justify-content:space-between}#cc-main .cm--box.cm--wide .cm__btn-group{grid-auto-flow:column}#cc-main .cm--box.cm--wide .cm__btn{min-width:120px;padding-left:1.8em;padding-right:1.8em}#cc-main .cm--box.cm--wide.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--cloud{max-width:54em;width:unset}#cc-main .cm--cloud .cm__body{flex-direction:row}#cc-main .cm--cloud .cm__texts{flex:1}#cc-main .cm--cloud .cm__desc{max-height:9.4em}#cc-main .cm--cloud .cm__btns{border-left:1px solid var(--cc-separator-border-color);border-top:none;max-width:23em}#cc-main .cm--cloud .cm__btn-group{flex-direction:column}#cc-main .cm--cloud .cm__btn{min-width:19em}#cc-main .cm--cloud.cm--flip .cm__btn-group,#cc-main .cm--cloud.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cm--cloud.cm--inline .cm__btn-group{flex-direction:row}#cc-main .cm--cloud.cm--inline .cm__btn{min-width:10em}#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group{flex-direction:row-reverse}#cc-main .cm--bar{border-radius:0;left:0;margin:0;max-width:unset;opacity:1;right:0;transform:translateY(0);width:100vw;--cc-modal-transition-duration:.35s}#cc-main .cm--bar.cm--top{top:0;transform:translateY(-100%)}#cc-main .cm--bar.cm--bottom{bottom:0;transform:translateY(100%)}#cc-main .cm--bar .cm__body,#cc-main .cm--bar .cm__links{margin:0 auto;max-width:55em;width:100%}#cc-main .cm--bar .cm__body{padding:.5em 0 .9em}#cc-main .cm--bar .cm__btns{border-top:none;flex-direction:row;justify-content:space-between}#cc-main .cm--bar .cm__btn-group{grid-auto-flow:column}#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-left:.375rem;margin-top:0}#cc-main .cm--bar .cm__btn{min-width:120px;padding-left:2em;padding-right:2em}#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group{margin-bottom:0;margin-left:0;margin-right:.375rem}#cc-main .cm--bar.cm--flip .cm__btns{flex-direction:row-reverse}#cc-main .cm--bar.cm--flip .cm__btn:last-child{grid-column:1}#cc-main .cm--bar.cm--inline .cm__body,#cc-main .cm--bar.cm--inline .cm__links{max-width:74em}#cc-main .cm--bar.cm--inline .cm__body{flex-direction:row;padding:0}#cc-main .cm--bar.cm--inline .cm__btns{flex-direction:column;justify-content:center;max-width:23em}#cc-main .cm--bar.cm--inline.cm--flip .cm__btns{flex-direction:column-reverse}#cc-main .cc--anim .cm,#cc-main .cc--anim.cm-wrapper:before{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}#cc-main .cc--anim .cm__btn,#cc-main .cc--anim .cm__close{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.disable--interaction #cc-main .cm-wrapper:before{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:0}.show--consent #cc-main .cc--anim .cm{opacity:1;transform:translateY(0);visibility:visible!important}.show--consent #cc-main .cc--anim .cm--middle{transform:translateY(-50%)}.show--consent #cc-main .cc--anim .cm--bar{transform:translateY(0)}.show--consent #cc-main .cc--anim.cm-wrapper:before{opacity:1;visibility:visible}#cc-main.cc--rtl .cm__btn--close{border-bottom-left-radius:unset;border-bottom-right-radius:var(--cc-btn-border-radius);left:0;right:unset}#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title{padding-left:3rem!important;padding-right:1.3rem}#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .cm__link-group>*+*{margin-left:0;margin-right:1.3rem}@media screen and (max-width:640px){#cc-main{--cc-modal-margin:.5em}#cc-main .cm{max-width:none!important;width:auto!important}#cc-main .cm__body{flex-direction:column!important;padding:0!important}#cc-main .cm__btns,#cc-main .cm__desc,#cc-main .cm__links,#cc-main .cm__title{padding-left:1.1rem!important;padding-right:1.1rem!important}#cc-main .cm__btns{border-left:none!important;border-top:1px solid var(--cc-separator-border-color)!important;flex-direction:column!important;max-width:none!important;min-width:auto!important}#cc-main .cm__btn+.cm__btn,#cc-main .cm__btn-group+.cm__btn-group{margin:.375rem 0 0!important}#cc-main .cm--flip .cm__btn+.cm__btn,#cc-main .cm--flip .cm__btn-group+.cm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .cm__btn-group{display:flex!important;flex-direction:column!important;min-width:auto!important}#cc-main .cm__btn{flex:auto!important}#cc-main .cm__link-group{justify-content:center!important}#cc-main .cm--flip .cm__btn-group,#cc-main .cm--flip .cm__btns{flex-direction:column-reverse!important}}#cc-main .pm-wrapper{position:relative;z-index:2}#cc-main .pm{background:var(--cc-bg);border-radius:var(--cc-modal-border-radius);box-shadow:0 .625em 1.875em rgba(0,0,2,.3);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:fixed;visibility:hidden;width:100%;width:unset;z-index:1}#cc-main svg{fill:none;width:100%}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:1em 1.4em}#cc-main .pm__header{align-items:center;border-bottom:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__title{align-items:center;display:flex;flex:1;font-weight:600;margin-right:2em}#cc-main .pm__close-btn{background:var(--cc-btn-secondary-bg);border:1px solid var(--cc-btn-secondary-border-color);border-radius:var(--cc-btn-border-radius);height:40px;position:relative;transition:all .15s ease;width:40px}#cc-main .pm__close-btn span{display:flex;height:100%;width:100%}#cc-main .pm__close-btn svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5);transition:stroke .15s ease}#cc-main .pm__close-btn:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color)}#cc-main .pm__close-btn:hover svg{stroke:var(--cc-btn-secondary-hover-color)}#cc-main .pm__body{flex:1;overflow-y:auto;overflow-y:overlay}#cc-main .pm__section,#cc-main .pm__section--toggle{border-radius:var(--cc-btn-border-radius);display:flex;flex-direction:column;margin-bottom:.5em}#cc-main .pm__section--toggle .pm__section-desc-wrapper{border:1px solid var(--cc-cookie-category-block-border);border-radius:var(--cc-btn-border-radius);border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;margin-top:0!important;overflow:hidden}#cc-main .pm__section{border:1px solid var(--cc-separator-border-color);padding:1em;transition:background-color .25s ease,border-color .25s ease}#cc-main .pm__section:first-child{border:none;margin-bottom:2em;margin-top:0;padding:0;transition:none}#cc-main .pm__section:not(:first-child):hover{background:var(--cc-cookie-category-block-bg);border-color:var(--cc-cookie-category-block-border)}#cc-main .pm__section-toggles+.pm__section{margin-top:2em}#cc-main .pm__section--toggle{background:var(--cc-cookie-category-block-bg);border-top:none;margin-bottom:.375rem}#cc-main .pm__section--toggle .pm__section-title{align-items:center;background:var(--cc-cookie-category-block-bg);border:1px solid var(--cc-cookie-category-block-border);display:flex;justify-content:space-between;min-height:58px;padding:1.1em 5.4em 1.1em 1.2em;position:relative;transition:background-color .25s ease,border-color .25s ease;width:100%}#cc-main .pm__section--toggle .pm__section-title:hover{background:var(--cc-cookie-category-block-hover-bg);border-color:var(--cc-cookie-category-block-hover-border)}#cc-main .pm__section--toggle .pm__section-desc{margin-top:0;padding:1em}#cc-main .pm__section--toggle.is-expanded{--cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);--cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg)}#cc-main .pm__section--toggle.is-expanded .pm__section-title{border-bottom-left-radius:0;border-bottom-right-radius:0}#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg{transform:scale(.5) rotate(180deg)}#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper{display:flex}#cc-main .pm__section--expandable .pm__section-title{cursor:pointer;padding-left:3.4em}#cc-main .pm__section--expandable .pm__section-arrow{background:var(--cc-toggle-readonly-bg);border-radius:100%;display:flex;height:20px;justify-content:center;left:18px;pointer-events:none;position:absolute;width:20px}#cc-main .pm__section--expandable .pm__section-arrow svg{stroke:var(--cc-btn-secondary-color);transform:scale(.5)}#cc-main .pm__section-title-wrapper{align-items:center;display:flex;position:relative}#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper{margin-top:.85em}#cc-main .pm__section-title{border-radius:var(--cc-btn-border-radius);font-size:.95em;font-weight:600}#cc-main .pm__badge{align-items:center;background:var(--cc-btn-secondary-bg);border-radius:5em;color:var(--cc-secondary-color);display:flex;flex:none;font-size:.8em;font-weight:600;height:23px;justify-content:center;margin-left:1em;min-width:23px;overflow:hidden;padding:0 .6em 1px;position:relative;text-align:center;white-space:nowrap;width:auto}#cc-main .pm__service-counter{background:var(--cc-btn-primary-bg);color:var(--cc-btn-primary-color);padding:0;width:23px}#cc-main .pm__service-counter[data-counterlabel]{padding:0 .6em 1px;width:auto}#cc-main .section__toggle,#cc-main .section__toggle-wrapper,#cc-main .toggle__icon,#cc-main .toggle__label{border-radius:var(--cc-pm-toggle-border-radius);height:23px;transform:translateZ(0);width:50px}#cc-main .section__toggle-wrapper{cursor:pointer;position:absolute;right:18px;z-index:1}#cc-main .toggle-service{height:19px;position:relative;right:0;width:42px}#cc-main .toggle-service .section__toggle,#cc-main .toggle-service .toggle__icon,#cc-main .toggle-service .toggle__label{height:19px;width:42px}#cc-main .toggle-service .toggle__icon{position:relative}#cc-main .toggle-service .toggle__icon-circle{height:19px;width:19px}#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(23px)}#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after{display:none!important}#cc-main .section__toggle{border:0;cursor:pointer;display:block;left:0;margin:0;position:absolute;top:0}#cc-main .section__toggle:disabled{cursor:not-allowed}#cc-main .toggle__icon{background:var(--cc-toggle-off-bg);box-shadow:0 0 0 1px var(--cc-toggle-off-bg);display:flex;flex-direction:row;pointer-events:none;position:absolute;transition:all .25s ease}#cc-main .toggle__icon-circle{background:var(--cc-toggle-off-knob-bg);border:none;border-radius:var(--cc-pm-toggle-border-radius);box-shadow:0 1px 2px rgba(24,32,3,.36);display:block;height:23px;left:0;position:absolute;top:0;transition:transform .25s ease,background-color .25s ease;width:23px}#cc-main .toggle__icon-off,#cc-main .toggle__icon-on{height:100%;position:absolute;transition:opacity .15s ease;width:100%}#cc-main .toggle__icon-on{opacity:0;transform:rotate(45deg)}#cc-main .toggle__icon-on svg{stroke:var(--cc-toggle-on-bg);transform:scale(.55) rotate(-45deg)}#cc-main .toggle__icon-off{opacity:1}#cc-main .toggle__icon-off svg{stroke:var(--cc-toggle-off-bg);transform:scale(.55)}#cc-main .section__toggle:checked~.toggle__icon{background:var(--cc-toggle-on-bg);box-shadow:0 0 0 1px var(--cc-toggle-on-bg)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle{background-color:var(--cc-toggle-on-knob-bg);transform:translateX(27px)}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on{opacity:1}#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off{opacity:0}#cc-main .section__toggle:checked:disabled~.toggle__icon{background:var(--cc-toggle-readonly-bg);box-shadow:0 0 0 1px var(--cc-toggle-readonly-bg)}#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle{background:var(--cc-toggle-readonly-knob-bg);box-shadow:none}#cc-main .section__toggle:checked:disabled~.toggle__icon svg{stroke:var(--cc-toggle-readonly-knob-icon-color)}#cc-main .toggle__label{opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1}#cc-main .pm__section-desc-wrapper{color:var(--cc-secondary-color);display:flex;flex-direction:column;font-size:.9em}#cc-main .pm__section-desc-wrapper>:not(:last-child){border-bottom:1px solid var(--cc-cookie-category-block-border)}#cc-main .pm__section-services{display:flex;flex-direction:column}#cc-main .pm__service{align-items:center;display:flex;justify-content:space-between;padding:.4em 1.2em;position:relative;transition:background-color .15s ease}#cc-main .pm__service:hover{background-color:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__service-header{align-items:center;display:flex;margin-right:1em;width:100%}#cc-main .pm__service-icon{border:2px solid;border-radius:100%;height:8px;margin-left:6px;margin-right:20px;margin-top:1px;min-width:8px}#cc-main .pm__service-title{font-size:.95em;width:100%;word-break:break-word}#cc-main .pm__section-desc{line-height:1.5em}#cc-main .pm__section-table{border-collapse:collapse;font-size:.9em;margin:0;overflow:hidden;padding:0;text-align:left;width:100%}#cc-main .pm__table-caption{text-align:left}#cc-main .pm__table-caption,#cc-main .pm__table-head>tr{border-bottom:1px dashed var(--cc-separator-border-color);color:var(--cc-primary-color);font-weight:600}#cc-main .pm__table-tr{transition:background-color .15s ease}#cc-main .pm__table-tr:hover{background:var(--cc-cookie-category-block-hover-bg)}#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th{padding:.625em .625em .625em 1.2em;vertical-align:top}#cc-main .pm__footer{border-top:1px solid var(--cc-separator-border-color);display:flex;justify-content:space-between}#cc-main .pm__btn-group{display:flex}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin-left:.375rem}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main .pm__btn{background:var(--cc-btn-primary-bg);border:1px solid var(--cc-btn-primary-border-color);border-radius:var(--cc-btn-border-radius);color:var(--cc-btn-primary-color);flex:auto;font-size:.82em;font-weight:600;min-height:42px;min-width:110px;padding:.5em 1.5em;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease}#cc-main .pm__btn:hover{background:var(--cc-btn-primary-hover-bg);border-color:var(--cc-btn-primary-hover-border-color);color:var(--cc-btn-primary-hover-color)}#cc-main .pm__btn--secondary{background:var(--cc-btn-secondary-bg);border-color:var(--cc-btn-secondary-border-color);color:var(--cc-btn-secondary-color)}#cc-main .pm__btn--secondary:hover{background:var(--cc-btn-secondary-hover-bg);border-color:var(--cc-btn-secondary-hover-border-color);color:var(--cc-btn-secondary-hover-color)}#cc-main .pm--box{height:calc(100% - 2em);left:var(--cc-modal-margin);margin:0 auto;max-height:37.5em;max-width:43em;right:var(--cc-modal-margin);top:50%;transform:translateY(calc(-50% + 1.6em))}#cc-main .pm--box.pm--flip .pm__btn-group,#cc-main .pm--box.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm--bar{border-radius:0;bottom:0;height:100%;margin:0;max-height:none;max-width:29em;opacity:1;top:0;width:100%;--cc-modal-transition-duration:.35s}#cc-main .pm--bar .pm__section-table,#cc-main .pm--bar .pm__table-body,#cc-main .pm--bar .pm__table-td,#cc-main .pm--bar .pm__table-th,#cc-main .pm--bar .pm__table-tr{display:block}#cc-main .pm--bar .pm__table-head{display:none}#cc-main .pm--bar .pm__table-caption{display:block}#cc-main .pm--bar .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm--bar .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm--bar .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm--bar .pm__table-td>div{flex:3}#cc-main .pm--bar:not(.pm--wide) .pm__body,#cc-main .pm--bar:not(.pm--wide) .pm__footer,#cc-main .pm--bar:not(.pm--wide) .pm__header{padding:1em 1.3em}#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,#cc-main .pm--bar:not(.pm--wide) .pm__footer{flex-direction:column}#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin:.375rem 0 0}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer{flex-direction:column-reverse}#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem;margin-top:0}#cc-main .pm--bar:not(.pm--wide) .pm__badge{display:none}#cc-main .pm--bar.pm--left{left:0;transform:translateX(-100%)}#cc-main .pm--bar.pm--right{right:0;transform:translateX(100%)}#cc-main .pm--bar.pm--wide{max-width:35em}#cc-main .pm--bar.pm--wide .pm__body,#cc-main .pm--bar.pm--wide .pm__footer,#cc-main .pm--bar.pm--wide .pm__header{padding:1em 1.4em}#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,#cc-main .pm--bar.pm--wide.pm--flip .pm__footer{flex-direction:row-reverse}#cc-main .pm-overlay{background:var(--cc-overlay-bg);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}#cc-main .cc--anim .pm,#cc-main .cc--anim .pm-overlay{transition:opacity var(--cc-modal-transition-duration) ease,visibility var(--cc-modal-transition-duration) ease,transform var(--cc-modal-transition-duration) ease}.show--preferences #cc-main .cc--anim .pm{opacity:1;visibility:visible!important}.show--preferences #cc-main .cc--anim .pm--box{transform:translateY(-50%)}.show--preferences #cc-main .cc--anim .pm--bar{transform:translateX(0)}.show--preferences #cc-main .cc--anim .pm-overlay{opacity:1;visibility:visible}#cc-main.cc--rtl .pm__service-header{margin-left:1em;margin-right:0}#cc-main.cc--rtl .pm__section-arrow{left:unset;right:18px}#cc-main.cc--rtl .section__toggle-wrapper{left:18px;right:unset;transform-origin:left}#cc-main.cc--rtl .toggle-service{left:0}#cc-main.cc--rtl .pm__service-icon{margin-left:20px;margin-right:5px}#cc-main.cc--rtl .pm__section--toggle .pm__section-title{padding-left:5.4em;padding-right:1.2em}#cc-main.cc--rtl .pm__section--expandable .pm__section-title{padding-right:3.4em}#cc-main.cc--rtl .pm__badge{margin-left:unset;margin-right:1em}#cc-main.cc--rtl .toggle__icon-circle{transform:translateX(27px)}#cc-main.cc--rtl .toggle-service .toggle__icon-circle{transform:translateX(23px)}#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle{transform:translateX(0)}#cc-main.cc--rtl .pm__table-td,#cc-main.cc--rtl .pm__table-th{padding-left:unset;padding-right:1.2em;text-align:right}#cc-main.cc--rtl .pm__table-td{padding-left:unset;padding-right:1.2em}#cc-main.cc--rtl .pm__table-td:before{padding-left:2em;padding-right:unset}#cc-main.cc--rtl .pm__btn+.pm__btn,#cc-main.cc--rtl .pm__btn-group+.pm__btn-group{margin-left:0;margin-right:.375rem}#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group{margin-left:.375rem;margin-right:0}#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group{margin-left:0}@media screen and (max-width:640px){#cc-main .pm{border-radius:0;bottom:0;height:auto;left:0;max-height:100%;max-width:none!important;right:0;top:0;transform:translateY(1.6em)}#cc-main .pm__body,#cc-main .pm__footer,#cc-main .pm__header{padding:.9em!important}#cc-main .pm__badge{display:none}#cc-main .pm__section-table,#cc-main .pm__table-body,#cc-main .pm__table-caption,#cc-main .pm__table-td,#cc-main .pm__table-th,#cc-main .pm__table-tr{display:block}#cc-main .pm__table-head{display:none}#cc-main .pm__table-tr:not(:last-child){border-bottom:1px solid var(--cc-separator-border-color)}#cc-main .pm__table-td{display:flex;justify-content:space-between}#cc-main .pm__table-td:before{color:var(--cc-primary-color);content:attr(data-column);flex:1;font-weight:600;min-width:100px;overflow:hidden;padding-right:2em;text-overflow:ellipsis}#cc-main .pm__table-td>div{flex:3}#cc-main .pm__btn-group,#cc-main .pm__footer{flex-direction:column!important}#cc-main .pm__btn-group{display:flex!important}#cc-main .pm__btn+.pm__btn,#cc-main .pm__btn-group+.pm__btn-group{margin:.375rem 0 0!important}#cc-main .pm--flip .pm__btn+.pm__btn,#cc-main .pm--flip .pm__btn-group+.pm__btn-group{margin-bottom:.375rem!important;margin-top:0!important}#cc-main .pm--flip .pm__btn-group,#cc-main .pm--flip .pm__footer{flex-direction:column-reverse!important}.show--preferences #cc-main .cc--anim .pm{transform:translateY(0)!important}}

/* Overrides responsive. Van AL FINAL de la hoja a proposito.
   Las utilidades tienen la misma especificidad (0,1,0) que estos selectores, asi
   que si fueran antes, .f{display:flex} le ganaria a .navlinks{display:none} y el
   menu no se ocultaria en movil. Paso exactamente eso en v0.11.0. */

@media (max-width: 900px) {
.cols-2, .cols-3, .cols-4, .hero, .split, .split-wide, .shots { grid-template-columns:1fr; }
/* El pie es lo unico que usa .g4. A 375px daba columnas de 68px con las palabras
   partidas, y el sello de socio se salia de su pastilla. */
.g3, .g4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.navlinks, .hdr-actions { display:none; }
.menu { display:block; }
table { min-width:520px; }
}

@media (max-width: 560px) {
.btn { width:100%; }
.g2, .g3, .g4 { grid-template-columns:1fr; }
}

@media (max-width: 768px) {
.grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
.section { padding: var(--space-8) 0; }
.container { padding: 0 var(--space-5); }
}

/* El indice pasa a columna pegajosa a la derecha. El cuerpo queda en la columna 1
   para que siga alineado con el logo, la cabecera y el pie. */
@media (min-width: 1100px) {
.article-grid { display:grid; grid-template-columns:minmax(0,1fr) 16rem; gap:clamp(2rem,4vw,4rem); align-items:start; }
.article-grid > .rail { display:flex; flex-direction:column; gap:var(--space-5); grid-column:2; grid-row:1; position:sticky; top:calc(var(--header-h) + 1.5rem); }
.rail > .toc { margin-block-end:0; }
.article-grid > .article-body { grid-column:1; grid-row:1; }
}