Gol\u00f3metro \u2014 Profile Interactive Media<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;700;900&family=Barlow:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --blue-dark: #00477f;\n --blue-mid: #05779b;\n --blue-light: #5ba4c5;\n --teal: #0e5569;\n --green: #8eb713;\n --green-light: #a3cc1a;\n --orange: #05779b;\n --orange-light: #5ba4c5;\n --white: #ffffff;\n --gray-light: #f4f6f8;\n --gray-mid: #e8ecef;\n --dark: #001e3c;\n --text-dark: #0d2137;\n --text-mid: #5d6d7e;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Barlow', sans-serif;\n color: var(--text-dark);\n background: var(--white);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n background: rgba(13, 27, 42, 0.95);\n backdrop-filter: blur(8px);\n padding: 0 40px;\n display: flex; align-items: center; justify-content: space-between;\n height: 64px;\n }\n .nav-logo { display: flex; align-items: center; gap: 14px; }\n .nav-logo img { height: 34px; filter: brightness(1.1); }\n .nav-logo span {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 13px; font-weight: 700; letter-spacing: 0.12em;\n color: var(--green); text-transform: uppercase;\n }\n .nav-links { display: flex; gap: 32px; }\n .nav-links a {\n color: rgba(255,255,255,0.75); text-decoration: none;\n font-size: 13px; font-weight: 600; letter-spacing: 0.06em;\n text-transform: uppercase; transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--green); }\n .nav-cta {\n background: var(--blue-mid); color: white;\n border: none; padding: 8px 22px; border-radius: 4px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 14px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; cursor: pointer; transition: background 0.2s;\n text-decoration: none;\n }\n .nav-cta:hover { background: var(--blue-dark); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n background: linear-gradient(135deg, #001e3c 0%, #00477f 50%, #05779b 100%);\n display: flex; align-items: center; justify-content: center;\n position: relative; overflow: hidden; padding: 80px 40px 60px;\n }\n .hero-bg-circles {\n position: absolute; inset: 0; overflow: hidden; pointer-events: none;\n }\n .hero-bg-circles::before {\n content: '';\n position: absolute; right: -10%; top: 10%;\n width: 700px; height: 700px; border-radius: 50%;\n background: radial-gradient(circle, rgba(142,183,19,0.08) 0%, transparent 70%);\n }\n .hero-bg-circles::after {\n content: '';\n position: absolute; left: -5%; bottom: -10%;\n width: 500px; height: 500px; border-radius: 50%;\n background: radial-gradient(circle, rgba(91,164,197,0.08) 0%, transparent 70%);\n }\n .hero-grid {\n max-width: 1200px; width: 100%; margin: auto;\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px;\n align-items: center; position: relative; z-index: 2;\n }\n .hero-tag {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(142,183,19,0.15); border: 1px solid rgba(142,183,19,0.35);\n color: var(--green-light); padding: 6px 14px; border-radius: 20px;\n font-size: 12px; font-weight: 600; letter-spacing: 0.1em;\n text-transform: uppercase; margin-bottom: 24px;\n }\n .hero-tag span { width: 6px; height: 6px; border-radius: 50%; background: var(--green); animation: pulse 2s infinite; }\n @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.4)} }\n\n .hero h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(56px, 8vw, 96px);\n font-weight: 900; line-height: 0.9;\n text-transform: uppercase; margin-bottom: 12px;\n }\n .hero h1 .line1 { color: white; display: block; }\n .hero h1 .line2 { color: var(--green); display: block; }\n .hero h1 .line3 { color: var(--green); display: block; font-size: 0.55em; letter-spacing: 0.04em; margin-top: 6px; }\n\n .hero-sub {\n color: rgba(255,255,255,0.65); font-size: 17px; line-height: 1.7;\n max-width: 460px; margin: 24px 0 36px;\n }\n .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }\n .btn-primary {\n background: var(--blue-mid); color: white; border: none;\n padding: 14px 32px; border-radius: 5px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; cursor: pointer; text-decoration: none;\n transition: transform 0.15s, background 0.2s;\n display: inline-block;\n }\n .btn-primary:hover { background: var(--blue-dark); transform: translateY(-2px); }\n .btn-outline {\n background: transparent; color: white;\n border: 1.5px solid rgba(255,255,255,0.4);\n padding: 14px 32px; border-radius: 5px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; cursor: pointer; text-decoration: none;\n transition: border-color 0.2s, color 0.2s; display: inline-block;\n }\n .btn-outline:hover { border-color: var(--green); color: var(--green); }\n\n \/* Hero visual \u2014 meter graphic *\/\n .hero-visual {\n display: flex; align-items: center; justify-content: center;\n }\n .meter-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px; padding: 40px 36px;\n text-align: center; width: 340px;\n position: relative; overflow: hidden;\n }\n .meter-card::before {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(135deg, rgba(125,186,0,0.05) 0%, rgba(255,102,0,0.05) 100%);\n }\n .meter-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; font-weight: 700; letter-spacing: 0.15em;\n color: rgba(255,255,255,0.5); text-transform: uppercase; margin-bottom: 20px;\n }\n .meter-gauge {\n width: 220px; height: 110px; margin: 0 auto 24px;\n position: relative;\n }\n .meter-gauge svg { width: 100%; height: 100%; overflow: visible; }\n .meter-dbs {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 64px; font-weight: 900; color: var(--green);\n line-height: 1; margin-bottom: 4px;\n }\n .meter-unit {\n font-size: 13px; color: rgba(255,255,255,0.5);\n letter-spacing: 0.1em; text-transform: uppercase;\n margin-bottom: 20px;\n }\n .meter-bar-wrap {\n background: rgba(255,255,255,0.08); border-radius: 4px;\n height: 8px; margin-bottom: 16px; overflow: hidden;\n }\n .meter-bar-fill {\n height: 100%; border-radius: 4px;\n background: linear-gradient(90deg, var(--green), var(--blue-mid), var(--blue-dark));\n width: 78%; transition: width 0.6s ease;\n animation: barPulse 3s infinite alternate;\n }\n @keyframes barPulse { from{width:60%} to{width:88%} }\n .meter-name {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 700; color: white;\n margin-bottom: 4px;\n }\n .meter-rank {\n font-size: 13px; color: var(--green); font-weight: 600;\n }\n .medal { font-size: 22px; }\n\n \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\n section { padding: 100px 40px; }\n .container { max-width: 1200px; margin: auto; }\n .section-tag {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; font-weight: 700; letter-spacing: 0.15em;\n text-transform: uppercase; color: var(--blue-mid);\n margin-bottom: 12px; display: block;\n }\n .section-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(36px, 5vw, 58px); font-weight: 900;\n text-transform: uppercase; line-height: 0.95; margin-bottom: 20px;\n }\n .section-sub {\n font-size: 17px; color: var(--text-mid); line-height: 1.7;\n max-width: 580px;\n }\n\n \/* \u2500\u2500 QU\u00c9 ES \u2500\u2500 *\/\n .que-es { background: var(--gray-light); }\n .que-es-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: center;\n }\n .que-es-steps { margin-top: 40px; display: flex; flex-direction: column; gap: 24px; }\n .step-item { display: flex; gap: 18px; align-items: flex-start; }\n .step-num {\n flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%;\n background: var(--blue-mid); color: white;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 900;\n display: flex; align-items: center; justify-content: center;\n }\n .step-content h4 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 700; margin-bottom: 4px;\n }\n .step-content p { font-size: 15px; color: var(--text-mid); line-height: 1.6; }\n\n \/* Feature blocks right *\/\n .feature-blocks { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .feature-block {\n background: white; border-radius: 12px; padding: 28px 24px;\n border: 1px solid var(--gray-mid);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .feature-block:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }\n .feature-icon {\n width: 48px; height: 48px; border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px; margin-bottom: 14px;\n }\n .feature-icon.orange { background: rgba(5,119,155,0.1); }\n .feature-icon.green { background: rgba(125,186,0,0.1); }\n .feature-icon.blue { background: rgba(46,134,193,0.1); }\n .feature-icon.teal { background: rgba(26,138,122,0.1); }\n .feature-block h4 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 18px; font-weight: 700; margin-bottom: 6px;\n }\n .feature-block p { font-size: 14px; color: var(--text-mid); line-height: 1.6; }\n\n \/* \u2500\u2500 PLANES \u2500\u2500 *\/\n .planes { background: #001e3c; }\n .planes .section-title { color: white; }\n .planes .section-sub { color: rgba(255,255,255,0.55); }\n .planes .section-tag { color: var(--green); }\n\n .planes-grid {\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .plan-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px; padding: 36px 28px;\n transition: transform 0.2s, border-color 0.2s;\n position: relative;\n }\n .plan-card:hover { transform: translateY(-6px); border-color: rgba(125,186,0,0.4); }\n .plan-card.featured {\n border-color: var(--blue-mid);\n background: rgba(5,119,155,0.1);\n }\n .plan-badge {\n position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n background: var(--green); color: white;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; font-weight: 700; letter-spacing: 0.1em;\n padding: 4px 16px; border-radius: 20px; text-transform: uppercase;\n white-space: nowrap;\n }\n .plan-name {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 26px; font-weight: 900; color: white;\n text-transform: uppercase; margin-bottom: 6px;\n }\n .plan-price {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 42px; font-weight: 900; color: var(--green);\n line-height: 1; margin: 16px 0;\n }\n .plan-price span { font-size: 18px; font-weight: 400; color: rgba(255,255,255,0.4); }\n .plan-divider {\n height: 1px; background: rgba(255,255,255,0.1);\n margin: 20px 0;\n }\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n .plan-features li {\n font-size: 14px; color: rgba(255,255,255,0.7);\n display: flex; align-items: flex-start; gap: 10px; line-height: 1.4;\n }\n .plan-features li::before {\n content: '\u2713'; color: var(--green); font-weight: 700;\n flex-shrink: 0; margin-top: 1px;\n }\n .plan-cta {\n margin-top: 28px; width: 100%;\n background: transparent; border: 1.5px solid rgba(255,255,255,0.2); color: white;\n padding: 12px; border-radius: 6px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; cursor: pointer; transition: all 0.2s;\n }\n .plan-cta:hover { border-color: var(--green); color: var(--green); }\n .plan-card.featured .plan-cta {\n background: var(--blue-mid); border-color: var(--blue-mid);\n }\n .plan-card.featured .plan-cta:hover { background: var(--blue-dark); }\n\n \/* \u2500\u2500 EXTRAS \u2500\u2500 *\/\n .extras { background: var(--gray-light); }\n .extras-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px; margin-top: 56px;\n }\n .extra-card {\n background: white; border-radius: 14px; padding: 36px 30px;\n border: 1px solid var(--gray-mid); text-align: center;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .extra-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }\n .extra-icon { font-size: 44px; margin-bottom: 16px; }\n .extra-card h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 24px; font-weight: 900; text-transform: uppercase;\n margin-bottom: 8px;\n }\n .extra-card p { font-size: 14px; color: var(--text-mid); line-height: 1.6; margin-bottom: 20px; }\n .extra-price {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 34px; font-weight: 900; color: var(--blue-mid);\n }\n .extra-price span { font-size: 15px; color: var(--text-mid); font-weight: 400; }\n\n \/* \u2500\u2500 VALOR \u2500\u2500 *\/\n .valor { background: white; }\n .valor-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: center;\n }\n .stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }\n .stat-box {\n background: var(--gray-light); border-radius: 12px;\n padding: 28px 24px; text-align: center;\n }\n .stat-box .num {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 52px; font-weight: 900; color: var(--blue-mid);\n line-height: 1;\n }\n .stat-box .lbl {\n font-size: 13px; color: var(--text-mid); margin-top: 6px; line-height: 1.4;\n }\n .valor-quote {\n background: var(--dark); border-radius: 16px;\n padding: 48px 44px; position: relative;\n }\n .valor-quote::before {\n content: '\"';\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 120px; font-weight: 900; color: var(--green);\n line-height: 0.7; position: absolute; top: 24px; left: 28px;\n opacity: 0.3;\n }\n .valor-quote p {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 28px; font-weight: 700; color: white;\n line-height: 1.3; text-transform: uppercase;\n }\n .valor-quote em {\n display: block; font-style: normal; font-size: 14px;\n color: var(--green); font-family: 'Barlow', sans-serif;\n font-weight: 600; margin-top: 20px; letter-spacing: 0.05em;\n }\n .valor-list { margin-top: 32px; display: flex; flex-direction: column; gap: 14px; }\n .valor-list-item { display: flex; gap: 14px; align-items: flex-start; }\n .valor-dot {\n flex-shrink: 0; width: 10px; height: 10px; border-radius: 50%;\n background: var(--green); margin-top: 6px;\n }\n .valor-list-item p { font-size: 16px; color: var(--text-mid); line-height: 1.6; }\n .valor-list-item strong { color: var(--text-dark); }\n\n \/* \u2500\u2500 BRANDING DEMO \u2500\u2500 *\/\n .branding { background: var(--gray-light); }\n .branding-intro { text-align: center; margin-bottom: 60px; }\n .branding-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n .brand-card {\n border-radius: 16px; overflow: hidden;\n box-shadow: 0 4px 24px rgba(0,0,0,0.1);\n transition: transform 0.2s;\n }\n .brand-card:hover { transform: translateY(-4px); }\n .brand-header { padding: 20px 24px; display: flex; align-items: center; gap: 12px; }\n .brand-dot { width: 12px; height: 12px; border-radius: 50%; }\n .brand-name {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px; font-weight: 700; color: white;\n text-transform: uppercase; letter-spacing: 0.05em;\n }\n .brand-demo {\n padding: 28px 24px;\n background: white;\n }\n .brand-demo-bar {\n height: 8px; border-radius: 4px; margin-bottom: 12px;\n }\n .brand-demo-name {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 700; margin-bottom: 4px;\n }\n .brand-demo-db { font-size: 36px; font-weight: 900; line-height: 1; }\n .brand-demo-unit { font-size: 12px; color: var(--text-mid); }\n .brand-cta-row { padding: 16px 24px; background: white; border-top: 1px solid var(--gray-mid); }\n .brand-demo-btn {\n width: 100%; padding: 10px; border: none; border-radius: 5px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px; font-weight: 700; letter-spacing: 0.06em;\n text-transform: uppercase; cursor: pointer; color: white;\n transition: opacity 0.2s;\n }\n .brand-demo-btn:hover { opacity: 0.85; }\n\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n .cta-final {\n background: linear-gradient(135deg, #001e3c 0%, #00477f 60%, #05779b 100%);\n text-align: center; padding: 120px 40px;\n position: relative; overflow: hidden;\n }\n .cta-final::before {\n content: '';\n position: absolute; top: -100px; left: 50%; transform: translateX(-50%);\n width: 800px; height: 800px; border-radius: 50%;\n background: radial-gradient(circle, rgba(142,183,19,0.07) 0%, transparent 65%);\n pointer-events: none;\n }\n .cta-final h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(40px, 6vw, 72px); font-weight: 900;\n text-transform: uppercase; color: white; line-height: 0.95;\n margin-bottom: 20px; position: relative;\n }\n .cta-final h2 span { color: var(--green); }\n .cta-final p {\n font-size: 18px; color: rgba(255,255,255,0.6);\n max-width: 520px; margin: 0 auto 40px; line-height: 1.7;\n position: relative;\n }\n .cta-final .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: #060e18; padding: 32px 40px;\n display: flex; align-items: center; justify-content: space-between;\n flex-wrap: wrap; gap: 16px;\n }\n .footer-logo { display: flex; align-items: center; gap: 12px; }\n .footer-logo img { height: 28px; opacity: 0.7; }\n .footer-copy { font-size: 13px; color: rgba(255,255,255,0.35); }\n .footer-links { display: flex; gap: 24px; }\n .footer-links a { font-size: 13px; color: rgba(255,255,255,0.35); text-decoration: none; }\n .footer-links a:hover { color: var(--green); }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 960px) {\n .hero-grid, .que-es-grid, .valor-grid { grid-template-columns: 1fr; gap: 50px; }\n .hero-visual { order: -1; }\n .planes-grid { grid-template-columns: repeat(2, 1fr); }\n .branding-grid { grid-template-columns: 1fr; max-width: 380px; margin: auto; }\n nav .nav-links { display: none; }\n }\n @media (max-width: 640px) {\n .planes-grid, .extras-grid, .feature-blocks { grid-template-columns: 1fr; }\n section { padding: 64px 24px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/profileim.tech\/wp-content\/uploads\/2026\/04\/logogrande.png\" alt=\"Profile Interactive Media\">\n <span>Gol\u00f3metro<\/span>\n <\/div>\n <div class=\"nav-links\">\n <a href=\"#que-es\">Qu\u00e9 es<\/a>\n <a href=\"#planes\">Planes<\/a>\n <a href=\"#extras\">Extras<\/a>\n <a href=\"#valor\">Valor<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <\/div>\n <a href=\"#contacto\" class=\"nav-cta\">Cotizar<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg-circles\"><\/div>\n <div class=\"hero-grid container\">\n <div class=\"hero-left\">\n <div class=\"hero-tag\">\n <span><\/span>\n Experiencia Interactiva para Eventos\n <\/div>\n <h1>\n <span class=\"line1\">Mide<\/span>\n <span class=\"line2\">Tu Grito<\/span>\n <span class=\"line3\">by Profile Interactive Media<\/span>\n <\/h1>\n <p class=\"hero-sub\">\n Experiencia interactiva donde los asistentes miden la intensidad de su grito, compiten en ranking en tiempo real y generan contenido digital con tu marca.\n <\/p>\n <div class=\"hero-btns\">\n <a href=\"#planes\" class=\"btn-primary\">Ver Planes y Precios<\/a>\n <a href=\"#que-es\" class=\"btn-outline\">C\u00f3mo Funciona<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"meter-card\">\n <div class=\"meter-label\">Medidor en Vivo<\/div>\n <div class=\"meter-gauge\">\n <svg viewBox=\"0 0 220 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <path d=\"M 20 110 A 90 90 0 0 1 200 110\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"14\" stroke-linecap=\"round\"\/>\n \n <path d=\"M 20 110 A 90 90 0 0 1 200 110\" fill=\"none\" stroke=\"url(#gaugeGrad)\" stroke-width=\"14\" stroke-linecap=\"round\"\n stroke-dasharray=\"283\" stroke-dashoffset=\"70\">\n <animate attributeName=\"stroke-dashoffset\" from=\"283\" to=\"70\" dur=\"2s\" fill=\"freeze\" calcMode=\"spline\" keySplines=\"0.4 0 0.2 1\"\/>\n <\/path>\n \n <line x1=\"110\" y1=\"110\" x2=\"60\" y2=\"30\" stroke=\"#8eb713\" stroke-width=\"3\" stroke-linecap=\"round\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"-80 110 110\" to=\"30 110 110\" dur=\"2s\" fill=\"freeze\" calcMode=\"spline\" keySplines=\"0.4 0 0.2 1\"\/>\n <\/line>\n <circle cx=\"110\" cy=\"110\" r=\"8\" fill=\"#8eb713\"\/>\n <circle cx=\"110\" cy=\"110\" r=\"4\" fill=\"white\"\/>\n \n <text x=\"18\" y=\"130\" fill=\"rgba(255,255,255,0.4)\" font-size=\"12\" font-family=\"sans-serif\">0<\/text>\n <text x=\"100\" y=\"20\" fill=\"rgba(255,255,255,0.4)\" font-size=\"12\" font-family=\"sans-serif\" text-anchor=\"middle\">50<\/text>\n <text x=\"192\" y=\"130\" fill=\"rgba(255,255,255,0.4)\" font-size=\"12\" font-family=\"sans-serif\">100<\/text>\n <defs>\n <linearGradient id=\"gaugeGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#8eb713\"\/>\n <stop offset=\"60%\" stop-color=\"#05779b\"\/>\n <stop offset=\"100%\" stop-color=\"#00477f\"\/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <div class=\"meter-dbs\">78<\/div>\n <div class=\"meter-unit\">Decibeles<\/div>\n <div class=\"meter-bar-wrap\">\n <div class=\"meter-bar-fill\"><\/div>\n <\/div>\n <div class=\"meter-name\">\ud83c\udfc6 Carlos M\u00e9ndez<\/div>\n <div class=\"meter-rank\">#1 en el ranking \u2014 Tu marca aqu\u00ed<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"que-es\" id=\"que-es\">\n <div class=\"container que-es-grid\">\n <div>\n <span class=\"section-tag\">C\u00f3mo Funciona<\/span>\n <h2 class=\"section-title\">Una Experiencia<br>que Conecta<\/h2>\n <p class=\"section-sub\">\n El Gol\u00f3metro convierte un simple grito en una experiencia de marca memorable. Los participantes compiten, el p\u00fablico se involucra y tu marca queda en el centro de la acci\u00f3n.\n <\/p>\n <div class=\"que-es-steps\">\n <div class=\"step-item\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-content\">\n <h4>Registro del Participante<\/h4>\n <p>El usuario se registra con sus datos. Tu marca captura leads de calidad desde el primer momento.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-content\">\n <h4>\u00a1Grita tu Gol!<\/h4>\n <p>El participante grita lo m\u00e1s fuerte posible. El sistema mide la intensidad en decibeles en tiempo real.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-content\">\n <h4>Ranking en Vivo<\/h4>\n <p>El Top 10 se actualiza al instante en pantalla. La competencia mantiene la energ\u00eda durante todo el evento.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-content\">\n <h4>Contenido y Datos<\/h4>\n <p>Cada participante genera UGC con tu marca. T\u00fa recibes datos y reportes post-evento.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"feature-blocks\">\n <div class=\"feature-block\">\n <div class=\"feature-icon orange\">\ud83c\udf99\ufe0f<\/div>\n <h4>Medici\u00f3n de Audio<\/h4>\n <p>Tecnolog\u00eda de captura de decibeles en tiempo real, precisa y justa para todos los participantes.<\/p>\n <\/div>\n <div class=\"feature-block\">\n <div class=\"feature-icon green\">\ud83d\udcf9<\/div>\n <h4>Grabaci\u00f3n de Video<\/h4>\n <p>Captura el momento exacto del grito. El participante se lleva un recuerdo con tu branding.<\/p>\n <\/div>\n <div class=\"feature-block\">\n <div class=\"feature-icon blue\">\ud83c\udfc6<\/div>\n <h4>Top 10 en Vivo<\/h4>\n <p>Ranking din\u00e1mico proyectado en pantalla que mantiene la competitividad durante todo el evento.<\/p>\n <\/div>\n <div class=\"feature-block\">\n <div class=\"feature-icon teal\">\ud83d\udcca<\/div>\n <h4>Generaci\u00f3n de Leads<\/h4>\n <p>Captura nombre, contacto y datos de cada participante. Base de datos lista para tu estrategia.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"planes\" id=\"planes\">\n <div class=\"container\">\n <span class=\"section-tag\">Inversi\u00f3n<\/span>\n <h2 class=\"section-title\" style=\"color:white;\">Planes<br>Disponibles<\/h2>\n <p class=\"section-sub\">Elige el plan que mejor se adapte a tu evento. Todos incluyen landing personalizada con el branding de tu marca.<\/p>\n\n <div class=\"planes-grid\">\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">Audio<\/div>\n <p style=\"font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:4px;\">Plan B\u00e1sico<\/p>\n <div class=\"plan-price\">Q5,500<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li>Landing personalizada con tu marca<\/li>\n <li>Medici\u00f3n de audio en vivo<\/li>\n <li>Registro de usuarios \/ leads<\/li>\n <li>Tabla de participantes<\/li>\n <\/ul>\n <button class=\"plan-cta\">Cotizar Plan<\/button>\n <\/div>\n\n \n <div class=\"plan-card featured\">\n <div class=\"plan-badge\">M\u00e1s Popular<\/div>\n <div class=\"plan-name\">PRO<\/div>\n <p style=\"font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:4px;\">Audio + Video<\/p>\n <div class=\"plan-price\">Q7,500<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li>Landing personalizada con tu marca<\/li>\n <li>Medici\u00f3n de audio en vivo<\/li>\n <li>Registro de usuarios \/ leads<\/li>\n <li>Tabla de participantes<\/li>\n <li>Grabaci\u00f3n de video del grito<\/li>\n <li>Top 10 en vivo en pantalla<\/li>\n <\/ul>\n <button class=\"plan-cta\">Cotizar Plan<\/button>\n <\/div>\n\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">Premium<\/div>\n <p style=\"font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:4px;\">Completo<\/p>\n <div class=\"plan-price\">Q12,000<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li>Todo lo del Plan PRO<\/li>\n <li>M\u00f3dulo de Trivia<\/li>\n <li>Ruleta de Premios<\/li>\n <\/ul>\n <button class=\"plan-cta\">Cotizar Plan<\/button>\n <\/div>\n\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">Completo<\/div>\n <p style=\"font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:4px;\">Todo Incluido<\/p>\n <div class=\"plan-price\">Q18,000<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li>Todo lo del Plan Premium<\/li>\n <li>Pantalla LED<\/li>\n <li>Tablets para participantes<\/li>\n <li>Personal de Profile en sitio<\/li>\n <li>Reporte post-evento<\/li>\n <\/ul>\n <button class=\"plan-cta\">Cotizar Plan<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"extras\" id=\"extras\">\n <div class=\"container\">\n <span class=\"section-tag\">Add-ons<\/span>\n <h2 class=\"section-title\">M\u00f3dulos<br>Opcionales<\/h2>\n <p class=\"section-sub\">Potencia cualquier plan con estos m\u00f3dulos adicionales que elevan el engagement de tu experiencia.<\/p>\n\n <div class=\"extras-grid\">\n <div class=\"extra-card\">\n <div class=\"extra-icon\">\ud83c\udfa1<\/div>\n <h3>Ruleta de Premios<\/h3>\n <p>Gira interactiva con premios configurables. Aumenta el tiempo de interacci\u00f3n y genera expectativa entre el p\u00fablico del evento.<\/p>\n <div class=\"extra-price\">Q1,500 <span>por evento<\/span><\/div>\n <\/div>\n <div class=\"extra-card\">\n <div class=\"extra-icon\">\ud83e\udde0<\/div>\n <h3>Trivia<\/h3>\n <p>Preguntas preconfiguradas y personalizables para tu marca. Incluye hasta 10 preguntas adicionales para reforzar el mensaje.<\/p>\n <div class=\"extra-price\">Q1,600 <span>por evento<\/span><\/div>\n <\/div>\n <div class=\"extra-card\">\n <div class=\"extra-icon\">\ud83d\udcf2<\/div>\n <h3>Compartir Videos<\/h3>\n <p>Los participantes reciben su video del grito directamente en su tel\u00e9fono, con overlay de tu marca lista para compartir en redes.<\/p>\n <div class=\"extra-price\">Q1,800 <span>por evento<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"valor\" id=\"valor\">\n <div class=\"container valor-grid\">\n <div>\n <span class=\"section-tag\">Por Qu\u00e9 Funciona<\/span>\n <h2 class=\"section-title\">Datos,<br>Contenido<br>y Conexi\u00f3n<\/h2>\n <div class=\"stat-row\">\n <div class=\"stat-box\">\n <div class=\"num\">100%<\/div>\n <div class=\"lbl\">Personalizable con el branding de tu marca<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">+UGC<\/div>\n <div class=\"lbl\">Contenido generado por usuario listo para redes<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">Real<\/div>\n <div class=\"lbl\">Medici\u00f3n en tiempo real, sin delays<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">Leads<\/div>\n <div class=\"lbl\">Base de datos de participantes para tu CRM<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"valor-quote\">\n <p>No es solo una din\u00e1mica. Es una experiencia que genera datos, contenido y conexi\u00f3n con la marca.<\/p>\n <em>\u2014 Profile Interactive Media<\/em>\n <\/div>\n <div class=\"valor-list\">\n <div class=\"valor-list-item\">\n <div class=\"valor-dot\"><\/div>\n <p><strong>Generaci\u00f3n de leads:<\/strong> cada participante registra sus datos para competir.<\/p>\n <\/div>\n <div class=\"valor-list-item\">\n <div class=\"valor-dot\"><\/div>\n <p><strong>Contenido UGC:<\/strong> videos y momentos con overlay de tu marca listos para publicar.<\/p>\n <\/div>\n <div class=\"valor-list-item\">\n <div class=\"valor-dot\"><\/div>\n <p><strong>Engagement en eventos:<\/strong> el ranking en vivo crea competencia y diversi\u00f3n sostenida.<\/p>\n <\/div>\n <div class=\"valor-list-item\">\n <div class=\"valor-dot\"><\/div>\n <p><strong>Branding en vivo:<\/strong> tu logo y colores presentes en cada pantalla, en todo momento.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"branding\">\n <div class=\"container\">\n <div class=\"branding-intro\">\n <span class=\"section-tag\">Personalizaci\u00f3n<\/span>\n <h2 class=\"section-title\">Completamente<br>Brandeado<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto;\">\n As\u00ed es como se ve el Gol\u00f3metro con diferentes marcas. Tu logo, tus colores, tu identidad \u2014 en cada pantalla del evento.\n <\/p>\n <\/div>\n <div class=\"branding-grid\">\n \n <div class=\"brand-card\">\n <div class=\"brand-header\" style=\"background: linear-gradient(135deg, #00477f, #05779b);\">\n <div class=\"brand-dot\" style=\"background:#8eb713;\"><\/div>\n <div class=\"brand-name\">Profile Interactive<\/div>\n <\/div>\n <div class=\"brand-demo\">\n <div class=\"brand-demo-bar\" style=\"background: linear-gradient(90deg, #8eb713, #05779b); width:82%;\"><\/div>\n <div class=\"brand-demo-name\" style=\"color:#00477f;\">\ud83c\udfc6 Carlos M\u00e9ndez<\/div>\n <div class=\"brand-demo-db\" style=\"color:#8eb713;\">82 <span style=\"font-size:16px;color:#888;\">dB<\/span><\/div>\n <\/div>\n <div class=\"brand-cta-row\">\n <button class=\"brand-demo-btn\" style=\"background: linear-gradient(135deg, #00477f, #05779b);\">\u00a1Grita Aqu\u00ed!<\/button>\n <\/div>\n <\/div>\n \n <div class=\"brand-card\">\n <div class=\"brand-header\" style=\"background: linear-gradient(135deg, #c0392b, #e74c3c);\">\n <div class=\"brand-dot\" style=\"background:#f39c12;\"><\/div>\n <div class=\"brand-name\">Tu Marca Aqu\u00ed<\/div>\n <\/div>\n <div class=\"brand-demo\">\n <div class=\"brand-demo-bar\" style=\"background: linear-gradient(90deg, #f39c12, #e74c3c); width:67%;\"><\/div>\n <div class=\"brand-demo-name\" style=\"color:#c0392b;\">\ud83e\udd4a Ana Garc\u00eda<\/div>\n <div class=\"brand-demo-db\" style=\"color:#c0392b;\">67 <span style=\"font-size:16px;color:#888;\">dB<\/span><\/div>\n <\/div>\n <div class=\"brand-cta-row\">\n <button class=\"brand-demo-btn\" style=\"background: linear-gradient(135deg, #c0392b, #e74c3c);\">\u00a1Grita Aqu\u00ed!<\/button>\n <\/div>\n <\/div>\n \n <div class=\"brand-card\">\n <div class=\"brand-header\" style=\"background: linear-gradient(135deg, #1e8449, #27ae60);\">\n <div class=\"brand-dot\" style=\"background:#f7dc6f;\"><\/div>\n <div class=\"brand-name\">Tu Evento Aqu\u00ed<\/div>\n <\/div>\n <div class=\"brand-demo\">\n <div class=\"brand-demo-bar\" style=\"background: linear-gradient(90deg, #f7dc6f, #27ae60); width:91%;\"><\/div>\n <div class=\"brand-demo-name\" style=\"color:#1e8449;\">\u26a1 Miguel Torres<\/div>\n <div class=\"brand-demo-db\" style=\"color:#1e8449;\">91 <span style=\"font-size:16px;color:#888;\">dB<\/span><\/div>\n <\/div>\n <div class=\"brand-cta-row\">\n <button class=\"brand-demo-btn\" style=\"background: linear-gradient(135deg, #1e8449, #27ae60);\">\u00a1Grita Aqu\u00ed!<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-final\" id=\"contacto\">\n <div class=\"container\">\n <h2>\u00bfListo para<br><span>Activar<\/span> tu Evento?<\/h2>\n <p>Cont\u00e1ctanos para una demo personalizada y cotizaci\u00f3n sin compromiso. Te mostramos c\u00f3mo se ver\u00eda el Gol\u00f3metro con tu marca.<\/p>\n <div class=\"cta-btns\">\n <a href=\"mailto:info@profileinteractive.com\" class=\"btn-primary\">Solicitar Demo<\/a>\n <a href=\"https:\/\/wa.me\/50200000000\" class=\"btn-outline\">WhatsApp Directo<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/profileim.tech\/wp-content\/uploads\/2026\/04\/logogrande.png\" alt=\"Profile Interactive Media\">\n <span class=\"footer-copy\" style=\"color:rgba(255,255,255,0.4);\">Profile Interactive Media<\/span>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#planes\">Planes<\/a>\n <a href=\"#extras\">Extras<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <\/div>\n <span class=\"footer-copy\">\u00a9 2026 Profile Interactive Media. Todos los derechos reservados.<\/span>\n<\/footer>\n\n<script>\n \/\/ Smooth nav highlight on scroll\n const sections = document.querySelectorAll('section[id]');\n const navLinks = document.querySelectorAll('.nav-links a');\n window.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(s => {\n if (window.scrollY >= s.offsetTop - 100) current = s.id;\n });\n navLinks.forEach(a => {\n a.style.color = a.getAttribute('href') === '#' + current\n ? 'var(--green)' : '';\n });\n });\n\n \/\/ Plan CTA buttons\n document.querySelectorAll('.plan-cta, .nav-cta, .btn-primary, .btn-outline').forEach(btn => {\n btn.addEventListener('click', function(e) {\n const href = this.getAttribute('href');\n if (!href || href === '#contacto') {\n document.querySelector('#contacto').scrollIntoView({behavior:'smooth'});\n }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gol\u00f3metro \u2014 Profile Interactive Media Gol\u00f3metro Qu\u00e9 es Planes Extras Valor Contacto Cotizar Experiencia Interactiva para Eventos Mide Tu Grito by Profile Interactive Media Experiencia interactiva donde los asistentes miden la intensidad de su grito, compiten en ranking en tiempo real y generan contenido digital con tu marca. Ver Planes y Precios C\u00f3mo Funciona Medidor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/profileim.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":4,"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/profileim.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13,"date":"2026-04-30T19:50:34","date_gmt":"2026-04-30T19:50:34","guid":{"rendered":"https:\/\/profileim.tech\/?page_id=13"},"modified":"2026-04-30T20:20:03","modified_gmt":"2026-04-30T20:20:03","slug":"pagina-de-informacion","status":"publish","type":"page","link":"https:\/\/profileim.tech\/?page_id=13","title":{"rendered":"Pagina de informacion"},"content":{"rendered":"\n\n\n\n\n\nGol\u00f3metro \u2014 Profile Interactive Media<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;700;900&family=Barlow:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --blue-dark: #00477f;\n --blue-mid: #05779b;\n --blue-light: #5ba4c5;\n --teal: #0e5569;\n --green: #8eb713;\n --green-light: #a3cc1a;\n --orange: #05779b;\n --orange-light: #5ba4c5;\n --white: #ffffff;\n --gray-light: #f4f6f8;\n --gray-mid: #e8ecef;\n --dark: #001e3c;\n --text-dark: #0d2137;\n --text-mid: #5d6d7e;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Barlow', sans-serif;\n color: var(--text-dark);\n background: var(--white);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n background: rgba(13, 27, 42, 0.95);\n backdrop-filter: blur(8px);\n padding: 0 40px;\n display: flex; align-items: center; justify-content: space-between;\n height: 64px;\n }\n .nav-logo { display: flex; align-items: center; gap: 14px; }\n .nav-logo img { height: 34px; filter: brightness(1.1); }\n .nav-logo span {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 13px; font-weight: 700; letter-spacing: 0.12em;\n color: var(--green); text-transform: uppercase;\n }\n .nav-links { display: flex; gap: 32px; }\n .nav-links a {\n color: rgba(255,255,255,0.75); text-decoration: none;\n font-size: 13px; font-weight: 600; letter-spacing: 0.06em;\n text-transform: uppercase; transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--green); }\n .nav-cta {\n background: var(--blue-mid); color: white;\n border: none; padding: 8px 22px; border-radius: 4px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 14px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; cursor: pointer; transition: background 0.2s;\n text-decoration: none;\n }\n .nav-cta:hover { background: var(--blue-dark); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n background: linear-gradient(135deg, #001e3c 0%, #00477f 50%, #05779b 100%);\n display: flex; align-items: center; justify-content: center;\n position: relative; overflow: hidden; padding: 80px 40px 60px;\n }\n .hero-bg-circles {\n position: absolute; inset: 0; overflow: hidden; pointer-events: none;\n }\n .hero-bg-circles::before {\n content: '';\n position: absolute; right: -10%; top: 10%;\n width: 700px; height: 700px; border-radius: 50%;\n background: radial-gradient(circle, rgba(142,183,19,0.08) 0%, transparent 70%);\n }\n .hero-bg-circles::after {\n content: '';\n position: absolute; left: -5%; bottom: -10%;\n width: 500px; height: 500px; border-radius: 50%;\n background: radial-gradient(circle, rgba(91,164,197,0.08) 0%, transparent 70%);\n }\n .hero-grid {\n max-width: 1200px; width: 100%; margin: auto;\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px;\n align-items: center; position: relative; z-index: 2;\n }\n .hero-tag {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(142,183,19,0.15); border: 1px solid rgba(142,183,19,0.35);\n color: var(--green-light); padding: 6px 14px; border-radius: 20px;\n font-size: 12px; font-weight: 600; letter-spacing: 0.1em;\n text-transform: uppercase; margin-bottom: 24px;\n }\n .hero-tag span { width: 6px; height: 6px; border-radius: 50%; background: var(--green); animation: pulse 2s infinite; }\n @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.4)} }\n\n .hero h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(56px, 8vw, 96px);\n font-weight: 900; line-height: 0.9;\n text-transform: uppercase; margin-bottom: 12px;\n }\n .hero h1 .line1 { color: white; display: block; }\n .hero h1 .line2 { color: var(--green); display: block; }\n .hero h1 .line3 { color: var(--green); display: block; font-size: 0.55em; letter-spacing: 0.04em; margin-top: 6px; }\n\n .hero-sub {\n color: rgba(255,255,255,0.65); font-size: 17px; line-height: 1.7;\n max-width: 460px; margin: 24px 0 36px;\n }\n .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }\n .btn-primary {\n background: var(--blue-mid); color: white; border: none;\n padding: 14px 32px; border-radius: 5px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; cursor: pointer; text-decoration: none;\n transition: transform 0.15s, background 0.2s;\n display: inline-block;\n }\n .btn-primary:hover { background: var(--blue-dark); transform: translateY(-2px); }\n .btn-outline {\n background: transparent; color: white;\n border: 1.5px solid rgba(255,255,255,0.4);\n padding: 14px 32px; border-radius: 5px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; cursor: pointer; text-decoration: none;\n transition: border-color 0.2s, color 0.2s; display: inline-block;\n }\n .btn-outline:hover { border-color: var(--green); color: var(--green); }\n\n \/* Hero visual \u2014 meter graphic *\/\n .hero-visual {\n display: flex; align-items: center; justify-content: center;\n }\n .meter-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 20px; padding: 40px 36px;\n text-align: center; width: 340px;\n position: relative; overflow: hidden;\n }\n .meter-card::before {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(135deg, rgba(125,186,0,0.05) 0%, rgba(255,102,0,0.05) 100%);\n }\n .meter-label {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; font-weight: 700; letter-spacing: 0.15em;\n color: rgba(255,255,255,0.5); text-transform: uppercase; margin-bottom: 20px;\n }\n .meter-gauge {\n width: 220px; height: 110px; margin: 0 auto 24px;\n position: relative;\n }\n .meter-gauge svg { width: 100%; height: 100%; overflow: visible; }\n .meter-dbs {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 64px; font-weight: 900; color: var(--green);\n line-height: 1; margin-bottom: 4px;\n }\n .meter-unit {\n font-size: 13px; color: rgba(255,255,255,0.5);\n letter-spacing: 0.1em; text-transform: uppercase;\n margin-bottom: 20px;\n }\n .meter-bar-wrap {\n background: rgba(255,255,255,0.08); border-radius: 4px;\n height: 8px; margin-bottom: 16px; overflow: hidden;\n }\n .meter-bar-fill {\n height: 100%; border-radius: 4px;\n background: linear-gradient(90deg, var(--green), var(--blue-mid), var(--blue-dark));\n width: 78%; transition: width 0.6s ease;\n animation: barPulse 3s infinite alternate;\n }\n @keyframes barPulse { from{width:60%} to{width:88%} }\n .meter-name {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 700; color: white;\n margin-bottom: 4px;\n }\n .meter-rank {\n font-size: 13px; color: var(--green); font-weight: 600;\n }\n .medal { font-size: 22px; }\n\n \/* \u2500\u2500 SECTION SHARED \u2500\u2500 *\/\n section { padding: 100px 40px; }\n .container { max-width: 1200px; margin: auto; }\n .section-tag {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; font-weight: 700; letter-spacing: 0.15em;\n text-transform: uppercase; color: var(--blue-mid);\n margin-bottom: 12px; display: block;\n }\n .section-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(36px, 5vw, 58px); font-weight: 900;\n text-transform: uppercase; line-height: 0.95; margin-bottom: 20px;\n }\n .section-sub {\n font-size: 17px; color: var(--text-mid); line-height: 1.7;\n max-width: 580px;\n }\n\n \/* \u2500\u2500 QU\u00c9 ES \u2500\u2500 *\/\n .que-es { background: var(--gray-light); }\n .que-es-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: center;\n }\n .que-es-steps { margin-top: 40px; display: flex; flex-direction: column; gap: 24px; }\n .step-item { display: flex; gap: 18px; align-items: flex-start; }\n .step-num {\n flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%;\n background: var(--blue-mid); color: white;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 900;\n display: flex; align-items: center; justify-content: center;\n }\n .step-content h4 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 700; margin-bottom: 4px;\n }\n .step-content p { font-size: 15px; color: var(--text-mid); line-height: 1.6; }\n\n \/* Feature blocks right *\/\n .feature-blocks { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .feature-block {\n background: white; border-radius: 12px; padding: 28px 24px;\n border: 1px solid var(--gray-mid);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .feature-block:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }\n .feature-icon {\n width: 48px; height: 48px; border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n font-size: 22px; margin-bottom: 14px;\n }\n .feature-icon.orange { background: rgba(5,119,155,0.1); }\n .feature-icon.green { background: rgba(125,186,0,0.1); }\n .feature-icon.blue { background: rgba(46,134,193,0.1); }\n .feature-icon.teal { background: rgba(26,138,122,0.1); }\n .feature-block h4 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 18px; font-weight: 700; margin-bottom: 6px;\n }\n .feature-block p { font-size: 14px; color: var(--text-mid); line-height: 1.6; }\n\n \/* \u2500\u2500 PLANES \u2500\u2500 *\/\n .planes { background: #001e3c; }\n .planes .section-title { color: white; }\n .planes .section-sub { color: rgba(255,255,255,0.55); }\n .planes .section-tag { color: var(--green); }\n\n .planes-grid {\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .plan-card {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: 16px; padding: 36px 28px;\n transition: transform 0.2s, border-color 0.2s;\n position: relative;\n }\n .plan-card:hover { transform: translateY(-6px); border-color: rgba(125,186,0,0.4); }\n .plan-card.featured {\n border-color: var(--blue-mid);\n background: rgba(5,119,155,0.1);\n }\n .plan-badge {\n position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n background: var(--green); color: white;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 12px; font-weight: 700; letter-spacing: 0.1em;\n padding: 4px 16px; border-radius: 20px; text-transform: uppercase;\n white-space: nowrap;\n }\n .plan-name {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 26px; font-weight: 900; color: white;\n text-transform: uppercase; margin-bottom: 6px;\n }\n .plan-price {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 42px; font-weight: 900; color: var(--green);\n line-height: 1; margin: 16px 0;\n }\n .plan-price span { font-size: 18px; font-weight: 400; color: rgba(255,255,255,0.4); }\n .plan-divider {\n height: 1px; background: rgba(255,255,255,0.1);\n margin: 20px 0;\n }\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n .plan-features li {\n font-size: 14px; color: rgba(255,255,255,0.7);\n display: flex; align-items: flex-start; gap: 10px; line-height: 1.4;\n }\n .plan-features li::before {\n content: '\u2713'; color: var(--green); font-weight: 700;\n flex-shrink: 0; margin-top: 1px;\n }\n .plan-cta {\n margin-top: 28px; width: 100%;\n background: transparent; border: 1.5px solid rgba(255,255,255,0.2); color: white;\n padding: 12px; border-radius: 6px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px; font-weight: 700; letter-spacing: 0.08em;\n text-transform: uppercase; cursor: pointer; transition: all 0.2s;\n }\n .plan-cta:hover { border-color: var(--green); color: var(--green); }\n .plan-card.featured .plan-cta {\n background: var(--blue-mid); border-color: var(--blue-mid);\n }\n .plan-card.featured .plan-cta:hover { background: var(--blue-dark); }\n\n \/* \u2500\u2500 EXTRAS \u2500\u2500 *\/\n .extras { background: var(--gray-light); }\n .extras-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px; margin-top: 56px;\n }\n .extra-card {\n background: white; border-radius: 14px; padding: 36px 30px;\n border: 1px solid var(--gray-mid); text-align: center;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .extra-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }\n .extra-icon { font-size: 44px; margin-bottom: 16px; }\n .extra-card h3 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 24px; font-weight: 900; text-transform: uppercase;\n margin-bottom: 8px;\n }\n .extra-card p { font-size: 14px; color: var(--text-mid); line-height: 1.6; margin-bottom: 20px; }\n .extra-price {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 34px; font-weight: 900; color: var(--blue-mid);\n }\n .extra-price span { font-size: 15px; color: var(--text-mid); font-weight: 400; }\n\n \/* \u2500\u2500 VALOR \u2500\u2500 *\/\n .valor { background: white; }\n .valor-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 80px; align-items: center;\n }\n .stat-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }\n .stat-box {\n background: var(--gray-light); border-radius: 12px;\n padding: 28px 24px; text-align: center;\n }\n .stat-box .num {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 52px; font-weight: 900; color: var(--blue-mid);\n line-height: 1;\n }\n .stat-box .lbl {\n font-size: 13px; color: var(--text-mid); margin-top: 6px; line-height: 1.4;\n }\n .valor-quote {\n background: var(--dark); border-radius: 16px;\n padding: 48px 44px; position: relative;\n }\n .valor-quote::before {\n content: '\"';\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 120px; font-weight: 900; color: var(--green);\n line-height: 0.7; position: absolute; top: 24px; left: 28px;\n opacity: 0.3;\n }\n .valor-quote p {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 28px; font-weight: 700; color: white;\n line-height: 1.3; text-transform: uppercase;\n }\n .valor-quote em {\n display: block; font-style: normal; font-size: 14px;\n color: var(--green); font-family: 'Barlow', sans-serif;\n font-weight: 600; margin-top: 20px; letter-spacing: 0.05em;\n }\n .valor-list { margin-top: 32px; display: flex; flex-direction: column; gap: 14px; }\n .valor-list-item { display: flex; gap: 14px; align-items: flex-start; }\n .valor-dot {\n flex-shrink: 0; width: 10px; height: 10px; border-radius: 50%;\n background: var(--green); margin-top: 6px;\n }\n .valor-list-item p { font-size: 16px; color: var(--text-mid); line-height: 1.6; }\n .valor-list-item strong { color: var(--text-dark); }\n\n \/* \u2500\u2500 BRANDING DEMO \u2500\u2500 *\/\n .branding { background: var(--gray-light); }\n .branding-intro { text-align: center; margin-bottom: 60px; }\n .branding-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n .brand-card {\n border-radius: 16px; overflow: hidden;\n box-shadow: 0 4px 24px rgba(0,0,0,0.1);\n transition: transform 0.2s;\n }\n .brand-card:hover { transform: translateY(-4px); }\n .brand-header { padding: 20px 24px; display: flex; align-items: center; gap: 12px; }\n .brand-dot { width: 12px; height: 12px; border-radius: 50%; }\n .brand-name {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 16px; font-weight: 700; color: white;\n text-transform: uppercase; letter-spacing: 0.05em;\n }\n .brand-demo {\n padding: 28px 24px;\n background: white;\n }\n .brand-demo-bar {\n height: 8px; border-radius: 4px; margin-bottom: 12px;\n }\n .brand-demo-name {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 20px; font-weight: 700; margin-bottom: 4px;\n }\n .brand-demo-db { font-size: 36px; font-weight: 900; line-height: 1; }\n .brand-demo-unit { font-size: 12px; color: var(--text-mid); }\n .brand-cta-row { padding: 16px 24px; background: white; border-top: 1px solid var(--gray-mid); }\n .brand-demo-btn {\n width: 100%; padding: 10px; border: none; border-radius: 5px;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 15px; font-weight: 700; letter-spacing: 0.06em;\n text-transform: uppercase; cursor: pointer; color: white;\n transition: opacity 0.2s;\n }\n .brand-demo-btn:hover { opacity: 0.85; }\n\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n .cta-final {\n background: linear-gradient(135deg, #001e3c 0%, #00477f 60%, #05779b 100%);\n text-align: center; padding: 120px 40px;\n position: relative; overflow: hidden;\n }\n .cta-final::before {\n content: '';\n position: absolute; top: -100px; left: 50%; transform: translateX(-50%);\n width: 800px; height: 800px; border-radius: 50%;\n background: radial-gradient(circle, rgba(142,183,19,0.07) 0%, transparent 65%);\n pointer-events: none;\n }\n .cta-final h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(40px, 6vw, 72px); font-weight: 900;\n text-transform: uppercase; color: white; line-height: 0.95;\n margin-bottom: 20px; position: relative;\n }\n .cta-final h2 span { color: var(--green); }\n .cta-final p {\n font-size: 18px; color: rgba(255,255,255,0.6);\n max-width: 520px; margin: 0 auto 40px; line-height: 1.7;\n position: relative;\n }\n .cta-final .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: #060e18; padding: 32px 40px;\n display: flex; align-items: center; justify-content: space-between;\n flex-wrap: wrap; gap: 16px;\n }\n .footer-logo { display: flex; align-items: center; gap: 12px; }\n .footer-logo img { height: 28px; opacity: 0.7; }\n .footer-copy { font-size: 13px; color: rgba(255,255,255,0.35); }\n .footer-links { display: flex; gap: 24px; }\n .footer-links a { font-size: 13px; color: rgba(255,255,255,0.35); text-decoration: none; }\n .footer-links a:hover { color: var(--green); }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 960px) {\n .hero-grid, .que-es-grid, .valor-grid { grid-template-columns: 1fr; gap: 50px; }\n .hero-visual { order: -1; }\n .planes-grid { grid-template-columns: repeat(2, 1fr); }\n .branding-grid { grid-template-columns: 1fr; max-width: 380px; margin: auto; }\n nav .nav-links { display: none; }\n }\n @media (max-width: 640px) {\n .planes-grid, .extras-grid, .feature-blocks { grid-template-columns: 1fr; }\n section { padding: 64px 24px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-logo\">\n <img decoding=\"async\" src=\"https:\/\/profileim.tech\/wp-content\/uploads\/2026\/04\/logogrande.png\" alt=\"Profile Interactive Media\">\n <span>Gol\u00f3metro<\/span>\n <\/div>\n <div class=\"nav-links\">\n <a href=\"#que-es\">Qu\u00e9 es<\/a>\n <a href=\"#planes\">Planes<\/a>\n <a href=\"#extras\">Extras<\/a>\n <a href=\"#valor\">Valor<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <\/div>\n <a href=\"#contacto\" class=\"nav-cta\">Cotizar<\/a>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-bg-circles\"><\/div>\n <div class=\"hero-grid container\">\n <div class=\"hero-left\">\n <div class=\"hero-tag\">\n <span><\/span>\n Experiencia Interactiva para Eventos\n <\/div>\n <h1>\n <span class=\"line1\">Mide<\/span>\n <span class=\"line2\">Tu Grito<\/span>\n <span class=\"line3\">by Profile Interactive Media<\/span>\n <\/h1>\n <p class=\"hero-sub\">\n Experiencia interactiva donde los asistentes miden la intensidad de su grito, compiten en ranking en tiempo real y generan contenido digital con tu marca.\n <\/p>\n <div class=\"hero-btns\">\n <a href=\"#planes\" class=\"btn-primary\">Ver Planes y Precios<\/a>\n <a href=\"#que-es\" class=\"btn-outline\">C\u00f3mo Funciona<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual\">\n <div class=\"meter-card\">\n <div class=\"meter-label\">Medidor en Vivo<\/div>\n <div class=\"meter-gauge\">\n <svg viewBox=\"0 0 220 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <path d=\"M 20 110 A 90 90 0 0 1 200 110\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"14\" stroke-linecap=\"round\"\/>\n \n <path d=\"M 20 110 A 90 90 0 0 1 200 110\" fill=\"none\" stroke=\"url(#gaugeGrad)\" stroke-width=\"14\" stroke-linecap=\"round\"\n stroke-dasharray=\"283\" stroke-dashoffset=\"70\">\n <animate attributeName=\"stroke-dashoffset\" from=\"283\" to=\"70\" dur=\"2s\" fill=\"freeze\" calcMode=\"spline\" keySplines=\"0.4 0 0.2 1\"\/>\n <\/path>\n \n <line x1=\"110\" y1=\"110\" x2=\"60\" y2=\"30\" stroke=\"#8eb713\" stroke-width=\"3\" stroke-linecap=\"round\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"-80 110 110\" to=\"30 110 110\" dur=\"2s\" fill=\"freeze\" calcMode=\"spline\" keySplines=\"0.4 0 0.2 1\"\/>\n <\/line>\n <circle cx=\"110\" cy=\"110\" r=\"8\" fill=\"#8eb713\"\/>\n <circle cx=\"110\" cy=\"110\" r=\"4\" fill=\"white\"\/>\n \n <text x=\"18\" y=\"130\" fill=\"rgba(255,255,255,0.4)\" font-size=\"12\" font-family=\"sans-serif\">0<\/text>\n <text x=\"100\" y=\"20\" fill=\"rgba(255,255,255,0.4)\" font-size=\"12\" font-family=\"sans-serif\" text-anchor=\"middle\">50<\/text>\n <text x=\"192\" y=\"130\" fill=\"rgba(255,255,255,0.4)\" font-size=\"12\" font-family=\"sans-serif\">100<\/text>\n <defs>\n <linearGradient id=\"gaugeGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" stop-color=\"#8eb713\"\/>\n <stop offset=\"60%\" stop-color=\"#05779b\"\/>\n <stop offset=\"100%\" stop-color=\"#00477f\"\/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <div class=\"meter-dbs\">78<\/div>\n <div class=\"meter-unit\">Decibeles<\/div>\n <div class=\"meter-bar-wrap\">\n <div class=\"meter-bar-fill\"><\/div>\n <\/div>\n <div class=\"meter-name\">\ud83c\udfc6 Carlos M\u00e9ndez<\/div>\n <div class=\"meter-rank\">#1 en el ranking \u2014 Tu marca aqu\u00ed<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"que-es\" id=\"que-es\">\n <div class=\"container que-es-grid\">\n <div>\n <span class=\"section-tag\">C\u00f3mo Funciona<\/span>\n <h2 class=\"section-title\">Una Experiencia<br>que Conecta<\/h2>\n <p class=\"section-sub\">\n El Gol\u00f3metro convierte un simple grito en una experiencia de marca memorable. Los participantes compiten, el p\u00fablico se involucra y tu marca queda en el centro de la acci\u00f3n.\n <\/p>\n <div class=\"que-es-steps\">\n <div class=\"step-item\">\n <div class=\"step-num\">1<\/div>\n <div class=\"step-content\">\n <h4>Registro del Participante<\/h4>\n <p>El usuario se registra con sus datos. Tu marca captura leads de calidad desde el primer momento.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">2<\/div>\n <div class=\"step-content\">\n <h4>\u00a1Grita tu Gol!<\/h4>\n <p>El participante grita lo m\u00e1s fuerte posible. El sistema mide la intensidad en decibeles en tiempo real.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">3<\/div>\n <div class=\"step-content\">\n <h4>Ranking en Vivo<\/h4>\n <p>El Top 10 se actualiza al instante en pantalla. La competencia mantiene la energ\u00eda durante todo el evento.<\/p>\n <\/div>\n <\/div>\n <div class=\"step-item\">\n <div class=\"step-num\">4<\/div>\n <div class=\"step-content\">\n <h4>Contenido y Datos<\/h4>\n <p>Cada participante genera UGC con tu marca. T\u00fa recibes datos y reportes post-evento.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"feature-blocks\">\n <div class=\"feature-block\">\n <div class=\"feature-icon orange\">\ud83c\udf99\ufe0f<\/div>\n <h4>Medici\u00f3n de Audio<\/h4>\n <p>Tecnolog\u00eda de captura de decibeles en tiempo real, precisa y justa para todos los participantes.<\/p>\n <\/div>\n <div class=\"feature-block\">\n <div class=\"feature-icon green\">\ud83d\udcf9<\/div>\n <h4>Grabaci\u00f3n de Video<\/h4>\n <p>Captura el momento exacto del grito. El participante se lleva un recuerdo con tu branding.<\/p>\n <\/div>\n <div class=\"feature-block\">\n <div class=\"feature-icon blue\">\ud83c\udfc6<\/div>\n <h4>Top 10 en Vivo<\/h4>\n <p>Ranking din\u00e1mico proyectado en pantalla que mantiene la competitividad durante todo el evento.<\/p>\n <\/div>\n <div class=\"feature-block\">\n <div class=\"feature-icon teal\">\ud83d\udcca<\/div>\n <h4>Generaci\u00f3n de Leads<\/h4>\n <p>Captura nombre, contacto y datos de cada participante. Base de datos lista para tu estrategia.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"planes\" id=\"planes\">\n <div class=\"container\">\n <span class=\"section-tag\">Inversi\u00f3n<\/span>\n <h2 class=\"section-title\" style=\"color:white;\">Planes<br>Disponibles<\/h2>\n <p class=\"section-sub\">Elige el plan que mejor se adapte a tu evento. Todos incluyen landing personalizada con el branding de tu marca.<\/p>\n\n <div class=\"planes-grid\">\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">Audio<\/div>\n <p style=\"font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:4px;\">Plan B\u00e1sico<\/p>\n <div class=\"plan-price\">Q5,500<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li>Landing personalizada con tu marca<\/li>\n <li>Medici\u00f3n de audio en vivo<\/li>\n <li>Registro de usuarios \/ leads<\/li>\n <li>Tabla de participantes<\/li>\n <\/ul>\n <button class=\"plan-cta\">Cotizar Plan<\/button>\n <\/div>\n\n \n <div class=\"plan-card featured\">\n <div class=\"plan-badge\">M\u00e1s Popular<\/div>\n <div class=\"plan-name\">PRO<\/div>\n <p style=\"font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:4px;\">Audio + Video<\/p>\n <div class=\"plan-price\">Q7,500<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li>Landing personalizada con tu marca<\/li>\n <li>Medici\u00f3n de audio en vivo<\/li>\n <li>Registro de usuarios \/ leads<\/li>\n <li>Tabla de participantes<\/li>\n <li>Grabaci\u00f3n de video del grito<\/li>\n <li>Top 10 en vivo en pantalla<\/li>\n <\/ul>\n <button class=\"plan-cta\">Cotizar Plan<\/button>\n <\/div>\n\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">Premium<\/div>\n <p style=\"font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:4px;\">Completo<\/p>\n <div class=\"plan-price\">Q12,000<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li>Todo lo del Plan PRO<\/li>\n <li>M\u00f3dulo de Trivia<\/li>\n <li>Ruleta de Premios<\/li>\n <\/ul>\n <button class=\"plan-cta\">Cotizar Plan<\/button>\n <\/div>\n\n \n <div class=\"plan-card\">\n <div class=\"plan-name\">Completo<\/div>\n <p style=\"font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:4px;\">Todo Incluido<\/p>\n <div class=\"plan-price\">Q18,000<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li>Todo lo del Plan Premium<\/li>\n <li>Pantalla LED<\/li>\n <li>Tablets para participantes<\/li>\n <li>Personal de Profile en sitio<\/li>\n <li>Reporte post-evento<\/li>\n <\/ul>\n <button class=\"plan-cta\">Cotizar Plan<\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"extras\" id=\"extras\">\n <div class=\"container\">\n <span class=\"section-tag\">Add-ons<\/span>\n <h2 class=\"section-title\">M\u00f3dulos<br>Opcionales<\/h2>\n <p class=\"section-sub\">Potencia cualquier plan con estos m\u00f3dulos adicionales que elevan el engagement de tu experiencia.<\/p>\n\n <div class=\"extras-grid\">\n <div class=\"extra-card\">\n <div class=\"extra-icon\">\ud83c\udfa1<\/div>\n <h3>Ruleta de Premios<\/h3>\n <p>Gira interactiva con premios configurables. Aumenta el tiempo de interacci\u00f3n y genera expectativa entre el p\u00fablico del evento.<\/p>\n <div class=\"extra-price\">Q1,500 <span>por evento<\/span><\/div>\n <\/div>\n <div class=\"extra-card\">\n <div class=\"extra-icon\">\ud83e\udde0<\/div>\n <h3>Trivia<\/h3>\n <p>Preguntas preconfiguradas y personalizables para tu marca. Incluye hasta 10 preguntas adicionales para reforzar el mensaje.<\/p>\n <div class=\"extra-price\">Q1,600 <span>por evento<\/span><\/div>\n <\/div>\n <div class=\"extra-card\">\n <div class=\"extra-icon\">\ud83d\udcf2<\/div>\n <h3>Compartir Videos<\/h3>\n <p>Los participantes reciben su video del grito directamente en su tel\u00e9fono, con overlay de tu marca lista para compartir en redes.<\/p>\n <div class=\"extra-price\">Q1,800 <span>por evento<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"valor\" id=\"valor\">\n <div class=\"container valor-grid\">\n <div>\n <span class=\"section-tag\">Por Qu\u00e9 Funciona<\/span>\n <h2 class=\"section-title\">Datos,<br>Contenido<br>y Conexi\u00f3n<\/h2>\n <div class=\"stat-row\">\n <div class=\"stat-box\">\n <div class=\"num\">100%<\/div>\n <div class=\"lbl\">Personalizable con el branding de tu marca<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">+UGC<\/div>\n <div class=\"lbl\">Contenido generado por usuario listo para redes<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">Real<\/div>\n <div class=\"lbl\">Medici\u00f3n en tiempo real, sin delays<\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"num\">Leads<\/div>\n <div class=\"lbl\">Base de datos de participantes para tu CRM<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"valor-quote\">\n <p>No es solo una din\u00e1mica. Es una experiencia que genera datos, contenido y conexi\u00f3n con la marca.<\/p>\n <em>\u2014 Profile Interactive Media<\/em>\n <\/div>\n <div class=\"valor-list\">\n <div class=\"valor-list-item\">\n <div class=\"valor-dot\"><\/div>\n <p><strong>Generaci\u00f3n de leads:<\/strong> cada participante registra sus datos para competir.<\/p>\n <\/div>\n <div class=\"valor-list-item\">\n <div class=\"valor-dot\"><\/div>\n <p><strong>Contenido UGC:<\/strong> videos y momentos con overlay de tu marca listos para publicar.<\/p>\n <\/div>\n <div class=\"valor-list-item\">\n <div class=\"valor-dot\"><\/div>\n <p><strong>Engagement en eventos:<\/strong> el ranking en vivo crea competencia y diversi\u00f3n sostenida.<\/p>\n <\/div>\n <div class=\"valor-list-item\">\n <div class=\"valor-dot\"><\/div>\n <p><strong>Branding en vivo:<\/strong> tu logo y colores presentes en cada pantalla, en todo momento.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"branding\">\n <div class=\"container\">\n <div class=\"branding-intro\">\n <span class=\"section-tag\">Personalizaci\u00f3n<\/span>\n <h2 class=\"section-title\">Completamente<br>Brandeado<\/h2>\n <p class=\"section-sub\" style=\"margin:0 auto;\">\n As\u00ed es como se ve el Gol\u00f3metro con diferentes marcas. Tu logo, tus colores, tu identidad \u2014 en cada pantalla del evento.\n <\/p>\n <\/div>\n <div class=\"branding-grid\">\n \n <div class=\"brand-card\">\n <div class=\"brand-header\" style=\"background: linear-gradient(135deg, #00477f, #05779b);\">\n <div class=\"brand-dot\" style=\"background:#8eb713;\"><\/div>\n <div class=\"brand-name\">Profile Interactive<\/div>\n <\/div>\n <div class=\"brand-demo\">\n <div class=\"brand-demo-bar\" style=\"background: linear-gradient(90deg, #8eb713, #05779b); width:82%;\"><\/div>\n <div class=\"brand-demo-name\" style=\"color:#00477f;\">\ud83c\udfc6 Carlos M\u00e9ndez<\/div>\n <div class=\"brand-demo-db\" style=\"color:#8eb713;\">82 <span style=\"font-size:16px;color:#888;\">dB<\/span><\/div>\n <\/div>\n <div class=\"brand-cta-row\">\n <button class=\"brand-demo-btn\" style=\"background: linear-gradient(135deg, #00477f, #05779b);\">\u00a1Grita Aqu\u00ed!<\/button>\n <\/div>\n <\/div>\n \n <div class=\"brand-card\">\n <div class=\"brand-header\" style=\"background: linear-gradient(135deg, #c0392b, #e74c3c);\">\n <div class=\"brand-dot\" style=\"background:#f39c12;\"><\/div>\n <div class=\"brand-name\">Tu Marca Aqu\u00ed<\/div>\n <\/div>\n <div class=\"brand-demo\">\n <div class=\"brand-demo-bar\" style=\"background: linear-gradient(90deg, #f39c12, #e74c3c); width:67%;\"><\/div>\n <div class=\"brand-demo-name\" style=\"color:#c0392b;\">\ud83e\udd4a Ana Garc\u00eda<\/div>\n <div class=\"brand-demo-db\" style=\"color:#c0392b;\">67 <span style=\"font-size:16px;color:#888;\">dB<\/span><\/div>\n <\/div>\n <div class=\"brand-cta-row\">\n <button class=\"brand-demo-btn\" style=\"background: linear-gradient(135deg, #c0392b, #e74c3c);\">\u00a1Grita Aqu\u00ed!<\/button>\n <\/div>\n <\/div>\n \n <div class=\"brand-card\">\n <div class=\"brand-header\" style=\"background: linear-gradient(135deg, #1e8449, #27ae60);\">\n <div class=\"brand-dot\" style=\"background:#f7dc6f;\"><\/div>\n <div class=\"brand-name\">Tu Evento Aqu\u00ed<\/div>\n <\/div>\n <div class=\"brand-demo\">\n <div class=\"brand-demo-bar\" style=\"background: linear-gradient(90deg, #f7dc6f, #27ae60); width:91%;\"><\/div>\n <div class=\"brand-demo-name\" style=\"color:#1e8449;\">\u26a1 Miguel Torres<\/div>\n <div class=\"brand-demo-db\" style=\"color:#1e8449;\">91 <span style=\"font-size:16px;color:#888;\">dB<\/span><\/div>\n <\/div>\n <div class=\"brand-cta-row\">\n <button class=\"brand-demo-btn\" style=\"background: linear-gradient(135deg, #1e8449, #27ae60);\">\u00a1Grita Aqu\u00ed!<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cta-final\" id=\"contacto\">\n <div class=\"container\">\n <h2>\u00bfListo para<br><span>Activar<\/span> tu Evento?<\/h2>\n <p>Cont\u00e1ctanos para una demo personalizada y cotizaci\u00f3n sin compromiso. Te mostramos c\u00f3mo se ver\u00eda el Gol\u00f3metro con tu marca.<\/p>\n <div class=\"cta-btns\">\n <a href=\"mailto:info@profileinteractive.com\" class=\"btn-primary\">Solicitar Demo<\/a>\n <a href=\"https:\/\/wa.me\/50200000000\" class=\"btn-outline\">WhatsApp Directo<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/profileim.tech\/wp-content\/uploads\/2026\/04\/logogrande.png\" alt=\"Profile Interactive Media\">\n <span class=\"footer-copy\" style=\"color:rgba(255,255,255,0.4);\">Profile Interactive Media<\/span>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#planes\">Planes<\/a>\n <a href=\"#extras\">Extras<\/a>\n <a href=\"#contacto\">Contacto<\/a>\n <\/div>\n <span class=\"footer-copy\">\u00a9 2026 Profile Interactive Media. Todos los derechos reservados.<\/span>\n<\/footer>\n\n<script>\n \/\/ Smooth nav highlight on scroll\n const sections = document.querySelectorAll('section[id]');\n const navLinks = document.querySelectorAll('.nav-links a');\n window.addEventListener('scroll', () => {\n let current = '';\n sections.forEach(s => {\n if (window.scrollY >= s.offsetTop - 100) current = s.id;\n });\n navLinks.forEach(a => {\n a.style.color = a.getAttribute('href') === '#' + current\n ? 'var(--green)' : '';\n });\n });\n\n \/\/ Plan CTA buttons\n document.querySelectorAll('.plan-cta, .nav-cta, .btn-primary, .btn-outline').forEach(btn => {\n btn.addEventListener('click', function(e) {\n const href = this.getAttribute('href');\n if (!href || href === '#contacto') {\n document.querySelector('#contacto').scrollIntoView({behavior:'smooth'});\n }\n });\n });\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gol\u00f3metro \u2014 Profile Interactive Media Gol\u00f3metro Qu\u00e9 es Planes Extras Valor Contacto Cotizar Experiencia Interactiva para Eventos Mide Tu Grito by Profile Interactive Media Experiencia interactiva donde los asistentes miden la intensidad de su grito, compiten en ranking en tiempo real y generan contenido digital con tu marca. Ver Planes y Precios C\u00f3mo Funciona Medidor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/profileim.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":4,"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/profileim.tech\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/profileim.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}