.tipos__body{gap:clamp(28px,4vw,48px);display:grid}@media (width<=899.98px){.tipos__lado{display:contents}.tipos__duda{border-top:1px solid var(--line);order:1;padding-top:24px}}@media (width>=900px){.tipos__body{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:24px}.tipos__lado{top:calc(var(--nav-h) + 32px);grid-column:1/span 4;position:sticky}.tipos__main{grid-column:6/-1}}.tipos__lista{border-top:1px solid var(--line)}.tipos__tab{border-bottom:1px solid var(--line);width:100%;min-height:56px;color:var(--muted);text-align:left;transition:color var(--dur-micro) var(--ease-out);grid-template-columns:2.6em minmax(0,1fr);align-items:baseline;gap:2px 12px;padding:10px 8px 10px 16px;display:grid;position:relative}.tipos__tab[aria-selected=true]{color:var(--text)}@media (hover:hover) and (pointer:fine){.tipos__tab:hover{color:var(--text)}}@media (width>=900px){.tipos__tab{min-height:64px;padding-block:14px}}.tipos__tab:focus-visible{outline-offset:-2px}.tipos__tab-n{color:var(--matsu);font-size:var(--t-mono-sm);grid-row:1}.tipos__tab-name{font:500 clamp(20px, .7vw + 16px, 27px)/1.15 var(--f-display);letter-spacing:-.02em}.tipos__tab-tag{font-size:var(--t-mono-sm);color:var(--muted);grid-column:2}.tipos__ind{background:var(--shu);border-radius:2px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.tipos__duda{gap:6px;display:grid}@media (width>=900px){.tipos__duda{margin-top:28px}}.tipos__duda-t{font:500 var(--t-h3)/1.2 var(--f-display);letter-spacing:-.015em;font-size:20px}.tipos__duda-p{max-width:38ch;color:var(--muted);line-height:1.55}.tipos__duda-links{flex-wrap:wrap;column-gap:20px;display:flex}.tipos__duda-links a{align-items:center;gap:.35em;min-height:44px;font-weight:500;display:inline-flex}.tipos__lamina{margin:0}.tipos__lamina .marco__body{aspect-ratio:640/400;background:radial-gradient(circle, #0e131117 1px, transparent 1.3px) 0 0 / 16px 16px, var(--washi);overflow:clip}.tipos__plano{width:100%;height:100%;position:absolute;inset:0}.tp{stroke-width:1.25px;vector-effect:non-scaling-stroke;transition:fill .3s var(--ease-out), stroke .3s var(--ease-out)}.tp--tit{fill:var(--sumi);stroke:#0000}.tp--lin{fill:var(--usuzumi);stroke:#0000}.tp--img{fill:url(#tipos-foto);stroke:var(--usuzumi)}.tp--box{fill:var(--washi);stroke:#0e131173}.tp--btn{fill:var(--shu);stroke:#0000}.tp--chip{fill:var(--washi);stroke:#0e131173}.tp--sel{fill:var(--matsu);stroke:#0000}.tp--cal{fill:url(#tipos-cal);stroke:#0e131173}.tp--pie{fill:var(--sumi);stroke:#0000}.tp-g{transform-box:fill-box;transition:opacity .42s var(--ease-out), transform .52s var(--ease-out);transition-delay:calc(var(--i,0) * 28ms)}@media (prefers-reduced-motion:no-preference){html.js .tipos__lamina:not(.is-in) .tp-g{opacity:0;transform:translateY(10px)}}.tipos__paneles{margin-top:clamp(24px,2.5vw,36px);display:grid}.tipos__panel{visibility:hidden;opacity:0;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out), visibility 0s linear .16s;grid-area:1/1;align-content:start;justify-items:start;gap:20px;display:grid;transform:translateY(6px)}.tipos__panel[data-activo]{visibility:visible;opacity:1;transition:opacity .32s var(--ease-out) .12s, transform .42s var(--ease-out) .12s, visibility 0s;transform:none}@media (prefers-reduced-motion:reduce){.tipos__panel,.tipos__panel[data-activo]{transition:none;transform:none}}.tipos__panel-h{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tipos__desc{max-width:52ch;font-size:var(--t-lead);text-wrap:pretty;line-height:1.5}.tipos__cols{gap:20px;width:100%;display:grid}@media (width>=600px){.tipos__cols{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:32px}}.tipos__cols .eyebrow{margin-bottom:6px}.tipos__ideal{color:var(--muted);max-width:32ch;line-height:1.55}.tipos__inc{margin:0}.tipos__inc li{color:var(--muted);padding:6px 0 6px 20px;line-height:1.45;position:relative}.tipos__inc li:before{content:"";background:var(--shu);border-radius:1px;width:10px;height:2px;position:absolute;top:.95em;left:0}.tipos__acts{margin-top:4px}.tpg-guia__list{border-top:1px solid var(--sumi);margin:0}.tpg-guia__row{border-bottom:1px solid var(--usuzumi);color:var(--text);grid-template-columns:2.4em minmax(0,1fr);align-items:baseline;gap:6px 12px;padding:20px 0;text-decoration:none;display:grid;position:relative}.tpg-guia__n{color:var(--matsu);font-size:var(--t-mono-sm)}.tpg-guia__si{font:500 clamp(19px, .8vw + 15px, 26px)/1.3 var(--f-display);letter-spacing:-.015em;text-wrap:pretty}.tpg-guia__si-k{color:var(--ishi)}.tpg-guia__tipo{font:500 var(--t-mono)/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--matsu);grid-column:2;align-items:baseline;gap:.5em;display:inline-flex}.tpg-guia__flecha{color:var(--shu);transition:transform var(--dur-micro) var(--ease-out);display:inline-block}.tpg-guia__row:active{opacity:.7}@media (hover:hover) and (pointer:fine){.tpg-guia__row:hover .tpg-guia__flecha{transform:translate(4px)}.tpg-guia__row:hover .tpg-guia__si{text-decoration:underline;-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu);text-underline-offset:.2em;text-decoration-thickness:1.5px}}@media (width>=900px){.tpg-guia__row{grid-template-columns:4em minmax(0,7fr) minmax(0,4fr);column-gap:24px;padding:26px 0}.tpg-guia__tipo{grid-column:3;justify-self:end}}@media (prefers-reduced-motion:reduce){.tpg-guia__flecha{transition:none}}
