/* TerpTalk tt2 — el mismo menú, botones, efectos y espacios de la página principal (web-terptalk/index.html)
   en las páginas de WordPress. Todo vive debajo de html.tt2, que lo pone el snippet "TerpTalk — tt2". */

html.tt2 body:has(.tt-site) { --xs: 10px; --xxl: clamp(64px, 12vw, 200px); }
html.tt2 { background: var(--paper, #f1efe8); }

/* Lo viejo de WordPress que ahora hace tt2: cabecera, menú, pie y el papel/grano de antes */
html.tt2 .tt-site .tt-headwrap, html.tt2 .tt-site .tt-burger, html.tt2 .tt-site .tt-menu, html.tt2 .tt-site .tt-foot { display: none !important; }
html.tt2 body:has(.tt-site)::before, html.tt2 body:has(.tt-site)::after { content: none !important; display: none !important; }

/* Papel + grano */
html.tt2 .tt2-paper { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: url("https://terptalkpr.com/mesa-89yzkog0hn/assets/img/paper-baked.webp") center / cover; }
html.tt2 .tt2-grain { position: fixed; inset: -5%; width: 110%; height: 110%; z-index: 80; pointer-events: none; opacity: .14; background: url("https://terptalkpr.com/mesa-89yzkog0hn/assets/img/grain-a.webp") 0 0 / 240px 240px; animation: tt2-grain .5s steps(3) infinite; }
@keyframes tt2-grain { 0% { transform: translate(0, 0); } 33% { transform: translate(-3%, 2%); } 66% { transform: translate(2%, -3%); } }
html.tt2 #smooth-wrapper { position: relative; z-index: 1; isolation: isolate; }
html.tt2 .tt-site { position: relative; }

/* Arriba de cada página: aire para los botones fijos (ya no hay cabecera) */
html.tt2 .tt-site .tt-hero, html.tt2 .tt-site .tt-blog-hero, html.tt2 .tt-site .tt-single-head { padding-top: calc(var(--top) + 52px + var(--s2)) !important; }
html.tt2 .tt-site main > .tt-404:first-child { padding-top: calc(var(--top) + 52px + var(--s2)) !important; }

/* Botones de la página principal (gs.css los tenía a 24px) */
html.tt2 .tt-site .tt-btn a, html.tt2 .tt-site a.tt-btn { font-size: var(--md); padding: 16px 20px 13px; }
html.tt2 .tt-site .strip-tags .tt-lbl { font-size: var(--lg); }

/* ---------- Botones fijos: casa, menú, volver arriba ---------- */
html.tt2 .tt2-home { position: fixed; right: calc(var(--gut) + 52px + 6px); top: var(--top); z-index: 70; width: 52px; height: 52px; background: var(--ink); display: grid; place-content: center; transition: transform .8s cubic-bezier(.34, 1.56, .64, 1) .05s, box-shadow .3s var(--ease); }
html.tt2 .tt2-home svg { width: 24px; height: 24px; fill: var(--lime); transition: transform .45s cubic-bezier(.34, 1.9, .64, 1); }
html.tt2 .tt2-home:hover svg { transform: translateY(-3px) scale(1.15) rotate(-6deg); }
html.tt2 .tt2-home:active svg, html.tt2 .tt2-totop:active svg { transform: scale(.82); transition-duration: .1s; }
html.tt2 .tt2-totop { position: fixed; right: var(--gut); bottom: var(--bot); z-index: 70; width: 44px; height: 44px; background: var(--ink); display: grid; place-content: center; transition: transform .8s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s var(--ease); }
html.tt2 .tt2-totop svg { width: 18px; height: 18px; fill: none; stroke: var(--lime); stroke-width: 2.6; stroke-linecap: square; transition: transform .45s cubic-bezier(.34, 1.9, .64, 1); }
html.tt2 .tt2-totop:hover svg { animation: tt2-up .7s var(--ease) infinite; }
@keyframes tt2-up { 45% { transform: translateY(-5px); } }
html.tt2 .ui-clear .tt2-totop, html.tt2 .menu-open .tt2-totop { transform: translateY(calc(100% + var(--bot) + 24px)); }
html.tt2 .tt2-home:hover, html.tt2 .tt2-burger:hover, html.tt2 .tt2-totop:hover { box-shadow: 4px 4px 0 var(--lime); }
html.tt2 .tt2-burger { position: fixed; right: var(--gut); top: var(--top); z-index: 70; width: 52px; height: 52px; padding: 0; transition: transform .8s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s var(--ease); background: var(--ink); border: 0; border-radius: 0; cursor: pointer; display: grid; place-content: center; gap: 7px; }
html.tt2 .tt2-burger i { display: block; width: 26px; height: 3px; background: var(--lime); transition: transform .5s var(--ease), translate .45s cubic-bezier(.34, 1.9, .64, 1); }
html.tt2 body:not(.menu-open) .tt2-burger:hover i:first-child { translate: -4px 0; }
html.tt2 body:not(.menu-open) .tt2-burger:hover i:last-child { translate: 4px 0; }
html.tt2 .menu-open .tt2-burger i:first-child { transform: translateY(5px) rotate(45deg); }
html.tt2 .menu-open .tt2-burger i:last-child { transform: translateY(-5px) rotate(-45deg); }

/* ---------- Menú: cortina lima ---------- */
html.tt2 .tt2-menu { position: fixed; inset: 0; z-index: 65; background: var(--lime); color: var(--ink); display: flex; flex-direction: column; justify-content: center; padding: var(--gut) var(--gut) calc(var(--gut) + 48px); clip-path: inset(0 0 100% 0); transition: clip-path .8s var(--ease); }
html.tt2 .tt2-menu::before { content: ""; position: absolute; inset: 0; background: url("https://terptalkpr.com/wp-content/uploads/2026/10/tt-paper-tex.webp") center / cover; mix-blend-mode: multiply; opacity: .6; }
html.tt2 .menu-open .tt2-menu { clip-path: inset(0 0 0 0); }
html.tt2 .tt2-menu a { position: relative; font-family: var(--display); font-size: min(var(--xxl), 12.5svh); line-height: .86; text-transform: uppercase; width: max-content; max-width: 100%; color: var(--ink); text-decoration: none; overflow: clip; }
html.tt2 .tt2-menu a span { display: inline-block; transform: translateY(110%); transition: transform .8s var(--ease); }
html.tt2 .menu-open .tt2-menu a span { transform: none; }
html.tt2 .tt2-menu a:nth-child(2) span { transition-delay: .05s; } html.tt2 .tt2-menu a:nth-child(3) span { transition-delay: .1s; } html.tt2 .tt2-menu a:nth-child(4) span { transition-delay: .15s; } html.tt2 .tt2-menu a:nth-child(5) span { transition-delay: .2s; }
/* letra blanca sin borde: los huequitos de la letra dejan ver el lima (con borde negro salían puntos negros) */
html.tt2 .tt2-menu a:hover span, html.tt2 .tt2-menu a:focus-visible span, html.tt2 .tt2-menu a[aria-current] span { color: var(--paper); }
html.tt2 .tt2-menu a:focus-visible, html.tt2 .tt2-menu:focus { outline: none; }
html.tt2 .tt2-menu .m-pages { position: relative; display: flex; flex-wrap: wrap; gap: var(--s3) var(--s2); margin-top: var(--s2); }
html.tt2 .tt2-menu .m-pages a { font-size: var(--lg); line-height: 1; }
html.tt2 .tt2-menu .m-foot { position: absolute; left: var(--gut); right: calc(var(--gut) + 80px); bottom: var(--gut); margin: 0; font-size: var(--sm); }

/* Botones fijos: se esconden al bajar y vuelven al subir */
html.tt2 .ui-off:not(.menu-open) .tt2-home, html.tt2 .ui-off:not(.menu-open) .tt2-burger, html.tt2 .menu-open .tt2-home { transform: translateY(calc(-100% - var(--top) - 12px)); }

/* Foco visible y enlace para saltar */
html.tt2 :focus-visible, html.tt2 .tt-site :focus-visible, html.tt2 .tt-site .tt-btn a:focus-visible, html.tt2 .tt-site a.tt-btn:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
html.tt2 .tt-site .tt-dark :focus-visible, html.tt2 .tt-site .tt-dark a.tt-btn:focus-visible, html.tt2 .foot :focus-visible { outline-color: var(--lime); }
html.tt2 .tt2-home:focus-visible, html.tt2 .tt2-burger:focus-visible, html.tt2 .tt2-totop:focus-visible { outline: 3px solid var(--lime); outline-offset: -7px; }
html.tt2 .tt2-skip { position: fixed; left: var(--gut); top: var(--top); z-index: 100; background: var(--lime); color: var(--ink); font-weight: 600; padding: 12px 16px; text-decoration: none; transform: translateY(calc(-100% - var(--top) - 10px)); }
html.tt2 .tt2-skip:focus { transform: none; }

/* ---------- Aviso de 21+ ---------- */
html.tt2 .tt2-age { position: fixed; inset: 0; z-index: 78; display: grid; place-items: center; overflow-y: auto; background: var(--ink); color: var(--paper); padding: max(var(--top), var(--s3)) var(--gut) max(var(--bot), var(--s3)); text-align: center; }
html.tt2.ok21 .tt2-age { display: none; }
html.gated, html.gated body { overflow: hidden; }
html.tt2 .tt2-age .age-in { width: min(100%, 760px); display: flex; flex-direction: column; align-items: center; }
html.tt2 .tt2-age .age-ask, html.tt2 .tt2-age .age-no-msg { display: flex; flex-direction: column; align-items: center; }
html.tt2 .tt2-age h2, html.tt2 .tt2-age p, html.tt2 .tt2-age small { text-wrap: balance; margin-bottom: 0; }
html.tt2 .tt2-age .age-logo { position: relative; width: min(72vw, 420px); background: var(--paper); padding: clamp(14px, 1.6vw, 26px) clamp(16px, 2vw, 32px); transform: rotate(-1.5deg); }
html.tt2 .tt2-age .age-logo img { display: block; width: 100%; height: auto; }
html.tt2 .tt2-age .tt-lbl { position: relative; display: inline-block; background: var(--lime); color: var(--ink); font-family: var(--display); line-height: .9; padding: .16em .32em .06em; white-space: nowrap; text-transform: uppercase; margin-top: var(--s2); font-size: var(--md); transform: rotate(2deg); }
html.tt2 .tt2-age .tt-lbl::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle, rgba(20,20,20,.7) .9px, transparent 1.5px) 0 0 / 5px 5px; opacity: .55; }
html.tt2 .tt2-age h2 { margin-top: var(--s3); font-family: var(--display); font-weight: 400; font-size: var(--xl); line-height: .9; letter-spacing: 0; text-transform: uppercase; color: var(--paper); }
html.tt2 .tt2-age p { margin-top: var(--s3); max-width: 34em; font-size: var(--md); line-height: 1.4; }
html.tt2 .tt2-age .age-btns { margin-top: var(--s2); display: flex; flex-wrap: wrap; justify-content: center; gap: var(--s3); }
html.tt2 .tt2-age .btn { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; border: 2px solid var(--lime); border-radius: 0; cursor: pointer; background: var(--lime); color: var(--ink); font-family: var(--display); font-size: var(--md); line-height: 1; padding: 16px 20px 13px; text-transform: uppercase; transition: background .3s, color .3s, border-color .3s; }
html.tt2 .tt2-age .btn:hover { background: var(--paper); border-color: var(--paper); color: var(--ink); }
html.tt2 .tt2-age .btn.ghost { background: transparent; color: var(--paper); border-color: rgba(241, 239, 232, .5); }
html.tt2 .tt2-age .btn.ghost:hover { background: var(--paper); border-color: var(--paper); color: var(--ink); }
html.tt2 .tt2-age small { margin-top: var(--s2); font-size: var(--sm); letter-spacing: .04em; color: rgba(241, 239, 232, .72); }
html.tt2 .tt2-age :focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; }
html.tt2 .tt2-age[data-step="ask"] .age-no-msg, html.tt2 .tt2-age[data-step="no"] .age-ask { display: none; }

/* ---------- Letras, líneas y la goma de Safari ---------- */
html.tt2 .ln { display: block; overflow: clip; padding-bottom: .1em; margin-bottom: -.1em; }
html.tt2 .ln-done .ln { overflow: visible; }
html.tt2 .ln-in { display: inline-block; white-space: nowrap; }
html.tt2 .pw { white-space: nowrap; }
html.tt2.soft .pc { display: inline-block; }
html.tt2.soft .lz { translate: var(--lx, 0px) var(--ly, 0px) !important; scale: var(--ls, 1) calc(var(--ls, 1) * var(--lsy, 1)) !important; rotate: var(--lr, 0deg) !important; }
html.tt2 .tt-wimg { display: block; position: relative; }
/* cada pieza empieza en cero (así no hereda el empujón de la de afuera) */
html.tt2.soft .lz { --lx: 0px; --ly: 0px; --ls: 1; --lsy: 1; --lr: 0deg; }
/* adornos ::before / ::after que el lente aparta aparte de su caja (cuadritos de las listas, comillas, cintas) */
html.tt2.soft .lzb { --bx: 0px; --by: 0px; --bs: 1; }
html.tt2.soft .lza { --ax: 0px; --ay: 0px; --as: 1; }
html.tt2.soft .lzb::before { translate: var(--bx) var(--by); scale: var(--bs); }
html.tt2.soft .lza::after { translate: var(--ax) var(--ay); scale: var(--as); }
/* las letras partidas son cajitas: el subrayado del enlace no les llega solo, cada una lo dibuja */
html.tt2.soft a :is(.pw, .pc, strong, em, b, i, span, code, mark, time) { text-decoration: inherit; text-decoration-thickness: inherit; }

/* ---------- Pie nuevo ---------- */
html.tt2 footer.foot { position: relative; z-index: 2; margin-top: -1px; background: var(--ink); color: var(--paper); padding: calc(var(--s1) - var(--s3)) var(--gut) calc(var(--gut) + 6px); }
html.tt2 .foot a { color: inherit; text-decoration: none; transition: color .3s; }
html.tt2 .foot a:hover, html.tt2 .foot a[aria-current] { color: var(--lime); }
html.tt2 .f-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s3) var(--s2); padding-bottom: var(--s3); border-bottom: 1px solid rgba(241, 239, 232, .14); }
html.tt2 .foot .by { display: flex; align-items: center; gap: 12px; font-size: var(--sm); text-transform: uppercase; letter-spacing: .1em; color: rgba(241, 239, 232, .7); }
html.tt2 .foot .by img { display: block; height: 22px; width: auto; }
html.tt2 .f-nav { display: flex; flex-wrap: wrap; gap: 8px 28px; font-family: var(--display); font-size: var(--md); line-height: 1; text-transform: uppercase; }
html.tt2 .f-bot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px var(--s2); padding-top: var(--s3); padding-right: 90px; padding-bottom: env(safe-area-inset-bottom); font-size: var(--sm); text-transform: uppercase; letter-spacing: .1em; color: rgba(241, 239, 232, .66); }
html.tt2 .f-nav a, html.tt2 .f-soc a { padding: 6px 0; }
html.tt2 .f-soc { display: flex; flex-wrap: wrap; gap: 8px 22px; color: var(--paper); }

@media (max-width: 820px) {
  html.tt2 .tt2-home, html.tt2 .tt2-burger { width: 48px; height: 48px; }
  html.tt2 .tt2-home { right: calc(var(--gut) + 48px + 6px); }
  html.tt2 .tt-site .tt-hero, html.tt2 .tt-site .tt-blog-hero, html.tt2 .tt-site .tt-single-head, html.tt2 .tt-site main > .tt-404:first-child { padding-top: calc(var(--top) + 48px + var(--s2)) !important; }
  html.tt2 footer.foot { padding-bottom: calc(var(--bot) + 13px); } /* la última línea queda a la altura de la flechita de subir */
  html.tt2 .f-top { flex-direction: column; align-items: center; padding-bottom: 24.5px; }
  html.tt2 .f-nav { display: none; } /* el Blog ya está en el botón de arriba y en el menú */
  html.tt2 .f-bot { flex-direction: column-reverse; align-items: stretch; gap: 16px; padding-top: 17px; padding-right: 0; padding-bottom: 0; letter-spacing: .08em; }
  html.tt2 .f-soc { justify-content: space-between; gap: 8px 12px; } /* las 4 redes en una fila, de borde a borde */
  html.tt2 .foot .copy { padding-right: 48px; text-wrap: balance; } /* la flechita de subir cabe al lado */
}
@media (prefers-reduced-motion: reduce) {
  html.tt2 .tt2-grain { animation: none; }
  html.tt2 .tt2-menu, html.tt2 .tt2-menu a span, html.tt2 .tt2-home, html.tt2 .tt2-burger, html.tt2 .tt2-totop, html.tt2 .tt2-skip { transition: none; }
}

/* final: menos aire entre "Mira todos los episodios" y el logo */
html.tt2 .tt-footwrap .tt-dark .strip { margin-top: var(--s2); }

/* todas las fotos llevan grano de película (como las del index), no puntitos. El agua de Safari lo pinta dentro del canvas */
html.tt2 .tt-site :is(.tt-media, .wp-block-post-featured-image, .tt-wimg)::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 1 1 0 -1 1 1 1 0 -1 1 1 1 0 -1 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 180px 180px; mix-blend-mode: overlay; opacity: .55; }

/* Safari (html.soft): mientras la foto se dobla en el canvas (.wet), el grano del ::after se esconde; el shader pone el suyo */
html.soft .tt-site :is(.tt-media, .wp-block-post-featured-image, .tt-wimg).wet::after { opacity: 0 !important; }

/* ---------- Igual que la mesa (menos los artículos, que tienen su propio movimiento) ---------- */
/* fotos de las tarjetas y video del post: empiezan tapadas y se abren de lado */
html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site :is(.wp-block-post-featured-image, .tt-single-body .wp-block-embed) { clip-path: inset(0 0 0 100%); }
/* el paralaje mueve la foto con transform: el zoom del hover va por scale (como la mesa) para que no se peleen */
html.tt2 body:not(:has(.tt-art-body)) .tt-site .wp-block-post-featured-image img { transition: scale 1s var(--ease); }
@media (hover: hover) { html.tt2 body:not(:has(.tt-art-body)) .tt-site li:hover .wp-block-post-featured-image img { scale: 1.04 !important; } /* !important: GSAP escribe "scale: none" en la foto que anima y eso apagaba el zoom */ }
/* títulos de archivo y de video: cada palabra corta sus letras mientras suben */
html.tt2 .tt-site :is(.tt-arch, .tt-single-head h1) .tw { display: inline-block; overflow: hidden; vertical-align: top; padding: .08em 0; margin: -.08em 0; }
html.tt2 .tt-site :is(.tt-arch, .tt-single-head h1) .tc { display: inline-block; }
/* invitados: en pantalla grande el carril corre de lado pegado en el centro (como la mesa) */
@media (min-width: 821px) {
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-guests { padding-top: 0; }
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-guests .g-head { margin-bottom: clamp(8px, 2vh, 32px) !important; }
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .g-track { width: max-content; overflow: visible; scroll-snap-type: none; padding-bottom: 0; }
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .pol { width: var(--polw, clamp(260px, 30vw, 520px)); }
}
/* Safari: con cada letra en su cajita (.pc), "text-wrap: balance" deja la primera palabra sola en su línea */
html.tt2.soft body:not(:has(.tt-art-body)) .tt-site :is(h1, h2, h3, h4, h5, h6, p, li, a):has(.pc) { text-wrap: wrap; }
/* shorts del blog: en pantalla grande la fila corre de lado pegada en el centro (como los invitados) */
@media (min-width: 821px) {
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-sh-pin { margin-top: calc(var(--s1) - 24px); } /* el espacio de arriba va por fuera: pegada, la fila cabe en la pantalla */
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-sh-pin .tt-sec-head { padding-top: 24px; margin-bottom: clamp(16px, 3vh, 48px) !important; }
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-sh-pin .tt-shorts { overflow-x: clip; overflow-y: visible; }
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-sh-pin .tt-shorts .wp-block-post-template { width: max-content; overflow: visible; scroll-snap-type: none; }
}
/* tarjetas blancas (polaroids, shorts): se estiran con la goma junto con su foto; en Safari también se mueven enteras */
html.tt2 body:not(:has(.tt-art-body)) .tt-site .tt-gc { scale: 1 var(--csy, 1); translate: 0 var(--cty, 0px); }
html.tt2.soft body:not(:has(.tt-art-body)) .tt-site .tt-gc.lz { translate: var(--lx, 0px) calc(var(--ly, 0px) + var(--cty, 0px)) !important; scale: var(--ls, 1) calc(var(--ls, 1) * var(--lsy, 1) * var(--csy, 1)) !important; }
/* invitados: la polaroid girada y estirada no se corta abajo (la sección cortaba con overflow: hidden) */
@media (min-width: 821px) {
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-guests { overflow-x: clip; overflow-y: visible; }
  html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-guests .g-track { padding-bottom: 28px; }
}
/* en el cel también: invitados y shorts corren de lado con el scroll vertical (antes se pasaban con el dedo) */
html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .g-track { width: max-content; overflow: visible; scroll-snap-type: none; }
html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-guests { overflow-x: clip; overflow-y: visible; }
html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-sh-pin .tt-shorts { overflow-x: clip; overflow-y: visible; }
html.tt2.tt-js body:not(:has(.tt-art-body)) .tt-site .tt-sh-pin .tt-shorts .wp-block-post-template { width: max-content; overflow: visible; scroll-snap-type: none; }
/* Hosts de About Us: grano de película en vez de puntitos (el CSS viejo vive en los estilos globales del sitio) */
html.tt2 .tt-site .cut .dots { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 1 1 0 -1 1 1 1 0 -1 1 1 1 0 -1 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 180px 180px; mix-blend-mode: overlay; opacity: .55; }
/* CANNABIS / MEDICINAL como en el video del intro: papel rasgado (máscara, así el barrido de entrada sigue usando clip-path), crema sobre negro y negro sobre lima, la B y la C en Veneer Three */
html.tt2 .tt-site .strip-tags { gap: 14px; }
html.tt2 .tt-site .strip-tags .tt-lbl { font-family: "veneer-two", var(--display); background: #141414; color: #f1efe8; padding: .145em .28em .135em; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0.0 3.6 2.3 3.7 4.5 4.3 6.8 4.1 9.1 6.0 11.4 3.8 13.6 0.6 15.9 3.7 18.2 4.3 20.5 3.2 22.7 3.4 25.0 5.9 27.3 2.9 29.5 4.7 31.8 4.8 34.1 1.1 36.4 1.2 38.6 1.9 40.9 2.8 43.2 2.6 45.5 4.1 47.7 0.9 50.0 4.2 52.3 4.0 54.5 2.9 56.8 5.9 59.1 5.6 61.4 5.4 63.6 2.2 65.9 4.4 68.2 1.8 70.5 0.4 72.7 5.2 75.0 6.8 77.3 2.1 79.5 1.0 81.8 5.2 84.1 2.4 86.4 3.9 88.6 4.0 90.9 5.9 93.2 1.0 95.5 5.9 97.7 5.7 100.0 2.7 100.0 16.7 99.9 33.3 98.8 50.0 99.3 66.7 99.3 83.3 100.0 98.1 97.7 96.5 95.5 94.9 93.2 99.4 90.9 95.5 88.6 99.7 86.4 96.9 84.1 95.6 81.8 93.1 79.5 97.0 77.3 96.7 75.0 97.5 72.7 99.7 70.5 94.9 68.2 97.1 65.9 94.7 63.6 97.9 61.4 96.1 59.1 97.6 56.8 94.1 54.5 98.9 52.3 99.2 50.0 95.6 47.7 95.6 45.5 99.1 43.2 97.4 40.9 97.4 38.6 93.4 36.4 94.0 34.1 95.6 31.8 97.1 29.5 93.6 27.3 95.9 25.0 97.0 22.7 97.8 20.5 96.4 18.2 99.9 15.9 93.8 13.6 97.9 11.4 97.1 9.1 99.1 6.8 99.4 4.5 94.8 2.3 96.2 0.0 96.4 0.1 83.3 0.8 66.7 0.9 50.0 1.2 33.3 1.3 16.7'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0.0 3.6 2.3 3.7 4.5 4.3 6.8 4.1 9.1 6.0 11.4 3.8 13.6 0.6 15.9 3.7 18.2 4.3 20.5 3.2 22.7 3.4 25.0 5.9 27.3 2.9 29.5 4.7 31.8 4.8 34.1 1.1 36.4 1.2 38.6 1.9 40.9 2.8 43.2 2.6 45.5 4.1 47.7 0.9 50.0 4.2 52.3 4.0 54.5 2.9 56.8 5.9 59.1 5.6 61.4 5.4 63.6 2.2 65.9 4.4 68.2 1.8 70.5 0.4 72.7 5.2 75.0 6.8 77.3 2.1 79.5 1.0 81.8 5.2 84.1 2.4 86.4 3.9 88.6 4.0 90.9 5.9 93.2 1.0 95.5 5.9 97.7 5.7 100.0 2.7 100.0 16.7 99.9 33.3 98.8 50.0 99.3 66.7 99.3 83.3 100.0 98.1 97.7 96.5 95.5 94.9 93.2 99.4 90.9 95.5 88.6 99.7 86.4 96.9 84.1 95.6 81.8 93.1 79.5 97.0 77.3 96.7 75.0 97.5 72.7 99.7 70.5 94.9 68.2 97.1 65.9 94.7 63.6 97.9 61.4 96.1 59.1 97.6 56.8 94.1 54.5 98.9 52.3 99.2 50.0 95.6 47.7 95.6 45.5 99.1 43.2 97.4 40.9 97.4 38.6 93.4 36.4 94.0 34.1 95.6 31.8 97.1 29.5 93.6 27.3 95.9 25.0 97.0 22.7 97.8 20.5 96.4 18.2 99.9 15.9 93.8 13.6 97.9 11.4 97.1 9.1 99.1 6.8 99.4 4.5 94.8 2.3 96.2 0.0 96.4 0.1 83.3 0.8 66.7 0.9 50.0 1.2 33.3 1.3 16.7'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
html.tt2 .tt-site .strip-tags .tt-lbl.lime { font-family: var(--display); background: #bcd824; color: #141414; font-size: calc(var(--lg) * 1.08); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0.0 1.5 2.3 1.1 4.5 2.2 6.8 1.7 9.1 2.7 11.4 2.4 13.6 2.5 15.9 2.3 18.2 1.7 20.5 0.3 22.7 4.5 25.0 0.0 27.3 4.3 29.5 5.2 31.8 6.8 34.1 3.4 36.4 4.9 38.6 0.4 40.9 6.5 43.2 5.9 45.5 5.3 47.7 1.9 50.0 4.0 52.3 0.7 54.5 2.0 56.8 0.6 59.1 0.5 61.4 4.3 63.6 1.8 65.9 2.4 68.2 1.1 70.5 2.2 72.7 4.4 75.0 2.2 77.3 6.2 79.5 5.2 81.8 4.3 84.1 2.3 86.4 5.8 88.6 3.7 90.9 5.7 93.2 0.6 95.5 0.6 97.7 5.5 100.0 2.0 99.9 16.7 99.0 33.3 99.4 50.0 99.7 66.7 99.8 83.3 100.0 95.8 97.7 98.4 95.5 98.2 93.2 95.5 90.9 95.9 88.6 99.2 86.4 94.8 84.1 96.1 81.8 96.7 79.5 96.8 77.3 98.6 75.0 93.8 72.7 99.0 70.5 93.7 68.2 97.9 65.9 93.9 63.6 98.0 61.4 94.5 59.1 94.0 56.8 97.3 54.5 96.7 52.3 96.9 50.0 93.7 47.7 98.2 45.5 96.9 43.2 98.6 40.9 97.4 38.6 93.8 36.4 93.4 34.1 96.5 31.8 97.3 29.5 99.6 27.3 99.3 25.0 97.0 22.7 95.9 20.5 96.9 18.2 96.0 15.9 98.4 13.6 98.4 11.4 93.0 9.1 95.7 6.8 98.8 4.5 95.4 2.3 97.1 0.0 96.9 0.9 83.3 1.2 66.7 0.8 50.0 1.3 33.3 0.7 16.7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0.0 1.5 2.3 1.1 4.5 2.2 6.8 1.7 9.1 2.7 11.4 2.4 13.6 2.5 15.9 2.3 18.2 1.7 20.5 0.3 22.7 4.5 25.0 0.0 27.3 4.3 29.5 5.2 31.8 6.8 34.1 3.4 36.4 4.9 38.6 0.4 40.9 6.5 43.2 5.9 45.5 5.3 47.7 1.9 50.0 4.0 52.3 0.7 54.5 2.0 56.8 0.6 59.1 0.5 61.4 4.3 63.6 1.8 65.9 2.4 68.2 1.1 70.5 2.2 72.7 4.4 75.0 2.2 77.3 6.2 79.5 5.2 81.8 4.3 84.1 2.3 86.4 5.8 88.6 3.7 90.9 5.7 93.2 0.6 95.5 0.6 97.7 5.5 100.0 2.0 99.9 16.7 99.0 33.3 99.4 50.0 99.7 66.7 99.8 83.3 100.0 95.8 97.7 98.4 95.5 98.2 93.2 95.5 90.9 95.9 88.6 99.2 86.4 94.8 84.1 96.1 81.8 96.7 79.5 96.8 77.3 98.6 75.0 93.8 72.7 99.0 70.5 93.7 68.2 97.9 65.9 93.9 63.6 98.0 61.4 94.5 59.1 94.0 56.8 97.3 54.5 96.7 52.3 96.9 50.0 93.7 47.7 98.2 45.5 96.9 43.2 98.6 40.9 97.4 38.6 93.8 36.4 93.4 34.1 96.5 31.8 97.3 29.5 99.6 27.3 99.3 25.0 97.0 22.7 95.9 20.5 96.9 18.2 96.0 15.9 98.4 13.6 98.4 11.4 93.0 9.1 95.7 6.8 98.8 4.5 95.4 2.3 97.1 0.0 96.9 0.9 83.3 1.2 66.7 0.8 50.0 1.3 33.3 0.7 16.7'/%3E%3C/svg%3E"); }
html.tt2 .tt-site .strip-tags .tt-lbl::after { display: none; }
html.tt2 .tt-site .strip-tags .tt-lbl .f3 { font-family: "veneer-three", var(--display); -webkit-text-stroke: .045em currentColor; font-size: 1.06em; line-height: 0; }
html.tt2 .tt-site .strip-tags .tt-lbl:first-child { transform: rotate(-3deg); }
html.tt2 .tt-site .strip-tags .tt-lbl:last-child { transform: rotate(2.5deg) translateY(10px); }
/* Footer: del CANNABIS / MEDICINAL al "Una producción de" el mismo aire que de la pared de letras al logo; el texto centrado con el Cv del logo */
html.tt2 footer.foot { padding-top: calc(var(--s2) - var(--s3)); }
html.tt2 .foot .by { position: relative; top: 1.5px; }
html.tt2 .foot .by img { position: relative; top: -3.5px; } /* juntos: el texto queda centrado con las letras de cultivana */

/* Safari: lo que se estira al hacer scroll va en su propia capa (la tarjeta de video lo estira sin volver a pintarlo: la página baja más suave) */
html.tt2.soft :is(.tt-big .ch, .tt-site .tt-media, .tt-site .wp-block-post-featured-image, .tt-single-body .wp-block-embed, .tt-h2, .end-title, .tt-sec-head h2, .tt-lead, .wp-block-post-title, .wall, .tt-gc) { will-change: transform; }
html.tt2.soft body:not(:has(.tt-art-body)) :is(.tt-arch, .tt-site :is(h2, h3).wp-block-heading, .tt-site h2:not([class])) { will-change: transform; }
/* Tags y archivos: el título usa las 12 columnas de la cuadrícula (si no, se queda en una sola y sale una letra por línea) */
html.tt2 .tt-site .tt-blog-hero .tt-arch { grid-column: 1 / 13; }