/* Elaborado por Stalin Ludeña · www.stalinludena.com
   Ajustes de presentación: conserva textos, secciones y comportamiento. */

/* Una lectura continua: mensaje, instructivo y siguiente acción. */
.experience .restored-hero .hero-description{max-width:51ch;margin:24px 0 0;font-size:18px;line-height:1.75;color:#cbded0;text-wrap:pretty}
.experience .restored-hero .hero-description strong{display:block;margin:0 0 8px;font-weight:600;color:#f0efdf}
.experience .restored-hero .hero-instructivos{display:block;box-sizing:border-box;width:fit-content;max-width:100%;margin:22px 0 18px;padding:13px 18px;border-left:2px solid #e8d990;border-radius:0 8px 8px 0;background:linear-gradient(90deg,#e8d9900b,transparent);text-decoration:none}
.experience .restored-hero .hero-instructivos>.hand{display:block;font:600 30px/1.2 var(--font-chalk);color:#eee2b3}
.experience .restored-hero .hero-instructivos>small{display:block;margin-top:6px;font:400 15px/1.65 var(--font-body);color:#c8dbc8}
.experience .restored-hero .hero-instructivos:hover{background:#e8d99012}
.experience .restored-hero .hero-audience{max-width:51ch;margin:18px 0 0;padding:0;border:0;font-size:16px;line-height:1.7;color:#bcd2c0;text-wrap:pretty}
.experience .restored-hero .hero-copy .actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin-top:24px}
.experience .restored-hero .hero-copy .actions>.button{min-height:52px;padding:13px 21px;font-size:16px}
.experience .restored-hero .hero-copy .actions>.text-link{min-height:48px;max-width:100%;font:500 16px/1.5 var(--font-body);gap:12px;color:#e1e8d2;text-decoration:underline;text-decoration-color:#a9c6a66b;text-underline-offset:6px;text-decoration-thickness:1px}
.experience .restored-hero .hero-trial{font:400 14px/1.65 var(--font-body);color:#b9d1bb;margin-top:12px}

/* Las guías comparten una misma línea de cierre; sus estados no son botones. */
.experience .learning-grid{align-items:stretch;gap:24px}
.experience .learning-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0 26px;min-width:0}
.experience .learning-num{display:block;font:500 32px/1.1 var(--font-chalk);color:#adca9f}
.experience .learning-grid h3{font-size:21px;font-weight:600;line-height:1.4;margin:20px 0 13px;color:#f0efdf;text-wrap:balance}
.experience .learning-grid p{font-size:16px;line-height:1.75;margin:0 0 24px;color:#c2d5bf;text-wrap:pretty}
.experience .learning-grid .learning-status{display:inline-flex;align-items:center;gap:8px;margin-top:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;font:500 13px/1.6 var(--font-body);color:#ddd6ae}
.experience .learning-status:before{content:'';width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#d6c87f;box-shadow:0 0 0 3px #d6c87f0d}
.experience .learning-help{align-items:center;gap:12px 16px;margin-top:28px}
.experience .learning-help>p{margin:0 0 4px;line-height:1.7;font-size:17px}
.experience .learning-help>.text-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:46px;padding:10px 16px;border:1px solid #a7c39c66;border-radius:6px 8px 5px 7px;color:#e0e8d4;font:500 16px/1.5 var(--font-body);text-decoration:none;transition:background .2s,border-color .2s}
.experience .learning-help>.text-link:hover{background:#c7ddab0c;border-color:#c7ddab}

/* Coherencia de enlaces y lectura en las tres páginas. */
.experience :is(.entry-bottom,.cross-offer,.ecosystem-links){row-gap:14px}
.experience .plain-badges{row-gap:9px}
.experience .plain-badges>span{line-height:1.6}
.experience .download-grid .text-link{min-height:44px;align-items:center;line-height:1.6}
.experience .faq summary{line-height:1.6;gap:16px}
.experience .faq summary>span{flex-shrink:0}
.experience .footer-bottom{flex-wrap:wrap;gap:16px 24px;line-height:1.7}
.experience .footer-bottom a{min-height:40px;display:inline-flex;align-items:center}
.experience :is(a,button,summary):focus-visible{outline:2px solid #e8d990;outline-offset:5px}
.experience :is(.payment-alternative a,.platform-note a){overflow-wrap:anywhere}

@media(max-width:1150px){.experience .learning-grid{gap:26px}}
@media(max-width:760px){
 .experience .restored-hero .hero-description{font-size:17px;line-height:1.75;margin-top:20px}
 .experience .restored-hero .hero-instructivos{padding:12px 14px;margin:20px 0 17px}
 .experience .restored-hero .hero-instructivos>.hand{font-size:29px}
 .experience .restored-hero .hero-instructivos>small{font-size:14px;line-height:1.7}
 .experience .restored-hero .hero-audience{font-size:16px}
 .experience .restored-hero .hero-copy .actions{gap:10px;margin-top:22px}
 .experience .restored-hero .hero-copy .actions>.text-link{font-size:15px}
 .experience .restored-hero .hero-trial{font-size:13px;margin-top:10px}
 .experience .learning-grid{gap:24px}
 .experience .learning-grid h3{font-size:21px;margin-top:17px}
 .experience .learning-grid p{font-size:16px}
 .experience .learning-help>p{font-size:16px}
 .experience .learning-help>.text-link{font-size:15px;padding:11px 14px;justify-content:flex-start;text-align:left}
 .experience .product-hero .actions{align-items:flex-start;flex-wrap:wrap}
 .experience .product-hero .actions>.text-link{min-height:44px;align-items:center}
}
@media(max-width:480px){
 .experience .restored-hero .hero-copy .actions{flex-direction:column}
 .experience .restored-hero .hero-copy .actions>.button{width:100%}
 .experience .restored-hero .hero-instructivos>.hand{font-size:28px}
 .experience .learning-help{align-items:stretch}
 .experience .learning-help>.text-link{width:100%}
 .experience .footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}
}

/* Escritura y tiza: inicio tras cargar las fuentes y repetición completa. */
.motion-ready .restored-hero .chalk-word{animation:chalk-write 1.6s steps(36,end) .2s both}
.motion-ready .restored-hero .chalk-word:nth-child(2){animation-delay:1.2s}
.motion-ready .restored-hero .chalk-mark>span{animation:tizza-chalk-gesture 1.6s ease-in-out .1s both}
.motion-ready .restored-hero .chalk-mark svg path{stroke-dasharray:150;animation:chalk-line 1.45s ease-out .25s both}
.motion-ready .restored-hero .hero-tagline{animation:chalk-appear .75s ease-out 2.2s both}
.motion-ready .restored-hero .hero-tagline:after{animation:chalk-underline 1.1s ease-out 2.5s both}
.motion-ready .restored-hero :is(.hero-description,.hero-copy .actions,.hero-trial){animation:chalk-appear .7s ease-out 2.6s both}
.motion-ready .restored-hero.replaying :is(.chalk-word,.chalk-mark>span,.chalk-mark svg path,.hero-tagline,.hero-description,.hero-copy .actions,.hero-trial,.board-kicker,.chalk-circle path,.idea-node,.map-label,.board-note,.node-star,.chalk-stick,.eraser),
.motion-ready .restored-hero.replaying .hero-tagline:after{animation:none!important}
@keyframes tizza-chalk-gesture{0%{opacity:0;translate:-24px 8px;rotate:-14deg}15%{opacity:1}40%{translate:16px 0;rotate:4deg}75%{translate:40px -4px;rotate:-6deg}100%{opacity:1;translate:0 0;rotate:0deg}}
@media(prefers-reduced-motion:reduce){.restored-hero :is(.chalk-word,.chalk-mark>span,.chalk-mark svg path,.hero-tagline,.hero-description,.hero-copy .actions,.hero-trial),.restored-hero .hero-tagline:after{animation:none!important;clip-path:none;opacity:1}.restored-hero .chalk-mark svg path{stroke-dashoffset:0}}