Psicología de compra

@import url(‘https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap’); .art-page*{box-sizing:border-box}.art-page{font-family:’Inter’,sans-serif;background:#f8f9fb;min-height:100vh;width:100%;color:#0a0a0a}.art-header{background:#fff;border-bottom:1px solid #eee;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 60px;position:sticky;top:0;z-index:100;width:100%;transition:opacity 0.3s}.art-header img{height:52px;width:auto}.art-header-btn{background:#F97316;color:#fff;border:none;padding:13px 32px;border-radius:100px;font-family:’Outfit’,sans-serif;font-weight:700;font-size:16px;cursor:pointer}.art-header-btn:hover{background:#EA6010}.art-inner{max-width:1300px;margin:0 auto;padding:40px 60px 60px;width:100%;display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}.art-read-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:#F97316;z-index:200;transition:width 0.1s linear}.art-bc{display:flex;align-items:center;gap:6px;font-size:13px;color:#aaa;margin-bottom:18px;flex-wrap:wrap}.art-bc a{color:#888;text-decoration:none}.art-bc a:hover{color:#1B2E5E}.art-bc-sep{color:#ccc}.art-tag{display:inline-block;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700;font-family:’Outfit’,sans-serif;margin-bottom:14px}.art-tag-blue{background:#EEF2FF;color:#1B2E5E}.art-tag-orange{background:#FFF7ED;color:#F97316}.art-tag-green{background:#F0FDF4;color:#15803D}.art-title{font-family:’Outfit’,sans-serif;font-size:clamp(24px,3.5vw,34px);font-weight:800;color:#1B2E5E;line-height:1.22;margin-bottom:16px}.art-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#aaa;margin-bottom:18px;flex-wrap:wrap}.art-meta-sep{color:#ddd}.art-meta-clock{display:flex;align-items:center;gap:4px}.art-meta-clock svg{width:13px;height:13px;opacity:0.5}.art-audio{background:#fff;border:1px solid #eee;border-radius:16px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.art-audio-btn{width:40px;height:40px;border-radius:50%;background:#F97316;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s,transform 0.1s;padding:0;box-shadow:0 2px 6px rgba(249,115,22,0.35)}.art-audio-btn:active{transform:scale(0.95)}.art-audio-btn:hover{background:#EA6010}.art-audio-btn svg{width:16px;height:16px;fill:white;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.2))}.art-audio-btn .ic-play{display:block;margin-left:2px}.art-audio-btn .ic-pause{display:none}.art-audio-btn.playing .ic-play{display:none}.art-audio-btn.playing .ic-pause{display:block}.art-audio-track{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.art-audio-label{font-size:11px;color:#aaa;display:flex;align-items:center;gap:6px;font-family:’Outfit’,sans-serif}.art-audio-dot{width:6px;height:6px;border-radius:50%;background:#F97316;flex-shrink:0;opacity:0;transition:opacity 0.2s}.art-audio-dot.on{opacity:1;animation:adot 1.4s ease-in-out infinite}@keyframes adot{0%,100%{opacity:1}50%{opacity:.2}}.art-audio-bar{width:100%;height:4px;background:#eee;border-radius:2px;cursor:pointer;position:relative}.art-audio-fill{height:100%;background:#F97316;border-radius:2px;width:0%;pointer-events:none;transition:width .15s linear}.art-audio-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.art-audio-time{font-size:11px;color:#bbb}.art-audio-speed{font-size:12px;color:#1B2E5E;border:1px solid #ddd;border-radius:6px;padding:3px 9px;cursor:pointer;background:#fff;font-family:’Outfit’,sans-serif;font-weight:700;min-width:42px;text-align:center;transition:all 0.15s}.art-audio-speed:hover{border-color:#F97316;color:#F97316}.art-audio-speed.boosted{background:#FFF7ED;border-color:#F97316;color:#F97316}.art-hero{width:100%;aspect-ratio:16/7;border-radius:20px;margin-bottom:24px;overflow:hidden}.art-hero img{width:100%;height:100%;object-fit:cover;display:block}.art-share-top{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:28px}.art-share-label{font-size:12px;color:#bbb;flex-shrink:0;font-family:’Outfit’,sans-serif}.btn-wa{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:8px 16px;border-radius:100px;border:1.5px solid #25D366;color:#1a7a43;background:#f0faf4;cursor:pointer;font-family:’Outfit’,sans-serif;transition:background … Leer más