.cg-tut__hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 124px;grid-template-areas:"text phone" "cta cta" "checks checks";gap:16px 14px;padding:22px 18px 18px;border-radius:28px;overflow:hidden;background:radial-gradient(130% 90% at 100% 0,color-mix(in srgb,var(--accent-fill) 24%,transparent),transparent 62%),var(--hero-bg);color:var(--hero-fg);box-shadow:var(--shadow-elevated)}.cg-tut__hero-text{grid-area:text;align-self:center;min-width:0}.cg-tut__eyebrow{margin:0 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-fill)}.cg-tut__hero-title{margin:0;font-family:var(--font-title);font-size:27px;font-weight:800;line-height:1.06;letter-spacing:-.015em}.cg-tut__hero-desc{margin:10px 0 0;font-size:15px;line-height:1.4;color:var(--hero-fg-2)}.cg-tut__phone{grid-area:phone;align-self:start;width:124px;aspect-ratio:9/18.5;padding:6px;border:none;border-radius:26px;background:color-mix(in srgb,var(--hero-fg) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hero-fg) 26%,transparent),0 22px 40px color-mix(in srgb,var(--navy) 70%,transparent);transform:rotate(4deg);cursor:pointer}.cg-tut__phone:disabled{cursor:default}.cg-tut__phone-screen{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:20px;background:var(--card);color:var(--ink-3)}.cg-tut__phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.cg-tut__phone-play{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--card);color:var(--navy);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-fill) 50%,transparent),var(--shadow-btn)}.cg-tut__hero-cta{grid-area:cta}.cg-tut__checks{grid-area:checks;display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--hero-fg) 16%,transparent)}.cg-tut__checks-label{grid-area:checks;margin:0;font-size:14px;color:var(--hero-fg-2)}.cg-tut__checks-label b{color:var(--hero-fg);font-weight:800}.cg-tut__checks-label--guest{padding-top:14px;border-top:1px solid color-mix(in srgb,var(--hero-fg) 16%,transparent)}.cg-tut__checks-row{display:flex;flex-wrap:wrap;gap:4px 3px}.cg-tut__check{display:inline-flex;filter:grayscale(1);opacity:.3}.cg-tut__check--on{filter:none;opacity:1}.cg-tut__chapters{display:flex;flex-direction:column;gap:30px;margin-top:6px}.cg-tut__chapter--aparte{padding:18px 14px 20px;border-radius:26px;background:var(--state-progress-bg);box-shadow:inset 0 0 0 1.5px var(--state-progress-bd)}.cg-tut__chapter--aparte .cg-tut__chapter-num{background:var(--state-progress-fg)}.cg-tut__chapter--aparte .cg-tut__only{background:var(--card)}.cg-tut__chapter-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.cg-tut__chapter-num{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;background:var(--navy);color:var(--hero-fg);font-family:var(--font-title);font-size:18px;font-weight:800}.cg-tut__chapter-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cg-tut__chapter-title{margin:0;font-family:var(--font-title);font-size:21px;font-weight:800;line-height:1.1;color:var(--ink)}.cg-tut__chapter-sub{font-size:14px;color:var(--ink-2)}.cg-tut__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin:0;padding:0;list-style:none}.cg-tut__step{min-width:0}.cg-tut__card,.cg-tut__step{display:flex;flex-direction:column;gap:10px}.cg-tut__card{width:100%;padding:0;border:none;border-radius:20px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.cg-tut__card:disabled{cursor:default}.cg-tut__card:focus-visible,.cg-tut__hint:focus-visible,.cg-tut__phone:focus-visible,.cg-tut__variant:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cg-tut__shot{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:20px;background:var(--card-alt);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--line);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.cg-tut__shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.cg-tut__shot:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,color-mix(in srgb,var(--navy) 62%,transparent),transparent);pointer-events:none}.cg-tut__shot-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ink-3)}.cg-tut__card:active .cg-tut__shot{transform:scale(.98)}@media (hover:hover){.cg-tut__card:not(:disabled):hover .cg-tut__shot{transform:translateY(-3px);box-shadow:var(--shadow-elevated),inset 0 0 0 1px var(--line)}}.cg-tut__order{position:absolute;top:10px;left:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--card);color:var(--navy);font-family:var(--font-title);font-size:14px;font-weight:800;box-shadow:var(--shadow-btn)}.cg-tut__step--done .cg-tut__order{background:var(--accent-fill);color:var(--on-accent)}.cg-tut__badge{position:absolute;top:12px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 52px);padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-tut__badge--done{background:var(--accent-fill);color:var(--on-accent)}.cg-tut__badge--next{background:var(--navy);color:var(--hero-fg)}.cg-tut__badge--attention{background:var(--state-warning-bg);color:var(--state-warning-fg)}.cg-tut__badge--resume{background:var(--accent-fill);color:var(--on-accent)}.cg-tut__badge--seen,.cg-tut__badge--soon{background:var(--card);color:var(--ink-2)}.cg-tut__badge--todo{display:none}.cg-tut__hero-cta .cg-tut__badge--soon{position:static;max-width:none}.cg-tut__dur{position:absolute;left:10px;bottom:10px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--navy) 78%,transparent);color:var(--hero-fg);font-size:12.5px;font-weight:800}.cg-tut__watched{position:absolute;left:0;right:0;bottom:0;z-index:2;width:100%;height:5px;border:none;appearance:none;background:color-mix(in srgb,var(--hero-fg) 35%,transparent)}.cg-tut__watched::-webkit-progress-bar{background:color-mix(in srgb,var(--hero-fg) 35%,transparent)}.cg-tut__watched::-webkit-progress-value{background:var(--accent-fill)}.cg-tut__watched::-moz-progress-bar{background:var(--accent-fill)}.cg-tut__step--next .cg-tut__shot{box-shadow:0 0 0 3px var(--accent-fill),var(--shadow-elevated)}.cg-tut__step--attention .cg-tut__shot{box-shadow:0 0 0 3px var(--state-warning-bd),var(--shadow-card)}.cg-tut__step--soon .cg-tut__shot{opacity:.6}.cg-tut__title{padding:0 2px;font-family:var(--font-title);font-size:16.5px;font-weight:800;line-height:1.18;color:var(--ink)}.cg-tut__only{align-self:flex-start;margin:-4px 2px 0;padding:3px 9px;border-radius:999px;background:var(--state-progress-bg);color:var(--state-progress-fg);font-size:12.5px;font-weight:800}.cg-tut__step--soon .cg-tut__title{color:var(--ink-2)}.cg-tut__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cg-tut__variants{display:flex;padding:3px;border-radius:999px;background:var(--card-alt);box-shadow:inset 0 0 0 1px var(--line)}.cg-tut__variant{flex:1;min-height:40px;border:none;border-radius:999px;background:transparent;color:var(--ink-2);font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}.cg-tut__variant[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-card)}.cg-tut__error{margin:0;padding:10px 12px;border-radius:14px;background:var(--state-warning-bg);color:var(--state-warning-fg);font-size:14px;line-height:1.4}@media (max-width:359px){.cg-tut__hero{grid-template-columns:minmax(0,1fr) 100px}.cg-tut__phone{width:100px}.cg-tut__hero-title{font-size:23px}}.cg-tut-end{flex-direction:column;gap:14px;width:100%;max-width:380px;padding:0 24px;text-align:center}.cg-tut-end,.cg-tut-end__mark{display:flex;align-items:center}.cg-tut-end__mark{justify-content:center;width:76px;height:76px;border-radius:50%;background:var(--accent-fill);color:var(--on-accent);box-shadow:0 0 0 10px color-mix(in srgb,var(--accent-fill) 22%,transparent)}.cg-tut-end__title{margin:10px 0 0;font-family:var(--font-title);font-size:30px;font-weight:800;line-height:1.1}.cg-tut-end__body{margin:0 0 8px;font-size:16px;line-height:1.4;color:var(--hero-fg-2)}.cg-tut-end__next{min-height:44px;padding:0 8px;border:none;background:transparent;color:var(--accent-fill);font:inherit;font-size:16px;font-weight:800;cursor:pointer}.cg-tut__hint{align-self:center;display:inline-flex;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;color:var(--accent-deep);font-size:15px;font-weight:700}.cg-tut__ayuda,.cg-tut__hint{align-items:center;background:var(--accent-soft);text-decoration:none}.cg-tut__ayuda{flex:none;display:flex;gap:12px;margin:0;padding:10px 12px;border-radius:16px;color:var(--ink)}.cg-tut__ayuda-icon{flex:none;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent-fill);color:var(--on-accent)}.cg-tut__ayuda-text{display:flex;flex-direction:column;min-width:0;font-size:14px;line-height:1.3;color:var(--ink-2)}.cg-tut__ayuda-text b{font-size:15px;color:var(--ink)}@media (prefers-reduced-motion:no-preference){.cg-tut__check--on{animation:cg-tut-check .5s var(--ease) both}.cg-tut__check:nth-child(2){animation-delay:70ms}.cg-tut__check:nth-child(3){animation-delay:.14s}.cg-tut__check:nth-child(4){animation-delay:.21s}.cg-tut__check:nth-child(5){animation-delay:.28s}.cg-tut__check:nth-child(6){animation-delay:.35s}.cg-tut__check:nth-child(7){animation-delay:.42s}.cg-tut__check:nth-child(8){animation-delay:.49s}.cg-tut__check:nth-child(9){animation-delay:.56s}.cg-tut__check:nth-child(10){animation-delay:.63s}.cg-tut__check:nth-child(11){animation-delay:.7s}.cg-tut__check:nth-child(12){animation-delay:.77s}.cg-tut__check:nth-child(13){animation-delay:.84s}.cg-tut__check:nth-child(14){animation-delay:.91s}.cg-tut__check:nth-child(15){animation-delay:.98s}.cg-tut__check:nth-child(16){animation-delay:1.05s}}@keyframes cg-tut-check{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}