{"product_id":"porta-urbano™-seguridad-y-estilo-cuero","title":"Porta Urbano™ – Seguridad y estilo para moverte por la ciudad (CUERO)","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003ePorta Urbano™ – Landing Cuero Genuino\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600\u0026amp;family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n  background: #0F0C09;\n  color: #F0EBE0;\n  font-family: 'Nunito Sans', sans-serif;\n}\n\n.pu-wrap {\n  --leather:       #A67C52;\n  --leather-light: #C4956A;\n  --leather-dim:   #7A5C3A;\n  --bg-deep:       #0F0C09;\n  --bg-card:       #141109;\n  --bg-surface:    #19140F;\n  --bg-leather:    #1F1A12;\n  --text-primary:  #F0EBE0;\n  --text-secondary:#968878;\n  --text-muted:    #4A4540;\n  --border:        rgba(166,124,82,0.15);\n  --border-subtle: rgba(255,255,255,0.05);\n\n  background: var(--bg-deep);\n  font-family: 'Nunito Sans', sans-serif;\n  color: var(--text-primary);\n  max-width: 900px;\n  margin: 0 auto;\n  overflow-x: hidden;\n}\n\n.pu-eyebrow {\n  font-size: 10px;\n  letter-spacing: 3.5px;\n  text-transform: uppercase;\n  color: var(--leather);\n  font-weight: 600;\n  font-family: 'Nunito Sans', sans-serif;\n}\n\n.pu-serif { font-family: 'Cormorant Garamond', Georgia, serif; }\n\n.pu-gold-line {\n  width: 40px;\n  height: 1px;\n  background: var(--leather);\n  margin: 16px 0;\n  opacity: 0.6;\n}\n\n.pu-divider {\n  height: 1px;\n  background: linear-gradient(90deg, transparent 0%, rgba(166,124,82,0.3) 50%, transparent 100%);\n}\n\n.pu-media-full {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  overflow: hidden;\n  background: var(--bg-leather);\n}\n\n.pu-media-full img,\n.pu-media-full video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* S2 *\/\n.pu-s2 { padding: 64px 32px; background: var(--bg-deep); }\n.pu-s2-header { text-align: center; margin-bottom: 52px; }\n.pu-s2-title {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 700;\n  color: var(--text-primary);\n  line-height: 1.2;\n  margin-top: 12px;\n}\n.pu-pillars {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 2px;\n  background: var(--border);\n  border: 1px solid var(--border);\n}\n.pu-pillar {\n  background: var(--bg-card);\n  padding: 36px 24px;\n  text-align: center;\n  transition: background 0.3s ease;\n}\n.pu-pillar:hover { background: var(--bg-leather); }\n.pu-pillar-icon {\n  width: 48px; height: 48px;\n  border: 1px solid var(--border);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n  background: var(--bg-surface);\n}\n.pu-pillar-icon svg {\n  width: 20px; height: 20px;\n  stroke: var(--leather); fill: none;\n  stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n}\n.pu-pillar-name {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 20px; font-weight: 700;\n  color: var(--text-primary); margin-bottom: 12px;\n}\n.pu-pillar-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.7; font-weight: 300; }\n\n\/* S3 *\/\n.pu-s3 { padding: 64px 32px; background: var(--bg-surface); }\n.pu-s3-header { margin-bottom: 40px; }\n.pu-s3-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(24px, 4vw, 36px); font-weight: 700;\n  color: var(--text-primary); line-height: 1.2; margin-top: 10px;\n}\n.pu-before-after {\n  display: grid; grid-template-columns: 1fr 1fr;\n  gap: 2px; background: var(--border);\n  border: 1px solid var(--border); margin-bottom: 40px;\n}\n.pu-ba-col { background: var(--bg-card); padding: 32px 28px; }\n.pu-ba-col.after { background: var(--bg-leather); }\n.pu-ba-tag {\n  display: inline-block; font-size: 10px;\n  letter-spacing: 2px; text-transform: uppercase;\n  font-weight: 600; padding: 4px 12px;\n  border-radius: 2px; margin-bottom: 20px;\n}\n.pu-ba-tag.before-tag { background: rgba(255,255,255,0.05); color: var(--text-muted); border: 1px solid rgba(255,255,255,0.08); }\n.pu-ba-tag.after-tag  { background: rgba(166,124,82,0.1); color: var(--leather); border: 1px solid rgba(166,124,82,0.2); }\n.pu-ba-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }\n.pu-ba-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.5; color: var(--text-secondary); font-weight: 300; }\n.pu-ba-list li .icon { flex-shrink: 0; width: 16px; height: 16px; margin-top: 1px; }\n.pu-ba-list.after-list li { color: var(--text-primary); }\n.pu-quote { border-left: 2px solid var(--leather); padding: 20px 24px; background: var(--bg-leather); }\n.pu-quote-text { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-style: italic; color: var(--text-primary); line-height: 1.5; margin-bottom: 10px; }\n.pu-quote-attr { font-size: 11px; color: var(--leather-dim); letter-spacing: 1.5px; text-transform: uppercase; }\n\n\/* S4 *\/\n.pu-s4 { padding: 64px 32px; background: var(--bg-deep); }\n.pu-s4-header { text-align: center; margin-bottom: 48px; }\n.pu-s4-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 4vw, 36px); font-weight: 700; color: var(--text-primary); margin-top: 10px; line-height: 1.2; }\n.pu-compartments { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; background: var(--border); border: 1px solid var(--border); margin-bottom: 32px; }\n.pu-comp-item { background: var(--bg-card); padding: 24px; display: flex; align-items: flex-start; gap: 16px; transition: background 0.25s; }\n.pu-comp-item:hover { background: var(--bg-leather); }\n.pu-comp-num { font-family: 'Cormorant Garamond', serif; font-size: 28px; color: var(--leather); opacity: 0.4; line-height: 1; flex-shrink: 0; font-weight: 700; }\n.pu-comp-name { font-size: 14px; font-weight: 500; color: var(--text-primary); margin-bottom: 4px; }\n.pu-comp-detail { font-size: 12px; color: var(--text-secondary); line-height: 1.6; font-weight: 300; }\n.pu-access-bar { background: var(--bg-leather); border: 1px solid var(--border); padding: 20px 24px; display: flex; align-items: center; gap: 16px; }\n.pu-access-bar svg { width: 20px; height: 20px; stroke: var(--leather); fill: none; stroke-width: 1.5; flex-shrink: 0; }\n.pu-access-text { font-size: 13px; color: var(--text-secondary); font-weight: 300; line-height: 1.5; }\n.pu-access-text strong { color: var(--text-primary); font-weight: 500; }\n\n\/* S5 — CUERO GENUINO *\/\n.pu-s5 { padding: 64px 32px; background: var(--bg-surface); }\n.pu-s5-header { margin-bottom: 40px; }\n.pu-s5-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 4vw, 36px); font-weight: 700; color: var(--text-primary); margin-top: 10px; line-height: 1.2; }\n.pu-mat-hero { border: 1px solid var(--border); background: var(--bg-leather); margin-bottom: 24px; overflow: hidden; }\n.pu-mat-hero-top { padding: 36px 36px 28px; border-bottom: 1px solid var(--border-subtle); }\n.pu-mat-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; padding: 5px 12px; border-radius: 2px; background: rgba(166,124,82,0.1); color: var(--leather); border: 1px solid rgba(166,124,82,0.25); }\n.pu-mat-name { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 700; color: var(--text-primary); margin: 12px 0 4px; }\n.pu-mat-subtitle { font-size: 12px; color: var(--leather-dim); text-transform: uppercase; letter-spacing: 1.5px; }\n.pu-mat-hero-grid { display: grid; grid-template-columns: 1fr 1fr; background: var(--border-subtle); gap: 1px; }\n.pu-mat-feature-item { background: var(--bg-leather); padding: 18px 24px; display: flex; align-items: flex-start; gap: 12px; font-size: 13px; color: var(--text-secondary); font-weight: 300; line-height: 1.5; }\n.pu-mat-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--leather); opacity: 0.7; flex-shrink: 0; margin-top: 6px; }\n.pu-colombia { border: 1px solid var(--border); background: var(--bg-leather); padding: 28px; display: flex; align-items: center; gap: 24px; }\n.pu-colombia-flag { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 1px solid var(--border); }\n.pu-colombia-label { font-size: 10px; letter-spacing: 3px; color: var(--leather); text-transform: uppercase; margin-bottom: 6px; font-weight: 600; }\n.pu-colombia-title { font-family: 'Cormorant Garamond', serif; font-size: 18px; color: var(--text-primary); font-weight: 700; margin-bottom: 6px; }\n.pu-colombia-desc { font-size: 12px; color: var(--text-secondary); line-height: 1.6; font-weight: 300; }\n\n\/* S6 *\/\n.pu-s6 { padding: 64px 32px; background: var(--bg-deep); }\n.pu-s6-header { text-align: center; margin-bottom: 48px; }\n.pu-s6-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 4vw, 36px); font-weight: 700; color: var(--text-primary); margin-top: 10px; }\n.pu-stars { display: flex; gap: 3px; margin-bottom: 4px; }\n.pu-star  { color: var(--leather); font-size: 14px; }\n.pu-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: var(--border); border: 1px solid var(--border); margin-bottom: 32px; }\n.pu-review { background: var(--bg-card); padding: 28px 24px; display: flex; flex-direction: column; gap: 14px; transition: background 0.25s; }\n.pu-review:hover { background: var(--bg-leather); }\n.pu-review-quote { font-family: 'Cormorant Garamond', serif; font-size: 17px; font-style: italic; color: var(--text-primary); line-height: 1.6; flex: 1; }\n.pu-review-footer { border-top: 1px solid var(--border-subtle); padding-top: 14px; }\n.pu-review-name { font-size: 12px; font-weight: 500; color: var(--text-primary); margin-bottom: 2px; }\n.pu-review-context { font-size: 11px; color: var(--leather-dim); letter-spacing: 0.5px; }\n.pu-stat-bar { background: var(--bg-leather); border: 1px solid var(--border); padding: 32px 28px; display: grid; grid-template-columns: repeat(3, 1fr); }\n.pu-stat { text-align: center; padding: 0 20px; border-right: 1px solid var(--border-subtle); }\n.pu-stat:last-child { border-right: none; }\n.pu-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 700; color: var(--leather); line-height: 1; margin-bottom: 8px; }\n.pu-stat-label { font-size: 11px; color: var(--text-secondary); line-height: 1.5; font-weight: 300; }\n\n\/* S7 *\/\n.pu-s7 { padding: 64px 32px; background: var(--bg-surface); }\n.pu-s7-header { margin-bottom: 40px; }\n.pu-s7-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(24px, 4vw, 36px); font-weight: 700; color: var(--text-primary); margin-top: 10px; }\n.pu-faq { border: 1px solid var(--border); overflow: hidden; }\n.pu-faq-item { border-bottom: 1px solid var(--border-subtle); }\n.pu-faq-item:last-child { border-bottom: none; }\n.pu-faq-q { width: 100%; background: none; border: none; color: var(--text-primary); font-family: 'Nunito Sans', sans-serif; font-size: 14px; font-weight: 400; text-align: left; padding: 22px 24px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; transition: background 0.2s; }\n.pu-faq-q:hover { background: var(--bg-leather); }\n.pu-faq-q.open  { color: var(--leather); background: var(--bg-leather); }\n.pu-faq-icon { width: 18px; height: 18px; border: 1px solid currentColor; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 12px; opacity: 0.5; transition: transform 0.3s, opacity 0.2s; }\n.pu-faq-q.open .pu-faq-icon { transform: rotate(45deg); opacity: 1; }\n.pu-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }\n.pu-faq-a.open { max-height: 300px; }\n.pu-faq-a-inner { padding: 0 24px 22px; font-size: 13px; color: var(--text-secondary); line-height: 1.8; font-weight: 300; }\n.pu-faq-a-inner strong { color: var(--text-primary); font-weight: 500; }\n\n\/* S8 *\/\n.pu-s8 { padding: 64px 32px; background: var(--bg-deep); }\n.pu-cta-box { border: 1px solid var(--border); background: var(--bg-leather); padding: 48px 40px; text-align: center; position: relative; overflow: hidden; }\n.pu-cta-box::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--leather), transparent); }\n.pu-cta-eyebrow { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--leather-dim); font-weight: 600; margin-bottom: 20px; }\n.pu-cta-headline { font-family: 'Cormorant Garamond', serif; font-size: clamp(26px, 5vw, 42px); font-weight: 700; color: var(--text-primary); line-height: 1.15; margin-bottom: 8px; }\n.pu-cta-sub { font-size: 14px; color: var(--text-secondary); font-weight: 300; margin-bottom: 36px; line-height: 1.6; }\n.pu-price-row { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 32px; flex-wrap: wrap; }\n.pu-price-old { font-size: 16px; color: var(--text-muted); text-decoration: line-through; }\n.pu-price-new { font-family: 'Cormorant Garamond', serif; font-size: 48px; font-weight: 700; color: var(--leather); line-height: 1; }\n.pu-price-badge { background: rgba(166,124,82,0.12); color: var(--leather); border: 1px solid rgba(166,124,82,0.25); font-size: 11px; letter-spacing: 1px; padding: 4px 10px; border-radius: 2px; font-weight: 600; align-self: center; }\n.pu-btn-cta { display: block; background: var(--leather); color: #0F0C09; font-family: 'Nunito Sans', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 16px 48px; border: none; cursor: pointer; border-radius: 2px; text-decoration: none; transition: background 0.2s, transform 0.15s; width: fit-content; margin: 0 auto 16px; }\n.pu-btn-cta:hover { background: var(--leather-light); transform: translateY(-1px); }\n.pu-cta-note { font-size: 11px; color: var(--text-muted); letter-spacing: 1px; text-transform: uppercase; }\n.pu-trust { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--border-subtle); margin-top: 48px; background: var(--border-subtle); gap: 1px; }\n.pu-trust-item { background: var(--bg-card); padding: 24px 16px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }\n.pu-trust-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }\n.pu-trust-icon svg { width: 20px; height: 20px; stroke: var(--leather-dim); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n.pu-trust-label { font-size: 11px; color: var(--text-secondary); line-height: 1.5; font-weight: 300; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 640px) {\n  .pu-s2, .pu-s3, .pu-s4, .pu-s5, .pu-s6, .pu-s7, .pu-s8 { padding: 48px 20px; }\n  .pu-pillars, .pu-before-after, .pu-mat-hero-grid { grid-template-columns: 1fr; }\n  .pu-compartments, .pu-reviews { grid-template-columns: 1fr; }\n  .pu-stat-bar { grid-template-columns: 1fr; gap: 24px; }\n  .pu-stat { border-right: none; border-bottom: 1px solid var(--border-subtle); padding-bottom: 24px; }\n  .pu-stat:last-child { border-bottom: none; padding-bottom: 0; }\n  .pu-trust { grid-template-columns: repeat(2, 1fr); }\n  .pu-cta-box { padding: 40px 24px; }\n  .pu-colombia { flex-direction: column; text-align: center; }\n  .pu-mat-hero-top { padding: 28px 24px 20px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pu-wrap\"\u003e\n\n  \u003c!-- GIF 1 — En uso \/ movimiento --\u003e\n  \u003cdiv class=\"pu-media-full\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/0331-ezgif.com-video-to-webp-converter.webp?v=1775021942\" alt=\"Porta Urbano en uso\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- S4 — COMPARTIMENTOS (subido al tope) --\u003e\n  \u003csection class=\"pu-s4\"\u003e\n    \u003cdiv class=\"pu-s4-header\"\u003e\n      \u003cdiv class=\"pu-eyebrow\"\u003eDiseñado para lo esencial\u003c\/div\u003e\n      \u003cdiv class=\"pu-gold-line\" style=\"margin: 16px auto;\"\u003e\u003c\/div\u003e\n      \u003ch2 class=\"pu-s4-title\"\u003eUn compartimento para cada cosa.\u003cbr\u003eTodo a la mano.\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-compartments\"\u003e\n      \u003cdiv class=\"pu-comp-item\"\u003e\n        \u003cdiv class=\"pu-comp-num\"\u003e01\u003c\/div\u003e\n        \u003cdiv class=\"pu-comp-text\"\u003e\n          \u003cdiv class=\"pu-comp-name\"\u003eBolsillo principal\u003c\/div\u003e\n          \u003cdiv class=\"pu-comp-detail\"\u003eEspacio para celular de hasta 6.7\". Acceso frontal rápido con cremallera metálica.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-comp-item\"\u003e\n        \u003cdiv class=\"pu-comp-num\"\u003e02\u003c\/div\u003e\n        \u003cdiv class=\"pu-comp-text\"\u003e\n          \u003cdiv class=\"pu-comp-name\"\u003eBolsillo para billetera\u003c\/div\u003e\n          \u003cdiv class=\"pu-comp-detail\"\u003eCompartimento dedicado. Cabe billetera delgada, tarjetas y documentos esenciales.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-comp-item\"\u003e\n        \u003cdiv class=\"pu-comp-num\"\u003e03\u003c\/div\u003e\n        \u003cdiv class=\"pu-comp-text\"\u003e\n          \u003cdiv class=\"pu-comp-name\"\u003eBolsillo auxiliar\u003c\/div\u003e\n          \u003cdiv class=\"pu-comp-detail\"\u003ePara llaves, audífonos, efectivo. Con broche de seguridad interior.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-comp-item\"\u003e\n        \u003cdiv class=\"pu-comp-num\"\u003e04\u003c\/div\u003e\n        \u003cdiv class=\"pu-comp-text\"\u003e\n          \u003cdiv class=\"pu-comp-name\"\u003eSistema de correas\u003c\/div\u003e\n          \u003cdiv class=\"pu-comp-detail\"\u003eAjuste cruzado ergonómico. Se adapta a cualquier complexión. Firme sin apretar.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-access-bar\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n      \u003cdiv class=\"pu-access-text\"\u003e\n        \u003cstrong\u003eAcceso en segundos, no en minutos.\u003c\/strong\u003e Diseñado para personas que están en movimiento constante y no pueden perder tiempo buscando sus cosas.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- GIF 3 — Compartimentos y cremallera --\u003e\n  \u003cdiv class=\"pu-media-full\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/03311-ezgif.com-video-to-webp-converter.webp?v=1775023242\" alt=\"Porta Urbano – compartimentos y cremallera\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- S5 — CUERO GENUINO (subido) --\u003e\n  \u003csection class=\"pu-s5\"\u003e\n    \u003cdiv class=\"pu-s5-header\"\u003e\n      \u003cdiv class=\"pu-eyebrow\"\u003eCalidad que se siente\u003c\/div\u003e\n      \u003cdiv class=\"pu-gold-line\"\u003e\u003c\/div\u003e\n      \u003ch2 class=\"pu-s5-title\"\u003eCuero Genuino.\u003cbr\u003eEl material que marca la diferencia.\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-mat-hero\"\u003e\n      \u003cdiv class=\"pu-mat-hero-top\"\u003e\n        \u003cdiv class=\"pu-mat-badge\"\u003e✦ Material seleccionado\u003c\/div\u003e\n        \u003cdiv class=\"pu-mat-name\"\u003eCuero Genuino de Alto Calibre\u003c\/div\u003e\n        \u003cdiv class=\"pu-mat-subtitle\"\u003eAlta densidad · Acabado superior · Uso intensivo\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-mat-hero-grid\"\u003e\n        \u003cdiv class=\"pu-mat-feature-item\"\u003e\n\u003cspan class=\"pu-mat-dot\"\u003e\u003c\/span\u003eMayor grosor y peso que cualquier sintético de mercado\u003c\/div\u003e\n        \u003cdiv class=\"pu-mat-feature-item\"\u003e\n\u003cspan class=\"pu-mat-dot\"\u003e\u003c\/span\u003eTacto firme y acabado que mejora con el uso\u003c\/div\u003e\n        \u003cdiv class=\"pu-mat-feature-item\"\u003e\n\u003cspan class=\"pu-mat-dot\"\u003e\u003c\/span\u003eInterior suave con costuras dobles reforzadas\u003c\/div\u003e\n        \u003cdiv class=\"pu-mat-feature-item\"\u003e\n\u003cspan class=\"pu-mat-dot\"\u003e\u003c\/span\u003eHerrajes metálicos anticorrosión de buen peso\u003c\/div\u003e\n        \u003cdiv class=\"pu-mat-feature-item\"\u003e\n\u003cspan class=\"pu-mat-dot\"\u003e\u003c\/span\u003eResistente al uso diario intensivo\u003c\/div\u003e\n        \u003cdiv class=\"pu-mat-feature-item\"\u003e\n\u003cspan class=\"pu-mat-dot\"\u003e\u003c\/span\u003ePresentación premium, ideal para regalo\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-colombia\"\u003e\n      \u003cdiv class=\"pu-colombia-flag\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/istockphoto-1031312380-170667a.webp?v=1775023911\" alt=\"Bandera Colombia\" style=\"width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-colombia-text\"\u003e\n        \u003cdiv class=\"pu-colombia-label\"\u003eIndustria Nacional\u003c\/div\u003e\n        \u003cdiv class=\"pu-colombia-title\"\u003eHecho en Colombia\u003c\/div\u003e\n        \u003cdiv class=\"pu-colombia-desc\"\u003ePorta Urbano™ es fabricado en Colombia por artesanos urbanos. Mayor control de calidad, materiales seleccionados y el orgullo de apoyar la industria local con cada compra.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- IMAGEN TALLER --\u003e\n  \u003cdiv class=\"pu-media-full\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/PortaUrbanoTaller.webp?v=1775021672\" alt=\"Porta Urbano – fabricación Colombia\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- S2 — PROPUESTA DE VALOR --\u003e\n  \u003csection class=\"pu-s2\"\u003e\n    \u003cdiv class=\"pu-s2-header\"\u003e\n      \u003cdiv class=\"pu-eyebrow\"\u003ePor qué Porta Urbano™\u003c\/div\u003e\n      \u003cdiv class=\"pu-gold-line\" style=\"margin: 16px auto;\"\u003e\u003c\/div\u003e\n      \u003ch2 class=\"pu-s2-title\"\u003eTodo lo que necesitas.\u003cbr\u003eExactamente donde debe estar.\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-pillars\"\u003e\n      \u003cdiv class=\"pu-pillar\"\u003e\n        \u003cdiv class=\"pu-pillar-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pu-pillar-name\"\u003eSeguridad\u003c\/div\u003e\n        \u003cdiv class=\"pu-pillar-desc\"\u003eTus objetos pegados al cuerpo, con cierre. Menos exposición de bolsillos, más control en la calle.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-pillar\"\u003e\n        \u003cdiv class=\"pu-pillar-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pu-pillar-name\"\u003eComodidad\u003c\/div\u003e\n        \u003cdiv class=\"pu-pillar-desc\"\u003eDiseño ergonómico tipo arnés. No rebota, no estorba. Se ajusta a tu cuerpo y acompaña cada movimiento.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-pillar\"\u003e\n        \u003cdiv class=\"pu-pillar-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pu-pillar-name\"\u003eEstilo\u003c\/div\u003e\n        \u003cdiv class=\"pu-pillar-desc\"\u003eLook urbano limpio y moderno. Funciona bajo la chaqueta o sobre ella. Discreto, masculino, diferente.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- IMAGEN — Antes y después --\u003e\n  \u003cdiv class=\"pu-media-full\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/PortaUrbanoAntesyDespues_b7895eaf-e4fe-4a3d-97f1-59ee71939e65.webp?v=1775021672\" alt=\"Porta Urbano – antes y después\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- S3 — ANTES \/ DESPUÉS --\u003e\n  \u003csection class=\"pu-s3\"\u003e\n    \u003cdiv class=\"pu-s3-header\"\u003e\n      \u003cdiv class=\"pu-eyebrow\"\u003eEl cambio que sientes desde el primer día\u003c\/div\u003e\n      \u003cdiv class=\"pu-gold-line\"\u003e\u003c\/div\u003e\n      \u003ch2 class=\"pu-s3-title\"\u003eSin Porta Urbano™\u003cbr\u003evs. con Porta Urbano™\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-before-after\"\u003e\n      \u003cdiv class=\"pu-ba-col\"\u003e\n        \u003cdiv class=\"pu-ba-tag before-tag\"\u003eSin él\u003c\/div\u003e\n        \u003cul class=\"pu-ba-list\"\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A4540\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003eBolsillos abultados e incómodos\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A4540\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003eCelular y billetera expuestos al robo\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A4540\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003eTodo desordenado, difícil de acceder\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A4540\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003eRebote y movimiento en moto o caminando\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#4A4540\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003e\u003c\/line\u003e\u003cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003e\u003c\/line\u003e\u003c\/svg\u003eLook descuidado con chaqueta encima\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-ba-col after\"\u003e\n        \u003cdiv class=\"pu-ba-tag after-tag\"\u003eCon Porta Urbano™\u003c\/div\u003e\n        \u003cul class=\"pu-ba-list after-list\"\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#A67C52\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eTodo en su lugar, sin volumen extra\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#A67C52\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eObjetos pegados al cuerpo con cierre\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#A67C52\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eAcceso rápido sin buscar ni perder tiempo\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#A67C52\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eAjuste firme y ergonómico todo el día\u003c\/li\u003e\n          \u003cli\u003e\n\u003csvg class=\"icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#A67C52\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003eEstilo urbano limpio, funcional y premium\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-quote\"\u003e\n      \u003cdiv class=\"pu-quote-text\"\u003e\"Se ve premium y la gente pregunta qué es. Lo uso con chaqueta y queda elegante. Me da más seguridad porque llevo todo pegado al cuerpo.\"\u003c\/div\u003e\n      \u003cdiv class=\"pu-quote-attr\"\u003eFelipe R. · Usuario verificado · Porta Urbano™\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- IMAGEN — Look aspiracional con chaqueta --\u003e\n  \u003cdiv class=\"pu-media-full\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/PortaUrbanoPpalChaqueta.webp?v=1775021672\" alt=\"Porta Urbano – look urbano masculino con chaqueta\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- S6 — TESTIMONIOS --\u003e\n  \u003csection class=\"pu-s6\"\u003e\n    \u003cdiv class=\"pu-s6-header\"\u003e\n      \u003cdiv class=\"pu-eyebrow\"\u003eLo que dicen quienes ya lo usan\u003c\/div\u003e\n      \u003cdiv class=\"pu-gold-line\" style=\"margin: 16px auto;\"\u003e\u003c\/div\u003e\n      \u003ch2 class=\"pu-s6-title\"\u003eLa calle habla por sí sola.\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-reviews\"\u003e\n      \u003cdiv class=\"pu-review\"\u003e\n        \u003cdiv class=\"pu-stars\"\u003e\n\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pu-review-quote\"\u003e\"Yo no soy de bolsillos ni riñoneras… esto quedó muy discreto. Llevo celular, billetera y llaves sin abultar y me siento más tranquilo en TransMilenio.\"\u003c\/div\u003e\n        \u003cdiv class=\"pu-review-footer\"\u003e\n\u003cdiv class=\"pu-review-name\"\u003eJuan P.\u003c\/div\u003e\n\u003cdiv class=\"pu-review-context\"\u003eBogotá · Compra verificada\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-review\"\u003e\n        \u003cdiv class=\"pu-stars\"\u003e\n\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pu-review-quote\"\u003e\"Voy en moto y caminando todo el día. El ajuste es cómodo y no se mueve. Todo queda organizado y puedo sacar el celular rápido sin estar revisando bolsillos.\"\u003c\/div\u003e\n        \u003cdiv class=\"pu-review-footer\"\u003e\n\u003cdiv class=\"pu-review-name\"\u003eAndrés M.\u003c\/div\u003e\n\u003cdiv class=\"pu-review-context\"\u003eMotociclista · Compra verificada\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-review\"\u003e\n        \u003cdiv class=\"pu-stars\"\u003e\n\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\u003cspan class=\"pu-star\"\u003e★\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pu-review-quote\"\u003e\"Trabajo todo el día en moto, hago picap y domicilios. Me sirve un montón para llevar el dinero y las vueltas sin enredarme.\"\u003c\/div\u003e\n        \u003cdiv class=\"pu-review-footer\"\u003e\n\u003cdiv class=\"pu-review-name\"\u003eCarlos A.\u003c\/div\u003e\n\u003cdiv class=\"pu-review-context\"\u003eDomiciliario · Compra verificada\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-stat-bar\"\u003e\n      \u003cdiv class=\"pu-stat\"\u003e\n\u003cdiv class=\"pu-stat-num\"\u003e95%\u003c\/div\u003e\n\u003cdiv class=\"pu-stat-label\"\u003eReportó más control\u003cbr\u003ey seguridad al moverse\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pu-stat\"\u003e\n\u003cdiv class=\"pu-stat-num\"\u003e92%\u003c\/div\u003e\n\u003cdiv class=\"pu-stat-label\"\u003eSintió más comodidad\u003cbr\u003edesde el primer día\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pu-stat\"\u003e\n\u003cdiv class=\"pu-stat-num\"\u003e+10K\u003c\/div\u003e\n\u003cdiv class=\"pu-stat-label\"\u003eClientes satisfechos\u003cbr\u003een Colombia\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- S7 — FAQ --\u003e\n  \u003csection class=\"pu-s7\"\u003e\n    \u003cdiv class=\"pu-s7-header\"\u003e\n      \u003cdiv class=\"pu-eyebrow\"\u003eResolvemos tus dudas\u003c\/div\u003e\n      \u003cdiv class=\"pu-gold-line\"\u003e\u003c\/div\u003e\n      \u003ch2 class=\"pu-s7-title\"\u003eCompra con total claridad.\u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-faq\"\u003e\n      \u003cdiv class=\"pu-faq-item\"\u003e\n        \u003cbutton class=\"pu-faq-q\" onclick=\"puToggleFaq(this)\"\u003e¿Qué puedo llevar en Porta Urbano™?\u003cspan class=\"pu-faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"pu-faq-a\"\u003e\u003cdiv class=\"pu-faq-a-inner\"\u003eEstá pensado para lo esencial: \u003cstrong\u003ecelular, billetera, llaves, audífonos, tarjetas y dinero en efectivo\u003c\/strong\u003e. Sus compartimentos ayudan a mantener todo organizado y accesible en segundos. Cabe celular de hasta 6.7\".\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-faq-item\"\u003e\n        \u003cbutton class=\"pu-faq-q\" onclick=\"puToggleFaq(this)\"\u003e¿Es cómodo para usar todo el día?\u003cspan class=\"pu-faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"pu-faq-a\"\u003e\u003cdiv class=\"pu-faq-a-inner\"\u003eSí. El diseño tipo arnés distribuye el peso y se ajusta al torso. La correa es \u003cstrong\u003eajustable y estable\u003c\/strong\u003e para que puedas moverte sin que rebote, ya sea a pie, en moto o en transporte público.\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-faq-item\"\u003e\n        \u003cbutton class=\"pu-faq-q\" onclick=\"puToggleFaq(this)\"\u003e¿Es cuero real?\u003cspan class=\"pu-faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"pu-faq-a\"\u003e\u003cdiv class=\"pu-faq-a-inner\"\u003eSí. Porta Urbano™ está fabricado en \u003cstrong\u003eCuero Genuino de alto calibre\u003c\/strong\u003e: más grueso, más firme y con mejor acabado que cualquier sintético de mercado. Tiene herrajes metálicos, costuras dobles reforzadas y un tacto que mejora con el uso.\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-faq-item\"\u003e\n        \u003cbutton class=\"pu-faq-q\" onclick=\"puToggleFaq(this)\"\u003e¿Se puede usar bajo la chaqueta o sobre la ropa?\u003cspan class=\"pu-faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"pu-faq-a\"\u003e\u003cdiv class=\"pu-faq-a-inner\"\u003eSí. Puedes llevarlo \u003cstrong\u003epor debajo de la chaqueta\u003c\/strong\u003e para un look más discreto, o \u003cstrong\u003epor fuera\u003c\/strong\u003e para un estilo urbano más marcado. En ambos casos el acceso a los bolsillos es rápido y cómodo.\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-faq-item\"\u003e\n        \u003cbutton class=\"pu-faq-q\" onclick=\"puToggleFaq(this)\"\u003e¿Realmente ayuda con la seguridad en la ciudad?\u003cspan class=\"pu-faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"pu-faq-a\"\u003e\u003cdiv class=\"pu-faq-a-inner\"\u003eAyuda porque tus objetos quedan \u003cstrong\u003epegados al cuerpo y con cierres\u003c\/strong\u003e, alejados de manos extrañas. No reemplaza la precaución, pero reduce significativamente la exposición de tus pertenencias en espacios públicos y transporte.\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-faq-item\"\u003e\n        \u003cbutton class=\"pu-faq-q\" onclick=\"puToggleFaq(this)\"\u003e¿Cómo funciona el envío y el pago contraentrega?\u003cspan class=\"pu-faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"pu-faq-a\"\u003e\u003cdiv class=\"pu-faq-a-inner\"\u003eHacemos \u003cstrong\u003eenvío gratis a todo Colombia\u003c\/strong\u003e y puedes pagar con contraentrega (pagas cuando recibes). Recibirás confirmación de tu pedido y número de seguimiento para rastrearlo en todo momento.\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-faq-item\"\u003e\n        \u003cbutton class=\"pu-faq-q\" onclick=\"puToggleFaq(this)\"\u003e¿El producto es igual al de la foto?\u003cspan class=\"pu-faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"pu-faq-a\"\u003e\u003cdiv class=\"pu-faq-a-inner\"\u003eSí. Las fotos son del producto real. Porta Urbano™ es fabricado en Colombia con \u003cstrong\u003econtrol de calidad directo\u003c\/strong\u003e en cada unidad. Si tienes algún inconveniente al recibirlo, nuestra garantía te respalda.\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"pu-divider\"\u003e\u003c\/div\u003e\n\n  \u003c!-- S8 — CTA FINAL --\u003e\n  \u003csection class=\"pu-s8\"\u003e\n    \u003cdiv class=\"pu-cta-box\"\u003e\n      \u003cdiv class=\"pu-cta-eyebrow\"\u003eOferta limitada · Últimas unidades\u003c\/div\u003e\n      \u003ch2 class=\"pu-cta-headline\"\u003eMuévete sin perder\u003cbr\u003elo que importa.\u003c\/h2\u003e\n      \u003cp class=\"pu-cta-sub\"\u003eCuero Genuino de alto calibre · Herrajes metálicos · Fabricado en Colombia\u003cbr\u003eEnvío gratis · Paga cuando llegue a tu puerta\u003c\/p\u003e\n      \u003cdiv class=\"pu-price-row\"\u003e\n        \u003cspan class=\"pu-price-old\"\u003e$259.990\u003c\/span\u003e\n        \u003cspan class=\"pu-price-new\"\u003e$159.990\u003c\/span\u003e\n        \u003cspan class=\"pu-price-badge\"\u003e−38%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ca href=\"#\" class=\"pu-btn-cta\"\u003eAgregar al carrito\u003c\/a\u003e\n      \u003cdiv class=\"pu-cta-note\"\u003ePago contraentrega disponible · Compra 100% garantizada\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pu-trust\"\u003e\n      \u003cdiv class=\"pu-trust-item\"\u003e\n        \u003cdiv class=\"pu-trust-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pu-trust-label\"\u003eEnvío gratis\u003cbr\u003ea Colombia\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-trust-item\"\u003e\n        \u003cdiv class=\"pu-trust-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"9 22 9 12 15 12 15 22\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pu-trust-label\"\u003ePago\u003cbr\u003econtraentrega\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-trust-item\"\u003e\n        \u003cdiv class=\"pu-trust-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"9 12 11 14 15 10\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pu-trust-label\"\u003eGarantía\u003cbr\u003e100%\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pu-trust-item\"\u003e\n        \u003cdiv class=\"pu-trust-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\u003e\u003c\/path\u003e\u003ccircle cx=\"9\" cy=\"7\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pu-trust-label\"\u003e+10.000\u003cbr\u003eclientes\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction puToggleFaq(btn) {\n  const item = btn.closest('.pu-faq-item');\n  const answer = item.querySelector('.pu-faq-a');\n  const isOpen = btn.classList.contains('open');\n  document.querySelectorAll('.pu-faq-q.open').forEach(function(b) {\n    b.classList.remove('open');\n    b.closest('.pu-faq-item').querySelector('.pu-faq-a').classList.remove('open');\n  });\n  if (!isOpen) { btn.classList.add('open'); answer.classList.add('open'); }\n}\n\u003c\/script\u003e","brand":"Trompila","offers":[{"title":"Cuero NEGRO","offer_id":48168103510241,"sku":"01-3","price":149990.0,"currency_code":"COP","in_stock":true},{"title":"Cuero CAFE","offer_id":48831148458209,"sku":"01-4","price":149990.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0743\/4649\/6225\/files\/PortaUrbanoPpalCOLORES.webp?v=1780112386","url":"https:\/\/www.trompila.com\/products\/porta-urbano%e2%84%a2-seguridad-y-estilo-cuero","provider":"Trompila","version":"1.0","type":"link"}