/* Screenshots provided by the project owner, kept unaltered. */
.real-screens{background:#f4f8f3}.real-screens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2vw,40px)}.real-shot-card{background:#fff;border:1px solid #d7e5d8;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px #164a2712}.real-shot-copy{padding:clamp(24px,2.4vw,43px)}.real-tag{color:#0a8055;text-transform:uppercase;letter-spacing:.1em;font-size:15px;font-weight:800}.real-shot-copy h3{font:800 clamp(28px,2.4vw,43px)/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:13px 0}.real-shot-copy p{font-size:clamp(18px,1.25vw,24px);color:#567160;line-height:1.5;margin:0}.real-shot-card a{display:block;position:relative;background:#e7eeee;overflow:hidden}.real-shot-card img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .25s}.real-shot-card a:hover img{transform:scale(1.025)}.real-enlarge{position:absolute;right:18px;bottom:18px;background:#075c43;color:#fff;border-radius:9px;padding:10px 16px;font-size:15px;font-weight:800}.real-shot-note{font-size:16px;color:#627c6a;margin:23px 0 0}
/* Actual screenshot in the hero monitor, while the rest of the demo remains conceptual. */
.hero-art .pos-screen{height:auto;aspect-ratio:16/9;overflow:hidden;transform:rotate(-2deg);background:#f6f8fa url('/assets/mayora-ventas-real.png') center/100% 100% no-repeat;border:8px solid #183e31}
.hero-art .pos-screen>*{visibility:hidden}.hero-art .pos-screen:after{content:'PANTALLA REAL · MAYORA POS';position:absolute;left:0;bottom:0;right:0;text-align:center;background:#075c43;color:#fff;padding:7px;font-size:11px;letter-spacing:.08em;font-weight:800;visibility:visible}
@media(max-width:950px){.real-screens-grid{grid-template-columns:1fr}.real-shot-copy{padding:26px}.real-shot-copy h3{font-size:34px}.real-shot-copy p{font-size:21px}}
@media(max-width:600px){.hero-art .pos-screen{border-width:6px}.hero-art .pos-screen:after{font-size:8px;padding:4px}.real-tag{font-size:13px}.real-shot-copy h3{font-size:29px}.real-shot-copy p{font-size:19px}.real-enlarge{font-size:13px;padding:8px}.real-shot-note{font-size:14px}}