{"product_id":"camisa","title":"camisa","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\"\u003e \u003cmeta name=\"theme-color\" content=\"#111827\"\u003e\u003cmeta name=\"description\" content=\"Plantilla universal y reutilizable para landing pages de productos.\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    :root{\n      --primary:#111827;\n      --accent:#16a34a;\n      --accent-2:#22c55e;\n      --bg:#ffffff;\n      --soft:#f7f7f8;\n      --text:#111827;\n      --muted:#6b7280;\n      --danger:#dc2626;\n      --border:#e5e7eb;\n      --shadow:0 18px 50px rgba(17,24,39,.10);\n      --radius:18px;\n      --container:1180px;\n    }\n    *{box-sizing:border-box}\n    html{scroll-behavior:smooth}\n    body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;line-height:1.5}\n    img{display:block;max-width:100%}\n    button,input,select,textarea{font:inherit}\n    a{color:inherit;text-decoration:none}\n    .container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}\n    .promo{background:var(--primary);color:white;text-align:center;padding:10px 16px;font-size:14px;font-weight:700}\n    .header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}\n    .header__inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}\n    .brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:-.03em}\n    .brand img{height:38px;width:auto;object-fit:contain}\n    .nav{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700;color:#374151}\n    .nav a:hover{color:var(--accent)}\n    .mini-cta{border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:900;padding:11px 17px;cursor:pointer}\n\n    .hero{padding:38px 0 28px}\n    .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:42px;align-items:start}\n    .gallery-main{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--soft);aspect-ratio:1\/1;box-shadow:var(--shadow)}\n    .gallery-main img{width:100%;height:100%;object-fit:cover}\n    .badge{position:absolute;left:16px;top:16px;background:#fff;color:var(--primary);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;box-shadow:0 8px 26px rgba(0,0,0,.12)}\n    .thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}\n    .thumb{padding:0;border:2px solid transparent;background:var(--soft);border-radius:12px;overflow:hidden;aspect-ratio:1;cursor:pointer}\n    .thumb.active{border-color:var(--accent)}\n    .thumb img{width:100%;height:100%;object-fit:cover}\n\n    .product-card{border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);background:#fff}\n    .eyebrow{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:8px}\n    h1{font-size:clamp(31px,4vw,48px);line-height:1.02;letter-spacing:-.045em;margin:0 0 12px}\n    .subtitle{font-size:17px;color:#4b5563;margin:0 0 14px}\n    .rating{display:flex;align-items:center;gap:8px;font-size:14px;margin:10px 0 18px}\n    .stars{letter-spacing:1px;color:#f59e0b}\n    .price-line{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:10px 0 6px}\n    .price{font-size:36px;line-height:1;font-weight:950;letter-spacing:-.04em}\n    .old-price{color:#9ca3af;text-decoration:line-through;font-weight:800;font-size:18px}\n    .discount{background:#dcfce7;color:#166534;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900}\n    .installment{color:var(--muted);font-size:13px;margin-bottom:18px}\n    .stock{display:flex;align-items:center;gap:8px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:800;margin:15px 0}\n    .pulse{width:9px;height:9px;border-radius:50%;background:#f97316;box-shadow:0 0 0 5px #ffedd5}\n    .variant{margin-top:18px}\n    .variant__head{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:14px}\n    .variant__head b{font-weight:900}\n    .variant-options{display:flex;flex-wrap:wrap;gap:9px}\n    .option{min-width:44px;border:1px solid #d1d5db;background:white;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:800}\n    .option.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}\n    .option.swatch{width:38px;height:38px;min-width:38px;border-radius:50%;padding:4px}\n    .option.swatch span{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.10)}\n\n    .bundles{display:grid;gap:10px;margin:20px 0}\n    .bundle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #d1d5db;border-radius:14px;padding:13px;cursor:pointer;background:#fff}\n    .bundle.active{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,white)}\n    .bundle input{accent-color:var(--accent)}\n    .bundle small{display:block;color:var(--muted);font-weight:650}\n    .bundle strong{font-weight:950}\n    .qty-row{display:grid;grid-template-columns:130px 1fr;gap:10px;margin-top:16px}\n    .qty{display:grid;grid-template-columns:40px 1fr 40px;border:1px solid #d1d5db;border-radius:12px;overflow:hidden}\n    .qty button{border:0;background:#f9fafb;cursor:pointer;font-size:20px;font-weight:900}\n    .qty input{width:100%;border:0;text-align:center;font-weight:900;outline:0}\n    .cta{border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;font-weight:950;font-size:17px;padding:15px 18px;cursor:pointer;box-shadow:0 14px 35px color-mix(in srgb,var(--accent) 28%,transparent)}\n    .cta:hover{transform:translateY(-1px)}\n    .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}\n    .trust-item{background:#f9fafb;border:1px solid var(--border);border-radius:12px;padding:10px;text-align:center;font-size:12px;font-weight:800;color:#374151}\n\n    .social-proof{padding:16px 0 34px}\n    .proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\n    .proof{border:1px solid var(--border);background:#fff;border-radius:14px;padding:17px;text-align:center}\n    .proof b{display:block;font-size:22px;letter-spacing:-.03em}\n    .proof span{font-size:12px;color:var(--muted);font-weight:700}\n\n    section.block{padding:72px 0}\n    section.soft{background:var(--soft)}\n    .section-head{max-width:760px;margin:0 auto 36px;text-align:center}\n    .section-head .kicker{font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}\n    .section-head h2{font-size:clamp(28px,4vw,42px);line-height:1.07;letter-spacing:-.04em;margin:8px 0 10px}\n    .section-head p{color:var(--muted);font-size:17px;margin:0}\n    .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n    .benefit{border:1px solid var(--border);background:#fff;border-radius:16px;padding:22px}\n    .benefit-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 10%,white);font-size:23px;margin-bottom:14px}\n    .benefit h3{font-size:18px;margin:0 0 8px}\n    .benefit p{margin:0;color:var(--muted)}\n\n    .split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}\n    .split img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:1.1\/1;object-fit:cover}\n    .split h2{font-size:clamp(28px,4vw,42px);line-height:1.06;letter-spacing:-.04em;margin:0 0 14px}\n    .split p{font-size:17px;color:var(--muted)}\n    .checklist{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}\n    .checklist li{display:flex;gap:10px;align-items:flex-start;font-weight:700}\n    .check{flex:0 0 23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534;font-size:13px;font-weight:950}\n\n    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n    .step{position:relative;border:1px solid var(--border);border-radius:16px;padding:24px;background:#fff}\n    .step-num{font-size:42px;font-weight:950;color:color-mix(in srgb,var(--accent) 25%,#e5e7eb);line-height:1;margin-bottom:12px}\n    .step h3{margin:0 0 7px}\n    .step p{color:var(--muted);margin:0}\n\n    .specs{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff}\n    .spec-row{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--border)}\n    .spec-row:last-child{border-bottom:0}\n    .spec-row b,.spec-row span{padding:14px 16px}\n    .spec-row b{background:#f9fafb}\n\n    .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}\n    .review{border:1px solid var(--border);border-radius:16px;padding:20px;background:#fff}\n    .review-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}\n    .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#e5e7eb}\n    .verified{font-size:11px;color:#166534;font-weight:900}\n    .review p{color:#4b5563}\n\n    .faq{max-width:850px;margin:auto;display:grid;gap:10px}\n    details{border:1px solid var(--border);border-radius:14px;background:#fff;padding:0 16px}\n    summary{cursor:pointer;padding:16px 0;font-weight:900;list-style:none}\n    summary::-webkit-details-marker{display:none}\n    details p{margin:0 0 16px;color:var(--muted)}\n\n    .final-cta{border-radius:24px;padding:42px;background:linear-gradient(135deg,var(--primary),#1f2937);color:#fff;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}\n    .final-cta h2{font-size:clamp(27px,4vw,41px);letter-spacing:-.04em;line-height:1.05;margin:0 0 10px}\n    .final-cta p{margin:0;color:#d1d5db}\n    .final-cta .cta{min-width:220px}\n\n    .footer{padding:32px 0;color:#6b7280;font-size:13px;border-top:1px solid var(--border)}\n    .footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}\n    .footer-links{display:flex;gap:14px;flex-wrap:wrap}\n    .sticky-buy{display:none}\n\n    @media(max-width:900px){\n      .nav{display:none}\n      .hero-grid,.split{grid-template-columns:1fr}\n      .product-card{box-shadow:none;padding:20px}\n      .benefits,.steps,.reviews{grid-template-columns:1fr 1fr}\n      .proof-strip{grid-template-columns:1fr 1fr}\n      .final-cta{grid-template-columns:1fr}\n    }\n    @media(max-width:640px){\n      .container{width:min(100% - 22px,var(--container))}\n      .hero{padding-top:18px}\n      .hero-grid{gap:16px}\n      .product-card{border-radius:14px}\n      .thumbs{grid-template-columns:repeat(4,1fr)}\n      h1{font-size:33px}\n      .benefits,.steps,.reviews{grid-template-columns:1fr}\n      .trust{grid-template-columns:1fr}\n      .spec-row{grid-template-columns:1fr}\n      .spec-row b{padding-bottom:6px}\n      .spec-row span{padding-top:6px}\n      section.block{padding:52px 0}\n      .final-cta{padding:28px 22px}\n      .sticky-buy{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px;background:#fff;border-top:1px solid var(--border);box-shadow:0 -10px 30px rgba(0,0,0,.08)}\n      .sticky-price{font-weight:950}\n      body{padding-bottom:78px}\n    }\n  \u003c\/style\u003e\n\u003cdiv id=\"app\"\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"ClickManía","offers":[{"title":"Default Title","offer_id":45502596776005,"sku":null,"price":0.0,"currency_code":"PEN","in_stock":false}],"url":"https:\/\/clickmaniaperu.com\/products\/camisa","provider":"ClickManía","version":"1.0","type":"link"}