/* TIPZ — pixel identity, editorial invitation, and a real community explorer. */
.sitw-tipz-landing,.sitw-tipz-explorer { --tipz-violet:#9b5cff; --tipz-violet-light:#c9a9ff; --tipz-violet-dark:#4b2082; --tipz-white:#f8f4ff; --tipz-black:#0a080e; }
.sitw-tipz-landing { padding-top:100px; }
.sitw-tipz-intro { position:relative; isolation:isolate; text-align:center; padding:75px 24px 0; margin-bottom:76px; border-bottom:1px solid #d9cff025; }
.sitw-tipz-intro-grid { position:absolute; inset:0 -25px; z-index:-1; pointer-events:none; background:linear-gradient(#cbbdf008 1px,transparent 1px),linear-gradient(90deg,#cbbdf008 1px,transparent 1px),radial-gradient(ellipse at 50% 38%,#a080eb25,transparent 60%); background-size:36px 36px,36px 36px,100% 100%; mask-image:linear-gradient(transparent,#000 12%,#000 65%,transparent); }
.sitw-tipz-intro-label { display:flex; align-items:center; justify-content:center; gap:18px; color:#aaa3b9; font:10px/1.6 'Share Tech Mono',monospace; letter-spacing:.15em; }
.sitw-tipz-intro-label i { color:var(--tipz-violet-light); font-size:22px; font-style:normal; }
.sitw-catalog .sitw-tipz-intro h1 { width:min(700px,94%); margin:20px auto 58px; line-height:1; transform:rotate(-3deg); }
.sitw-tipz-intro .sitw-tipz-wordmark { filter:drop-shadow(6px 9px 0 #09070d) drop-shadow(0 0 24px #9b5cff45); animation:tipz-light 8s ease-in-out infinite; }
.sitw-tipz-intro .sitw-tipz-brick:nth-child(7n) .sitw-tipz-brick-face { fill:#b886ff; }
.sitw-tipz-intro .sitw-tipz-brick:nth-child(11n) .sitw-tipz-brick-face { fill:#fff; }
@keyframes tipz-light { 0%,100% { filter:drop-shadow(6px 9px 0 #09070d) drop-shadow(0 0 20px #7b2fff35); } 45% { filter:drop-shadow(6px 9px 0 #09070d) drop-shadow(0 0 38px #b98aff70); } 70% { filter:drop-shadow(6px 9px 0 #09070d) drop-shadow(0 0 28px #fff3); } }
.sitw-tipz-intro.is-paused .sitw-tipz-wordmark { animation-play-state:paused; }
.sitw-tipz-intro > p { max-width:770px; margin:0 auto; font-size:clamp(20px,2.35vw,30px); line-height:1.55; letter-spacing:-.035em; color:#e7e3ed; }
.sitw-tipz-intro > p strong { color:var(--tipz-violet-light); font-weight:500; }
.sitw-tipz-intro > .sitw-tipz-intro-description { max-width:655px; margin:20px auto 0; font-size:14px; line-height:1.95; letter-spacing:0; color:#b3acbf; }
.sitw-tipz-landing .sitw-catalog-search button,.sitw-tipz-explorer .sitw-catalog-search button { border:1px solid #9b5cff82; background:transparent; color:#d9c3ff; }
.sitw-tipz-landing .sitw-catalog-search button:hover,.sitw-tipz-explorer .sitw-catalog-search button:hover { border-color:#bd91ff; background:#9b5cff12; color:#fff; }
.sitw-tipz-intro-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; margin-top:42px; padding:20px 0; font:9px/1.6 'Share Tech Mono',monospace; letter-spacing:.12em; color:#9c92ab; }

/* Relato de producto: de la presentación pública al contenido en WORLD. */
.sitw-tipz-intro-story { width:min(1180px,100%); margin:0 auto; color:#e7e3ed; }
.sitw-tipz-intro-opening { position:relative; width:min(1100px,100%); margin:0 auto; }
.sitw-tipz-intro-opening::before { content:""; display:block; width:72px; height:2px; margin:0 auto 34px; background:linear-gradient(90deg,transparent,#c9a9ff,transparent); box-shadow:0 0 22px #9b5cff8a; }
.sitw-tipz-intro-statement { max-width:1100px; margin:0 auto; color:#f8f4ff; font-size:clamp(38px,4.4vw,66px); font-weight:520; line-height:1.12; letter-spacing:-.052em; text-wrap:balance; }
.sitw-tipz-intro-statement strong,.sitw-tipz-builder-chapter strong { color:var(--tipz-violet-light); font-weight:650; }
.sitw-tipz-intro-context { max-width:930px; margin:34px auto 0; color:#c8c0d1; font-size:clamp(20px,1.8vw,27px); line-height:1.65; letter-spacing:-.024em; text-wrap:pretty; }
.sitw-tipz-builder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,3.5vw,52px); margin:clamp(80px,8vw,118px) auto 0; text-align:left; }
.sitw-tipz-builder-chapter { min-width:0; padding-top:26px; border-top:1px solid #c9a9ff42; }
.sitw-tipz-builder-kicker { display:block; margin-bottom:18px; color:#b98aff; font:700 10px/1.5 'Share Tech Mono',monospace; letter-spacing:.18em; }
.sitw-tipz-builder-chapter > p { margin:0; color:#ded7e7; font-size:clamp(19px,1.5vw,24px); line-height:1.68; letter-spacing:-.025em; text-wrap:pretty; }
.sitw-tipz-builder-screen { position:relative; margin:38px 0 34px; padding:0 8px 8px; border:2px solid #09070d; border-radius:15px; background:linear-gradient(145deg,#6f35a2,#2a133b 72%); box-shadow:7px 9px 0 #09070d,inset 1px 1px #ffffff26,0 24px 55px #0008,0 0 30px #9b5cff20; }
.sitw-tipz-builder-screen::after { content:""; position:absolute; top:100%; left:35%; right:35%; height:27px; background:linear-gradient(90deg,transparent 0 15%,#09070d 15% 85%,transparent 85%),linear-gradient(90deg,transparent 0 25%,#7136a2 25% 75%,transparent 75%); clip-path:polygon(35% 0,65% 0,72% 64%,100% 82%,100% 100%,0 100%,0 82%,28% 64%); filter:drop-shadow(0 5px 3px #0008); }
.sitw-tipz-builder-screen figcaption { display:flex; align-items:center; gap:6px; height:32px; padding:0 3px; color:#eadcff; font:700 7px/1 'Share Tech Mono',monospace; letter-spacing:.15em; }
.sitw-tipz-builder-screen figcaption span { margin-right:auto; }
.sitw-tipz-builder-screen figcaption i { width:7px; height:7px; border:1px solid #09070d; background:#d8baff; }
.sitw-tipz-builder-screen figcaption i:nth-last-child(2) { background:#8b42e8; }
.sitw-tipz-builder-screen figcaption i:last-child { background:#09070d; }
.sitw-tipz-builder-media { position:relative; aspect-ratio:1916/996; overflow:hidden; border:5px solid #09070d; background:#08060b; box-shadow:0 0 0 1px #c9a9ff75,inset 0 0 28px #9b5cff38; }
.sitw-tipz-builder-media::after { content:""; position:absolute; z-index:3; inset:0; pointer-events:none; background:repeating-linear-gradient(180deg,transparent 0 3px,#09030f21 3px 5px),linear-gradient(115deg,#fff1,transparent 20% 78%,#9b5cff12); }
.sitw-tipz-builder-media img { display:block; width:100%; height:100%; margin:0; object-fit:cover; filter:saturate(.92) contrast(1.04) brightness(.92); }
.sitw-tipz-builder-media.is-cycling img { position:absolute; inset:0; opacity:0; animation:tipz-builder-screen-cycle 8s ease-in-out infinite both; will-change:opacity,transform; }
.sitw-tipz-builder-media.is-cycling img:first-child { animation-delay:0s; }
.sitw-tipz-builder-media.is-cycling img:last-child { animation-delay:-4s; }
.sitw-tipz-intro-promise { max-width:1040px; margin:clamp(90px,9vw,132px) auto 0; color:#fff; font-size:clamp(30px,3.2vw,48px); line-height:1.22; letter-spacing:-.045em; text-wrap:balance; }
.sitw-tipz-intro-promise strong { font-weight:650; }
.sitw-tipz-intro-closing { max-width:840px; margin:28px auto 0; color:#c9a9ff; font-size:clamp(22px,2vw,31px); line-height:1.5; letter-spacing:-.03em; }
@keyframes tipz-builder-screen-cycle { 0%,44% { opacity:1; transform:scale(1); } 50%,94% { opacity:0; transform:scale(1.025); } 100% { opacity:1; transform:scale(1); } }

/* /cursos: escena principal panorámica, distinta del emblema compacto de /tipz. */
.sitw-tipz-main-cover { --tipz-cover-gap:102px; position:relative; display:flow-root; }
.sitw-catalog .sitw-tipz-intro h1.sitw-tipz-main-title { width:min(1160px,calc(100vw - 32px)); max-width:none; margin:18px 0 102px 50%; line-height:0; transform:translateX(-50%); }
.sitw-tipz-scene.sitw-tipz-main-scene { display:block; position:relative; width:100%; max-width:none; min-height:280px; margin:0; overflow:visible; background:transparent; }
.sitw-tipz-main-wordmark { display:block; width:100%; height:auto; min-height:280px; overflow:visible; filter:drop-shadow(0 30px 45px #0007); }
.sitw-tipz-enter { position:absolute; z-index:3; left:50%; bottom:calc(var(--tipz-cover-gap) + 9%); display:block; width:clamp(190px,22vw,320px); margin:0; padding:0; border:0; background:none; line-height:0; text-decoration:none!important; transform:translateX(-50%); transition:transform .2s,filter .2s; }
.sitw-tipz-enter-lettering { display:block; width:100%; height:auto; overflow:visible; filter:drop-shadow(5px 7px 0 #4b2082) drop-shadow(0 0 13px #9b5cff8c); }
.sitw-tipz-enter-glyph { fill:#fff; }
.sitw-tipz-enter:hover { filter:brightness(1.18); transform:translateX(-50%) scale(1.07); }
.sitw-tipz-enter:focus-visible { outline:2px solid #fff; outline-offset:8px; }
.sitw-tipz-main-masonry-title { transform-box:fill-box; transform-origin:center; filter:drop-shadow(7px 9px 0 #35134f) drop-shadow(0 0 7px #8b42e877); }
.sitw-tipz-main-castle-body path { stroke:#050308; }
.sitw-tipz-main-title-shadow { animation:tipz-main-title-base-in 620ms steps(1,end) 180ms both; transform-box:fill-box; transform-origin:center; }
.sitw-tipz-main-title-base { animation:tipz-main-title-base-in 620ms steps(1,end) 240ms both; transform-box:fill-box; transform-origin:center; }
.sitw-tipz-main-brick { animation:tipz-main-brick-in 720ms steps(1,end) var(--main-delay) both; transform-box:fill-box; transform-origin:center bottom; }
.sitw-tipz-main-tower,.sitw-tipz-main-castle-body { animation:tipz-main-tower-in 900ms steps(1,end) var(--tower-delay) both; transform-box:fill-box; transform-origin:center bottom; }
.sitw-tipz-main-wall-brick { animation:tipz-main-wall-in 520ms steps(1,end) var(--wall-delay) both; transform-box:fill-box; transform-origin:center bottom; }
.sitw-tipz-main-planet { transform-box:fill-box; transform-origin:center; filter:drop-shadow(0 0 22px #9b5cff78); }
.sitw-tipz-main-halo,.sitw-tipz-main-orbiter { opacity:0; transform-box:fill-box; transform-origin:center; }
.sitw-tipz-main-planet-map { transform-box:fill-box; }
.sitw-tipz-main-beam { opacity:.06; transform-box:fill-box; transform-origin:center bottom; }
.sitw-tipz-main-current { opacity:.14; }
.sitw-tipz-main-ui text { font:500 12px/1 'Share Tech Mono',monospace; letter-spacing:3px; }
.sitw-tipz-main-scene.is-animated .sitw-tipz-main-planet { animation:tipz-main-planet-float 7s ease-in-out 1800ms infinite both; }
.sitw-tipz-main-scene.is-animated .sitw-tipz-main-planet-map { animation:tipz-main-planet-turn 14s steps(29,end) 1800ms infinite; }
.sitw-tipz-main-scene.is-animated .sitw-tipz-main-halo { animation:tipz-main-halo 9s steps(8,end) 2200ms infinite both; }
.sitw-tipz-main-scene.is-animated .sitw-tipz-main-orbiter { animation:tipz-main-orbit 8s steps(16,end) 2200ms infinite both; }
.sitw-tipz-main-scene.is-animated .sitw-tipz-main-beam { animation:tipz-main-beam 11s ease-in-out 2600ms infinite both; }
.sitw-tipz-main-scene.is-animated .sitw-tipz-main-masonry-title { animation:tipz-main-title-power 9s steps(9,end) 2800ms infinite both; }
.sitw-tipz-main-scene.is-animated .sitw-tipz-main-current { animation:tipz-main-current 5s linear 2200ms infinite; }
@keyframes tipz-main-brick-in {
    0% { opacity:0; transform:translate(var(--main-x),-52px) rotate(4deg); }
    20% { opacity:1; transform:translate(var(--main-x),-52px) rotate(4deg); }
    50% { transform:translate(calc(var(--main-x) / 2),-26px) rotate(-2deg); }
    78% { transform:translate(0,-8px) rotate(0); }
    100% { opacity:1; transform:translate(0,0); }
}
@keyframes tipz-main-title-base-in {
    0% { opacity:0; transform:scaleX(.72); }
    50% { opacity:1; transform:scaleX(1.04); }
    100% { opacity:1; transform:scaleX(1); }
}
@keyframes tipz-main-tower-in {
    0% { opacity:0; transform:translateY(90px) scaleY(.2); }
    35% { opacity:1; transform:translateY(55px) scaleY(.5); }
    72% { transform:translateY(12px) scaleY(1.05); }
    100% { opacity:1; transform:translateY(0) scaleY(1); }
}
@keyframes tipz-main-wall-in {
    0% { opacity:0; transform:translateY(-42px); }
    35% { opacity:1; transform:translateY(-42px); }
    70% { transform:translateY(-12px); }
    100% { opacity:1; transform:translateY(0); }
}
@keyframes tipz-main-planet-float {
    0%,100% { transform:translate(0,0) rotate(-1deg); }
    50% { transform:translate(0,-13px) rotate(1deg); }
}
@keyframes tipz-main-planet-turn { to { transform:translateX(-174px); } }
@keyframes tipz-main-halo {
    0%,10%,100% { opacity:0; transform:scale(.85); }
    22% { opacity:.45; }
    48% { opacity:0; transform:scale(1.35); }
}
@keyframes tipz-main-orbit {
    0% { opacity:.15; transform:translate(-170px,0); }
    12.5% { opacity:.55; transform:translate(-118px,-42px); }
    25% { opacity:1; transform:translate(0,-42px); }
    37.5% { opacity:.55; transform:translate(118px,-42px); }
    50% { opacity:.15; transform:translate(170px,0); }
    62.5% { opacity:.8; transform:translate(118px,42px); }
    75% { opacity:1; transform:translate(0,42px); }
    87.5% { opacity:.8; transform:translate(-118px,42px); }
    100% { opacity:.15; transform:translate(-170px,0); }
}
@keyframes tipz-main-beam {
    0%,12%,100% { opacity:.03; transform:scaleX(.94); }
    28% { opacity:.14; transform:scaleX(1.02); }
    50% { opacity:.06; transform:scaleX(1); }
}
@keyframes tipz-main-title-power {
    0%,100% { filter:drop-shadow(7px 9px 0 #35134f) drop-shadow(0 0 4px #8b42e855); }
    45% { filter:drop-shadow(7px 9px 0 #512178) drop-shadow(0 0 9px #ac70ff88); }
    52% { filter:drop-shadow(7px 9px 0 #35134f) drop-shadow(0 0 5px #fff6); }
}
@keyframes tipz-main-current {
    from { stroke-dashoffset:0; opacity:.08; }
    40% { opacity:.6; }
    to { stroke-dashoffset:-203; opacity:.08; }
}
.sitw-catalog-hero-copy > .sitw-catalog-title { margin:26px 0 24px; color:#f3f0f7; font-size:clamp(42px,5.3vw,76px); line-height:1.06; letter-spacing:-.065em; font-weight:600; }
.sitw-tipz-world-lettering-wrap { display:block; width:min(610px,100%); margin-top:.12em; line-height:0; }
.sitw-tipz-world-lettering { display:block; width:100%; height:auto; overflow:visible; filter:drop-shadow(7px 9px 0 #4b2082) drop-shadow(0 12px 20px #0008); }
.sitw-tipz-world-pixel-shadow { fill:#050308; }
.sitw-tipz-world-pixel { fill:#fff; stroke:#050308; stroke-width:2; }
.sitw-tipz-see-all { display:flex; flex-direction:column; align-items:center; gap:14px; padding:42px 0 5px; text-align:center; }
.sitw-tipz-see-all > span { font-size:14px; color:#c6bdd0; }
.sitw-tipz-see-all a { display:flex; align-items:center; gap:70px; padding:16px 24px; border:1px solid #9b5cff80; border-radius:7px; color:var(--tipz-violet-light); background:transparent; font-size:16px; }
.sitw-tipz-see-all a:hover { background:#9b5cff20; }
.sitw-tipz-see-all small { color:#9e92ae; font-size:11px; }

.sitw-tipz-landing .sitw-catalog-explore .sitw-catalog-section-head { flex-direction:column; align-items:center; gap:12px; text-align:center; }
.sitw-tipz-landing .sitw-catalog-explore .sitw-catalog-section-head > div { display:flex; flex-direction:column; align-items:center; }
.sitw-tipz-landing .sitw-catalog-explore .sitw-catalog-section-head > p { margin:0; text-align:center; }

/* The learner's journey: a connected route, with a typographic artifact. */
.sitw-catalog .sitw-tipz-path { padding:56px; gap:70px; background:radial-gradient(ellipse at 10% 100%,#9b5cff16,transparent 50%),#111016; border-color:#9b5cff40; border-radius:4px 32px 4px 32px; }
.sitw-tipz-path .sitw-catalog-kicker { color:#c9a9ff; }
.sitw-catalog .sitw-tipz-path h2 { font-size:clamp(36px,4vw,56px); line-height:1.08; letter-spacing:-.055em; }
.sitw-tipz-path h2 em { color:var(--tipz-violet-light); font-style:normal; }
.sitw-tipz-path-copy > p { font-size:14px; }
.sitw-tipz-path-art { display:flex; flex-wrap:wrap; align-items:center; gap:24px; width:240px; margin-top:40px; }
.sitw-tipz-path-art > span { display:grid; place-items:center; width:65px; height:72px; border:1px solid #9b5cff52; border-radius:3px; color:var(--tipz-violet-light); font:48px/1 'Share Tech Mono',monospace; transform:rotate(-9deg); box-shadow:5px 5px 0 #9b5cff18; }
.sitw-tipz-path-art > span:nth-of-type(2) { transform:rotate(8deg); color:#fff; background:var(--tipz-violet-dark); }
.sitw-tipz-path-art > i { color:#ab83e6; font-size:28px; font-style:normal; }
.sitw-tipz-path-art small { width:100%; color:#a995c4; font:9px/1.5 'Share Tech Mono',monospace; letter-spacing:.12em; }
.sitw-tipz-path ol { position:relative; padding:10px 0; gap:0; }
.sitw-tipz-path ol::before { content:''; position:absolute; width:1px; top:40px; bottom:50px; left:23px; background:linear-gradient(#9b5cff70,#9b5cff12); }
.sitw-tipz-path li { position:relative; padding:20px 0; gap:26px; }
.sitw-catalog .sitw-tipz-path li > span { width:48px; height:48px; background:#1c1526; color:var(--tipz-violet-light); border-color:#9b5cff65; border-radius:10px; font:16px/1 'Share Tech Mono',monospace; }
.sitw-tipz-path li small { display:block; color:#b59bd6; font:9px/1.5 'Share Tech Mono',monospace; letter-spacing:.12em; margin-bottom:8px; }
.sitw-catalog .sitw-tipz-path li h3 { font-size:20px; margin-bottom:12px; }
.sitw-catalog .sitw-tipz-path li p { font-size:13px; color:#b5b7b0; max-width:340px; }

/* A creator invitation with its own visual weight: editorial poster + studio. */
.sitw-catalog .sitw-tipz-creators { isolation:isolate; scroll-margin-top:90px; margin-top:96px; padding:62px; gap:60px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); background:radial-gradient(circle at 4% 100%,#6c2db82b,transparent 34%),linear-gradient(145deg,#171020,#0b0910 70%); border:1px solid #9b5cff48; border-radius:28px 4px 28px 4px; color:#f7f2ff; box-shadow:0 24px 80px #0006,inset 0 1px 0 #fff0d; }
.sitw-tipz-creators::before { content:''; position:absolute; pointer-events:none; z-index:-1; width:420px; height:420px; left:-180px; bottom:-250px; border:70px solid #9b5cff1c; transform:rotate(35deg); }
.sitw-tipz-creators .sitw-catalog-kicker { color:#b991f0; font-size:9px; letter-spacing:.1em; }
.sitw-tipz-creators .sitw-catalog-kicker i { background:none; box-shadow:none; width:auto; height:auto; font-style:normal; font-size:25px; }
.sitw-catalog .sitw-tipz-creators h2 { margin-top:30px; font-size:clamp(38px,4.55vw,66px); line-height:1.05; font-weight:600; letter-spacing:-.065em; color:#f7f2ff; }
.sitw-tipz-creators h2 em { font-style:normal; color:#b98aff; }
.sitw-tipz-creators .sitw-catalog-creators-copy > p { color:#b9adc8; font-size:14px; line-height:1.9; margin-top:26px; max-width:380px; }
.sitw-tipz-creator-stamp { display:flex; align-items:center; gap:16px; margin-top:40px; color:#ae7bed; transform:rotate(-7deg); transform-origin:left; }
.sitw-tipz-creator-stamp > span { font-size:70px; line-height:1; }
.sitw-tipz-creator-stamp > div { font:10px/1.65 'Share Tech Mono',monospace; letter-spacing:.12em; }
.sitw-tipz-creator-stamp strong { font-size:19px; letter-spacing:.04em; }
.sitw-tipz-studio-preview { padding:22px; margin:8px 0 35px; background:#08070c; color:#eee5fa; border:1px solid #9b5cff70; border-radius:10px; transform:rotate(3deg); box-shadow:7px 10px 0 #4b2082,0 24px 30px #0007; }
.sitw-tipz-studio-preview > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:15px; border-bottom:1px solid #cfb6f32b; font:8px/1.5 'Share Tech Mono',monospace; letter-spacing:.1em; color:#b7a1cf; }
.sitw-tipz-studio-preview i { font-style:normal; letter-spacing:4px; color:#b991ec; }
.sitw-tipz-studio-tag { display:block; margin:24px 0 12px; color:#c9a9ff; font:8px/1.5 'Share Tech Mono',monospace; letter-spacing:.12em; }
.sitw-tipz-studio-preview > strong { display:block; font-size:27px; font-weight:500; letter-spacing:-.04em; line-height:1.22; }
.sitw-tipz-studio-blocks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:24px 0 18px; }
.sitw-tipz-studio-blocks span { padding:12px 9px; border:1px solid #b599ce38; border-radius:4px; font:9px/1.5 'Share Tech Mono',monospace; color:#ab97bd; }
.sitw-tipz-studio-blocks b { display:block; margin-top:8px; font:500 9px/1.5 'Inter',sans-serif; color:#d9c3ef; }
.sitw-tipz-studio-preview > small { display:flex; justify-content:space-between; color:#b6a0ca; font:8px/1.5 'Share Tech Mono',monospace; letter-spacing:.12em; }
.sitw-tipz-creators .sitw-catalog-creators-body ol { gap:19px; }
.sitw-tipz-creators .sitw-catalog-creators-body li { gap:16px; }
.sitw-tipz-creators .sitw-catalog-creators-body li > span { border:1px solid #9b5cff6b; background:#21152f; color:#c9a9ff; border-radius:5px; font-family:'Share Tech Mono',monospace; }
.sitw-tipz-creators .sitw-catalog-creators-body h3 { color:#f0e9f8; font-size:15px; font-weight:600; }
.sitw-tipz-creators .sitw-catalog-creators-body li p { color:#aa9bb9; font-size:12px; }
.sitw-tipz-creators .sitw-catalog-creators-actions { gap:17px; }
body .entry-content .sitw-tipz-creators .sitw-catalog-btn { width:100%; border:1px solid #9b5cff8c; background:transparent; color:#d7bcff; min-height:54px; font-size:12px; box-shadow:4px 4px 0 #4b2082; }
body .entry-content .sitw-tipz-creators .sitw-catalog-btn:hover { background:#9b5cff13; color:#fff; }
.sitw-tipz-creators .sitw-catalog-creators-actions > span { color:#9f91ae; font-size:11px; }
.sitw-tipz-creators .sitw-catalog-creators-actions .sitw-link { color:#c6a3f5; border-color:#9b5cff70; font-weight:600; }

/* Explorer: centered hero, explicit view switch, paginated content. */
.sitw-tipz-explorer { max-width:1240px; padding-top:84px; }
.sitw-tipz-explorer-hero { display:flex; flex-direction:column; align-items:center; text-align:center; padding-bottom:44px; }
.sitw-tipz-scene { --scene-cycle:10s; position:relative; isolation:isolate; width:min(700px,100%); min-width:0; margin:24px auto 18px; }
.sitw-tipz-explorer-logo { display:block; position:relative; width:100%; margin:0; }
.sitw-tipz-explorer-logo::before { content:''; position:absolute; z-index:-1; inset:5% -3% 1%; background:radial-gradient(ellipse,#7c35d52b,transparent 67%); }
/* Entrada de 2.4 s y ciclo ambiental suspendido fuera de pantalla. */
.sitw-tipz-pixel-wordmark { display:block; width:100%; height:auto; overflow:visible; transform:skewX(-4deg); transform-origin:50% 88%; filter:drop-shadow(6px 8px 0 #100719) drop-shadow(0 14px 20px #000a) drop-shadow(0 0 18px #8b42e833); }
.sitw-tipz-pixel-joint { fill:#180c28; }
.sitw-tipz-pixel-planet { filter:drop-shadow(0 0 10px #9b5cff66); }
.sitw-tipz-planet-ring-back { animation:tipz-planet-ring 520ms steps(1,end) 160ms both; transform-box:fill-box; transform-origin:center; }
.sitw-tipz-planet-core { animation:tipz-planet-core 620ms steps(1,end) 360ms both; transform-box:fill-box; transform-origin:center; }
.sitw-tipz-planet-ring-front { animation:tipz-planet-ring 520ms steps(1,end) 620ms both; transform-box:fill-box; transform-origin:center; }
.sitw-tipz-sky-star { opacity:.28; transform-box:fill-box; transform-origin:center; }
.sitw-tipz-comet,.sitw-tipz-planet-halo,.sitw-tipz-orbit-spark,.sitw-tipz-tower-beam,.sitw-tipz-title-sheen,.sitw-tipz-title-spark { opacity:0; }
.sitw-tipz-orbit-spark { filter:drop-shadow(0 0 3px #eadfff); }
.sitw-tipz-orbit-spark.is-back { --orbit-back:1; --orbit-front:0; }
.sitw-tipz-orbit-spark.is-front { --orbit-back:0; --orbit-front:1; }
.sitw-tipz-tower-light { opacity:.4; filter:drop-shadow(0 0 5px #b478ff); }
.sitw-tipz-tower-beam { transform-box:fill-box; transform-origin:left bottom; --beam-turn:3deg; }
.sitw-tipz-tower-beam.is-right { transform-origin:right bottom; --beam-turn:-3deg; }
.sitw-tipz-tower-flag { transform-box:fill-box; transform-origin:left top; }
.sitw-tipz-title-spark { transform-box:fill-box; transform-origin:center; }
.sitw-tipz-ruin-current { opacity:.12; }
.sitw-tipz-scene.is-animated .sitw-tipz-planet-float { animation:tipz-planet-float 5s ease-in-out 1400ms infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-planet-texture { animation:tipz-planet-turn var(--scene-cycle) steps(24,end) 1400ms infinite; }
.sitw-tipz-scene.is-animated .sitw-tipz-planet-halo { animation:tipz-planet-halo var(--scene-cycle) ease-out 2400ms infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-orbit-spark { animation:tipz-planet-orbit var(--scene-cycle) linear 1400ms infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-sky-star { animation:tipz-star-idle 5s ease-in-out var(--star-delay) infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-comet { animation:tipz-comet 20s linear var(--comet-delay) infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-tower-light { animation:tipz-tower-light var(--scene-cycle) ease-in-out var(--light-delay) infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-tower-beam { animation:tipz-tower-beam var(--scene-cycle) ease-in-out 2400ms infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-tower-flag { animation:tipz-flag 2.5s steps(2,end) var(--flag-delay) infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-title-sheen { animation:tipz-title-sheen var(--scene-cycle) linear 2400ms infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-title-spark { animation:tipz-title-spark var(--scene-cycle) ease-in-out var(--spark-delay) infinite both; }
.sitw-tipz-scene.is-animated .sitw-tipz-ruin-current { animation:tipz-ruin-current var(--scene-cycle) linear 2400ms infinite both; }
.sitw-tipz-pixel-ruins { filter:drop-shadow(0 4px 0 #08040d); }
.sitw-tipz-pixel-rubble { animation:tipz-rubble-build 480ms steps(1,end) var(--rubble-delay) both; transform-box:fill-box; transform-origin:center bottom; }
.sitw-tipz-pixel-brick { animation:tipz-pixel-build 620ms steps(1,end) var(--brick-delay) both; }
@keyframes tipz-rubble-build {
    0% { opacity:0; transform:translateY(-24px); }
    24% { opacity:1; transform:translateY(-24px); }
    55% { transform:translateY(-12px); }
    82% { transform:translateY(-4px); }
    100% { opacity:1; transform:translateY(0); }
}
@keyframes tipz-planet-ring {
    0% { opacity:0; transform:scaleX(.18); }
    45% { opacity:1; transform:scaleX(.55); }
    75% { transform:scaleX(1.08); }
    100% { opacity:1; transform:scaleX(1); }
}
@keyframes tipz-planet-core {
    0% { opacity:0; transform:translateY(-24px) scale(.35); }
    35% { opacity:1; transform:translateY(-16px) scale(.55); }
    70% { transform:translateY(-6px) scale(1.08); }
    100% { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes tipz-planet-float {
    0%,100% { transform:translate(0,0); }
    50% { transform:translate(2px,-6px); }
}
@keyframes tipz-planet-turn { to { transform:translateX(-48px); } }
@keyframes tipz-planet-halo {
    0%,8% { opacity:0; transform:scale(.9); }
    18% { opacity:.3; }
    42%,100% { opacity:0; transform:scale(1.25); }
}
@keyframes tipz-planet-orbit {
    0% { transform:translate(88px,-69px); opacity:var(--orbit-back); }
    12.5% { transform:translate(103px,-84px); }
    25% { transform:translate(138px,-84px); }
    37.5% { transform:translate(166px,-84px); }
    49.99% { transform:translate(188px,-69px); opacity:var(--orbit-back); }
    50% { transform:translate(188px,-69px); opacity:var(--orbit-front); }
    62.5% { transform:translate(173px,-54px); }
    75% { transform:translate(138px,-54px); }
    87.5% { transform:translate(110px,-54px); }
    99.99% { transform:translate(88px,-69px); opacity:var(--orbit-front); }
    100% { transform:translate(88px,-69px); opacity:var(--orbit-back); }
}
@keyframes tipz-star-idle {
    0%,100% { opacity:.18; transform:scale(.75); }
    50% { opacity:.75; transform:scale(1); }
}
@keyframes tipz-comet {
    0% { opacity:0; transform:translate(0,0); }
    1% { opacity:.85; }
    7%,100% { opacity:0; transform:translate(56px,34px); }
}
@keyframes tipz-tower-light {
    0%,100% { opacity:.25; }
    12% { opacity:.95; }
    30% { opacity:.65; }
    65% { opacity:.4; }
}
@keyframes tipz-tower-beam {
    0%,8% { opacity:0; transform:rotate(0); }
    20% { opacity:.14; }
    38% { opacity:.06; transform:rotate(var(--beam-turn)); }
    55%,100% { opacity:0; transform:rotate(0); }
}
@keyframes tipz-flag {
    0%,100% { transform:skewY(-4deg) scaleX(.94); }
    50% { transform:skewY(4deg) scaleX(1); }
}
@keyframes tipz-title-sheen {
    0%,26% { opacity:0; transform:translateX(0); }
    30% { opacity:1; transform:translateX(0); }
    60% { opacity:1; transform:translateX(360px); }
    65%,100% { opacity:0; transform:translateX(360px); }
}
@keyframes tipz-title-spark {
    0%,16%,100% { opacity:0; transform:scale(.5); }
    7% { opacity:.85; transform:scale(1); }
}
@keyframes tipz-ruin-current {
    0%,100% { stroke-dashoffset:0; opacity:.08; }
    30% { opacity:.5; }
    99.99% { stroke-dashoffset:-106; opacity:.08; }
}
@keyframes tipz-pixel-build {
    0% { opacity:0; transform:translate(var(--brick-x),-32px); }
    16% { opacity:1; transform:translate(var(--brick-x),-32px); }
    44% { transform:translate(var(--brick-x),-24px); }
    64% { transform:translate(0,-16px); }
    84% { transform:translate(0,-8px); }
    100% { opacity:1; transform:translate(0,0); }
}
.sitw-tipz-scene.is-paused svg * { animation-play-state:paused !important; }
.sitw-tipz-explorer-logo:focus-visible { outline:2px solid #d8baff; outline-offset:4px; }
.sitw-tipz-explorer-intro { padding:16px 0 26px; width:100%; }
.sitw-tipz-explorer-intro h1 { font-size:clamp(38px,4.8vw,66px); max-width:850px; margin:0 auto 22px; text-align:center; }
.sitw-tipz-explorer-intro h1 em { color:var(--tipz-violet-light); font-style:normal; }
.sitw-tipz-explorer-intro p { color:#b4aabd; font-size:14px; line-height:1.85; margin:0 auto; text-align:center; }
.sitw-tipz-search { width:min(850px,100%); margin:0 auto; }
.sitw-tipz-search > svg { width:21px; height:21px; }
.sitw-tipz-tabs { display:flex; justify-content:center; gap:4px; margin:0 auto; padding:4px; width:max-content; max-width:100%; border:1px solid #9b5cff45; border-radius:9px; background:#100d16; }
.sitw-tipz-tabs a { display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 20px; min-height:42px; border:1px solid transparent; border-radius:6px; font-size:12px; color:#b8acc5; }
.sitw-tipz-tabs a svg { width:15px; height:15px; }
.sitw-tipz-tabs a[aria-current] { background:var(--tipz-violet-dark); border-color:#9b5cff85; color:#fff; box-shadow:inset 0 1px 0 #fff2; }
.sitw-tipz-tabs a:hover { color:#fff; }
.sitw-tipz-explorer.is-publicaciones { max-width:920px; }
.sitw-tipz-social-hero { display:grid; place-items:center; min-height:390px; padding:32px 0 40px; text-align:center; }
.sitw-tipz-social-hero .sitw-tipz-scene { margin:0; }
.sitw-tipz-social-hero h1 { width:100%; margin:0; line-height:0; }
.sitw-tipz-explorer.is-publicaciones > .sitw-tipz-tabs { margin-bottom:0; }
.sitw-tipz-explorer .sitw-catalog-toolbar { gap:18px; flex-wrap:wrap; }
.sitw-tipz-explorer .sitw-catalog-selects { margin-left:auto; }
body .entry-content .sitw-tipz-explorer .sitw-tipz-apply { background:transparent; color:#d7bcff; border:1px solid #9b5cff72; }
body .entry-content .sitw-tipz-explorer .sitw-tipz-apply:hover { background:#9b5cff12; color:#fff; }
body .entry-content .sitw-tipz-path .sitw-catalog-btn { border:1px solid #9b5cff72; background:transparent; color:#d7bcff; }
body .entry-content .sitw-tipz-path .sitw-catalog-btn:hover { background:#9b5cff12; color:#fff; }
.sitw-tipz-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:25px; margin-top:40px; color:#b8acc5; font-size:12px; }
.sitw-tipz-pagination a { display:inline-flex; align-items:center; min-height:44px; padding:10px 18px; border:1px solid #c8b4f238; color:#deceef; border-radius:7px; }
.sitw-tipz-feed { width:min(680px,100%); min-width:0; margin:0 auto; }
.sitw-tipz-post { min-width:0; border:1px solid #9b5cff2e; border-radius:17px; background:#14111b; margin-bottom:24px; overflow:hidden; box-shadow:0 18px 55px #0002; }
.sitw-tipz-post > header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px 26px 0; }
.sitw-tipz-author { min-width:0; display:flex; align-items:center; gap:12px; }
.sitw-tipz-avatar { display:grid; place-items:center; flex:none; width:43px; height:43px; overflow:hidden; background:var(--avatar-color,#79518f); color:white; border-radius:50%; font-size:13px; }
.sitw-tipz-avatar img { width:100%; height:100%; object-fit:cover; }
.sitw-tipz-author strong { display:block; font-size:13px; color:#ebddf8; overflow-wrap:anywhere; }
.sitw-tipz-author small { display:block; color:#ac9bbc; font-size:10px; margin-top:2px; overflow-wrap:anywhere; }
.sitw-tipz-post time { flex:none; color:#a99ab7; font-size:10px; }
.sitw-tipz-post-copy { padding:22px 26px; }
.sitw-tipz-post h3 { color:#f0e8f6; font-size:22px; line-height:1.35; font-weight:500; letter-spacing:-.035em; margin:0 0 14px; overflow-wrap:anywhere; }
.sitw-tipz-post-copy > p { color:#c2b5cc; font-size:14px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; margin:0; }
.sitw-tipz-post-resource { display:block; margin-top:20px; border:1px solid #9b5cff42; padding:14px 16px; border-radius:8px; color:var(--tipz-violet-light); font-size:12px; overflow-wrap:anywhere; }
.sitw-tipz-post-media { background:#0b0a10; }
.sitw-tipz-post-media :is(img,video) { display:block; width:100%; max-height:640px; object-fit:contain; }
.sitw-tipz-post footer { display:flex; align-items:center; gap:8px; border-top:1px solid #c8b4f220; margin:0 26px; padding:11px 0; }
.sitw-tipz-post footer :is(a,button) { display:inline-flex; align-items:center; justify-content:center; min-height:40px; color:#bfa7d4; font-size:11px; border-radius:8px; }
.sitw-tipz-post footer button { border:0; background:transparent; padding:8px 10px; cursor:pointer; }
.sitw-tipz-post footer > a { margin-left:auto; padding:8px 10px; }
.sitw-tipz-like { gap:7px; }
.sitw-tipz-like svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
.sitw-tipz-like b { min-width:1ch; color:#d8c5ef; font:500 10px/1 'Share Tech Mono',monospace; }
.sitw-tipz-like:hover,.sitw-tipz-like.is-liked { color:#c9a9ff; background:#9b5cff18; }
.sitw-tipz-like.is-liked svg { fill:#9b5cff; stroke:#c9a9ff; }
.sitw-tipz-like:disabled { cursor:default; opacity:1; }
.sitw-tipz-social-empty { padding:45px 28px; text-align:center; border:1px dashed #c8b4f238; border-radius:16px; }
.sitw-tipz-social-empty > span { font-size:60px; color:var(--tipz-violet); }
.sitw-tipz-social-empty h2 { color:#e2d4ee; font-size:25px; margin:15px 0; font-weight:500; }
.sitw-tipz-social-empty p { color:#b4a6c1; font-size:13px; line-height:1.85; }
.sitw-tipz-social-empty a { display:inline-block; color:var(--tipz-violet-light); font-size:12px; padding:12px; }
@media(max-width:1000px) {
    .sitw-catalog .sitw-tipz-creators { padding:40px; gap:34px; }
    .sitw-catalog .sitw-tipz-path { padding:38px; gap:34px; }
}
@media(max-width:850px) {
    .sitw-catalog .sitw-tipz-creators { grid-template-columns:1fr; gap:35px; }
    .sitw-tipz-creators .sitw-catalog-creators-copy > p { max-width:600px; }
    .sitw-tipz-creators .sitw-catalog-creators-body { max-width:560px; width:100%; margin:auto; }
    .sitw-tipz-creator-stamp { margin:26px 0 10px; }
    .sitw-tipz-explorer .sitw-catalog-selects { margin-left:0; }
    .sitw-tipz-builder-grid { grid-template-columns:minmax(0,1fr); gap:82px; width:min(680px,100%); }
}
@media(max-width:560px) {
    .sitw-tipz-landing { padding-top:var(--mm-h,64px); }
    .sitw-tipz-intro { display:flex; flex-direction:column; min-height:calc(100svh - var(--mm-h,64px)); min-height:calc(100dvh - var(--mm-h,64px)); padding:20px 0 0; margin-bottom:42px; }
    .sitw-tipz-intro-label { font-size:7px; gap:8px; letter-spacing:.06em; }
    .sitw-tipz-intro-label i { font-size:16px; }
    .sitw-tipz-intro-grid { inset:0 -10px; }
    .sitw-catalog .sitw-tipz-intro h1 { width:92%; margin:22px auto 40px; }
    .sitw-tipz-main-cover { --tipz-cover-gap:32px; }
    .sitw-catalog .sitw-tipz-intro h1.sitw-tipz-main-title { width:calc(100vw - 8px); margin:12px 0 32px 50%; transform:translateX(-50%); }
    .sitw-tipz-scene.sitw-tipz-main-scene { min-height:220px; }
    .sitw-tipz-main-wordmark { width:min(155vw,640px); max-width:none; min-height:0; margin-left:50%; transform:translateX(-50%); }
    .sitw-tipz-enter { width:min(58vw,230px); }
    .sitw-tipz-main-ui { display:none; }
    .sitw-tipz-intro > p { font-size:21px; }
    .sitw-tipz-intro > .sitw-tipz-intro-description { font-size:12px; line-height:1.9; margin-top:16px; }
    .sitw-tipz-intro-story { width:100%; }
    .sitw-tipz-intro-opening::before { width:58px; margin-bottom:27px; }
    .sitw-tipz-intro-statement { font-size:clamp(30px,9.2vw,38px); line-height:1.16; letter-spacing:-.048em; }
    .sitw-tipz-intro-context { margin-top:26px; font-size:18px; line-height:1.72; }
    .sitw-tipz-builder-grid { width:calc(100vw - 24px); max-width:none; margin-top:66px; margin-left:50%; transform:translateX(-50%); gap:76px; }
    .sitw-tipz-builder-chapter { padding-top:21px; }
    .sitw-tipz-builder-kicker { margin-bottom:14px; font-size:8px; }
    .sitw-tipz-builder-chapter > p { font-size:18px; line-height:1.72; letter-spacing:-.018em; }
    .sitw-tipz-builder-screen { margin-top:30px; padding:0 5px 5px; border-radius:10px; box-shadow:5px 7px 0 #09070d,0 20px 38px #0009,0 0 24px #9b5cff1f; }
    .sitw-tipz-builder-screen::after { height:22px; left:32%; right:32%; }
    .sitw-tipz-builder-screen figcaption { height:26px; font-size:5px; }
    .sitw-tipz-builder-screen figcaption i { width:5px; height:5px; }
    .sitw-tipz-builder-media { border-width:3px; }
    .sitw-tipz-intro-promise { margin-top:88px; font-size:clamp(29px,8.5vw,36px); line-height:1.2; }
    .sitw-tipz-intro-closing { margin-top:24px; font-size:20px; line-height:1.55; }
    .sitw-tipz-desktop-break { display:none; }
    .sitw-tipz-intro-bottom { gap:8px; margin-top:auto; font-size:7px; letter-spacing:.06em; padding:24px 0 15px; }
    .sitw-tipz-intro-bottom > span:last-child { display:none; }
    .sitw-tipz-landing .sitw-catalog-explore .sitw-catalog-grid > .sitw-catalog-course:nth-child(n+4) { display:none; }
    .sitw-catalog-hero-copy > .sitw-catalog-title { font-size:clamp(34px,10.2vw,52px); margin:23px 0 22px; }
    .sitw-tipz-world-lettering-wrap { width:100%; margin-top:.2em; }
    .sitw-tipz-world-lettering { filter:drop-shadow(4px 6px 0 #4b2082) drop-shadow(0 8px 14px #0008); }
    .sitw-catalog .sitw-tipz-path { padding:28px 22px; gap:22px; border-radius:4px 22px 4px 22px; }
    .sitw-catalog .sitw-tipz-path h2 { font-size:38px; }
    .sitw-tipz-path-art { margin-top:28px; }
    .sitw-tipz-path li { gap:16px; }
    .sitw-catalog .sitw-tipz-path li h3 { font-size:18px; }
    .sitw-catalog .sitw-tipz-creators { margin-top:54px; padding:30px 24px; border-radius:22px 4px 22px 4px; }
    .sitw-catalog .sitw-tipz-creators h2 { font-size:clamp(34px,10vw,48px); margin-top:20px; }
    .sitw-tipz-creators .sitw-catalog-creators-copy > p { font-size:13px; }
    .sitw-tipz-studio-preview { padding:17px; }
    .sitw-tipz-studio-preview > strong { font-size:24px; }
    .sitw-tipz-studio-blocks { gap:5px; }
    .sitw-tipz-studio-blocks span { padding:10px 6px; }
    .sitw-tipz-studio-blocks b { font-size:8px; }
    .sitw-tipz-explorer { padding-top:78px; }
    .sitw-tipz-explorer-hero { padding-bottom:32px; }
    .sitw-tipz-scene { width:min(430px,100%); margin:22px auto 16px; }
    .sitw-tipz-explorer-intro { padding:18px 0 22px; }
    .sitw-tipz-explorer-intro h1 { font-size:35px; }
    .sitw-tipz-explorer-intro p { font-size:12px; }
    .sitw-tipz-tabs { width:max-content; max-width:calc(100vw - 36px); gap:3px; }
    .sitw-tipz-tabs a { flex:none; padding:8px 14px; gap:6px; min-height:40px; font-size:11px; }
    .sitw-tipz-social-hero { min-height:260px; padding:22px 0 30px; }
    .sitw-tipz-explorer.is-publicaciones > .sitw-tipz-tabs { margin-bottom:28px; }
    .sitw-tipz-post > header { padding:20px 18px 0; gap:12px; align-items:flex-start; }
    .sitw-tipz-post time { font-size:8px; padding-top:3px; }
    .sitw-tipz-avatar { width:35px; height:35px; }
    .sitw-tipz-post-copy { padding:20px 18px; }
    .sitw-tipz-post h3 { font-size:21px; }
    .sitw-tipz-post-copy > p { font-size:13px; }
    .sitw-tipz-post footer { margin:0 18px; gap:10px; }
    .sitw-tipz-post footer :is(a,button) { font-size:10px; padding-inline:7px; }
    .sitw-tipz-like span { display:none; }
}
@media(prefers-reduced-motion:reduce) {
    .sitw-tipz-scene svg * { animation:none !important; }
    .sitw-tipz-intro .sitw-tipz-wordmark { animation:none; }
    .sitw-tipz-intro-bottom button { display:none; }
    .sitw-tipz-enter { transition:none; }
    .sitw-tipz-builder-media.is-cycling img { animation:none !important; transform:none !important; }
    .sitw-tipz-builder-media.is-cycling img:first-child { opacity:1; }
    .sitw-tipz-builder-media.is-cycling img:last-child { opacity:0; }
}