/* A supermarket journey: customer moments, the team and the operation behind them. */
.market-page .topline{display:none}
.market-page{--market-dark:#132c29;--market-light:#f2f5ef}
.market-hero{position:relative;min-height:710px;isolation:isolate;overflow:hidden;background:#172c25;color:#fff}
.market-hero-photo,.market-hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.market-hero-photo{object-fit:cover;object-position:center 58%}
.market-hero-shade{z-index:-1;background:linear-gradient(90deg,#061512e6 0%,#071713cc 35%,#07171360 68%,#0717130d 100%),linear-gradient(0deg,#061512b3,transparent 35%)}
.market-hero-content{padding-top:32px;padding-bottom:125px}
.market-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:35px;font-size:11px;color:#e1ebe5}
.market-hero .eyebrow{color:#e1eddf;font-size:10px;letter-spacing:.18em;margin-bottom:24px}
.market-hero h1{font-size:clamp(48px,5.4vw,80px);line-height:1.02;letter-spacing:-.06em;max-width:900px;margin-bottom:28px}
.market-hero h1 span{font-weight:500}
.market-hero-content>p{color:#f0f4ed;font-size:16px;line-height:1.75;max-width:490px;margin-bottom:28px}
.market-hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.market-hero-actions .white{border-radius:100px;padding:18px 24px;color:#18362b}
.market-hero-actions>.text-link{color:#fff;min-height:48px}
.market-hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;border-top:1px solid #ffffff47;font-size:9px;letter-spacing:.12em;color:#e4ebe5}
.market-hero-bottom a{display:flex;align-items:center;gap:16px;min-height:44px;font-size:10px;letter-spacing:0;color:#fff}
.market-hero-bottom .icon{transform:rotate(90deg);width:17px}
.market-page-nav{background:#fff;border-bottom:1px solid #dce2dd;position:sticky;top:85px;z-index:30}
.market-page-nav .wrap{display:flex;align-items:center;gap:32px;min-height:65px}
.market-page-nav .wrap>span{margin-right:auto;font-weight:800;font-size:12px;letter-spacing:-.02em}
.market-page-nav a{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:11px;font-weight:700;white-space:nowrap}
.market-page-nav a:hover{color:var(--blue)}
.market-page-nav a:last-child{color:var(--blue)}
.market-page-nav .icon{width:16px}
.market-page :is(#experiencia-supermercado,#compra-a-tu-ritmo,#gestion-supermercado,#demo-supermercado){scroll-margin-top:60px}
.market-journey .section-head>p{max-width:330px}
.market-journey-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-bottom:1px solid #d4dcd7;margin-bottom:32px}
.market-journey-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:13px;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;background:transparent;padding:20px 15px;font-size:14px;font-weight:700;color:#54645d;min-height:68px;text-align:left;transition:color .2s,border-color .2s,background .2s}
.market-journey-tabs button>span{font-size:10px;font-weight:500;color:inherit}
.market-journey-tabs button:hover{background:#edf2ed;color:#172c22}
.market-journey-tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue);background:#edf1ff}
.market-moment{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:var(--product-soft,#f0f3ff);border:1px solid var(--product-line,#d3d9e5);border-radius:14px;overflow:hidden;min-height:650px}
.market-moment+.market-moment{margin-top:30px}
.is-enhanced .market-moment{margin-top:0}
.market-moment-visual{position:relative;isolation:isolate;background:#1e2b28;overflow:hidden;min-height:520px}
.market-moment-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;z-index:-2}
.market-moment-visual:after{content:"";position:absolute;inset:45% 0 0;z-index:-1;background:linear-gradient(transparent,#071b17e8)}
.market-photo-caption{position:absolute;left:32px;right:32px;bottom:34px;max-width:420px;color:#fff}
.market-photo-caption>span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.market-photo-caption strong{display:block;font-size:29px;line-height:1.2;letter-spacing:-.04em;font-weight:700}
.market-online-visual{background:#ddf2f8}
.market-online-visual>img{object-fit:contain;padding:45px 28px 120px;filter:drop-shadow(0 24px 20px #083a5424)}
.market-online-visual:after{display:none}
.market-online-visual .market-photo-caption{color:#164459}
.market-moment-copy{padding:38px 36px;align-self:center}
.market-moment-copy>.eyebrow{color:var(--product-ink);font-size:9px;margin-bottom:18px}
.market-moment-copy h3{font-size:clamp(27px,2.7vw,38px);line-height:1.13;letter-spacing:-.045em;margin-bottom:20px}
.market-moment-copy>p{font-size:13px;line-height:1.8;margin-bottom:20px;color:#46535b}
.market-checks{margin:0 0 22px}
.market-checks li{display:flex;gap:11px;align-items:flex-start;margin:11px 0;font-size:12px;line-height:1.65;color:#293b45}
.market-checks .icon{color:var(--product-ink);width:17px;height:17px;margin-top:2px}
.market-outcome{display:flex;align-items:flex-start;gap:12px;padding:17px 0;border-top:1px solid var(--product-line);border-bottom:1px solid var(--product-line)}
.market-outcome>.icon{color:var(--product-ink);width:18px;height:18px;margin-top:3px}
.market-outcome p{font-size:12px;font-weight:700;color:#283843;line-height:1.6;margin:0}
.market-moment-products{display:flex;align-items:center;flex-wrap:wrap;gap:5px 16px;margin:19px 0 12px}
.market-product-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:10px;font-weight:700;color:#263843}
.market-product-link .product-dandi{width:28px;flex-basis:28px}
.market-product-link>.icon{width:13px;height:13px}
.market-product-link:hover{color:var(--product-ink)}
.market-scene-demo{color:var(--product-ink);min-height:44px;font-size:12px}
.market-moment-copy .market-requirement{font-size:10px;line-height:1.65;color:#56616a;margin:13px 0 0}
.market-self-service{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#edf0e9}
.market-self-photo{position:relative;min-height:760px;overflow:hidden}
.market-self-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.market-self-photo>span{position:absolute;left:35px;bottom:32px;background:#10241ce6;color:#fff;padding:11px 16px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:.09em}
.market-self-copy{padding:76px max(40px,calc((100vw - 1320px)/2)) 66px 70px;align-self:center}
.market-self-copy .eyebrow{color:#435747;font-size:10px}
.market-self-copy h2{font-size:clamp(52px,5.5vw,80px);line-height:1.01;letter-spacing:-.06em;margin-bottom:26px}
.market-self-copy h2 span{color:#526843}
.market-self-copy>p{max-width:425px;font-size:14px;line-height:1.8;color:#465447}
.market-scan-steps{list-style:none;padding:0;margin:25px 0 30px}
.market-scan-steps li{display:flex;align-items:center;gap:20px;min-height:40px;font-size:12px;font-weight:600}
.market-scan-steps span{font-size:10px;color:#586958}
.market-self-copy .button{border-radius:100px;background:#193a2c}
.market-self-copy .market-small-note{font-size:10px;color:#596657;max-width:360px;margin:19px 0 0}
.market-app{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:85px}
.market-app-identity{display:flex;align-items:flex-start;gap:25px}
.market-app-identity .product-dandi{width:78px;flex-basis:78px;margin-top:5px}
.market-app-identity .eyebrow{color:var(--product-ink);font-size:10px;margin-bottom:16px}
.market-app h2{font-size:39px;margin:0}
.market-app p{font-size:14px;line-height:1.8;margin-bottom:18px}
.market-app .text-link{color:#a51041;min-height:44px}
.market-app small{display:block;font-size:10px;color:#67717a;margin-top:12px;max-width:440px}
.market-management{background:#142b29;color:#fff;padding:95px 0 55px}
.market-management .eyebrow{font-size:9px;color:#c1d8cc}
.market-management .section-head>p{color:#c1d0c9;font-size:13px;max-width:330px}
.market-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:55px}
.market-admin-grid article{border-top:3px solid var(--product-primary);padding-top:28px}
.market-admin-grid .product-dandi{width:64px;flex-basis:64px;margin-bottom:26px}
.market-admin-grid h3{font-size:31px;line-height:1.15;margin-bottom:17px}
.market-admin-grid p{color:#c2cfc8;font-size:13px;line-height:1.85;max-width:350px;margin-bottom:22px}
.market-admin-grid .text-link{font-size:11px;min-height:44px;color:#fff}
.market-management-note{margin:42px 0 0;padding-top:24px;border-top:1px solid #ffffff30;font-size:10px;color:#bdcec6}
.market-faq .faq-list p{padding-right:0}
.market-final{background:#324b98;color:#fff;padding:76px 0}
.market-final>.wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:90px;align-items:center}
.market-final .eyebrow{font-size:9px;color:#e0e7ff}
.market-final h2{font-size:clamp(38px,3.6vw,55px);line-height:1.08;letter-spacing:-.05em;margin:0}
.market-final h2 span{font-weight:500}
.market-final p{font-size:14px;line-height:1.85;color:#f1f3ff;max-width:450px;margin-bottom:25px}
.market-final .button{border-radius:100px}
.market-demo-note{display:block;font-size:10px;color:#e0e7ff;margin-top:18px}
.market-page .market-hero a:focus-visible,.market-page .market-management a:focus-visible,.market-page .market-final a:focus-visible{outline-color:#fff}
@media(max-width:1100px){.market-page-nav .wrap{gap:22px}.market-page-nav .wrap>span{font-size:10px}.market-page-nav a{font-size:10px}.market-moment{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.market-moment-copy{padding:30px 26px}.market-photo-caption{left:25px;right:25px;bottom:28px}.market-photo-caption strong{font-size:25px}.market-moment-copy h3{font-size:30px}.market-self-copy{padding:55px 36px 55px 40px}.market-self-photo{min-height:700px}.market-self-copy h2{font-size:60px}.market-app{gap:45px}.market-app h2{font-size:32px}.market-app-identity{gap:20px}.market-app-identity .product-dandi{width:60px;flex-basis:60px}.market-admin-grid{gap:30px}.market-admin-grid h3{font-size:27px}.market-final>.wrap{gap:45px}}
@media(max-width:900px){.market-hero h1{font-size:58px}.market-page-nav .wrap>span{display:none}.market-page-nav .wrap{justify-content:space-between}.market-journey-tabs button{font-size:12px;gap:9px;padding:17px 11px}.market-moment{grid-template-columns:1fr;min-height:0}.market-moment-visual{min-height:390px}.market-moment-copy{padding:36px}.market-moment-copy h3{font-size:36px}.market-moment-copy>p{font-size:14px}.market-checks li{font-size:13px}.market-product-link{font-size:12px}.market-moment-visual>img{object-position:center 48%}.market-online-visual>img{padding:28px 45px 100px}.market-app{grid-template-columns:1fr;gap:28px}.market-app h2{font-size:38px}.market-app p{max-width:650px}.market-admin-grid{gap:24px}.market-admin-grid h3{font-size:25px}.market-admin-grid .text-link{font-size:10px}}
@media(max-width:760px){.market-hero{min-height:680px}.market-hero-photo{object-position:62% center}.market-hero-shade{background:linear-gradient(90deg,#061512de,#06151299),linear-gradient(0deg,#061512bb,transparent 50%)}.market-hero-content{padding-top:19px;padding-bottom:125px}.market-back{margin-bottom:22px;font-size:10px}.market-hero .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:22px}.market-hero h1{font-size:clamp(38px,8.9vw,59px);line-height:1.07;letter-spacing:-.05em;margin-bottom:24px}.market-hero-content>p{font-size:14px;max-width:380px;margin-bottom:22px}.market-hero-actions{gap:12px;align-items:flex-start;flex-direction:column}.market-hero-actions .white{font-size:12px;padding:17px 22px}.market-hero-actions .text-link{font-size:12px;min-height:44px}.market-hero-bottom{bottom:18px;padding-top:12px;gap:15px}.market-hero-bottom>span{max-width:160px;font-size:7px;line-height:1.7;letter-spacing:.09em}.market-hero-bottom a{font-size:9px;gap:9px}.market-page-nav{top:72px}.market-page-nav .wrap{width:100%;padding:0 20px;justify-content:flex-start;gap:26px;overflow-x:auto;scrollbar-width:thin;min-height:57px}.market-page-nav a{font-size:10px;flex:none}.market-page :is(#experiencia-supermercado,#compra-a-tu-ritmo,#gestion-supermercado,#demo-supermercado){scroll-margin-top:35px}.market-journey .section-head{gap:20px;margin-bottom:28px}.market-journey .section-head>p{font-size:13px;max-width:340px}.market-journey-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;gap:5px;margin-bottom:22px;padding-bottom:2px}.market-journey-tabs button{flex:0 0 auto;font-size:12px;gap:9px;padding:15px 15px;min-height:56px;white-space:nowrap}.market-journey-tabs button>span{font-size:9px}.market-moment{border-radius:9px}.market-moment-visual{min-height:300px}.market-photo-caption{left:23px;right:23px;bottom:24px}.market-photo-caption strong{font-size:24px;max-width:260px}.market-photo-caption>span{font-size:9px;margin-bottom:10px}.market-moment-copy{padding:28px 23px}.market-moment-copy>.eyebrow{font-size:8px;margin-bottom:16px}.market-moment-copy h3{font-size:29px;line-height:1.16}.market-moment-copy>p{font-size:13px;line-height:1.8}.market-checks li{font-size:12px}.market-outcome p{font-size:12px}.market-moment-products{gap:5px 16px}.market-product-link{font-size:10px}.market-product-link .product-dandi{width:26px;flex-basis:26px}.market-scene-demo{font-size:11px}.market-moment-copy .market-requirement{font-size:10px}.market-online-visual>img{padding:20px 25px 95px}.market-self-service{grid-template-columns:1fr}.market-self-photo{min-height:510px}.market-self-photo>img{object-position:center 38%}.market-self-photo>span{left:24px;bottom:24px;font-size:9px}.market-self-copy{padding:45px 24px 50px}.market-self-copy h2{font-size:61px;max-width:470px}.market-self-copy .eyebrow{font-size:9px}.market-self-copy>p{font-size:14px}.market-app{gap:28px}.market-app-identity{gap:18px}.market-app-identity .product-dandi{width:54px;flex-basis:54px}.market-app h2{font-size:29px}.market-app .eyebrow{font-size:9px;margin-bottom:12px}.market-app p{font-size:13px}.market-app small{font-size:10px}.market-management{padding:58px 0 40px}.market-management .section-head{gap:24px}.market-management .section-head>p{font-size:13px}.market-management .eyebrow{font-size:8px;line-height:1.8}.market-admin-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.market-admin-grid article{position:relative;padding:25px 0 0 83px}.market-admin-grid .product-dandi{position:absolute;left:0;top:27px;width:58px;flex-basis:58px;margin:0}.market-admin-grid h3{font-size:26px}.market-admin-grid p{font-size:12px}.market-admin-grid .text-link{font-size:11px}.market-management-note{margin-top:30px;line-height:1.8}.market-final{padding:55px 0}.market-final>.wrap{grid-template-columns:1fr;gap:30px}.market-final h2{font-size:38px}.market-final .eyebrow{font-size:8px;line-height:1.7}.market-final p{font-size:13px}.market-final .button{font-size:12px;padding:17px 22px}.market-demo-note{font-size:9px}}
@media(max-width:360px){.market-hero h1{font-size:34px}.market-hero-content>p{font-size:13px}.market-hero-bottom>span{max-width:140px}.market-hero-bottom a{font-size:8px}.market-moment-copy{padding:26px 18px}.market-moment-copy h3{font-size:26px}.market-self-photo{min-height:450px}.market-self-copy h2{font-size:54px}.market-app h2{font-size:26px}.market-admin-grid article{padding-left:73px}.market-final h2{font-size:33px}.market-final .button{padding:16px 18px;gap:15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.market-journey-tabs button{transition:none}}

.market-moment:focus-visible{outline:3px solid var(--blue);outline-offset:5px}

/* Staffed checkout scene, with an optional view of the supplied original POS screen. */
.market-checkout-visual{display:flex;flex-direction:column;min-height:0;background:#132c29}
.market-checkout-visual>img{position:relative;inset:auto;z-index:auto;width:100%;height:auto;object-fit:contain;flex:none}
.market-checkout-visual .market-photo-caption{position:relative;left:auto;right:auto;bottom:auto;max-width:none;padding:24px 28px 26px;margin-top:auto;background:#132c29}
.market-checkout-visual .market-photo-caption strong{font-size:25px;max-width:430px}
.market-checkout-visual:after{display:none}
.market-pos-screen-link{display:inline-flex;align-items:center;gap:12px;margin-top:14px;min-height:44px;padding:8px 15px;border:1px solid #ffffff80;border-radius:50px;background:#142429d9;color:#fff;font-size:11px;font-weight:600;line-height:1.4}
.market-pos-screen-link:hover{background:#fff;color:#17202c}
.market-pos-screen-link:focus-visible{outline-color:#fff}
@media(max-width:900px){.market-checkout-visual{min-height:0}.market-checkout-visual>img{max-height:650px;object-fit:contain;object-position:center}}
@media(max-width:760px){.market-checkout-visual{min-height:0}.market-checkout-visual .market-photo-caption{padding:22px 23px}.market-checkout-visual .market-photo-caption strong{font-size:23px}.market-pos-screen-link{font-size:10px;margin-top:12px}}

/* Loyalty artwork framing; keep the existing panel layout and copy. */
.market-loyalty-visual>img{object-position:50% 20%}
