:root{--hero-accent-blue:#1456e0;--hero-accent-blue-deep:#0f49c2;--hero-accent-warm:#ffd43b;--hero-accent-coral:#ff6a55;--hero-accent-warm-light:#fff3b0;--hero-ink-fixed:#101840;--hero-on-fixed:#fff;--shadow-navy-rgb:21,33,63;--shadow-juvenil-rgb:16,24,64;--deep-rgb:12,16,36}.cats{background:var(--bg);color:var(--ink);padding-block-start:72px;padding-block-end:72px;scroll-margin-top:96px}.cats-head{margin-bottom:28px}.cats-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:.25em 0 0;font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:600;line-height:1.12}.cats-grid{grid-template-rows:minmax(300px,1fr) minmax(220px,1fr);grid-template-columns:1fr 1fr;gap:14px;display:grid}.cat{isolation:isolate;color:var(--paper);background:var(--surface);min-height:220px;text-decoration:none;display:flex;position:relative;overflow:hidden}.cat-media{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.cat-media img{object-fit:cover;width:100%;height:100%;display:block}.cat-media:after{content:"";background:linear-gradient(180deg, rgba(var(--deep-rgb), .6) 0%, rgba(var(--deep-rgb), .78) 45%, rgba(var(--deep-rgb), .9) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.cat:not(.cat-moda) .cat-tag{color:var(--paper)}.cat-body{z-index:2;flex-direction:column;justify-content:flex-end;gap:6px;width:100%;margin-top:auto;padding:clamp(18px,2.4vw,28px);display:flex;position:relative}.cat-tag{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--paper-soft);font-size:.78rem}.cat-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:600;line-height:1.1}.cat-text{max-width:38ch;color:var(--paper);font-size:.98rem;line-height:1.5}.cat-cta{text-underline-offset:4px;margin-top:8px;font-size:.95rem;font-weight:700;text-decoration:underline}.cat:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cat-moda{color:var(--ink);background:var(--surface)}.cat-moda .cat-tag,.cat-moda .cat-text{color:var(--ink-soft)}.cat-art{z-index:0;border-radius:inherit;background:repeating-linear-gradient(135deg, transparent 0 22px, var(--line) 22px 23px);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat{overflow:visible}.cat-schools{grid-area:1/1/span 2}.cat-moda{grid-area:1/2}.cat-dot{grid-area:2/2}.cat-title{font-style:normal}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cats-grid{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);gap:28px 22px;padding-block-start:12px;padding-block-end:20px}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat{border-radius:var(--hero-radius,40px);min-height:300px;box-shadow:none;transition:transform .3s ease-out;transform:rotate(-2.2deg)}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat:nth-child(2n){transform:rotate(2deg)translateY(18px)}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-schools{grid-area:auto/1/auto/span 2;min-height:360px}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-moda{grid-area:auto/3}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-dot{grid-area:auto/1/auto/span 3;min-height:240px}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat{box-shadow:7px 7px 0 0 var(--hero-deco-1,var(--hero-accent-warm))}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-moda{box-shadow:7px 7px 0 0 color-mix(in srgb, var(--hero-deco-2,var(--hero-accent-coral)) 62%, var(--paper,#f5f0e3))}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-media{border-radius:inherit}:is(.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-title,.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-tag){font-family:var(--font-body);text-transform:uppercase;letter-spacing:.02em;font-weight:800}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-title{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-moda{color:var(--hero-cta-ink);background:var(--hero-deco-2,var(--hero-accent-coral))}:is(.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-moda .cat-text,.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-moda .cat-tag,.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-moda .cat-cta){color:var(--hero-cta-ink)}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat:hover{transform:rotate(0)scale(1.01)}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat:nth-child(2n):hover{transform:rotate(0)translateY(18px)scale(1.01)}@media (prefers-reduced-motion:reduce){.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat{transition:none}}.view:has(.hero[data-hero-variant=textil]) .cats-grid{border:1px dashed var(--hero-line,var(--line));grid-template-rows:auto;grid-template-columns:repeat(3,1fr);gap:0}.view:has(.hero[data-hero-variant=textil]) .cat{border-right:1px dashed var(--hero-line,var(--line));border-radius:0;min-height:460px}.view:has(.hero[data-hero-variant=textil]) .cat:last-child{border-right:0}:is(.view:has(.hero[data-hero-variant=textil]) .cat-schools,.view:has(.hero[data-hero-variant=textil]) .cat-moda,.view:has(.hero[data-hero-variant=textil]) .cat-dot){grid-area:auto}.view:has(.hero[data-hero-variant=textil]) .cat-tag{font-family:var(--font-body);letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;font-weight:600}.view:has(.hero[data-hero-variant=textil]) .cat-title{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;line-height:1.2}.view:has(.hero[data-hero-variant=textil]) .cat-cta{letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}.view:has(.hero[data-hero-variant=textil]) .cat-art{background:radial-gradient(circle, var(--hero-line,var(--line)) 1px, transparent 1.4px) 0 0/14px 14px}.view:has(.hero[data-hero-variant=textil]) .cat-moda{color:var(--hero-ink,var(--ink));background:var(--hero-surface,var(--surface))}:is(.view:has(.hero[data-hero-variant=textil]) .cat-moda .cat-text,.view:has(.hero[data-hero-variant=textil]) .cat-moda .cat-tag){color:var(--hero-ink-soft,var(--ink-soft))}.view:has(.hero[data-hero-variant=textil]) .cat-moda .cat-cta{color:var(--hero-accent,var(--accent))}.view:has(.hero[data-hero-variant=textil]) .cat-media:after{background:linear-gradient(180deg, rgba(var(--deep-rgb), .08) 0%, rgba(var(--deep-rgb), .15) 40%, rgba(var(--deep-rgb), .55) 70%, rgba(var(--deep-rgb), .88) 100%)}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-moda .cat-art{-webkit-mask-image:linear-gradient(#000 0% 22%,#0000 30% 94%,#000 100%);mask-image:linear-gradient(#000 0% 22%,#0000 30% 94%,#000 100%)}@media (max-width:720px){.cats-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:16px}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cats-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:16px}.view:has(.hero[data-hero-variant=textil]) .cats-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:16px}.cat-schools,.cat-moda,.cat-dot{border-right:0;grid-area:auto;min-height:260px}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-schools{border-right:0;grid-area:auto;min-height:260px}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-moda{border-right:0;grid-area:auto;min-height:260px}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-dot{border-right:0;grid-area:auto;min-height:260px}.view:has(.hero[data-hero-variant=textil]) .cat{border-right:0;grid-area:auto;min-height:360px}.view:has(.hero[data-hero-variant=textil]) .cats-grid{border:0}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat:nth-child(2n){transform:rotate(-2.2deg)}}.cat-drift{display:none}.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-drift{aspect-ratio:1;background:var(--hero-deco-1);opacity:.9;pointer-events:none;will-change:transform;--dx:-16px;--dy:18px;border-radius:50%;width:44%;animation:27s ease-in-out infinite alternate shapeDrift;display:block;position:absolute;top:-16%;right:-8%}@media (max-width:720px){.view:has(.hero:is([data-hero-variant=juvenil],[data-hero-variant=juvenil2])) .cat-drift{width:30%;top:-12%;right:-6%}}@media (prefers-reduced-motion:reduce){.cat-drift{animation:none!important}}.view:has(.hero[data-hero-variant=textil]) .cats[data-reveal].reveal--armed{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.view:has(.hero[data-hero-variant=textil]) .cats[data-reveal].reveal--armed:not(.reveal--in){opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.view:has(.hero[data-hero-variant=textil]) .cats[data-reveal].reveal--armed{transition:none}}.view:has(.hero[data-hero-variant=editorial]) .cats[data-reveal].reveal--armed{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.view:has(.hero[data-hero-variant=editorial]) .cats[data-reveal].reveal--armed:not(.reveal--in){opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.view:has(.hero[data-hero-variant=editorial]) .cats[data-reveal].reveal--armed{transition:none}}.view:has(.hero[data-hero-variant=juvenil]) .cats[data-reveal].reveal--armed{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.view:has(.hero[data-hero-variant=juvenil]) .cats[data-reveal].reveal--armed:not(.reveal--in){opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.view:has(.hero[data-hero-variant=juvenil]) .cats[data-reveal].reveal--armed{transition:none}}.view:has(.hero[data-hero-variant=juvenil2]) .cats[data-reveal].reveal--armed{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.view:has(.hero[data-hero-variant=juvenil2]) .cats[data-reveal].reveal--armed:not(.reveal--in){opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.view:has(.hero[data-hero-variant=juvenil2]) .cats[data-reveal].reveal--armed{transition:none}}