/* Demo centrada en el problema y la solución. No altera el resto de la portada. */
/* Paleta alineada con la identidad de Loopra (dorado #d5b985 / negro #101210), no genérica. */
.auto-demo-section{padding:20px 0 70px;scroll-margin-top:95px}.auto-demo-intro{text-align:center;max-width:780px;margin:0 auto 30px}.auto-demo-intro>p{font-size:15px;line-height:1.75;color:#6b655a;margin:18px auto 0;max-width:660px}
.simple-demo{width:100%;min-width:0;border:1px solid rgba(168,120,36,0.22);border-radius:14px;overflow:hidden;background:#faf7f1;color:#17130d;text-align:left;font:13px/1.55 Inter,Arial,sans-serif;box-shadow:0 25px 70px rgba(60,40,10,0.16)}
.simple-demo *{box-sizing:border-box}.simple-demo p,.simple-demo ul{margin:0}.simple-demo button,.simple-demo select,.simple-demo a{font:inherit}.simple-demo button,.simple-demo select{cursor:pointer}.simple-demo :focus-visible{outline:2px solid #b8862c;outline-offset:3px}.simple-demo svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.pd-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 24px;background:#ffffff;border-bottom:1px solid rgba(168,120,36,0.145)}.pd-brand{display:flex;align-items:center;gap:16px;min-width:0}.pd-brand img{object-fit:contain;flex-shrink:0}.pd-brand span{font-size:11px;color:#2f2a21}.pd-topbar label{display:flex;align-items:center;gap:9px;color:#6b655a;font-size:10px}.pd-topbar select{min-height:36px;padding:7px 27px 7px 10px;border:1px solid rgba(168,120,36,0.22);border-radius:6px;background:#faf7f1;color:#17130d;font-size:11px}
.pd-nav{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-bottom:1px solid rgba(168,120,36,0.125);background:#ffffff}.pd-nav button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#6f695d;padding:4px;font-size:11px}.pd-nav button b{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(168,120,36,0.188);border-radius:50%;font-size:10px;font-weight:500}.pd-nav button.is-active{color:#7d5510}.pd-nav button.is-active b{border-color:#b8862c;background:#9c6d18;color: #ffffff}.pd-nav button.is-done{color:#8a5f14}.pd-nav i{width:28px;height:1px;background:rgba(184,134,44,0.125)}.pd-nav button.is-done+i{background:rgba(184,134,44,0.333)}
.pd-stage{min-height:590px;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(28px,5vw,72px);align-items:center;padding:40px clamp(28px,5vw,64px)}
.pd-kicker{display:block;color:#7d5510;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.025em;margin-bottom:16px}.pd-story-copy h3,.pd-approval-copy h3,.pd-result-copy h3{font:400 clamp(31px,3.2vw,45px)/1.1 Georgia,serif;color:#17130d;margin:0 0 18px;letter-spacing:-.025em}.pd-stage h3 em{color:#8a5f14;font-weight:400}.pd-story-copy>p,.pd-approval-copy>p,.pd-result-copy>p{font-size:14px;line-height:1.8;color:#6b655a;max-width:410px}
.pd-task-list{list-style:none;padding:0;margin-top:24px;border-top:1px solid rgba(168,120,36,0.125)}.pd-task-list li{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid rgba(168,120,36,0.125);color:#2f2a21;font-size:12px}.pd-task-list li>span{display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(168,120,36,0.188);border-radius:50%;color:#6b655a}.pd-task-list li.is-done>span{background:rgba(184,134,44,0.082);border-color:rgba(168,120,36,0.271);color:#8a5f14}.pd-task-list svg{width:13px;height:13px}
.pd-problem-note,.pd-solution-note{margin-top:22px;border-left:2px solid #b8862c;padding:4px 0 4px 14px}.pd-problem-note strong{display:block;font:400 19px/1.3 Georgia,serif;color:#7d5510}.pd-problem-note span{display:block;color:#6f695d;font-size:11px;margin-top:4px}.pd-solution-note{font-size:12px;color:#2f2a21}
.pd-phone-gallery{max-width:390px;width:100%;justify-self:center;border:1px solid rgba(168,120,36,0.188);border-radius:28px;padding:10px;background:#faf7f1;box-shadow:0 24px 45px rgba(60,40,10,0.16)}.pd-phone-top{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 12px;color:#2f2a21;font-size:10px}.pd-phone-top b{font-size:12px}.pd-phone-gallery>img{display:block;width:100%;height:410px;object-fit:cover;border-radius:17px}.pd-photo-meta{display:flex;align-items:center;gap:12px;padding:14px 9px 7px}.pd-photo-meta>span{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#ffffff;color:#8a5f14}.pd-photo-meta strong{display:block;font-size:12px;font-weight:500}.pd-photo-meta small{display:block;font-size:10px;color:#6f695d;margin-top:3px}
.pd-review-card{border:1px solid rgba(168,120,36,0.145);border-radius:10px;background:#ffffff;overflow:hidden;min-width:0}.pd-review-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid rgba(168,120,36,0.125)}.pd-review-head span:first-child{display:block;color:#6b655a;font-size:8px;letter-spacing:.08em}.pd-review-head strong{display:block;font-size:14px;margin-top:4px;font-weight:500}.pd-ready{font-size:10px;color:#8a5f14;border:1px solid rgba(168,120,36,0.271);background:rgba(184,134,44,0.071);border-radius:5px;padding:5px 9px}.pd-review-content{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr);gap:19px;padding:18px}.pd-review-content>img{width:100%;height:300px;object-fit:cover;border-radius:7px}.pd-review-content label{display:block;color:#6b655a;font-size:10px;margin-bottom:6px}.pd-review-content p{font-size:12px;line-height:1.75;color:#2f2a21;margin-bottom:18px}.pd-review-content .pd-tags{color:#2f5fbf;overflow-wrap:anywhere}.pd-review-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid rgba(168,120,36,0.125);color:#6b655a;font-size:10px}.pd-review-foot span{display:flex;align-items:center;gap:7px}.pd-review-foot svg{width:14px;height:14px}
.pd-approval-summary{display:flex;align-items:center;gap:14px;margin-top:26px;padding:13px;border:1px solid rgba(168,120,36,0.145);border-radius:8px;background:#ffffff;max-width:390px}.pd-approval-summary img{width:70px;height:79px;object-fit:cover;border-radius:5px}.pd-approval-summary span,.pd-approval-summary small{display:block;font-size:10px;color:#6b655a}.pd-approval-summary strong{display:block;font-size:14px;margin:5px 0;font-weight:500}.pd-approve-panel,.pd-final-preview,.pd-comment-panel{width:100%;max-width:440px;justify-self:center}.pd-panel-label,.pd-final-preview>span{display:block;color:#6b655a;font-size:10px;margin-bottom:10px}.pd-approve-button{width:100%;min-height:45px;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b8862c;border-radius:7px;background:linear-gradient(145deg,#ad7d22,#9c6d18);color: #ffffff;font-size:12px;font-weight:600}.pd-approve-button:hover{background:#ad7d22}.pd-approve-panel>small{display:block;text-align:center;color:#6f695d;font-size:9px;margin-top:8px}
.pd-social{border:1px solid #e2ddcf;border-radius:10px;overflow:hidden;background:#ffffff;color:#2f2a21}.pd-social>header{display:flex;align-items:center;gap:9px;padding:11px 14px}.pd-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,#ad7d22,#9c6d18);color: #ffffff;flex-shrink:0}.pd-social>header>div{min-width:0}.pd-social>header strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.pd-social>header small{display:block;font-size:9px;color:#6f695d}.pd-dots{margin-left:auto}.pd-social>img{display:block;width:100%;height:250px;object-fit:cover;object-position:50% 45%;background:#ffffff}.pd-social-body{padding:13px 15px 16px}.pd-social-actions{display:flex;gap:13px;margin-bottom:10px}.pd-social-body>p{font-size:12px;line-height:1.7}.pd-social-body .pd-tags{font-size:11px;color:#2f5fbf;margin-top:9px;overflow-wrap:anywhere}.pd-published-line{display:flex;align-items:center;gap:7px;padding:10px 14px;border-top:1px solid #c8d4bb;background:#ffffff;color:#2f2a21;font-size:10px}.pd-published-line svg{width:14px;height:14px}
.pd-network-result{margin-top:25px}.pd-network-result>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid rgba(168,120,36,0.125)}.pd-network-result b{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(168,120,36,0.188);border-radius:7px;font-weight:500}.pd-network-result span{font-size:12px}.pd-network-result small{display:flex;align-items:center;gap:5px;color:#1f7a4d;font-size:10px;margin-top:3px}.pd-network-result svg{width:13px;height:13px}.pd-time-saved{margin-top:22px;padding:14px;border:1px solid rgba(168,120,36,0.188);border-radius:7px;background:rgba(184,134,44,0.063)}.pd-time-saved strong{display:block;color:#8a5f14;font-size:11px}.pd-time-saved span{display:block;color:#6b655a;font-size:11px;line-height:1.6;margin-top:4px}
.pd-comment-panel{display:flex;flex-direction:column;gap:14px}.pd-comment-in{display:flex;gap:11px;align-items:flex-start}.pd-comment-in .pd-avatar{background:rgba(184,134,44,0.145);color:#8a5f14;font-size:11px;font-weight:600}.pd-comment-in>div{min-width:0}.pd-comment-in strong{display:block;font-size:11px;color:#6b655a;font-weight:600;margin-bottom:5px}.pd-comment-in p{font-size:12px;line-height:1.6;color:#2f2a21;background:#ffffff;border:1px solid rgba(168,120,36,0.125);border-radius:10px;border-top-left-radius:3px;padding:11px 13px}
.pd-comment-out{margin-left:40px;padding:14px 15px;border:1px solid rgba(168,120,36,0.271);border-radius:10px;border-top-right-radius:3px;background:rgba(184,134,44,0.063);transition:background .2s,border-color .2s}.pd-comment-out.is-sent{border-color:#9dbd8460;background:#9dbd8412}
.pd-comment-tag{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a5f14;margin-bottom:9px}.pd-comment-tag svg{width:13px;height:13px}.pd-comment-out p{font-size:12px;line-height:1.75;color:#17130d;margin-bottom:0}.pd-comment-out .pd-approve-button{margin-top:13px}
.pd-comment-fact{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10px;color:#1f7a4d}.pd-comment-fact svg{width:13px;height:13px}
.pd-progress{height:2px;background:rgba(184,134,44,0.082)}.pd-progress span{display:block;height:100%;width:0;background:#9c6d18;transition:width .15s linear}.pd-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;background:#ffffff}.pd-footer button{min-width:105px;min-height:34px;padding:6px 12px;border:1px solid rgba(168,120,36,0.188);border-radius:5px;background:transparent;color:#2f2a21;font-size:11px}.pd-footer>span{font-size:9px;color:#6f695d}.pd-footer a{color:#8a5f14;text-decoration:none;font-size:11px;white-space:nowrap}.pd-footer a:hover{text-decoration:underline}
.simple-demo-page{margin:0;background:#faf7f1;color:#17130d;font-family:Arial,sans-serif}.simple-demo-page *{box-sizing:border-box}.simple-page-header{width:min(1140px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(168,120,36,0.145);padding:10px 0}.simple-page-header img{display:block;object-fit:contain}.simple-page-header>a:last-child{font-size:13px;color:#8a5f14;text-decoration:none}.simple-page-main{width:min(1140px,calc(100% - 48px));margin:40px auto}.simple-page-copy{text-align:center;max-width:760px;margin:0 auto 30px}.simple-page-copy>span{font-size:10px;color:#8a5f14;letter-spacing:.13em}.simple-page-copy h1{font:500 clamp(33px,4vw,50px)/1.1 'Inter',Arial,sans-serif;letter-spacing:-.04em;margin:18px 0}.simple-page-copy em{font-family:Georgia,serif;color:#8a5f14;font-weight:400;font-style:italic}.simple-page-copy p{font-size:15px;color:#6b655a;line-height:1.8}
@media(max-width:760px){.auto-demo-section{padding-bottom:42px}.auto-demo-intro>p{font-size:13px}.pd-topbar{height:58px;padding:7px 12px}.pd-brand span,.pd-topbar label>span{display:none}.pd-topbar select{max-width:165px}.pd-nav{gap:3px;padding:12px 8px;justify-content:space-between}.pd-nav button{display:block;text-align:center;padding:2px;min-width:52px}.pd-nav button b{margin:0 auto 4px}.pd-nav button span{display:block;font-size:8px}.pd-nav i{width:8px}.pd-stage{min-height:660px;grid-template-columns:1fr;gap:24px;padding:27px 17px}.pd-story-copy h3,.pd-approval-copy h3,.pd-result-copy h3{font-size:31px}.pd-story-copy>p,.pd-approval-copy>p,.pd-result-copy>p{font-size:13px}.pd-phone-gallery{max-width:340px}.pd-phone-gallery>img{height:330px}.pd-review-content{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:13px}.pd-review-content>img{height:240px}.pd-review-content p{font-size:11px;line-height:1.65}.pd-review-foot{padding:11px 13px}.pd-approve-panel,.pd-final-preview,.pd-comment-panel{max-width:390px}.pd-comment-out{margin-left:20px}.pd-social>img{height:270px}.pd-footer{padding:12px 14px;flex-wrap:wrap;gap:9px}.pd-footer>span{order:3;width:100%;text-align:center}.simple-page-header,.simple-page-main{width:calc(100% - 28px)}.simple-page-main{margin-top:25px}.simple-page-copy p{font-size:13px}}
@media(max-width:370px){.pd-nav button span{font-size:7px}.pd-stage{padding-inline:13px}.pd-review-content{grid-template-columns:90px minmax(0,1fr)}.pd-review-content>img{height:220px}.pd-review-foot{font-size:9px}.pd-footer button{min-width:95px}}
@media(prefers-reduced-motion:reduce){.pd-progress span{transition:none}}