._XeyPq_hero{--grid-line:color-mix(in oklab, var(--brand-text) 24%, transparent);background:var(--bg);padding:10px;position:relative}._XeyPq_lines,._XeyPq_cue{display:none}._XeyPq_vline,._XeyPq_hline{background:var(--grid-line);will-change:transform;position:absolute}._XeyPq_vline{width:1px;margin-left:-.5px;top:0;bottom:0}._XeyPq_hline{height:1px;margin-top:-.5px;left:0;right:0}._XeyPq_intro{max-width:64rem;padding:clamp(56px,12vw,128px) clamp(10px,3vw,40px) clamp(40px,7vw,72px)}._XeyPq_message{border-radius:var(--radius-lg);background:var(--brand);min-height:280px;color:var(--on-brand);flex-direction:column;justify-content:space-between;gap:40px;margin-bottom:10px;padding:clamp(24px,4vw,40px);display:flex}._XeyPq_messageMark{width:56px;height:56px;display:block}._XeyPq_bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:176px;grid-auto-flow:dense;gap:10px;margin:0;padding:0;list-style:none;display:grid}._XeyPq_cell{min-width:0}._XeyPq_capacitacion,._XeyPq_acciones{grid-row:span 2}._XeyPq_youtube,._XeyPq_contacto{grid-column:span 2}@media (min-width:768px){._XeyPq_bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:200px}._XeyPq_youtube{grid-column:span 2}._XeyPq_contacto{grid-column:span 1}}@media (min-width:1024px){._XeyPq_bento{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:1fr 1.1fr .55fr 1.1fr 1fr;grid-template-areas:"cap rec rec acc acc""cap rec rec acc acc""yt yt jc con con""yt yt jc con con";height:max(640px,100svh - 20px)}._XeyPq_sobre-mi ._XeyPq_tileText{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}._XeyPq_capacitacion{grid-area:cap}._XeyPq_recursos{grid-area:rec}._XeyPq_youtube{grid-area:yt}._XeyPq_acciones{grid-area:acc}._XeyPq_sobre-mi{grid-area:jc}._XeyPq_contacto{grid-area:con}}._XeyPq_tile{--tile-cut:var(--tile-bg);border-radius:var(--radius-lg);background:var(--tile-bg);height:100%;color:var(--tile-fg);transition:background-color var(--dur-ui) ease, color var(--dur-ui) ease;flex-direction:column;padding:clamp(16px,1.6vw,26px);text-decoration:none;display:flex;position:relative;overflow:hidden}._XeyPq_tile:hover,._XeyPq_tile:focus-visible{--tile-cut:var(--tile-fg);background:var(--tile-fg);color:var(--tile-bg)}._XeyPq_tileText{z-index:1;flex-direction:column;gap:6px;max-width:24ch;display:flex;position:relative}._XeyPq_tileTitle{letter-spacing:-.01em;font-size:clamp(1.25rem,1.05rem + .9vw,2rem);font-weight:750;line-height:1.05}._XeyPq_tileDesc{font-size:.9375rem;line-height:1.35}._XeyPq_tileArt{width:clamp(60px,8.5vw,132px);position:absolute;bottom:clamp(12px,1.4vw,22px);right:clamp(12px,1.4vw,22px)}._XeyPq_tileArtCenter{place-items:center;width:auto;display:grid;inset:0}._XeyPq_art{width:100%;height:auto;display:block}._XeyPq_monogram{width:clamp(40px,4.5vw,64px);height:auto}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){html.js ._XeyPq_hero:not([data-scene=off]){height:100svh;min-height:660px;padding:0;overflow:hidden}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_lines{z-index:1;pointer-events:none;display:block;position:absolute;inset:0}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_intro{z-index:2;background:var(--bg);width:55.5%;max-width:none;height:89%;padding:28px;position:absolute;top:5.5%;left:22.2%}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_message{z-index:3;opacity:0;pointer-events:none;will-change:transform;width:34.8%;height:55.5%;min-height:0;margin:0;position:absolute;top:22.2%;left:32.6%}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_nav{z-index:2;position:absolute;inset:10px}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_bento{height:100%}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_cell{opacity:0;will-change:transform}html.js ._XeyPq_hero:not([data-scene]) ._XeyPq_cell{pointer-events:none}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_cue{z-index:4;border-radius:var(--radius-sm);width:48px;height:48px;color:var(--brand-text);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;bottom:calc(5.5% + 20px);right:calc(22.3% + 20px)}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_cue svg{width:36px;height:36px;transition:transform var(--dur-ui) ease}html.js ._XeyPq_hero:not([data-scene=off]) ._XeyPq_cue:hover svg{transform:translateY(3px)}}