.ca-tutoriales{--ca-primary:#155dfc;--ca-primary-hover:#0f46c8;--ca-primary-soft:#edf2ff;--ca-fg:#111827;--ca-fg-muted:#6a7282;--ca-border:#e7e7e7;--ca-bg-soft:#f1f5f9;--ca-ease:cubic-bezier(.2, 0, 0, 1);letter-spacing:-.02em;color:var(--ca-fg);background:#fff;font-family:Figtree,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.ca-tutoriales--page{grid-template-columns:minmax(0,1fr);grid-template-areas:"heroIntro""heroMedia""stepsCopy""stepsProgress""stepsGrid";gap:28px 24px;max-width:1120px;margin:0 auto;padding:56px 32px 104px;display:grid}.ca-tutoriales--page .ca-tutoriales__hero,.ca-tutoriales--page .ca-tutoriales__steps,.ca-tutoriales--page>astro-island,.ca-tutoriales__interactive{display:contents}.ca-tutoriales--page .ca-tutoriales__stepsCopy,.ca-tutoriales--page .ca-tutoriales__stepsProgress{margin-top:28px}.ca-tutoriales--page .ca-tutoriales__stepsGrid{margin-top:-4px}.ca-tutoriales__heroIntro{grid-area:heroIntro}.ca-tutoriales__heroMedia{grid-area:heroMedia}.ca-tutoriales__stepsCopy{grid-area:stepsCopy;align-self:end}.ca-tutoriales__stepsProgress{grid-area:stepsProgress;place-self:end}.ca-tutoriales__stepsGrid{grid-area:stepsGrid}@media (min-width:641px){.ca-tutoriales--page{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heroIntro heroIntro""heroMedia heroMedia""stepsCopy stepsProgress""stepsGrid stepsGrid";column-gap:24px}}.ca-tutoriales__hero{gap:28px;padding:56px 32px 16px;display:grid}.ca-tutoriales__intro{text-align:center;justify-items:center;gap:12px;display:grid}.ca-tutoriales__title{letter-spacing:-.04em;max-width:760px;color:var(--ca-fg);text-wrap:pretty;margin:0;font-size:max(34px,min(4.6vw,52px));font-weight:700;line-height:1.05}.ca-tutoriales__subtitle{max-width:560px;color:var(--ca-fg-muted);text-wrap:pretty;margin:0;font-size:18px;line-height:1.55}.ca-main{aspect-ratio:16/9;color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;animation:caIn .6s var(--ca-ease) both;background:#111827;border:none;border-radius:24px;margin:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #1118270a,0 32px 64px -32px #11182759}.ca-main:disabled,.ca-main--playing{cursor:default}.ca-main__player{background:#111827;border:0;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.ca-play__icon{color:#fff}.ca-main__poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.ca-main__poster--in{animation:caIn .4s var(--ca-ease) both}.ca-main__shade{pointer-events:none;background:linear-gradient(#1118270d 0%,#11182700 40%,#111827b3 100%);position:absolute;top:0;bottom:0;left:0;right:0}.ca-main__shade--step{background:linear-gradient(#1118270d 0%,#11182700 60%,#11182740 100%)}.ca-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;width:84px;height:84px;transition:transform .24s var(--ca-ease);animation:caPulse 2.4s var(--ca-ease) infinite;background:#ffffff2e;border:1px solid #fff6;border-radius:9999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ca-main:hover .ca-play{transform:translate(-50%,-50%)scale(1.08)}.ca-play svg{margin-left:4px}.ca-main__meta{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.ca-main__copy{text-align:left;gap:6px;min-width:0;display:grid}.ca-main__eyebrow{letter-spacing:-.01em;color:#ffffffbf;font-size:12.5px;font-weight:600}.ca-main__heading{letter-spacing:-.03em;text-wrap:pretty;font-size:max(18px,min(2.4vw,26px));font-weight:600;line-height:1.15}.ca-main__duration{color:#111827;letter-spacing:-.02em;white-space:nowrap;background:#ffffffeb;border-radius:9999px;flex:none;padding:7px 11px;font-size:12px;font-weight:600;line-height:1}.ca-main__duration--solo{margin-left:auto}.ca-tutoriales__steps{gap:24px;padding:40px 32px 104px;display:grid}.ca-tutoriales__stepsTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.ca-tutoriales__stepsTop .ca-tutoriales__progress{flex:none}.ca-tutoriales__stepsCopy{gap:6px;min-width:0;display:grid}.ca-tutoriales__stepsTitle{letter-spacing:-.035em;color:var(--ca-fg);margin:0;font-size:28px;font-weight:600;line-height:1.15}.ca-tutoriales__stepsLead{color:var(--ca-fg-muted);margin:0;font-size:15px;line-height:1.5}.ca-tutoriales__progress{border:1px solid var(--ca-border);border-radius:9999px;flex:none;align-items:center;gap:12px;padding:10px 14px;display:flex}.ca-tutoriales__progressTrack{background:var(--ca-bg-soft);border-radius:9999px;width:96px;height:5px;overflow:hidden}.ca-tutoriales__progressBar{background:var(--ca-primary);height:100%;transition:width .5s var(--ca-ease);border-radius:9999px;display:block}.ca-tutoriales__progressLabel{color:var(--ca-fg);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px;font-weight:600}.ca-tutoriales__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.ca-card{border:1px solid var(--ca-border);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .24s var(--ca-ease), box-shadow .24s var(--ca-ease), border-color .24s var(--ca-ease);background:#fff;border-radius:16px;grid-template-rows:auto 1fr;padding:0;display:grid;overflow:hidden;box-shadow:0 1px 2px #1118270a}.ca-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -20px #11182740}.ca-card--active{border-color:var(--ca-primary);box-shadow:0 0 0 3px var(--ca-primary-soft)}.ca-card--active:hover{box-shadow:0 16px 32px -20px #11182740, 0 0 0 3px var(--ca-primary-soft)}.ca-card__thumb{aspect-ratio:16/9;background:var(--ca-bg-soft);display:block;position:relative;overflow:hidden}.ca-card__thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.ca-thumb-play{opacity:0;width:44px;height:44px;transition:opacity .24s ease, transform .24s var(--ca-ease);background:#fffffff0;border-radius:9999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.ca-thumb-play svg{margin-left:2px}.ca-thumb-play__icon{color:var(--ca-primary)}.ca-card__pending-icon circle{stroke:var(--ca-border)}.ca-card:hover .ca-thumb-play,.ca-card--active .ca-thumb-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.ca-card__duration{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#111827c7;border-radius:9999px;padding:5px 8px;font-size:11px;font-weight:600;line-height:1;position:absolute;bottom:10px;right:10px}.ca-card__body{gap:10px;padding:16px 18px 18px;display:grid}.ca-card__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.ca-card__step{letter-spacing:-.01em;color:var(--ca-fg-muted);white-space:nowrap;font-size:12px;font-weight:600}.ca-card__badge{background:var(--ca-primary-soft);color:var(--ca-primary);white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.ca-card__title{letter-spacing:-.03em;color:var(--ca-fg);text-wrap:pretty;font-size:15.5px;font-weight:600;line-height:1.3}.ca-card__desc{letter-spacing:-.02em;color:var(--ca-fg-muted);text-wrap:pretty;font-size:13px;line-height:1.5}@keyframes caIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes caPulse{0%{box-shadow:0 0 #ffffff8c}to{box-shadow:0 0 0 18px #fff0}}@media (max-width:1000px){.ca-tutoriales__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ca-tutoriales__stepsProgress{justify-self:start}}@media (max-width:560px){.ca-tutoriales--page,.ca-tutoriales__hero,.ca-tutoriales__steps{padding-left:20px;padding-right:20px}.ca-tutoriales__grid{grid-template-columns:1fr}.ca-main__meta{flex-wrap:wrap;gap:10px;bottom:16px;left:16px;right:16px}.ca-main__heading{font-size:16px}.ca-play{width:68px;height:68px}}@media (prefers-reduced-motion:reduce){.ca-tutoriales *,.ca-tutoriales :before,.ca-tutoriales :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}