/* 09-responsive-patch.css
   Extracted from the approved La Laguna commercial demo. Keep order in index.html. */

/* Capacitación guiada estable para Mac/iPad: foco claro, sin difuminar el área señalada. */
  .tour-backdrop{background:rgba(9,15,24,.14)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
  .tour-backdrop.open{opacity:1!important;pointer-events:none!important}
  .tour-spotlight{display:block!important;border:4px solid #C8A96A!important;border-radius:24px!important;box-shadow:0 0 0 3px rgba(255,255,255,.96),0 0 0 10px rgba(200,169,106,.24),0 22px 70px rgba(11,11,12,.16)!important;background:rgba(255,255,255,.035)!important;z-index:72!important;transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease,opacity .18s ease!important}
  .tour-coach{z-index:86!important;width:min(560px,calc(100vw - 32px))!important;max-height:calc(100vh - 88px)!important;transition:left .34s ease,top .34s ease,right .34s ease,bottom .34s ease,transform .24s ease,opacity .2s ease!important}
  .tour-coach-body{max-height:calc(100vh - 330px)!important;overflow-y:auto!important}
  .le-focus-target{position:relative!important;z-index:73!important;outline:3px solid #C8A96A!important;outline-offset:5px!important;border-radius:22px!important;box-shadow:0 0 0 8px rgba(200,169,106,.18),0 20px 70px rgba(11,11,12,.12)!important;filter:none!important;opacity:1!important}
  .le-focus-target *{filter:none!important}
  .le-move-btn{border-radius:14px;padding:10px 13px;font-size:13px;font-weight:800;border:1px solid var(--line);background:#fff;color:#111827;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:.15s}
  .le-move-btn:hover{transform:translateY(-1px);border-color:#C8A96A}
  .dark .le-move-btn{background:#18181b;color:#f4f4f5}
  body.training-tablet-active #content{overflow:visible!important}
  body.training-tablet-active .tour-coach{z-index:86!important}
  @media (min-width:1181px){.tour-coach.le-side-left{transform:translateX(-2px)}.tour-coach.le-side-right{transform:translateX(2px)}.tour-coach.le-side-bottom{transform:translateY(2px)}.tour-coach.le-side-top{transform:translateY(-2px)}}
  @media (min-width:821px) and (max-width:1180px){
    body.training-tablet-active #content{padding-right:min(460px,45vw)!important;transition:padding-right .22s ease}
    .tour-backdrop{background:rgba(9,15,24,.06)!important;backdrop-filter:none!important}
    .tour-spotlight{display:block!important;box-shadow:0 0 0 9999px rgba(9,15,24,.08),0 0 0 8px rgba(200,169,106,.24)!important;z-index:72!important}
    .tour-coach{width:min(430px,42vw)!important;right:14px!important;left:auto!important;top:92px!important;bottom:auto!important;max-height:calc(100dvh - 112px)!important;border-radius:26px!important}
    .tour-coach-body{max-height:calc(100dvh - 360px)!important;overflow-y:auto!important;padding:18px 20px!important}
    .tour-coach-header{padding:18px 20px 14px!important}.tour-footer{padding:12px 20px 18px!important}.tour-footer-left,.tour-footer-right{width:auto!important;justify-content:flex-end!important}
  }
  @media (max-width:820px){
    body.training-tablet-active #content{padding-bottom:55dvh!important;transition:padding-bottom .22s ease}
    .tour-backdrop{background:rgba(9,15,24,.05)!important;backdrop-filter:none!important}
    .tour-spotlight{display:block!important;box-shadow:0 0 0 9999px rgba(9,15,24,.07),0 0 0 7px rgba(200,169,106,.24)!important;z-index:72!important}
    .tour-coach{left:12px!important;right:auto!important;bottom:12px!important;top:auto!important;width:calc(100vw - 24px)!important;max-height:52dvh!important;border-radius:24px!important}
    .tour-coach-body{max-height:30dvh!important;overflow-y:auto!important;padding:14px 16px!important}
    .tour-coach-header{padding:14px 16px 10px!important}.tour-coach-title{font-size:1.12rem!important;line-height:1.15!important}.tour-coach-text{font-size:.9rem!important}
    .tour-example,.tour-action-box,.tour-deep-card,.tour-impact-card{font-size:.82rem!important;padding:10px 12px!important;margin-top:10px!important}
    .tour-footer{padding:10px 16px 14px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.tour-footer-left,.tour-footer-right{width:100%!important;justify-content:space-between!important}.tour-btn,.le-move-btn{min-height:38px!important;padding:8px 10px!important;font-size:.78rem!important}
  }