:root {
  --blue: #086cf0;
  --blue-dark: #064ba8;
  --pink: #f90076;
  --yellow: #ffd500;
  --red: #f22424;
  --ink: #101828;
  --muted: #5d6678;
  --paper: #f6f8fc;
  --white: #fff;
  --green: #18b861;
  --display: "Baloo 2", sans-serif;
  --body: "Inter", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--body); font-size: 16px; line-height: 1.65; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 112px 0; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 50; transition: .25s ease; }
.site-header.scrolled { background: rgba(255,255,255,.94); box-shadow: 0 12px 35px rgba(15,39,76,.1); backdrop-filter: blur(14px); }
.nav-wrap { height: 92px; display: flex; align-items: center; gap: 34px; }
.brand img { width: 155px; height: 80px; object-fit: contain; }
.main-nav { display: flex; align-items: center; gap: 19px; margin-left: auto; }
.main-nav a { font-size: .78rem; font-weight: 700; color: #314057; white-space: nowrap; }
.main-nav a:hover { color: var(--blue); }
.button { min-height: 52px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border-radius: 15px; font-weight: 800; font-size: .92rem; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-whatsapp { color: white; background: var(--green); box-shadow: 0 12px 26px rgba(24,184,97,.22); }
.button-whatsapp:hover { background: #0fa555; box-shadow: 0 15px 30px rgba(24,184,97,.3); }
.button-primary { min-height: 60px; color: white; background: var(--blue); box-shadow: 0 15px 34px rgba(8,108,240,.28); }
.button-primary:hover { background: var(--blue-dark); }
.button-light { background: white; color: var(--blue-dark); }
.button-large { min-height: 64px; padding-inline: 28px; }
.menu-button { display: none; }

.hero { position: relative; min-height: auto; padding: 155px 0 58px; background: linear-gradient(138deg, #f3f9ff 0%, #fff 58%, #fff7cf 100%); overflow: hidden; }
.hero::before { content: ""; position: absolute; width: 520px; height: 520px; right: -280px; top: 75px; border: 1px solid rgba(8,108,240,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(8,108,240,.025), 0 0 0 140px rgba(249,0,118,.025); }
.hero-grid { display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 68px; position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--blue); }
.eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 0 5px rgba(249,0,118,.12); }
.eyebrow-dark { color: #47566d; }
.hero h1, h2, h3 { font-family: var(--display); margin-top: 0; }
.hero h1 { margin: 23px 0 22px; font-size: clamp(3.5rem, 5.8vw, 5.4rem); line-height: .94; letter-spacing: -.045em; font-weight: 800; }
.hero h1 span { color: var(--pink); font-style: normal; }
.hero h1 em { color: var(--blue); font-style: normal; }
.hero-copy > p { max-width: 620px; color: var(--muted); font-size: 1.12rem; line-height: 1.75; }
.hero-actions { margin-top: 32px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: #3d4b60; font-weight: 800; font-size: .92rem; }
.text-link span { color: var(--pink); font-size: 1.1rem; }
.trust-row { margin-top: 42px; padding: 20px 22px; display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; border: 1px solid rgba(8,108,240,.1); border-radius: 18px; background: rgba(255,255,255,.74); box-shadow: 0 12px 32px rgba(27,65,117,.08); backdrop-filter: blur(10px); }
.trust-row strong, .trust-row span { display: block; }
.trust-row strong { font-family: var(--display); font-size: 1.2rem; line-height: 1.2; }
.trust-row span { margin-top: 4px; color: #738096; font-size: .72rem; }

.hero-visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.product-stage { position: relative; z-index: 4; width: min(440px, 92%); aspect-ratio: .97; padding: 58px 34px 28px; display: flex; align-items: center; justify-content: center; background: linear-gradient(150deg, #fff 0%, #f4f9ff 100%); border-radius: 46% 54% 43% 57% / 51% 41% 59% 49%; box-shadow: 0 35px 80px rgba(23,67,126,.2); transform: rotate(-2deg); }
.product-stage::before { content: ""; position: absolute; inset: 12px; border: 2px dashed rgba(8,108,240,.15); border-radius: inherit; }
.product-stage > img { position: relative; z-index: 2; width: 95%; max-height: 315px; object-fit: contain; filter: drop-shadow(0 18px 18px rgba(7,34,75,.18)); transform: rotate(2deg); }
.stage-kicker { position: absolute; z-index: 3; top: 45px; font-size: .64rem; font-weight: 900; letter-spacing: .22em; color: #62728a; }
.stage-logo { position: absolute; z-index: 5; left: 34px; bottom: 22px; width: 90px; height: 72px; display: grid; place-items: center; padding: 4px; border-radius: 16px; background: white; box-shadow: 0 9px 22px rgba(15,46,88,.14); transform: rotate(4deg); }
.stage-logo img { width: 100%; height: 100%; object-fit: contain; }
.stage-seal { position: absolute; right: -26px; bottom: 28px; width: 118px; height: 118px; border-radius: 50%; background: var(--yellow); border: 6px solid white; display: grid; place-content: center; text-align: center; line-height: 1; transform: rotate(9deg); box-shadow: 0 14px 30px rgba(70,54,0,.18); }
.stage-seal strong { font-family: var(--display); font-size: 1.1rem; }
.stage-seal span { font-size: .62rem; font-weight: 900; letter-spacing: .08em; }
.color-block { position: absolute; border-radius: 26px; transform: rotate(12deg); }
.block-pink { width: 200px; height: 225px; background: var(--pink); top: 12px; right: -8px; }
.block-yellow { width: 190px; height: 180px; background: var(--yellow); bottom: 6px; left: -10px; transform: rotate(-14deg); }
.block-blue { width: 210px; height: 170px; background: var(--blue); right: -34px; bottom: 44px; transform: rotate(-10deg); }
.mini-product { position: absolute; z-index: 6; width: 155px; margin: 0; padding: 10px 10px 8px; background: white; border: 1px solid rgba(8,108,240,.08); border-radius: 18px; box-shadow: 0 16px 40px rgba(21,50,94,.18); }
.mini-product img { width: 100%; height: 96px; object-fit: contain; }
.mini-product figcaption { padding-top: 4px; text-align: center; color: #4b596e; font-size: .64rem; font-weight: 800; }
.mini-product-one { left: -38px; top: 78px; transform: rotate(-7deg); }
.mini-product-two { right: -25px; bottom: 66px; transform: rotate(7deg); }
.market-ribbon { position: relative; z-index: 6; width: 100%; min-height: 64px; margin: 0; padding: 0; overflow: hidden; background: var(--ink); border: 0; border-radius: 0; box-shadow: inset 0 4px 0 var(--yellow), inset 0 -4px 0 var(--blue); clip-path: inset(0); rotate: 0deg; transform: translate3d(0, 0, 0) !important; }
.market-ribbon-content { width: 100%; min-height: 64px; padding: 17px 24px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px 32px; color: white; font-size: .78rem; font-weight: 800; letter-spacing: .12em; white-space: nowrap; }
.market-ribbon-content b { color: var(--yellow); }

.about { padding-top: 82px; background: linear-gradient(180deg, #f7faff 0, #fff 170px); }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 105px; align-items: start; }
.section-heading h2, .center-heading h2 { margin: 15px 0 0; font-size: clamp(2.7rem, 4.3vw, 4.15rem); line-height: 1.02; letter-spacing: -.035em; }
.section-heading h2 span, .center-heading h2 span { color: var(--blue); }
.about-copy { padding-top: 35px; }
.about-copy p { color: var(--muted); font-size: 1.04rem; }
.dark-link { margin-top: 15px; color: var(--ink); }

.benefits { padding-top: 92px; background: white; }
.benefits-head { display: grid; grid-template-columns: 1.05fr .95fr; align-items: end; gap: 90px; }
.benefits-head > p { margin: 0 0 8px; color: var(--muted); font-size: 1.02rem; }
.benefits-grid { margin-top: 48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.benefits-grid article { position: relative; min-height: 220px; padding: 30px 28px; overflow: hidden; border: 1px solid #e3eaf3; border-radius: 23px; background: #f8fbff; }
.benefits-grid article:nth-child(3n + 2) { background: #fff9dc; }
.benefits-grid article:nth-child(3n) { background: #fff0f7; }
.benefits-grid article > span { display: block; color: var(--blue); font-size: .7rem; font-weight: 900; letter-spacing: .15em; }
.benefits-grid h3 { margin: 20px 0 7px; font-size: 1.55rem; line-height: 1.05; }
.benefits-grid p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.65; }
.benefits-grid article::after { content: ""; position: absolute; width: 72px; height: 72px; right: -31px; bottom: -31px; border-radius: 50%; background: var(--blue); opacity: .14; }
.shipping-strip { margin-top: 22px; padding: 23px 28px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: white; background: var(--blue); border-radius: 20px; }
.shipping-strip strong { font-family: var(--display); font-size: 1.45rem; }
.shipping-strip span { color: #dcecff; font-size: .85rem; text-align: right; }

.portfolio { background: var(--paper); scroll-margin-top: 104px; }
.portfolio-head { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; margin-bottom: 20px; }
.portfolio-intro { margin: 20px 0 0; color: var(--muted); font-size: 1rem; }
.catalog-count { margin: 0 0 24px; color: var(--muted); font-size: .875rem; }
.filters { display: flex; gap: 8px; padding: 6px; border-radius: 16px; background: white; box-shadow: 0 7px 25px rgba(30,57,94,.07); }
.filter { min-height: 44px; padding: 10px 14px; border: 0; border-radius: 11px; background: transparent; color: #526077; font-weight: 700; font-size: .875rem; cursor: pointer; }
.filter.active { color: white; background: var(--blue); }
.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.product-card { min-height: 480px; display: grid; grid-template-columns: .82fr 1.18fr; background: white; border-radius: 28px; overflow: hidden; box-shadow: 0 14px 40px rgba(17,46,85,.08); transition: transform .25s ease, box-shadow .25s ease, opacity .2s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 22px 50px rgba(17,46,85,.13); }
.product-card.hidden { display: none; }
.product-art { position: relative; min-height: 240px; padding: 22px; overflow: hidden; }
.theme-blue .product-art { background: linear-gradient(145deg, #127ffa, #0656be); }
.theme-pink .product-art { background: linear-gradient(145deg, #ff2389, #bd0058); }
.theme-yellow .product-art { background: linear-gradient(145deg, #ffe24a, #ffc400); }
.theme-red .product-art { background: linear-gradient(145deg, #fa3b3b, #bc1111); }
.art-number { position: relative; z-index: 2; color: rgba(255,255,255,.8); font-weight: 900; font-size: .75rem; letter-spacing: .15em; }
.theme-yellow .art-number { color: rgba(37,31,0,.6); }
.product-art > img { position:absolute; inset:50px 12px 44px; width:calc(100% - 24px); height:calc(100% - 94px); object-fit:contain; filter:drop-shadow(0 16px 14px rgba(17,33,58,.2)); transition:transform .3s ease; }
.product-card:hover .product-art > img { transform:scale(1.04) rotate(-1deg); }
.product-tag { position: absolute; z-index: 3; left: 18px; bottom: 18px; padding: 7px 10px; background: rgba(255,255,255,.92); border-radius: 9px; color: #28354a; font-size: .65rem; font-weight: 900; }
.product-info { padding: 45px 33px 34px; display: flex; flex-direction: column; align-items: flex-start; }
.product-info small { color: #8792a5; font-size: .63rem; font-weight: 900; letter-spacing: .11em; }
.product-info h3 { margin: 12px 0 12px; font-size: 2rem; line-height: 1.05; }
.product-info p { margin: 0 0 26px; color: var(--muted); font-size: .91rem; line-height: 1.7; }
.product-info a { margin-top: auto; color: var(--blue); font-size: .82rem; font-weight: 900; }
.portfolio-note { margin: 30px 0 0; text-align: center; color: #788499; font-size: .82rem; }
.catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalog-grid .product-card { min-width: 0; min-height: 0; display: flex; flex-direction: column; border: 1px solid #e2e8f1; }
.catalog-grid .product-card.hidden { display: none; }
.catalog-grid .product-art { display: block; flex: 0 0 auto; min-height: 0; aspect-ratio: 4 / 3; padding: 0; background: white; border-bottom: 1px solid #e7edf5; }
.catalog-grid .product-art > img { inset: 16px; width: calc(100% - 32px); height: calc(100% - 32px); object-fit: contain; filter: none; }
.catalog-grid .product-card:hover .product-art > img { transform: scale(1.025); }
.catalog-grid .product-info { flex: 1; padding: 22px; }
.catalog-grid .product-info h3 { margin: 0 0 22px; font-size: 1.45rem; line-height: 1.2; overflow-wrap: anywhere; }
.catalog-grid .product-info p { font-size: .84rem; line-height: 1.6; }
.catalog-grid .catalog-cta { width: 100%; min-height: 48px; padding: 10px 14px; display: inline-flex; align-items: center; justify-content: center; text-align: center; color: white; background: var(--blue); border-radius: 11px; font-size: .875rem; }
.catalog-grid .catalog-cta:hover { background: var(--blue-dark); }
.catalog-photo:focus-visible { outline: 3px solid var(--blue); outline-offset: -5px; }
.catalog-cta:focus-visible, .filter:focus-visible { outline: 3px solid var(--blue-dark); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .catalog-grid .product-card, .catalog-grid .product-art > img { transition: none; }
}

.business { background: #f3f8ff; scroll-margin-top: 104px; }
.business-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 40px; }
.business-card { display: flex; flex-direction: column; align-items: flex-start; padding: 36px; border: 1px solid #dce7f6; border-top: 5px solid var(--blue); border-radius: 24px; background: white; }
.business-card-growth { border-top-color: var(--pink); }
.business-label { color: var(--blue-dark); font-size: .875rem; font-weight: 800; letter-spacing: .06em; }
.business-card h3 { margin: 18px 0 16px; font-size: 1.9rem; line-height: 1.15; }
.business-card p { margin: 0 0 20px; color: var(--muted); font-size: 1rem; }
.business-card .button { width: 100%; margin-top: auto; padding: 14px 20px; text-align: center; }
.marketplace-box { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 12px 0 28px; padding: 28px; border: 1px solid #e3cc67; border-radius: 22px; background: #fff8d5; }
.marketplace-copy { flex: 1; min-width: 0; }
.marketplace-label { color: #675100; font-size: .875rem; font-weight: 800; letter-spacing: .04em; }
.marketplace-box h3 { margin: 8px 0; font-size: 1.7rem; line-height: 1.15; }
.marketplace-box p { margin: 0; color: #584d27; font-size: 1rem; }
.button-marketplace { flex: 0 1 295px; padding: 16px 20px; color: var(--ink); background: var(--yellow); text-align: center; }
.button-marketplace:hover { background: #f2c900; }
.business-card .button:focus-visible, .button-marketplace:focus-visible, .social-links a:focus-visible { outline: 3px solid var(--blue-dark); outline-offset: 4px; }

.why { position: relative; background: var(--blue); color: white; overflow: hidden; }
.why::after { content:"VAL"; position:absolute; right:-80px; bottom:-180px; font-family:var(--display); font-size:28rem; font-weight:900; line-height:1; color:rgba(255,255,255,.04); }
.why-grid { position:relative; z-index:1; display:grid; grid-template-columns:.8fr 1.2fr; gap:110px; }
.why .eyebrow { color:#bcdcff; }
.why-intro h2 { margin:18px 0; font-size:4rem; line-height:.95; }
.why-intro > p { color:#d7e9ff; max-width:420px; }
.why-intro .button { margin-top:24px; }
.benefit-list { border-top:1px solid rgba(255,255,255,.28); }
.benefit-list article { display:grid; grid-template-columns:50px 1fr; gap:18px; padding:29px 0; border-bottom:1px solid rgba(255,255,255,.28); }
.benefit-list article > span { color:var(--yellow); font-size:.75rem; font-weight:900; }
.benefit-list h3 { margin:0 0 6px; font-size:1.55rem; }
.benefit-list p { margin:0; color:#d7e9ff; font-size:.9rem; }

.steps { background:white; }
.center-heading { text-align:center; }
.steps-grid { margin-top:58px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.steps-grid article { position:relative; padding:36px 30px; border:1px solid #e2e8f1; border-radius:24px; background:white; }
.steps-grid article::after { content:""; position:absolute; height:4px; left:28px; right:28px; bottom:0; background:var(--blue); border-radius:8px 8px 0 0; }
.steps-grid article:nth-child(2)::after { background:var(--pink); }
.steps-grid article:nth-child(3)::after { background:var(--yellow); }
.steps-grid article > span { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:#e9f3ff; color:var(--blue); font-family:var(--display); font-weight:900; }
.steps-grid article:nth-child(2) > span { background:#ffe8f3; color:var(--pink); }
.steps-grid article:nth-child(3) > span { background:#fff7c9; color:#8c7200; }
.steps-grid h3 { margin:24px 0 6px; font-size:1.5rem; }
.steps-grid p { margin:0; color:var(--muted); font-size:.9rem; }

.visit { background: linear-gradient(135deg, #eaf4ff 0%, #fff7ca 100%); }
.visit-box { min-height: 470px; padding: 60px 70px; display: grid; grid-template-columns: 1.06fr .94fr; align-items: center; gap: 70px; overflow: hidden; border-radius: 34px; background: white; box-shadow: 0 22px 60px rgba(24,59,108,.12); }
.visit-copy h2 { margin: 14px 0 16px; max-width: 650px; font-size: 3.5rem; line-height: 1; }
.visit-copy > p { max-width: 620px; color: var(--muted); }
.visit-details { margin: 25px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.visit-details div { padding: 15px 17px; border-radius: 14px; background: #f4f7fb; }
.visit-details small, .visit-details strong { display: block; }
.visit-details small { color: #8a95a6; font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
.visit-details strong { margin-top: 3px; font-size: .84rem; }
.visit-visual { position: relative; min-height: 330px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; color: white; background: var(--blue); border-radius: 28px; box-shadow: 18px 18px 0 var(--yellow); }
.visit-visual::before { content: ""; position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(30deg, transparent 48%, white 49%, white 51%, transparent 52%), linear-gradient(-24deg, transparent 48%, white 49%, white 51%, transparent 52%); background-size: 105px 85px; }
.visit-visual .pin { position: relative; z-index: 2; width: 70px; height: 70px; display: grid; place-items: center; color: var(--pink); background: white; border-radius: 50% 50% 50% 8px; transform: rotate(-45deg); font-size: 1.8rem; box-shadow: 0 12px 30px rgba(0,0,0,.2); }
.visit-visual .pin::first-letter { transform: rotate(45deg); }
.visit-visual strong, .visit-visual small { position: relative; z-index: 2; }
.visit-visual strong { margin-top: 30px; font-family: var(--display); font-size: 2rem; }
.visit-visual small { color: #d6e8ff; font-weight: 800; letter-spacing: .2em; }

.cta-section { padding:0 0 100px; }
.cta-box { min-height:430px; padding:58px 64px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:38px; color:white; background:var(--ink); border-radius:34px; overflow:hidden; position:relative; }
.cta-box::before { content:""; position:absolute; width:330px; height:330px; right:-100px; top:-180px; border-radius:50%; border:58px solid var(--pink); opacity:.35; }
.cta-box::after { content:""; position:absolute; width:160px; height:160px; right:27%; bottom:-115px; border-radius:50%; border:38px solid var(--yellow); opacity:.65; }
.cta-copy, .cta-action, .cta-products { position:relative; z-index:1; }
.cta-copy h2 { margin:14px 0; max-width:680px; font-size:3.4rem; line-height:1; }
.cta-copy p { color:#bfc8d7; }
.cta-action { margin-top:28px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.cta-action small { color:#96a3b6; font-size:.72rem; }
.cta-products { min-height:310px; display:grid; place-items:center; }
.cta-product-main { width:100%; max-height:250px; object-fit:contain; padding:16px; background:white; border-radius:25px; box-shadow:0 22px 50px rgba(0,0,0,.28); transform:rotate(3deg); }
.cta-product-small { position:absolute; width:165px; height:145px; object-fit:contain; left:-35px; bottom:-18px; padding:10px; background:white; border:7px solid var(--yellow); border-radius:22px; box-shadow:0 15px 35px rgba(0,0,0,.25); transform:rotate(-8deg); }

.site-footer { padding:70px 0 24px; color:#334157; background:#f3f6fa; }
.footer-grid { display:grid; grid-template-columns:1.5fr .8fr 1fr .7fr; gap:55px; }
.footer-brand img { width:180px; }
.footer-brand p { max-width:290px; color:#707d90; font-size:.84rem; }
.footer-grid > div:not(.footer-brand):not(.footer-seal) { display:flex; flex-direction:column; align-items:flex-start; gap:9px; font-size:.83rem; }
.footer-grid strong { color:var(--ink); }
.footer-grid a, .footer-grid span { color:#748095; }
.footer-seal { width:126px; height:126px; border-radius:50%; border:2px solid #ccd5e1; display:grid; place-content:center; text-align:center; line-height:1; }
.footer-seal span { font-size:.55rem; font-weight:800; letter-spacing:.2em; }
.footer-seal strong { margin:4px 0; font-family:var(--display); font-size:1.7rem; }
.footer-seal small { max-width:72px; font-size:.45rem; font-weight:800; line-height:1.4; }
.footer-bottom { margin-top:55px; padding-top:20px; border-top:1px solid #d9e0e9; display:flex; justify-content:space-between; color:#8590a1; font-size:.7rem; }
.social-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 36px; padding: 28px 0; border-top: 1px solid #d9e0e9; border-bottom: 1px solid #d9e0e9; }
.social-bar strong { color: var(--ink); font-size: 1.1rem; }
.social-bar p { margin: 5px 0 0; color: #5d6678; font-size: .875rem; }
.social-links { display: flex; flex-wrap: wrap; gap: 12px; }
.social-links a { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 20px; border-radius: 12px; font-size: .875rem; font-weight: 800; }
.social-icon { display: block; flex: 0 0 22px; width: 22px; height: 22px; fill: currentColor; }
.social-instagram { color: white; background: #ad1464; }
.social-youtube { color: white; background: #b71924; }
.social-tiktok { color: white; background: var(--ink); }
.social-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
.seo-copy { margin-top: 22px; color: #7b8799; font-size: .76rem; line-height: 1.7; }
.seo-copy + .footer-bottom { margin-top: 18px; }

.floating-whatsapp { position:fixed; z-index:60; right:22px; bottom:22px; min-height:56px; padding:0 18px 0 13px; display:flex; align-items:center; gap:9px; color:white; background:var(--green); border:3px solid white; border-radius:18px; box-shadow:0 16px 35px rgba(13,83,49,.3); font-size:.8rem; font-weight:800; }
.floating-whatsapp svg { width:30px; fill:white; }

@media (max-width: 980px) {
  .header-cta { display:none; }
  .main-nav { margin-left:auto; }
  .hero { padding:135px 0 58px; }
  .hero-grid { grid-template-columns:1fr; gap:45px; }
  .hero-copy { text-align:center; }
  .hero-copy > p { margin-inline:auto; }
  .hero-actions, .trust-row { justify-content:center; }
  .hero-visual { width:min(600px,100%); margin-inline:auto; }
  .about-grid, .why-grid { grid-template-columns:1fr; gap:55px; }
  .benefits-head { grid-template-columns: 1fr; gap: 28px; }
  .benefits-grid { grid-template-columns: repeat(2, 1fr); }
  .portfolio-head { align-items:flex-start; flex-direction:column; }
  .product-grid { grid-template-columns:1fr; }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-card { min-height:390px; }
  .cta-box { grid-template-columns:1fr; text-align:center; }
  .cta-action { align-items:center; }
  .cta-products { width:min(520px,100%); margin-inline:auto; }
  .visit-box { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns:1.5fr 1fr 1fr; }
  .footer-seal { display:none; }
}

@media (max-width: 720px) {
  .container { width:min(100% - 28px, 1160px); }
  .section { padding:78px 0; }
  .nav-wrap { height:76px; }
  .brand img { width:126px; height:66px; }
  .menu-button { margin-left:auto; width:44px; height:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:0; border-radius:12px; background:white; box-shadow:0 7px 18px rgba(27,55,93,.1); }
  .menu-button span { width:20px; height:2px; background:var(--ink); transition:.2s; }
  .main-nav { position:absolute; inset:70px 14px auto; padding:16px; display:none; flex-direction:column; align-items:stretch; gap:2px; border-radius:18px; background:white; box-shadow:0 18px 45px rgba(16,40,76,.17); }
  .main-nav.open { display:flex; }
  .main-nav a { padding:10px; }
  .hero { min-height:auto; padding:120px 0 38px; }
  .hero h1 { font-size:clamp(3rem,14vw,4rem); }
  .hero-copy > p { font-size:1rem; }
  .hero-actions { flex-direction:column; }
  .hero-actions .button { width:100%; }
  .trust-row { grid-template-columns:repeat(3,1fr); padding:16px 12px; gap:8px; }
  .trust-row strong { font-size:.95rem; }
  .trust-row span { font-size:.6rem; }
  .hero-visual { min-height:410px; }
  .product-stage { width:85%; padding:48px 24px 25px; }
  .stage-kicker { top:45px; }
  .stage-seal { width:90px; height:90px; right:-8px; bottom:20px; }
  .mini-product { width:125px; }
  .mini-product img { height:75px; }
  .mini-product-one { left:0; top:35px; }
  .mini-product-two { right:0; bottom:38px; }
  .market-ribbon, .market-ribbon-content { min-height:58px; }
  .market-ribbon-content { padding:15px 22px; justify-content:flex-start; flex-wrap:nowrap; overflow:hidden; }
  .about { padding-top:62px; }
  .benefits-grid { grid-template-columns:1fr; }
  .business { scroll-margin-top: 88px; }
  .business-grid { grid-template-columns: 1fr; }
  .business-card { padding: 28px 22px; }
  .business-card h3 { font-size: 1.7rem; }
  .marketplace-box { flex-direction: column; align-items: stretch; padding: 24px 20px; }
  .button-marketplace { flex: auto; width: 100%; }
  .social-bar { align-items: flex-start; flex-direction: column; }
  .social-links { width: 100%; }
  .social-links a { flex: 1 1 auto; }
  .shipping-strip { align-items:flex-start; flex-direction:column; }
  .shipping-strip span { text-align:left; }
  .section-heading h2, .center-heading h2 { font-size:2.65rem; }
  .about-copy { padding-top:0; }
  .filters { width:100%; overflow:auto; }
  .filter { flex:0 0 auto; }
  .product-card { grid-template-columns:1fr; }
  .catalog-grid { grid-template-columns:1fr; }
  .portfolio { scroll-margin-top: 88px; }
  .product-info { padding:30px 25px; }
  .why-intro h2 { font-size:3.2rem; }
  .steps-grid { grid-template-columns:1fr; }
  .visit-box { padding:42px 24px; gap:38px; border-radius:26px; }
  .visit-copy h2 { font-size:2.65rem; }
  .visit-details { grid-template-columns:1fr; }
  .visit-copy .button { width:100%; text-align:center; }
  .visit-visual { min-height:260px; box-shadow:9px 9px 0 var(--yellow); }
  .cta-section { padding:0 0 70px; }
  .cta-box { padding:50px 25px; border-radius:26px; }
  .cta-copy h2 { font-size:2.6rem; }
  .cta-action .button { width:100%; }
  .footer-grid { grid-template-columns:1fr; gap:32px; }
  .footer-bottom { flex-direction:column; gap:5px; }
  .floating-whatsapp span { display:none; }
  .floating-whatsapp { width:60px; height:60px; padding:0; justify-content:center; border-radius:50%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}