/* Grupo SUMAP storefront — isolated presentation styles. */
.sumap-store {
  --sumap-navy: #07192c;
  --sumap-navy-2: #10263d;
  --sumap-yellow: #ffca21;
  --sumap-yellow-deep: #efa900;
  --sumap-ink: #071b32;
  --sumap-muted: #526477;
  --sumap-border: #e5eaf1;
  --sumap-white: #ffffff;
  width: 100%;
  min-width: 0;
  background: #fff;
  color: var(--sumap-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow: clip;
  isolation: isolate;
}
.sumap-store *, .sumap-store *::before, .sumap-store *::after { box-sizing: border-box; }
.sumap-store [hidden] { display: none !important; }
.sumap-store button { cursor: pointer; font: inherit; }
.sumap-store button:focus-visible, .sumap-store input:focus-visible,
.sumap-store [role="button"]:focus-visible {
  outline: 3px solid #1676c5;
  outline-offset: 3px;
}
.sumap-store img { max-width: 100%; }
.sumap-store h1, .sumap-store h2, .sumap-store h3, .sumap-store p { margin-top: 0; }

/* Site navigation */
.sumap-store .sumap-nav {
  position: sticky;
  top: 0;
  z-index: 15;
  background: var(--sumap-navy);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 6px 22px rgba(0,0,0,.15);
}
.sumap-store .sumap-nav-inner {
  width: min(1440px, 100%);
  min-height: 76px;
  padding: 12px clamp(20px,4vw,62px);
  margin: auto;
  display: flex;
  align-items: center;
  gap: clamp(20px,2.2vw,34px);
}
.sumap-store .sumap-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  padding: 0;
}
.sumap-store .sumap-logo-img { display:block; width: 160px; max-height: 53px; object-fit: contain; object-position: left center; }
.sumap-store .sumap-nav-links { display: flex; align-items: center; justify-content: flex-end; flex:1; flex-wrap:wrap; gap: 3px 16px; }
.sumap-store .sumap-nav-links button {
  border: 0;
  background: transparent;
  padding: 12px 0;
  font-size: 12px;
  font-weight: 600;
  color: #e7edf3;
  white-space: nowrap;
}
.sumap-store .sumap-nav-links button:hover { color: var(--sumap-yellow); }
.sumap-store .sumap-nav-actions, .sumap-store .sumap-mobile-header-actions { display:flex; align-items:center; gap:9px; }
.sumap-store .sumap-search-btn, .sumap-store .sumap-cart-btn,
.sumap-store .sumap-mobile-menu-btn {
  min-width: 38px;
  min-height: 40px;
  display: inline-grid;
  place-items: center;
  position: relative;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #fff;
  font-size: 25px;
}
.sumap-store .sumap-search-btn:hover, .sumap-store .sumap-cart-btn:hover,
.sumap-store .sumap-mobile-menu-btn:hover { color: var(--sumap-yellow); background: rgba(255,255,255,.08); }
.sumap-store .sumap-cart-count { position: absolute; top: 0; right: 0; min-width: 17px; height: 17px; border-radius: 50%; padding: 1px 3px; font-size: 10px; font-weight: 800; background:var(--sumap-yellow); color:var(--sumap-navy); }
.sumap-store .sumap-cta-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border: 1px solid #fac419;
  border-radius:8px;
  padding:10px 20px;
  background:linear-gradient(180deg,#ffdf5c,var(--sumap-yellow));
  color:#09172a;
  font-weight:800;
  font-size:13px;
  text-align:center;
  box-shadow:0 4px 12px rgba(255,194,24,.17);
}
.sumap-store .sumap-cta-btn:hover { background: #ffdb4e; transform: translateY(-1px); }
.sumap-store .sumap-cta-btn.large { min-height:52px; padding:13px 27px; font-size:15px; }
.sumap-store .sumap-back-btn { border:0; background:transparent; color:#d8e0ea; padding:7px 3px; font-size:11px; white-space:nowrap; }
.sumap-store .sumap-back-btn:hover { color:var(--sumap-yellow); }
.sumap-store .sumap-outline-btn { min-height:50px; padding:12px 22px; border:1px solid rgba(255,255,255,.88); background:rgba(6,17,29,.12); color:#fff; border-radius:9px; font-weight:700; }
.sumap-store .sumap-outline-btn:hover { background:rgba(255,255,255,.14); }
.sumap-store .sumap-nav-search { position:absolute; top:100%; left:0; right:0; padding:12px clamp(20px,5vw,70px); background:var(--sumap-navy-2); box-shadow:0 12px 25px rgba(0,0,0,.15); }
.sumap-store .sumap-nav-search input, .sumap-store .sumap-mobile-search input { width:100%; min-height:42px; padding:10px 14px; border-radius:9px; border:1px solid #b7c3cf; background:#fff; color:var(--sumap-ink); }
.sumap-store .sumap-mobile-header, .sumap-store .sumap-mobile-drawer, .sumap-store .sumap-bottom-nav { display:none; }

/* Hero */
.sumap-store .sumap-hero { position:relative; isolation:isolate; display:flex; align-items:center; min-height:510px; padding:70px clamp(26px,7vw,108px); background:#10263a; color:#fff; }
.sumap-store .sumap-hero-bg, .sumap-store .sumap-hero-overlay { position:absolute; inset:0; z-index:-1; }
.sumap-store .sumap-hero-bg { background-size:cover; background-position:center 54%; background-repeat:no-repeat; }
.sumap-store .sumap-hero-overlay { background:linear-gradient(90deg,rgba(4,12,20,.89) 0%,rgba(6,17,29,.69) 39%,rgba(6,17,29,.18) 80%),linear-gradient(0deg,rgba(4,12,20,.35),transparent 60%); }
.sumap-store .sumap-hero-content { width:min(680px,100%); position:relative; z-index:1; }
.sumap-store .sumap-hero-eyebrow, .sumap-store .sumap-kicker { font-weight:800; font-size:12px; letter-spacing:.17em; text-transform:uppercase; color:var(--sumap-yellow); }
.sumap-store .sumap-hero h1 { font-size:clamp(36px,4.6vw,68px); line-height:1.07; letter-spacing:-.042em; font-weight:850; margin:18px 0; text-wrap:balance; }
.sumap-store .sumap-hero h1 em { color:var(--sumap-yellow); font-style:normal; }
.sumap-store .sumap-hero-sub { max-width:590px; color:#eef0f5; line-height:1.65; font-size:clamp(14px,1.3vw,17px); margin-bottom:28px; }
.sumap-store .sumap-hero-actions, .sumap-store .sumap-contact-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
.sumap-store .sumap-hero-aside { position:absolute; right:clamp(28px,5vw,80px); bottom:35px; display:flex; flex-direction:column; gap:5px; background:rgba(7,25,44,.78); border:1px solid rgba(255,255,255,.25); backdrop-filter:blur(9px); padding:16px 19px; border-radius:12px; min-width:190px; }
.sumap-store .sumap-hero-aside small, .sumap-store .sumap-hero-aside span { color:#d6e2ed; font-size:11px; }
.sumap-store .sumap-hero-aside strong { color:var(--sumap-yellow); font-size:19px; }

/* Value proposition and categories */
.sumap-store .sumap-trust { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1440px; padding:24px clamp(26px,6vw,90px); margin:auto; gap:18px; background:#fff; }
.sumap-store .sumap-trust-item { display:grid; grid-template-columns:36px 1fr; column-gap:10px; align-items:center; border-right:1px solid var(--sumap-border); padding-right:12px; }
.sumap-store .sumap-trust-item:last-child { border-right:0; }
.sumap-store .sumap-trust-icon { grid-row:span 2; font-size:27px; color:var(--sumap-yellow-deep); text-align:center; }
.sumap-store .sumap-trust-item strong { font-size:13px; line-height:1.3; }
.sumap-store .sumap-trust-item small { font-size:11px; color:var(--sumap-muted); line-height:1.4; }
.sumap-store .sumap-categories, .sumap-store .sumap-catalog { width:min(1360px,100%); margin:auto; padding:70px clamp(20px,5vw,60px); }
.sumap-store .sumap-categories { padding-bottom:54px; }
.sumap-store .sumap-section-head { text-align:center; margin:0 auto 28px; }
.sumap-store .sumap-section-head h2, .sumap-store .sumap-catalog-head h2, .sumap-store .sumap-process h2, .sumap-store .sumap-contact h2 { font-size:clamp(26px,3vw,40px); line-height:1.16; letter-spacing:-.03em; color:var(--sumap-ink); margin:0 0 10px; }
.sumap-store .sumap-section-head p, .sumap-store .sumap-catalog-head p { color:var(--sumap-muted); font-size:14px; line-height:1.55; }
.sumap-store .sumap-cat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.sumap-store .sumap-cat-card { display:flex; flex-direction:column; cursor:pointer; min-width:0; border:1px solid var(--sumap-border); border-radius:14px; overflow:hidden; box-shadow:0 8px 25px rgba(7,25,44,.07); background:#fff; transition:transform .17s ease,box-shadow .17s ease; }
.sumap-store .sumap-cat-card:hover { transform:translateY(-4px); box-shadow:0 14px 28px rgba(7,25,44,.13); }
.sumap-store .sumap-cat-img { height:185px; overflow:hidden; background:#e5eaf0; }
.sumap-store .sumap-cat-img img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 37%; }
.sumap-store .sumap-cat-body { display:flex; flex-direction:column; gap:8px; padding:19px 19px 20px; flex:1; }
.sumap-store .sumap-cat-body h3 { font-size:16px; font-weight:800; margin:0; letter-spacing:-.02em; }
.sumap-store .sumap-cat-body small { color:var(--sumap-muted); font-size:12px; }
.sumap-store .sumap-cat-cta { margin-top:auto; padding-top:12px; color:#a97700; font-weight:800; font-size:12px; }

/* Connected catalogue */
.sumap-store .sumap-catalog { background:#fff; padding-top:45px; }
.sumap-store .sumap-catalog-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.sumap-store .sumap-catalog-head p { margin-bottom:0; }
.sumap-store .sumap-catalog-controls { width:min(340px,100%); }
.sumap-store .sumap-search-wrap { display:flex; align-items:center; gap:9px; height:44px; padding:0 13px; background:#fff; border:1px solid #cfd8e4; border-radius:10px; color:var(--sumap-muted); }
.sumap-store .sumap-search-wrap input { width:100%; border:0; outline:0; font-size:13px; background:transparent; color:var(--sumap-ink); }
.sumap-store .sumap-cat-pills { display:flex; gap:10px; overflow-x:auto; padding:0 0 16px; scroll-snap-type:x proximity; }
.sumap-store .sumap-pill { flex:0 0 auto; min-height:38px; background:#f6f8fa; border:1px solid #dde4ed; color:#344456; padding:9px 14px; border-radius:22px; font-size:12px; font-weight:700; scroll-snap-align:start; }
.sumap-store .sumap-pill:hover { background:#fff8d7; border-color:#f4c63d; }
.sumap-store .sumap-pill.active { background:var(--sumap-navy); border-color:var(--sumap-navy); color:var(--sumap-yellow); }
.sumap-store .sumap-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sumap-store .sumap-product-card { display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid var(--sumap-border); border-radius:15px; overflow:hidden; box-shadow:0 5px 20px rgba(7,25,44,.05); }
.sumap-store .sumap-product-card[hidden] { display:none; }
.sumap-store .sumap-product-img { height:220px; position:relative; background:#f3f5f8; overflow:hidden; display:grid; place-items:center; }
.sumap-store .sumap-product-img>img { display:block; width:100%; height:100%; object-fit:cover; }
.sumap-store .sumap-product-img>.product-visual { width:100%; height:100%; }
.sumap-store .sumap-product-type-badge { position:absolute; left:14px; top:14px; padding:5px 9px; border-radius:99px; font-size:10px; font-weight:800; background:rgba(255,255,255,.94); color:var(--sumap-ink); }
.sumap-store .sumap-product-body { padding:18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.sumap-store .sumap-product-cat { color:#9b7400; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.sumap-store .sumap-product-body h3 { margin:0; font-size:17px; line-height:1.35; }
.sumap-store .sumap-product-body p { margin:0; color:var(--sumap-muted); font-size:12px; line-height:1.55; flex:1; }
.sumap-store .sumap-product-foot { display:flex; align-items:end; justify-content:space-between; gap:10px; border-top:1px solid var(--sumap-border); padding-top:13px; margin-top:5px; }
.sumap-store .sumap-product-foot strong { display:block; color:var(--sumap-ink); font-size:17px; }
.sumap-store .sumap-product-foot em { display:block; color:var(--sumap-muted); font-style:normal; font-size:10px; margin-top:5px; }
.sumap-store .sumap-add-btn { flex:0 0 auto; border:0; border-radius:8px; background:var(--sumap-yellow); color:var(--sumap-ink); font-weight:800; font-size:12px; padding:11px 13px; }
.sumap-store .sumap-add-btn:hover { background:#ffdd55; }

/* Workflow, contact and footer */
.sumap-store .sumap-process { position:relative; isolation:isolate; background:var(--sumap-navy); color:#fff; padding:75px clamp(22px,7vw,100px); }
.sumap-store .sumap-process-bg, .sumap-store .sumap-process-overlay { position:absolute; inset:0; z-index:-1; }
.sumap-store .sumap-process-bg { background-size:cover; background-position:center; }
.sumap-store .sumap-process-overlay { background:linear-gradient(90deg,rgba(5,18,32,.94),rgba(5,18,32,.78)); }
.sumap-store .sumap-process-content { width:min(1260px,100%); margin:auto; display:grid; grid-template-columns: .8fr 1.2fr; align-items:center; gap:55px; }
.sumap-store .sumap-process h2 { color:#fff; margin:13px 0; }
.sumap-store .sumap-process-intro p { color:#d5deeb; line-height:1.6; }
.sumap-store .sumap-process-steps { margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; list-style:none; }
.sumap-store .sumap-process-steps li { border:1px solid rgba(255,255,255,.22); background:rgba(7,25,44,.4); backdrop-filter:blur(4px); border-radius:13px; padding:20px; }
.sumap-store .sumap-process-steps li>span { color:var(--sumap-yellow); font-size:22px; font-weight:800; }
.sumap-store .sumap-process-steps h3 { margin:12px 0 5px; font-size:16px; }
.sumap-store .sumap-process-steps p { font-size:12px; line-height:1.6; color:#d8e1ee; margin:0; }
.sumap-store .sumap-contact { width:min(1320px,100%); margin:75px auto; padding:26px clamp(24px,5vw,60px); display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; }
.sumap-store .sumap-contact .sumap-kicker { color:#b48600; }
.sumap-store .sumap-contact h2 { margin:13px 0; }
.sumap-store .sumap-contact-content>p { color:var(--sumap-muted); font-size:14px; line-height:1.7; max-width:540px; }
.sumap-store .sumap-contact .sumap-outline-btn { color:var(--sumap-navy); border-color:#7c8fa2; background:#fff; }
.sumap-store .sumap-contact .sumap-outline-btn:hover { background:#f3f6fa; }
.sumap-store .sumap-contact-disclaimer { margin:15px 0 0; font-size:11px!important; }
.sumap-store .sumap-contact-img { aspect-ratio:5/4; overflow:hidden; border-radius:17px; }
.sumap-store .sumap-contact-img img { width:100%; height:100%; object-fit:cover; display:block; }
.sumap-store .sumap-footer { min-height:170px; background:var(--sumap-navy); color:#fff; padding:36px clamp(22px,7vw,100px); display:flex; align-items:center; justify-content:space-between; gap:30px; }
.sumap-store .sumap-footer-brand { min-width:0; }
.sumap-store .sumap-footer-logo { width:160px; }
.sumap-store .sumap-footer-brand p, .sumap-store .sumap-footer-note { font-size:11px; color:#d1dce6; margin:9px 0; }

@media (max-width: 1190px) {
  .sumap-store .sumap-nav-links { gap:2px 11px; }
  .sumap-store .sumap-nav-links button { font-size:11px; }
  .sumap-store .sumap-logo-img { width:132px; }
  .sumap-store .sumap-back-btn { display:none; }
  .sumap-store .sumap-cat-img { height:150px; }
}
@media (max-width: 900px) {
  .sumap-store .sumap-nav { display:none; }
  .sumap-store .sumap-mobile-header { position:sticky; top:0; z-index:25; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:67px; padding:9px 16px; background:var(--sumap-navy); color:#fff; box-shadow:0 4px 18px rgba(0,0,0,.14); }
  .sumap-store .sumap-mobile-menu-btn { order:3; }
  .sumap-store .sumap-mobile-brand { order:1; flex:1; }
  .sumap-store .sumap-mobile-header-actions { order:2; }
  .sumap-store .sumap-mobile-brand .sumap-logo-img { width:128px; max-height:46px; }
  .sumap-store .sumap-mobile-search { position:absolute; left:0; right:0; top:100%; background:var(--sumap-navy-2); padding:10px 16px; box-shadow:0 12px 20px rgba(0,0,0,.17); }
  .sumap-store .sumap-mobile-drawer:not([hidden]) { display:block; position:fixed; z-index:35; right:0; top:0; bottom:0; width:min(360px,90vw); padding:20px; background:var(--sumap-navy); color:#fff; overflow-y:auto; box-shadow:-12px 0 45px rgba(0,0,0,.4); }
  .sumap-store .sumap-drawer-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:21px; border-bottom:1px solid rgba(255,255,255,.2); }
  .sumap-store .sumap-drawer-close { background:transparent; color:#fff; border:0; font-size:30px; width:42px; height:42px; }
  .sumap-store .sumap-drawer-nav { display:flex; flex-direction:column; padding:17px 0; }
  .sumap-store .sumap-drawer-item { text-align:left; color:#fff; background:transparent; border:0; border-bottom:1px solid rgba(255,255,255,.13); padding:16px 7px; font-weight:700; }
  .sumap-store .sumap-drawer-item:hover { color:var(--sumap-yellow); }
  .sumap-store .sumap-drawer-footer { display:grid; gap:10px; margin-top:16px; }
  .sumap-store .sumap-bottom-nav { position:fixed; bottom:0; left:0; right:0; z-index:24; min-height:calc(71px + env(safe-area-inset-bottom)); padding:6px 5px calc(7px + env(safe-area-inset-bottom)); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; background:var(--sumap-navy); color:#e7edf6; box-shadow:0 -3px 18px rgba(0,0,0,.2); }
  .sumap-store .sumap-bnav-item { position:relative; border:0; color:inherit; background:transparent; border-radius:9px; padding:4px 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:0; font-size:11px; font-weight:650; }
  .sumap-store .sumap-bnav-item svg { width:23px; height:23px; }
  .sumap-store .sumap-bnav-item.active, .sumap-store .sumap-bnav-item:focus-visible { color:var(--sumap-yellow); }
  .sumap-store .sumap-bnav-cta { color:var(--sumap-yellow); }
  .sumap-store .sumap-bnav-badge { position:absolute; top:0; left:calc(50% + 11px); display:grid; place-items:center; min-width:16px; height:16px; padding:2px; background:var(--sumap-yellow); color:var(--sumap-navy); border-radius:50%; font-size:10px; }
  .sumap-store { padding-bottom:calc(75px + env(safe-area-inset-bottom)); }
  .sumap-store .sumap-hero { min-height:450px; padding:46px 25px; }
  .sumap-store .sumap-hero h1 { font-size:clamp(35px,5vw,52px); }
  .sumap-store .sumap-hero-aside { display:none; }
  .sumap-store .sumap-trust { grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px; }
  .sumap-store .sumap-trust-item:nth-child(2n) { border-right:0; }
  .sumap-store .sumap-cat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sumap-store .sumap-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sumap-store .sumap-process-content { grid-template-columns:1fr; gap:28px; }
}
@media (max-width: 600px) {
  .sumap-store .sumap-mobile-header { padding:8px 10px; gap:5px; }
  .sumap-store .sumap-mobile-brand .sumap-logo-img { width:120px; }
  .sumap-store .sumap-mobile-header-actions { gap:1px; }
  .sumap-store .sumap-search-btn,.sumap-store .sumap-cart-btn,.sumap-store .sumap-mobile-menu-btn { min-width:35px; }
  .sumap-store .sumap-hero { min-height:460px; padding:38px 20px; align-items:flex-start; }
  .sumap-store .sumap-hero-bg { background-position:64% center; }
  .sumap-store .sumap-hero-overlay { background:linear-gradient(90deg,rgba(5,15,28,.86),rgba(5,15,28,.2)),linear-gradient(0deg,rgba(5,15,28,.56),transparent); }
  .sumap-store .sumap-hero h1 { font-size:clamp(34px,9vw,45px); }
  .sumap-store .sumap-hero-sub { font-size:13px; }
  .sumap-store .sumap-hero-actions { align-items:stretch; flex-direction:column; }
  .sumap-store .sumap-hero-actions>button { width:100%; }
  .sumap-store .sumap-trust { gap:15px 10px; }
  .sumap-store .sumap-trust-icon { font-size:21px; }
  .sumap-store .sumap-trust-item { grid-template-columns:29px 1fr; column-gap:5px; }
  .sumap-store .sumap-trust-item strong { font-size:11px; }
  .sumap-store .sumap-trust-item small { font-size:10px; }
  .sumap-store .sumap-categories,.sumap-store .sumap-catalog { padding:42px 15px; }
  .sumap-store .sumap-cat-grid { gap:10px; }
  .sumap-store .sumap-cat-img { height:125px; }
  .sumap-store .sumap-cat-body { padding:13px; gap:5px; }
  .sumap-store .sumap-cat-body h3 { font-size:13px; }
  .sumap-store .sumap-cat-body small,.sumap-store .sumap-cat-cta { font-size:10px; }
  .sumap-store .sumap-catalog-head { flex-direction:column; align-items:stretch; }
  .sumap-store .sumap-catalog-controls { width:100%; }
  .sumap-store .sumap-product-grid { gap:10px; }
  .sumap-store .sumap-product-img { height:150px; }
  .sumap-store .sumap-product-body { padding:12px; gap:5px; }
  .sumap-store .sumap-product-body h3 { font-size:13px; }
  .sumap-store .sumap-product-body p { font-size:11px; max-height:53px; overflow:hidden; }
  .sumap-store .sumap-product-foot { align-items:stretch; flex-direction:column; }
  .sumap-store .sumap-add-btn { width:100%; }
  .sumap-store .sumap-process { padding:52px 17px; }
  .sumap-store .sumap-process-steps { grid-template-columns:1fr; gap:12px; }
  .sumap-store .sumap-contact { margin:40px auto; padding:15px 17px; grid-template-columns:1fr; gap:20px; }
  .sumap-store .sumap-contact-actions { flex-direction:column; align-items:stretch; }
  .sumap-store .sumap-contact-img { aspect-ratio:16/10; }
  .sumap-store .sumap-footer { flex-direction:column; align-items:flex-start; min-height:auto; padding:27px 19px; gap:12px; }
}
@media (prefers-reduced-motion: reduce) {
  .sumap-store *, .sumap-store *::before, .sumap-store *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; }
}

/* Final integration details: uniform vector icons and customer demo modals. */
.sumap-store [id^="sumapStore"] { scroll-margin-top: 85px; }
.sumap-store .sumap-search-btn svg, .sumap-store .sumap-mobile-menu-btn svg,
.sumap-store .sumap-account-btn svg { width:22px; height:22px; }
.sumap-store .sumap-trust-icon svg { display:block; width:26px; height:26px; margin:auto; color:#e4a700; }
.sumap-store .sumap-account-btn { width:38px; height:40px; display:grid; place-items:center; background:transparent; border:0; color:#fff; border-radius:8px; }
.sumap-store .sumap-account-btn:hover { color:var(--sumap-yellow); background:rgba(255,255,255,.08); }
body:has(.sumap-store) .modal .btn.primary, body:has(.sumap-store) .modal .store-primary { background:#ffca21; border-color:#ffca21; color:#07192c; }
body:has(.sumap-store) .modal .btn.primary:hover { background:#ffdd52; }
@media(max-width:900px) { .sumap-store .sumap-mobile-header-actions .sumap-account-btn { width:35px; min-width:35px; } }
@media(max-width:400px) { .sumap-store .sumap-mobile-brand .sumap-logo-img { width:100px; } }

/* Operación plan: basic corporate preview (navy/yellow, no cart). */
.sumap-basic-site{--navy:#07192c;--yellow:#ffca21;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:#071b32}
.sumap-basic-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--navy);position:relative}
.sumap-basic-brand img{display:block;width:150px;max-height:48px;object-fit:contain}
.sumap-basic-menu summary{list-style:none;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:8px}
.sumap-basic-menu summary::-webkit-details-marker{display:none}
.sumap-basic-menu nav{display:flex;gap:18px}
.sumap-basic-menu nav a{color:#fff;text-decoration:none;font-weight:600;font-size:14px}
.sumap-basic-menu nav a:hover{color:var(--yellow)}
@media(min-width:781px){.sumap-basic-menu summary{display:none}.sumap-basic-menu nav{display:flex!important}}
@media(max-width:780px){.sumap-basic-menu nav{position:absolute;right:16px;top:100%;z-index:5;flex-direction:column;background:var(--navy);padding:14px 20px;border-radius:0 0 10px 10px;box-shadow:0 12px 24px rgba(0,0,0,.25)}}
.sumap-basic-hero{padding:clamp(36px,7vw,84px) clamp(20px,5vw,60px);background-size:cover;background-position:center;color:#fff}
.sumap-basic-hero h2{max-width:700px;font-size:clamp(26px,4.5vw,44px);line-height:1.12;margin:6px 0 12px}
.sumap-basic-hero h2 em{color:var(--yellow);font-style:normal}
.sumap-basic-hero p{max-width:620px}
.sumap-basic-kicker{color:var(--yellow);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.sumap-basic-cta{display:inline-block;margin-top:10px;padding:13px 24px;border-radius:9px;background:var(--yellow);color:var(--navy);font-weight:800;text-decoration:none}
.sumap-basic-section{padding:34px clamp(20px,5vw,60px)}
.sumap-basic-section h2{margin:0 0 6px}
.sumap-basic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:18px}
.sumap-basic-card{border:1px solid #e5eaf1;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}
.sumap-basic-card img{width:100%;height:130px;object-fit:cover;border-radius:8px}
.sumap-basic-card span{color:#a77700;font-size:12px;font-weight:800;text-transform:uppercase}
.sumap-basic-card h3{margin:0;font-size:16px}
.sumap-basic-card p{margin:0;font-size:13px;color:#526477}
.sumap-basic-contact{background:#f4f6f9}
.sumap-basic-upgrade{padding:10px 14px;border-left:4px solid var(--yellow);background:#fff}
.sumap-basic-footer{padding:14px 24px;background:var(--navy);color:#d8e0ea;font-size:12px}
.package-card .package-price.pending{font-size:20px}
.package-modules{font-size:13px;margin:10px 0}
.future-list li{opacity:.75;cursor:default}
.future-list small{display:block}