/* Demo pública por sectores. Estos estilos solo afectan a la maqueta del hero. */
#hero-business-demo .demo-shell{transform:none!important;box-shadow:0 24px 60px #0004!important}
#hero-business-demo .demo-shell::after{display:none}
#hero-business-demo::before{display:none}
#hero-business-demo .demo-top{height:58px;padding:6px 16px;background:#101210}
#hero-business-demo .demo-top img{height:43px;width:76px;object-fit:contain;mix-blend-mode:lighten}
#hero-business-demo .demo-top strong{font-size:11px;color:#c4c5b9}
.hero-business-picker{padding:15px;border-bottom:1px solid #f3f1e918}
#hero-business-demo .business-picker-heading strong{font-size:12px}
#hero-business-demo .business-picker-heading span{font-size:9px}
#hero-business-demo .demo-dashboard{grid-template-columns:112px minmax(0,1fr);min-height:430px}
#hero-business-demo .demo-sidebar{padding:18px 10px;gap:7px;background:#101210}
#hero-business-demo .demo-business{margin-bottom:10px}
#hero-business-demo .demo-business span{font-size:8px;letter-spacing:.06em}
#hero-business-demo .demo-business strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#hero-business-demo .demo-nav{font-size:10px;font-weight:600;padding:10px 8px}
#hero-business-demo .demo-screen{padding:18px 16px;min-width:0}
#hero-business-demo .demo-statusbar{gap:8px;margin-bottom:14px}
#hero-business-demo .demo-statusbar strong{font-size:21px;line-height:1.15}
#hero-business-demo .demo-statusbar span{font-size:9px;letter-spacing:.04em}
#hero-business-demo .demo-statusbar>b{font-size:9px;padding:6px 8px;font-weight:500}
.hero-panel-lead{color:#a0a69c;font-size:11px;line-height:1.65;margin:0 0 14px}
#hero-business-demo .demo-gallery-grid{grid-template-columns:1.08fr .92fr;grid-template-rows:126px 126px;gap:9px}
#hero-business-demo .demo-media-card{padding:0;min-height:0;height:auto;cursor:pointer;text-align:left;border:1px solid #f3f1e91c;color:#f3f1e9}
#hero-business-demo .demo-media-card.large{grid-row:1/3}
#hero-business-demo .demo-media-card>img{width:100%;height:100%;object-fit:cover}
#hero-business-demo .demo-media-card>div{padding:10px;background:linear-gradient(transparent,#000d)}
#hero-business-demo .demo-media-card b{font-size:11px;line-height:1.35}
#hero-business-demo .demo-media-card span{font-size:8px;color:#e9dfcb}
#hero-business-demo .demo-media-card:focus-visible{outline:2px solid #d5b985;outline-offset:3px}
#hero-business-demo .demo-metrics-row{gap:7px}
#hero-business-demo .demo-metrics-row div{padding:10px;border-radius:8px}
#hero-business-demo .demo-metrics-row strong{font-size:23px}
#hero-business-demo .demo-metrics-row span{font-size:10px}
#hero-business-demo .demo-approval-card{grid-template-columns:38% minmax(0,1fr);padding:10px;gap:13px;min-height:270px;border-radius:10px;align-items:start}
#hero-business-demo .demo-approval-card>img{height:255px;width:100%;object-fit:cover;border-radius:6px}
#hero-business-demo .demo-approval-copy{justify-content:flex-start}
#hero-business-demo .demo-approval-copy>span{font-size:9px;color:#d5b985}
#hero-business-demo .demo-approval-copy h3{font-size:17px;line-height:1.25;margin:9px 0}
#hero-business-demo .demo-approval-copy p{font-size:11px;line-height:1.65;white-space:pre-line;color:#c4c5b9}
#hero-business-demo .demo-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
#hero-business-demo .demo-actions button{border:1px solid #d5b98544;border-radius:6px;padding:8px 10px;background:#d5b9850a;color:#e9dfcb;font-size:10px}
#hero-business-demo .demo-actions button:first-child{background:#e9dfcb!important;color:#171a17!important}
#hero-copy-editor{width:100%;min-height:170px;resize:vertical;background:#101210;color:#e9dfcb;border:1px solid #d5b98566;border-radius:5px;padding:9px;font:11px/1.65 Inter,Arial,sans-serif}
#hero-business-demo .demo-approval-copy label{font-size:10px;color:#a0a69c;margin-bottom:7px}
.hero-post-choices{display:flex;align-items:center;gap:8px;margin-top:12px}
.hero-post-choices>button[data-hero-post]{position:relative;width:42px;height:43px;border:1px solid #f3f1e926;border-radius:5px;padding:0;overflow:hidden}
.hero-post-choices img{width:100%;height:100%;object-fit:cover}
.hero-post-choices span{position:absolute;bottom:0;right:0;background:#171a17e6;color:#e9dfcb;font-size:9px;padding:1px 5px}
.hero-post-choices button[aria-pressed="true"]{outline:2px solid #d5b985;outline-offset:2px}
.hero-calendar-link{margin-left:auto;color:#d5b985;font-size:10px;padding:9px 0}
#hero-business-demo .demo-memory-layout{gap:9px}
#hero-business-demo .demo-memory-card,#hero-business-demo .demo-ai-result{padding:13px;border-radius:9px}
#hero-business-demo .demo-memory-card strong{font-size:13px;line-height:1.4}
#hero-business-demo .demo-memory-card p,#hero-business-demo .demo-ai-result p{font-size:11px;line-height:1.65}
#hero-business-demo .demo-ai-result b{font-size:10px;min-width:0;padding:6px;color:#d5b985}
#hero-business-demo .demo-week{gap:5px}
#hero-business-demo .hero-calendar-day,#hero-business-demo .hero-calendar-empty{min-width:0;min-height:220px;padding:7px 4px;border:1px solid #f3f1e91c;border-radius:7px;background:#101210;text-align:left}
#hero-business-demo .hero-calendar-day img{width:100%;height:86px;object-fit:cover;border-radius:4px;margin:14px 0 9px}
#hero-business-demo .hero-calendar-day b{display:block;font-size:10px;margin:0 0 7px;color:#e9dfcb}
#hero-business-demo .hero-calendar-day span,#hero-business-demo .hero-calendar-day small,#hero-business-demo .hero-calendar-empty span{font-size:9px}
#hero-business-demo .hero-calendar-day em{display:block;font-size:8px;line-height:1.4;font-style:normal;color:#d5b985;margin-top:10px}
#hero-business-demo .hero-calendar-day.is-approved{border-color:#a7cbb055;background:#a7cbb008}
#hero-business-demo .hero-calendar-day.is-approved em{color:#a7cbb0}
#hero-business-demo .hero-calendar-empty small{font-size:8px;margin-top:70px;text-transform:none}
#hero-business-demo .demo-publish-line{margin-top:16px;gap:8px;padding:12px;flex-wrap:wrap}
#hero-business-demo .demo-publish-line span{font-size:10px}
#hero-business-demo .demo-publish-line strong{font-size:11px}
.hero-comment,.hero-reply{padding:16px;border:1px solid #f3f1e91c;border-radius:9px;background:#101210}
.hero-comment>span,.hero-reply>span{font-size:10px;color:#a0a69c}
.hero-comment p,.hero-reply p{font-size:12px;line-height:1.75;color:#e9dfcb;margin:10px 0 0}
.hero-reply{margin-top:14px;background:#d5b98506;border-color:#d5b98533}
.hero-reply>span{color:#d5b985}
.hero-memory-fact{margin-top:13px}
.hero-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-top:1px solid #f3f1e918}
.hero-demo-footer p{font-size:9px;line-height:1.6;color:#a0a69c;margin:0;max-width:65%}
.hero-demo-footer a{color:#d5b985;font-size:10px;line-height:1.5;text-align:right}
@media(max-width:768px){
  #hero-business-demo .demo-dashboard{display:block;min-height:0}
  #hero-business-demo .demo-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;padding:11px;border-right:0;border-bottom:1px solid #f3f1e918;gap:4px}
  #hero-business-demo .demo-business{width:100%;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:10px}
  #hero-business-demo .demo-business strong{font-size:13px}
  #hero-business-demo .demo-nav{width:auto;flex:1;padding:9px 3px;font-size:9px;text-align:center}
  #hero-business-demo .demo-screen{padding:16px 12px;min-height:425px}
  #hero-business-demo .demo-top strong{font-size:10px}
  #hero-business-demo .demo-statusbar strong{font-size:20px}
  .hero-business-picker{padding:12px}
  #hero-business-demo .business-picker-heading{gap:5px}
}
@media(max-width:380px){
  #hero-business-demo .demo-approval-card{grid-template-columns:34% minmax(0,1fr);gap:9px;padding:8px}
  #hero-business-demo .demo-approval-copy h3{font-size:15px}
  #hero-business-demo .demo-approval-copy p{font-size:10px}
  #hero-business-demo .demo-actions button{font-size:9px;padding:7px}
  #hero-business-demo .demo-top strong{max-width:140px;text-align:right}
  #hero-business-demo .demo-statusbar>b{display:none}
  #hero-business-demo .demo-nav{font-size:8px}
}