
.yedu3-guide{container-type:inline-size;background:linear-gradient(135deg,var(--yolia-card,#fff),var(--yolia-cream-2,#f7f3e7));border:.0625rem solid var(--yolia-line,#ded8c8);border-radius:1.2rem;padding:1rem;margin:0 0 1rem;box-shadow:0 .55rem 1.6rem rgba(42,52,37,.07)}
.yedu3-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.yedu3-head h2{margin:.15rem 0 .35rem}.yedu3-head p{margin:0;color:var(--yolia-dim,#697061);max-width:52rem;line-height:1.55}.yedu3-actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.yedu3-actions a{text-decoration:none}.yedu3-ai{display:inline-flex;align-items:center;justify-content:center;padding:.68rem .9rem;border-radius:.8rem;background:linear-gradient(135deg,#273e2a,#5f7d47);color:#fff;font-weight:800;border:.0625rem solid transparent}.yedu3-levels{margin:.85rem 0}.yedu3-copy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.7rem}.yedu3-copy[hidden]{display:none!important}.yedu3-copy article{border:.0625rem solid var(--yolia-line,#ded8c8);border-radius:.85rem;padding:.8rem;background:var(--yolia-card,#fff)}.yedu3-copy article strong{color:var(--yolia-olive-dark,#486135)}.yedu3-copy article p{margin:.35rem 0 0;line-height:1.55}.yedu3-copy .yedu3-example{background:#f2f7e9}.yedu3-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.8rem;margin-top:.8rem;padding-top:.8rem;border-top:.0625rem dashed var(--yolia-line,#ded8c8)}.yedu3-foot ul{margin:.4rem 0 0;padding-left:1.2rem}.yedu3-concepts{display:flex;gap:.4rem;flex-wrap:wrap;align-content:flex-start}.yedu3-concepts strong{width:100%}.yedu3-concepts button{border:.0625rem solid var(--yolia-line,#ded8c8);border-radius:999rem;background:var(--yolia-card,#fff);padding:.35rem .55rem;cursor:pointer;color:var(--yolia-olive-dark,#486135);font:inherit;font-size:.78rem}.yedu3-floating-help{position:fixed;right:1rem;bottom:1rem;z-index:90;border:0;border-radius:999rem;padding:.72rem .9rem;background:var(--yolia-olive-dark,#486135);color:#fff;font-weight:800;box-shadow:0 .6rem 1.5rem rgba(0,0,0,.18);cursor:pointer}.yedu3-floating-help[hidden]{display:none}@container (max-width:38rem){.yedu3-head{display:grid}.yedu3-actions>*{width:100%}.yedu3-copy{grid-template-columns:1fr}}
.yedu3-guide.yedu3-collapsible{padding:0;overflow:hidden}.yedu3-guide.yedu3-collapsible>.yedu3-head,.yedu3-guide.yedu3-collapsible>.yedu3-levels,.yedu3-guide.yedu3-collapsible>.yedu3-copy,.yedu3-guide.yedu3-collapsible>.yedu3-foot{padding-left:1rem;padding-right:1rem}.yedu3-guide.yedu3-collapsible>.yedu3-head{padding-top:.9rem}.yedu3-guide.yedu3-collapsible>.yedu3-foot{padding-bottom:1rem}
.yedu3-summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.85rem 1rem;user-select:none}.yedu3-summary::-webkit-details-marker{display:none}.yedu3-summary::before{content:"▸";color:var(--yolia-olive-dark,#486135);font-size:.85rem;transition:transform .15s ease}.yedu3-guide.yedu3-collapsible[open]>.yedu3-summary::before{transform:rotate(90deg)}.yedu3-summary strong{color:var(--yolia-olive-dark,#486135);font-family:'Fraunces',serif;font-size:1.02rem}.yedu3-summary-hint{color:var(--yolia-dim,#697061);font-size:.78rem;margin-left:auto}

/* v37: el boton flotante "Explícame esta pantalla" no debe quedar tapado por el boton de subir ni por el aviso de cookies. */
.yedu3-floating-help{right:4.6rem!important;bottom:1rem!important;z-index:2147483000!important;min-height:44px}
@media (max-width:640px){.yedu3-floating-help{right:4.2rem!important;bottom:.8rem!important;max-width:calc(100vw - 5.4rem);font-size:.85rem;padding:.6rem .8rem!important}}

/* v55 (Eduardo): el Centro de aprendizaje ocupaba mas pantalla que el formulario. Ahora arranca compacto (una sola barra) y se abre con "Ver guia". */
.yedu3-guide.yedu3-compact{padding:.6rem .9rem;margin:0 0 .8rem;box-shadow:none;border-radius:.9rem}
.yedu3-guide.yedu3-compact .yedu3-head{align-items:center;gap:.6rem}
.yedu3-guide.yedu3-compact .yedu3-head h2{font-size:1rem;margin:0;line-height:1.25}
.yedu3-guide.yedu3-compact .yedu3-head .yedu-kicker{display:block;font-size:.68rem;margin:0 0 .1rem}
.yedu3-guide.yedu3-compact .yedu3-head p,
.yedu3-guide.yedu3-compact .yedu3-levels,
.yedu3-guide.yedu3-compact .yedu3-copy,
.yedu3-guide.yedu3-compact .yedu3-foot{display:none!important}
.yedu3-guide.yedu3-compact .yedu3-actions .yedu-primary,
.yedu3-guide.yedu3-compact .yedu3-actions .yedu-secondary,
.yedu3-guide.yedu3-compact .yedu3-actions .yedu3-ai{padding:.45rem .75rem;font-size:.85rem}
.yedu3-guide.yedu3-compact .yedu3-toggle{border:.0625rem solid var(--yolia-line,#ded8c8);background:var(--yolia-card,#fff);color:inherit;border-radius:999rem;padding:.45rem .8rem;font-weight:800;font-size:.85rem;cursor:pointer}
.yedu3-guide.yedu3-compact.is-open{padding:1rem;margin:0 0 1rem}
.yedu3-guide.yedu3-compact.is-open .yedu3-head p{display:block!important}
.yedu3-guide.yedu3-compact.is-open .yedu3-levels{display:flex!important}
.yedu3-guide.yedu3-compact.is-open .yedu3-copy:not([hidden]){display:grid!important}
.yedu3-guide.yedu3-compact.is-open .yedu3-foot{display:grid!important}
.yedu3-guide.yedu3-compact.is-open .yedu3-head h2{font-size:1.25rem}
@media (max-width:640px){.yedu3-guide.yedu3-compact .yedu3-actions{width:100%}.yedu3-guide.yedu3-compact .yedu3-actions .yedu-secondary{display:none}.yedu3-guide.yedu3-compact.is-open .yedu3-actions .yedu-secondary{display:inline-flex}}
