{"id":199,"date":"2026-04-11T11:36:08","date_gmt":"2026-04-11T11:36:08","guid":{"rendered":"https:\/\/360stark.com\/?page_id=199"},"modified":"2026-04-29T22:48:45","modified_gmt":"2026-04-29T22:48:45","slug":"biolinks-nfc","status":"publish","type":"page","link":"https:\/\/360stark.com\/de\/biolinks-nfc\/","title":{"rendered":"Biolinks Nfc"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n360STARK \u2013 Header<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body style=\"background:#0f1117; min-height:120vh; margin:0; font-family:'Outfit',sans-serif;\">\n\n<header id=\"header-flotante\">\n <div class=\"header-container\">\n\n <div class=\"logo\">\n <a href=\"https:\/\/360stark.com\/\">\n <svg viewBox=\"0 0 220 80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"40\" cy=\"40\" r=\"33\" stroke=\"white\" stroke-width=\"2.5\" stroke-dasharray=\"170 37\" stroke-linecap=\"round\" fill=\"none\"\/>\n <circle cx=\"40\" cy=\"40\" r=\"33\" stroke=\"#FF8C00\" stroke-width=\"3\" stroke-dasharray=\"80 127\" stroke-linecap=\"round\" stroke-dashoffset=\"60\" fill=\"none\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 40 40\" to=\"360 40 40\" dur=\"13s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <text x=\"40\" y=\"48\" text-anchor=\"middle\" font-size=\"26\" font-weight=\"700\" fill=\"#6B7A90\" font-family=\"sans-serif\">S<\/text>\n <text x=\"90\" y=\"45\" font-size=\"22\" font-family=\"monospace\" fill=\"white\"><tspan fill=\"#FF8C00\">360\u00b0<\/tspan> STARK<\/text>\n <\/svg>\n <\/a>\n <\/div>\n\n <nav class=\"menu-principal\" id=\"menu-principal\">\n <ul>\n <li><a href=\"https:\/\/360stark.com\/\" data-slug=\"\">Inicio<\/a><\/li>\n\n <li class=\"has-dropdown\" id=\"menu-servicios\">\n <a href=\"https:\/\/360stark.com\/#servicios\/\" data-slug=\"servicios\" id=\"btn-servicios\">\n Servicios <span class=\"menu-caret\">\u25be<\/span>\n <\/a>\n <div class=\"services-dropdown\" id=\"mega-servicios\">\n <div class=\"services-inner\">\n\n <div class=\"services-col\">\n <div class=\"col-category\">Visibilidad & Medios<\/div>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/marketing-360\/\">\n <span class=\"s-num\">01<\/span>\n <div><span class=\"s-title\">Marketing 360\u00b0<\/span><span class=\"s-desc\">Estrategia integral que cubre todos los canales. Una sola agencia para toda tu presencia digital.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/seo-sem-paid-media\/\">\n <span class=\"s-num\">02<\/span>\n <div><span class=\"s-title\">SEO \/ SEM & Paid Media<\/span><span class=\"s-desc\">Posicionamiento org\u00e1nico y campa\u00f1as de pago. Google Ads, Meta Ads y TikTok Ads con ROI medible.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/branding-diseno\/\">\n <span class=\"s-num\">03<\/span>\n <div><span class=\"s-title\">Branding & Dise\u00f1o<\/span><span class=\"s-desc\">Identidad visual completa. Dise\u00f1o gr\u00e1fico, motion y contenido visual que conecta y perdura.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/auditorias\/\">\n <span class=\"s-num\">10<\/span>\n <div><span class=\"s-title\">Auditor\u00edas<\/span><span class=\"s-desc\">An\u00e1lisis completo de tu presencia digital: SEO, rendimiento, UX y competencia.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <\/div>\n\n <div class=\"col-divider\"><\/div>\n\n <div class=\"services-col\">\n <div class=\"col-category\">Tecnolog\u00eda & Desarrollo<\/div>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/web-development\/\">\n <span class=\"s-num\">04<\/span>\n <div><span class=\"s-title\">Web Development<\/span><span class=\"s-desc\">Desarrollo web a medida, r\u00e1pido y escalable. Tecnolog\u00eda al servicio de tu negocio.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/smartwebs-ia\/\">\n <span class=\"s-num\">05<\/span>\n <div><span class=\"s-title\">Smartwebs & IA<\/span><span class=\"s-desc\">Webs inteligentes con automatizaciones e inteligencia artificial integrada para escalar sin l\u00edmites.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/booking-systems\/\">\n <span class=\"s-num\">07<\/span>\n <div><span class=\"s-title\">Booking Systems<\/span><span class=\"s-desc\">Sistemas de reservas online para restaurantes, cl\u00ednicas y hoteles. Automatiza citas.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/hosting-mantenimiento\/\">\n <span class=\"s-num\">09<\/span>\n <div><span class=\"s-title\">Hosting & Mantenimiento<\/span><span class=\"s-desc\">Servidor r\u00e1pido y seguro. Actualizaciones, backups, seguridad y soporte continuo.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <\/div>\n\n <div class=\"col-divider\"><\/div>\n\n <div class=\"services-col\">\n <div class=\"col-category\">Presencia F\u00edsica & Digital<\/div>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/biolinks-nfc\/\">\n <span class=\"s-num\">06<\/span>\n <div><span class=\"s-badge\">\u00b7 EN COLABORACI\u00d3N CON LINKSCARD.PRO<\/span><span class=\"s-title\">Biolinks & NFC<\/span><span class=\"s-desc\">Tu hub de enlaces con marca propia. Tarjetas NFC f\u00edsicas que comparten tu perfil al instante.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <a class=\"service-item\" href=\"https:\/\/360stark.com\/cartas-digitales\/\">\n <span class=\"s-num\">08<\/span>\n <div><span class=\"s-title\">Cartas Digitales<\/span><span class=\"s-desc\">Men\u00fas digitales QR y NFC para hosteler\u00eda. Actualizaci\u00f3n en tiempo real, sin impresi\u00f3n.<\/span><span class=\"s-link\">Saber m\u00e1s \u2192<\/span><\/div>\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n <\/li>\n\n <li><a href=\"https:\/\/360stark.com\/#nosotros\/\" data-slug=\"nosotros\">Nosotros<\/a><\/li>\n <li><a href=\"https:\/\/360stark.com\/portfolio\/\" data-slug=\"portfolio\">Portfolio<\/a><\/li>\n <li><a href=\"https:\/\/360stark.com\/clientes\/\" data-slug=\"clientes\">Clientes<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <div class=\"header-right\">\n <div class=\"contacto-wrapper\" id=\"contacto-wrapper\">\n <button class=\"btn-contacto\" id=\"btn-contacto\" aria-expanded=\"false\">\n Contacto <span class=\"btn-caret\">\u25be<\/span>\n <\/button>\n <div class=\"contacto-dropdown\" id=\"contacto-dropdown\">\n <a class=\"contacto-item\" id=\"contacto-email\" href=\"mailto:hola@360stark.com\">\n <span class=\"contacto-icon\">\u2709<\/span><span>Email<\/span>\n <\/a>\n <a class=\"contacto-item\" id=\"contacto-whatsapp\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n <span class=\"contacto-icon\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 32 32\"><path fill=\"#25D366\" d=\"M16 0C7.163 0 0 7.163 0 16c0 2.822.736 5.47 2.027 7.77L0 32l8.437-2.01A15.93 15.93 0 0016 32c8.837 0 16-7.163 16-16S24.837 0 16 0z\"\/><path fill=\"#fff\" d=\"M23.5 20.3c-.3-.15-1.8-.89-2.08-.99-.28-.1-.48-.15-.68.15-.2.3-.77.99-.95 1.19-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.89-.8-1.5-1.78-1.67-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.68-1.64-.93-2.24-.24-.59-.49-.51-.68-.52H13.5c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.08 4.49.71.31 1.27.49 1.7.63.72.23 1.37.2 1.88.12.57-.09 1.76-.72 2.01-1.41.25-.69.25-1.28.17-1.41-.07-.13-.27-.2-.57-.35z\"\/><\/svg>\n <\/span><span id=\"whatsapp-label\">WhatsApp ES<\/span>\n <\/a>\n <a class=\"contacto-item\" id=\"contacto-llamar\" href=\"#\">\n <span class=\"contacto-icon\">\ud83d\udcde<\/span><span id=\"llamar-label\">Llamar ES<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"selector-idiomas desktop-only\">\n <button id=\"idioma-toggle\" aria-expanded=\"false\" aria-haspopup=\"listbox\">\n <span class=\"flag\" id=\"flag-activo\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"code\" id=\"code-activo\">ES<\/span>\n <span class=\"caret\">\u25bc<\/span>\n <\/button>\n <ul id=\"idioma-list\" role=\"listbox\" aria-label=\"Seleccionar idioma\">\n <li data-prefix=\"\" data-flag=\"\ud83c\uddea\ud83c\uddf8\" data-code=\"ES\" role=\"option\" tabindex=\"0\"><span class=\"flag\">\ud83c\uddea\ud83c\uddf8<\/span> ES \u2013 Espa\u00f1ol<\/li>\n <li data-prefix=\"de\" data-flag=\"\ud83c\udde9\ud83c\uddea\" data-code=\"DE\" role=\"option\" tabindex=\"0\"><span class=\"flag\">\ud83c\udde9\ud83c\uddea<\/span> DE \u2013 Deutsch<\/li>\n <li data-prefix=\"en\" data-flag=\"\ud83c\uddec\ud83c\udde7\" data-code=\"EN\" role=\"option\" tabindex=\"0\"><span class=\"flag\">\ud83c\uddec\ud83c\udde7<\/span> EN \u2013 English<\/li>\n <\/ul>\n <\/div>\n\n <!-- \u26a0\ufe0f el toggle NO tiene stopPropagation \u2014 gestiona su estado \u00e9l solo -->\n <button class=\"menu-mobile-toggle\" id=\"menu-toggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n <\/div>\n<\/header>\n\n<div id=\"idioma-flotante-mobile\">\n <button id=\"idioma-toggle-mobile\" aria-expanded=\"false\">\n <span class=\"flag\" id=\"flag-activo-mobile\">\ud83c\uddea\ud83c\uddf8<\/span>\n <span class=\"code\" id=\"code-activo-mobile\">ES<\/span>\n <span class=\"caret\">\u25bc<\/span>\n <\/button>\n <ul id=\"idioma-list-mobile\" role=\"listbox\">\n <li data-prefix=\"\" data-flag=\"\ud83c\uddea\ud83c\uddf8\" data-code=\"ES\" role=\"option\" tabindex=\"0\"><span class=\"flag\">\ud83c\uddea\ud83c\uddf8<\/span> ES \u2013 Espa\u00f1ol<\/li>\n <li data-prefix=\"de\" data-flag=\"\ud83c\udde9\ud83c\uddea\" data-code=\"DE\" role=\"option\" tabindex=\"0\"><span class=\"flag\">\ud83c\udde9\ud83c\uddea<\/span> DE \u2013 Deutsch<\/li>\n <li data-prefix=\"en\" data-flag=\"\ud83c\uddec\ud83c\udde7\" data-code=\"EN\" role=\"option\" tabindex=\"0\"><span class=\"flag\">\ud83c\uddec\ud83c\udde7<\/span> EN \u2013 English<\/li>\n <\/ul>\n<\/div>\n\n<style>\n:root {\n --orange: #FF8C00;\n --bg-header: rgba(20,20,20,0.97);\n --radius: 33px;\n}\n*, *::before, *::after { box-sizing: border-box; }\n\n#header-flotante {\n position: fixed;\n top: 25px; left: 50px; right: 50px;\n z-index: 9999;\n background: var(--bg-header);\n box-shadow: 0 4px 20px rgba(255,140,0,0.30);\n border-radius: var(--radius);\n font-family: 'Outfit', sans-serif;\n overflow: visible;\n transition: top 0.3s, box-shadow 0.3s;\n}\n#header-flotante.scrolled { top: 12px; box-shadow: 0 4px 30px rgba(255,140,0,0.50); }\n.header-container {\n display: flex; align-items: center; justify-content: space-between;\n gap: 20px; padding: 14px 24px; transition: padding 0.3s;\n}\n#header-flotante.scrolled .header-container { padding: 8px 24px; }\n\n.logo a { display: flex; align-items: center; }\n.logo svg { height: 58px; width: auto; display: block; transition: height 0.2s; }\n#header-flotante.scrolled .logo svg { height: 46px; }\n\n.menu-principal ul {\n list-style: none; display: flex; flex-wrap: wrap;\n gap: 4px 12px; margin: 0; padding: 0; align-items: center;\n}\n.menu-principal ul li { position: relative; }\n.menu-principal ul li a {\n text-decoration: none; color: #fff; font-size: 14px; font-weight: 500;\n white-space: nowrap; padding: 4px 0; border-bottom: 2px solid transparent;\n transition: color 0.2s, border-color 0.2s;\n display: flex; align-items: center; gap: 3px; cursor: pointer;\n}\n.menu-principal ul li a:hover { color: var(--orange); border-bottom-color: var(--orange); }\n.menu-caret { font-size: 10px; transition: transform 0.25s; }\n#btn-servicios.active { color: var(--orange); border-bottom-color: var(--orange); }\n#btn-servicios.active .menu-caret { transform: rotate(180deg); }\n\n\/* SERVICES DROPDOWN DESKTOP *\/\n.services-dropdown {\n display: none; position: fixed; left: 50px; right: 50px;\n background: rgba(15,17,23,0.99); border: 1px solid rgba(255,140,0,0.20);\n border-radius: 20px; box-shadow: 0 16px 48px rgba(255,140,0,0.18);\n z-index: 10000; overflow: hidden; animation: dropdownAnim 0.22s ease forwards;\n}\n.services-dropdown.open { display: block; }\n.services-inner {\n display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr;\n max-height: 380px; overflow-y: auto; padding: 20px 4px;\n scrollbar-width: thin; scrollbar-color: rgba(255,140,0,0.3) transparent;\n}\n.services-inner::-webkit-scrollbar { width: 4px; }\n.services-inner::-webkit-scrollbar-thumb { background: rgba(255,140,0,0.3); border-radius: 4px; }\n.col-divider { background: rgba(255,140,0,0.12); margin: 8px 0; }\n.services-col { display: flex; flex-direction: column; gap: 2px; padding: 0 16px; }\n.col-category {\n font-size: 10px; font-weight: 600; color: var(--orange);\n text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 10px 10px; opacity: 0.7;\n}\n.service-item {\n display: flex; gap: 8px; align-items: flex-start; text-decoration: none;\n padding: 10px; border-radius: 12px; border: 1px solid transparent;\n transition: background 0.2s, border-color 0.2s;\n}\n.service-item:hover { background: rgba(255,140,0,0.07); border-color: rgba(255,140,0,0.22); }\n.s-num { font-size: 10px; font-weight: 600; color: var(--orange); opacity: 0.6; flex-shrink: 0; padding-top: 2px; min-width: 16px; }\n.service-item > div { display: flex; flex-direction: column; gap: 2px; }\n.s-badge { font-size: 9px; font-weight: 600; color: var(--orange); letter-spacing: 0.03em; opacity: 0.75; line-height: 1.3; }\n.s-title { font-size: 12px; font-weight: 600; color: #fff; line-height: 1.3; }\n.s-desc { font-size: 11px; color: #666; line-height: 1.5; }\n.s-link { font-size: 11px; color: var(--orange); font-weight: 500; margin-top: 2px; }\n\n.header-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n.contacto-wrapper { position: relative; }\n.btn-contacto {\n background: var(--orange); color: #fff; height: 38px; padding: 0 20px;\n border-radius: var(--radius); border: none; cursor: pointer;\n font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 13px;\n white-space: nowrap; display: flex; align-items: center; gap: 6px;\n transition: transform 0.2s, box-shadow 0.2s;\n}\n.btn-contacto:hover { transform: scale(1.04); box-shadow: 0 4px 18px rgba(255,140,0,0.45); }\n.btn-caret { font-size: 10px; transition: transform 0.25s; }\n.btn-contacto[aria-expanded=\"true\"] .btn-caret { transform: rotate(180deg); }\n.contacto-dropdown {\n display: none; position: absolute; top: calc(100% + 10px); right: 0;\n background: rgba(20,20,20,0.99); border: 1px solid rgba(255,140,0,0.22);\n border-radius: 18px; box-shadow: 0 8px 28px rgba(255,140,0,0.22);\n padding: 8px 0; min-width: 195px; z-index: 10001;\n animation: dropdownAnim 0.2s ease forwards;\n}\n.contacto-dropdown.open { display: block; }\n.contacto-item {\n display: flex; align-items: center; gap: 10px; padding: 11px 18px;\n text-decoration: none; color: #ddd; font-size: 13px; font-weight: 500;\n font-family: 'Outfit', sans-serif; transition: background 0.15s, color 0.15s; white-space: nowrap;\n}\n.contacto-item:hover { background: rgba(255,140,0,0.10); color: var(--orange); }\n.contacto-icon { font-size: 15px; display: flex; align-items: center; min-width: 18px; }\n.contacto-item:first-child { border-radius: 18px 18px 0 0; }\n.contacto-item:last-child { border-radius: 0 0 18px 18px; }\n.contacto-item + .contacto-item { border-top: 1px solid rgba(255,140,0,0.08); }\n\n.selector-idiomas { position: relative; }\n#idioma-toggle {\n background: #1a1a1a; color: #fff; height: 38px; padding: 0 14px;\n border-radius: var(--radius); border: 1px solid var(--orange);\n cursor: pointer; display: flex; align-items: center; gap: 5px;\n font-size: 13px; font-family: 'Outfit', sans-serif; white-space: nowrap; transition: background 0.2s;\n}\n#idioma-toggle:hover { background: #252525; }\n.caret { font-size: 9px; transition: transform 0.25s; }\n#idioma-toggle[aria-expanded=\"true\"] .caret { transform: rotate(180deg); }\n#idioma-list {\n display: none; position: absolute; top: calc(100% + 8px); right: 0;\n background: rgba(20,20,20,0.98); border-radius: 16px;\n border: 1px solid rgba(255,140,0,0.22); box-shadow: 0 8px 24px rgba(255,140,0,0.18);\n flex-direction: column; padding: 8px 0; min-width: 160px;\n list-style: none; margin: 0; z-index: 10000; animation: dropdownAnim 0.2s ease forwards;\n}\n#idioma-list.open { display: flex; }\n#idioma-list li {\n padding: 10px 16px; cursor: pointer; display: flex; gap: 8px;\n align-items: center; color: #ddd; font-size: 13px;\n font-family: 'Outfit', sans-serif; transition: background 0.15s;\n}\n#idioma-list li:hover { background: rgba(255,140,0,0.10); color: var(--orange); }\n#idioma-list li.activo { color: var(--orange); }\n#idioma-list li:first-child { border-radius: 16px 16px 0 0; }\n#idioma-list li:last-child { border-radius: 0 0 16px 16px; }\n\n.menu-mobile-toggle {\n display: none; flex-direction: column; justify-content: center;\n align-items: center; gap: 5px; cursor: pointer;\n width: 36px; height: 36px; background: none; border: none; padding: 0; flex-shrink: 0;\n}\n.menu-mobile-toggle span {\n width: 22px; height: 2.5px; background: var(--orange);\n display: block; border-radius: 2px;\n transition: transform 0.3s, opacity 0.3s; transform-origin: center;\n}\n.menu-mobile-toggle.open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }\n.menu-mobile-toggle.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }\n.menu-mobile-toggle.open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }\n\n#idioma-flotante-mobile {\n display: none; position: fixed; z-index: 9998; top: 80px; left: 16px;\n}\n#idioma-toggle-mobile {\n background: rgba(20,20,20,0.97); color: #fff; height: 34px; padding: 0 12px;\n border-radius: var(--radius); border: 1px solid var(--orange);\n box-shadow: 0 4px 12px rgba(255,140,0,0.22);\n cursor: pointer; display: flex; align-items: center; gap: 5px;\n font-size: 13px; font-family: 'Outfit', sans-serif; white-space: nowrap;\n}\n#idioma-toggle-mobile[aria-expanded=\"true\"] .caret { transform: rotate(180deg); }\n#idioma-list-mobile {\n display: none; position: absolute; top: calc(100% + 8px); left: 0;\n background: rgba(20,20,20,0.98); border-radius: 16px;\n border: 1px solid rgba(255,140,0,0.22); box-shadow: 0 8px 24px rgba(255,140,0,0.18);\n flex-direction: column; padding: 8px 0; min-width: 160px;\n list-style: none; margin: 0; z-index: 10000; animation: dropdownAnim 0.2s ease forwards;\n}\n#idioma-list-mobile.open { display: flex; }\n#idioma-list-mobile li {\n padding: 10px 16px; cursor: pointer; display: flex; gap: 8px;\n align-items: center; color: #ddd; font-size: 13px;\n font-family: 'Outfit', sans-serif; transition: background 0.15s;\n}\n#idioma-list-mobile li:hover { background: rgba(255,140,0,0.10); color: var(--orange); }\n#idioma-list-mobile li.activo { color: var(--orange); }\n#idioma-list-mobile li:first-child { border-radius: 16px 16px 0 0; }\n#idioma-list-mobile li:last-child { border-radius: 0 0 16px 16px; }\n\n@keyframes dropdownAnim {\n from { opacity: 0; transform: translateY(-8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MOBILE \u2264 992px\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 992px) {\n\n #header-flotante { left: 16px; right: 16px; top: 16px; }\n .desktop-only { display: none !important; }\n .menu-mobile-toggle{ display: flex; }\n #idioma-flotante-mobile { display: flex; align-items: flex-start; }\n\n nav.menu-principal {\n position: absolute;\n top: calc(100% + 12px);\n left: 0; right: 0;\n background: rgba(15,17,23,0.99);\n border-radius: 20px;\n border: 1px solid rgba(255,140,0,0.18);\n box-shadow: 0 8px 28px rgba(255,140,0,0.18);\n padding: 8px 15px 12px 0;\n display: none;\n z-index: 9997;\n overflow-y: auto;\n max-height: 82vh;\n }\n nav.menu-principal.open {\n display: block;\n animation: dropdownAnim 0.25s ease forwards;\n }\n\n nav.menu-principal > ul {\n display: flex !important;\n flex-direction: column !important;\n flex-wrap: nowrap !important;\n align-items: flex-start !important;\n gap: 0 !important;\n margin: 0 !important;\n padding: 0 !important;\n list-style: none;\n width: 100%;\n }\n nav.menu-principal > ul > li {\n width: 100%;\n position: relative;\n }\n nav.menu-principal > ul > li > a {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: space-between !important;\n text-align: left !important;\n width: 100% !important;\n padding: 12px 0 12px 18px !important;\n font-size: 15px !important;\n font-weight: 500;\n color: #fff !important;\n text-decoration: none;\n border-bottom: none !important;\n border-radius: 10px;\n white-space: nowrap !important;\n gap: 0 !important;\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n }\n nav.menu-principal > ul > li > a:hover {\n background: rgba(255,140,0,0.08) !important;\n color: var(--orange) !important;\n border-bottom-color: transparent !important;\n }\n\n .services-dropdown {\n position: static !important;\n display: none !important;\n left: auto !important; right: auto !important; top: auto !important;\n width: 100% !important;\n background: rgba(10,10,15,0.98) !important;\n border: 1px solid rgba(255,140,0,0.13) !important;\n border-radius: 12px !important;\n box-shadow: none !important;\n margin: 2px 0 6px 0;\n overflow: hidden;\n animation: none !important;\n }\n .services-dropdown.open { display: block !important; }\n\n .services-inner {\n display: block !important;\n max-height: 250px;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 6px 15px 10px 0 !important;\n scrollbar-width: thin;\n scrollbar-color: rgba(255,140,0,0.25) transparent;\n }\n .services-inner::-webkit-scrollbar { width: 3px; }\n .services-inner::-webkit-scrollbar-thumb { background: rgba(255,140,0,0.25); border-radius: 3px; }\n\n .col-divider { display: none !important; }\n\n .services-col {\n display: block !important;\n width: 100% !important;\n padding: 0 !important;\n }\n .col-category {\n display: block !important;\n text-align: left !important;\n padding: 10px 0 3px 18px !important;\n font-size: 9px !important;\n font-weight: 700;\n color: var(--orange);\n opacity: 0.6;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n }\n .service-item {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: flex-start !important;\n width: 100% !important;\n padding: 8px 0 8px 18px !important;\n border-radius: 8px !important;\n border: none !important;\n background: transparent;\n gap: 8px !important;\n text-decoration: none;\n transition: background 0.15s;\n }\n .service-item:hover { background: rgba(255,140,0,0.06) !important; border-color: transparent !important; }\n .service-item > div {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n gap: 6px !important;\n width: 100%;\n }\n .s-num {\n font-size: 10px !important; color: var(--orange) !important;\n opacity: 0.45; flex-shrink: 0 !important; min-width: 18px;\n font-weight: 600; padding-top: 0 !important;\n }\n .s-title {\n font-size: 13px !important; font-weight: 500 !important;\n color: #d8d8d8 !important; white-space: nowrap;\n overflow: hidden; text-overflow: ellipsis;\n }\n .s-desc { display: none !important; }\n .s-link { display: none !important; }\n .s-badge { display: none !important; }\n\n .contacto-dropdown { right: auto !important; left: 0 !important; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n const BASE = \"https:\/\/360stark.com\";\n const PREFIXES = [\"de\", \"en\"];\n\n const CONTACTO = {\n \"\": { wa: \"34657730100\", waLabel: \"WhatsApp ES\", tel: \"+34657730100\", telLabel: \"Llamar ES\" },\n \"de\": { wa: \"4915259322567\", waLabel: \"WhatsApp DE\", tel: \"+4915259322567\", telLabel: \"Anrufen DE\" },\n \"en\": { wa: \"34657730100\", waLabel: \"WhatsApp EN\", tel: \"+34657730100\", telLabel: \"Call EN\" },\n };\n\n function detectarIdioma() {\n const seg = window.location.pathname.split(\"\/\").filter(Boolean);\n return PREFIXES.includes(seg[0]) ? seg[0] : \"\";\n }\n\n function buildUrl(prefijo, enlace) {\n if (typeof enlace === \"string\" && enlace.startsWith(\"#\")) {\n return prefijo ? `${BASE}\/${prefijo}\/${enlace}` : `${BASE}\/${enlace}`;\n }\n let slug = String(enlace).replace(BASE, \"\").replace(\/^\\\/\/, \"\");\n PREFIXES.forEach(p => { slug = slug.replace(new RegExp(\"^\" + p + \"\/\"), \"\"); });\n return prefijo ? `${BASE}\/${prefijo}\/${slug}` : `${BASE}\/${slug}`;\n }\n\n function actualizarContacto(prefijo) {\n const data = CONTACTO[prefijo] || CONTACTO[\"\"];\n document.getElementById(\"contacto-whatsapp\").href = `https:\/\/wa.me\/${data.wa}`;\n document.getElementById(\"whatsapp-label\").textContent = data.waLabel;\n document.getElementById(\"contacto-llamar\").href = `tel:${data.tel}`;\n document.getElementById(\"llamar-label\").textContent = data.telLabel;\n }\n\n function posicionarServicesDropdown() {\n const drop = document.getElementById(\"mega-servicios\");\n if (!drop || window.innerWidth <= 992) return;\n const bottom = document.getElementById(\"header-flotante\").getBoundingClientRect().bottom;\n drop.style.top = (bottom + 8) + \"px\";\n }\n\n function posicionarIdiomaFlotante() {\n const flotante = document.getElementById(\"idioma-flotante-mobile\");\n if (!flotante || window.innerWidth > 992) return;\n flotante.style.top = (document.getElementById(\"header-flotante\").getBoundingClientRect().bottom + 10) + \"px\";\n }\n\n const header = document.getElementById(\"header-flotante\");\n const menuToggle = document.getElementById(\"menu-toggle\");\n const menu = document.getElementById(\"menu-principal\");\n const btnServicios = document.getElementById(\"btn-servicios\");\n const dropServicios = document.getElementById(\"mega-servicios\");\n const btnContacto = document.getElementById(\"btn-contacto\");\n const contactoDrop = document.getElementById(\"contacto-dropdown\");\n const idiomaToggle = document.getElementById(\"idioma-toggle\");\n const idiomaList = document.getElementById(\"idioma-list\");\n const flagActivo = document.getElementById(\"flag-activo\");\n const codeActivo = document.getElementById(\"code-activo\");\n const idiomaItems = idiomaList.querySelectorAll(\"li\");\n const idiomaToggleM = document.getElementById(\"idioma-toggle-mobile\");\n const idiomaListM = document.getElementById(\"idioma-list-mobile\");\n const flagActivoM = document.getElementById(\"flag-activo-mobile\");\n const codeActivoM = document.getElementById(\"code-activo-mobile\");\n const idiomaItemsM = idiomaListM.querySelectorAll(\"li\");\n const idiomaActual = detectarIdioma();\n\n function inicializarIdioma(items, flagEl, codeEl) {\n items.forEach(li => {\n if (li.dataset.prefix === idiomaActual) {\n flagEl.textContent = li.dataset.flag;\n codeEl.textContent = li.dataset.code;\n li.classList.add(\"activo\");\n }\n });\n }\n inicializarIdioma(idiomaItems, flagActivo, codeActivo);\n inicializarIdioma(idiomaItemsM, flagActivoM, codeActivoM);\n actualizarContacto(idiomaActual);\n\n function actualizarLinks(prefijo) {\n menu.querySelectorAll(\"a[data-slug]\").forEach(a => {\n const slug = a.dataset.slug;\n a.href = slug ? buildUrl(prefijo, slug + \"\/\") : buildUrl(prefijo, \"\");\n });\n }\n actualizarLinks(idiomaActual);\n\n \/* \u2500\u2500 Cierra dropdowns secundarios (NO el men\u00fa mobile) \u2500\u2500 *\/\n function closeDropdowns() {\n dropServicios.classList.remove(\"open\");\n btnServicios.classList.remove(\"active\");\n contactoDrop.classList.remove(\"open\");\n btnContacto.setAttribute(\"aria-expanded\", \"false\");\n idiomaList.classList.remove(\"open\");\n idiomaToggle.setAttribute(\"aria-expanded\", \"false\");\n idiomaListM.classList.remove(\"open\");\n idiomaToggleM.setAttribute(\"aria-expanded\", \"false\");\n }\n\n \/* \u2500\u2500 Cierra absolutamente todo incluyendo el men\u00fa mobile \u2500\u2500 *\/\n function closeAll() {\n closeDropdowns();\n menu.classList.remove(\"open\");\n menuToggle.classList.remove(\"open\");\n menuToggle.setAttribute(\"aria-expanded\", \"false\");\n }\n\n window.addEventListener(\"scroll\", () => {\n header.classList.toggle(\"scrolled\", window.scrollY > 50);\n posicionarServicesDropdown();\n posicionarIdiomaFlotante();\n }, { passive: true });\n window.addEventListener(\"resize\", () => {\n posicionarServicesDropdown();\n posicionarIdiomaFlotante();\n }, { passive: true });\n posicionarServicesDropdown();\n posicionarIdiomaFlotante();\n\n \/* \u2500\u2500 HAMBURGUESA: gestiona su propio toggle, sin depender de closeAll \u2500\u2500\n FIX CLAVE: el handler hace stopPropagation para que el click no llegue\n al document (que llamar\u00eda a closeAll y lo volver\u00eda a cerrar al instante).\n El estado open\/close lo maneja \u00e9l mismo de forma expl\u00edcita. \u2500\u2500 *\/\n menuToggle.addEventListener(\"click\", function (e) {\n e.stopPropagation();\n const estaAbierto = menu.classList.contains(\"open\");\n if (estaAbierto) {\n \/* Cerrar men\u00fa *\/\n menu.classList.remove(\"open\");\n menuToggle.classList.remove(\"open\");\n menuToggle.setAttribute(\"aria-expanded\", \"false\");\n dropServicios.classList.remove(\"open\");\n btnServicios.classList.remove(\"active\");\n } else {\n \/* Abrir men\u00fa \u2014 cerrar primero cualquier otro dropdown *\/\n closeDropdowns();\n menu.classList.add(\"open\");\n menuToggle.classList.add(\"open\");\n menuToggle.setAttribute(\"aria-expanded\", \"true\");\n }\n });\n\n \/* \u2500\u2500 Servicios \u2500\u2500 *\/\n btnServicios.addEventListener(\"click\", function (e) {\n e.preventDefault();\n e.stopPropagation();\n if (window.innerWidth <= 992) {\n const isOpen = dropServicios.classList.toggle(\"open\");\n btnServicios.classList.toggle(\"active\", isOpen);\n return;\n }\n const isOpen = dropServicios.classList.contains(\"open\");\n closeDropdowns();\n if (!isOpen) {\n dropServicios.classList.add(\"open\");\n btnServicios.classList.add(\"active\");\n posicionarServicesDropdown();\n }\n });\n\n \/* \u2500\u2500 Contacto \u2500\u2500 *\/\n btnContacto.addEventListener(\"click\", function (e) {\n e.stopPropagation();\n const isOpen = contactoDrop.classList.contains(\"open\");\n closeDropdowns();\n if (!isOpen) { contactoDrop.classList.add(\"open\"); btnContacto.setAttribute(\"aria-expanded\", \"true\"); }\n });\n\n \/* \u2500\u2500 Idioma desktop \u2500\u2500 *\/\n idiomaToggle.addEventListener(\"click\", function (e) {\n e.stopPropagation();\n const isOpen = idiomaList.classList.contains(\"open\");\n closeDropdowns();\n if (!isOpen) { idiomaList.classList.add(\"open\"); idiomaToggle.setAttribute(\"aria-expanded\", \"true\"); }\n });\n\n \/* \u2500\u2500 Idioma mobile \u2500\u2500 *\/\n idiomaToggleM.addEventListener(\"click\", function (e) {\n e.stopPropagation();\n const isOpen = idiomaListM.classList.contains(\"open\");\n closeDropdowns();\n if (!isOpen) { idiomaListM.classList.add(\"open\"); idiomaToggleM.setAttribute(\"aria-expanded\", \"true\"); }\n });\n\n \/* \u2500\u2500 Selector idioma \u2500\u2500 *\/\n function crearSelectorHandler(items, flagEl, codeEl, listEl, toggleEl) {\n items.forEach(li => {\n function seleccionar() {\n const prefijo = li.dataset.prefix;\n flagEl.textContent = li.dataset.flag;\n codeEl.textContent = li.dataset.code;\n items.forEach(i => i.classList.remove(\"activo\"));\n li.classList.add(\"activo\");\n listEl.classList.remove(\"open\");\n toggleEl.setAttribute(\"aria-expanded\", \"false\");\n actualizarContacto(prefijo);\n actualizarLinks(prefijo);\n window.location.href = buildUrl(prefijo, window.location.href);\n }\n li.addEventListener(\"click\", seleccionar);\n li.addEventListener(\"keydown\", e => { if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); seleccionar(); } });\n });\n }\n crearSelectorHandler(idiomaItems, flagActivo, codeActivo, idiomaList, idiomaToggle);\n crearSelectorHandler(idiomaItemsM, flagActivoM, codeActivoM, idiomaListM, idiomaToggleM);\n\n \/* \u2500\u2500 Click fuera cierra todo \u2500\u2500 *\/\n document.addEventListener(\"click\", closeAll);\n\n \/* El header para la propagaci\u00f3n hacia document EXCEPTO el menuToggle,\n que ya tiene su propio stopPropagation y maneja su estado solo *\/\n header.addEventListener(\"click\", function (e) {\n \/* Solo parar si NO es el propio menuToggle (\u00e9l ya lo gestiona) *\/\n if (!menuToggle.contains(e.target)) {\n e.stopPropagation();\n }\n });\n\n document.getElementById(\"idioma-flotante-mobile\").addEventListener(\"click\", e => e.stopPropagation());\n document.getElementById(\"contacto-wrapper\").addEventListener(\"click\", e => e.stopPropagation());\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b388ff elementor-widget elementor-widget-html\" data-id=\"9b388ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Hero \u2014 Biolinks & NFC \u00b7 360\u00b0 Stark<\/title>\n<link rel=\"stylesheet\" href=\"shared.css\">\n<style>\n.hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 160px 5% 100px; position: relative; overflow: hidden; }\n.hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 55% 60% at 80% 50%, rgba(255,140,0,0.07) 0%, transparent 65%), radial-gradient(ellipse 40% 40% at 15% 60%, rgba(107,122,144,0.05) 0%, transparent 65%); }\n.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px); background-size: 60px 60px; mask-image: radial-gradient(ellipse at 30% 50%, black 20%, transparent 75%); }\n.hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: 'Space Mono', monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--orange-light); background: rgba(255,140,0,0.08); border: 1px solid rgba(255,140,0,0.2); padding: 6px 16px; border-radius: 100px; width: fit-content; margin-bottom: 32px; animation: fadeUp 0.7s ease both; }\n.hero-eyebrow::before { content: ''; width: 6px; height: 6px; background: var(--orange); border-radius: 50%; animation: pulse 2s infinite; }\n.hero-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(64px, 9vw, 128px); line-height: 0.92; letter-spacing: -0.01em; margin-bottom: 28px; animation: fadeUp 0.7s 0.1s ease both; }\n.hero-title .accent { color: var(--orange); }\n.hero-title .dim { color: rgba(255,255,255,0.12); }\n.hero-sub { font-size: 19px; color: var(--white-muted); max-width: 560px; line-height: 1.65; font-weight: 300; margin-bottom: 48px; animation: fadeUp 0.7s 0.2s ease both; }\n.hero-actions { display: flex; gap: 16px; align-items: center; animation: fadeUp 0.7s 0.3s ease both; flex-wrap: wrap; }\n\n\/* NFC visual mockup *\/\n.hero-visual { position: absolute; right: 5%; top: 50%; margin-top: -220px; width: 440px; height: 440px; display: flex; align-items: center; justify-content: center; animation: floatCard 5s ease-in-out infinite, fadeUp 1s 0.3s ease both; }\n@keyframes floatCard { 0%,100%{transform:translateY(0) rotate(-3deg)} 50%{transform:translateY(-16px) rotate(2deg)} }\n.nfc-card-wrap { position: relative; width: 340px; height: 220px; }\n.nfc-card { width: 100%; height: 100%; background: linear-gradient(135deg, #1a1f2e 0%, #232b3e 60%, #1a2030 100%); border-radius: 20px; border: 1px solid rgba(255,140,0,0.25); box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 40px rgba(255,140,0,0.08); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; }\n.nfc-card::before { content: ''; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(255,140,0,0.12) 0%, transparent 70%); }\n.nfc-card-logo { font-family: 'Space Mono', monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--orange); opacity: 0.8; }\n.nfc-card-name { font-family: 'Bebas Neue', sans-serif; font-size: 26px; letter-spacing: 0.04em; color: var(--white); }\n.nfc-card-title { font-size: 12px; color: var(--steel-light); margin-top: 2px; }\n.nfc-card-bottom { display: flex; align-items: center; justify-content: space-between; }\n.nfc-chip { width: 36px; height: 28px; background: linear-gradient(135deg, #c8a84b, #e8c96b, #a87c30); border-radius: 5px; opacity: 0.85; }\n.nfc-icon { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }\n.nfc-icon span { display: block; height: 2px; background: var(--orange); border-radius: 2px; opacity: 0.6; animation: nfcPulse 2s ease-in-out infinite; }\n.nfc-icon span:nth-child(1) { width: 10px; animation-delay: 0s; }\n.nfc-icon span:nth-child(2) { width: 16px; animation-delay: 0.1s; }\n.nfc-icon span:nth-child(3) { width: 22px; animation-delay: 0.2s; }\n@keyframes nfcPulse { 0%,100%{opacity:0.3} 50%{opacity:0.9} }\n\n\/* Floating link badges *\/\n.link-badge { position: absolute; display: flex; align-items: center; gap: 6px; background: rgba(15,17,23,0.92); border: 1px solid var(--carbon-border); border-radius: 20px; padding: 6px 12px; font-size: 11px; color: var(--white-muted); white-space: nowrap; backdrop-filter: blur(10px); animation: floatBadge 3s ease-in-out infinite; }\n.link-badge svg { width: 14px; height: 14px; flex-shrink: 0; }\n.link-badge:nth-child(1) { top: -20px; left: -60px; animation-delay: 0s; }\n.link-badge:nth-child(2) { top: 40px; right: -80px; animation-delay: 0.6s; }\n.link-badge:nth-child(3) { bottom: 20px; left: -70px; animation-delay: 1.2s; }\n.link-badge:nth-child(4) { bottom: -20px; right: -60px; animation-delay: 1.8s; }\n@keyframes floatBadge { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }\n\n@media (max-width: 1100px) { .hero-visual { display: none; } }\n<\/style>\n<\/head>\n<body>\n<div id=\"cursor-dot\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n\n <div class=\"hero-eyebrow\">Servicio 06 \u00b7 Biolinks & NFC<\/div>\n\n <h1 class=\"hero-title\">\n TU MARCA<br>\n <span class=\"accent\">EN UN TOQUE.<\/span><br>\n <span class=\"dim\">NFC.<\/span>\n <\/h1>\n\n <p class=\"hero-sub\">\n Crea tu hub de enlaces con identidad propia. Biolinks profesionales para negocios y restaurantes, con tarjetas NFC f\u00edsicas que comparten tu perfil al instante.\n <\/p>\n\n <div class=\"hero-actions\">\n <a href=\"#planes\" class=\"btn-primary\">\n Ver planes\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a href=\"#como-funciona\" class=\"btn-outline\">\n C\u00f3mo funciona\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n\n <!-- NFC Card Mockup -->\n <div class=\"hero-visual\">\n <div class=\"nfc-card-wrap\">\n <div class=\"link-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E1306C\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"#E1306C\" stroke=\"none\"\/><\/svg>\n Instagram\n <\/div>\n <div class=\"link-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25D366\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\n WhatsApp\n <\/div>\n <div class=\"link-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n Google Maps\n <\/div>\n <div class=\"link-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n Reservas\n <\/div>\n <div class=\"nfc-card\">\n <div><div class=\"nfc-card-logo\">360\u00b0 STARK \u00b7 BIOLINKS<\/div><\/div>\n <div>\n <div class=\"nfc-card-name\">Restaurante \u00c1mbar<\/div>\n <div class=\"nfc-card-title\">Granada \u00b7 Gastronom\u00eda<\/div>\n <\/div>\n <div class=\"nfc-card-bottom\">\n <div class=\"nfc-chip\"><\/div>\n <div class=\"nfc-icon\"><span><\/span><span><\/span><span><\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script src=\"shared.js\"><\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6c102e elementor-widget elementor-widget-html\" data-id=\"a6c102e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Stats Bar \u2014 Biolinks & NFC \u00b7 360\u00b0 Stark<\/title>\n<link rel=\"stylesheet\" href=\"shared.css\">\n<style>\n.stats-bar { background: var(--carbon-mid); border-top: 1px solid var(--carbon-border); border-bottom: 1px solid var(--carbon-border); padding: 40px 5%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\n.stat { text-align: center; }\n.stat-num { font-family: 'Bebas Neue', sans-serif; font-size: 48px; color: var(--orange); line-height: 1; }\n.stat-label { font-size: 12px; color: var(--white-muted); letter-spacing: 0.06em; text-transform: uppercase; margin-top: 6px; }\n@media (max-width: 1100px) { .stats-bar { grid-template-columns: repeat(2, 1fr); } }\n<\/style>\n<\/head>\n<body>\n<div id=\"cursor-dot\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n<div class=\"stats-bar\">\n <div class=\"stat reveal\">\n <div class=\"stat-num\">3s<\/div>\n <div class=\"stat-label\">Para compartir tu perfil<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat-num\">+40%<\/div>\n <div class=\"stat-label\">M\u00e1s conversiones vs bio link gen\u00e9rico<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat-num\">NFC<\/div>\n <div class=\"stat-label\">Tarjetas f\u00edsicas incluidas<\/div>\n <\/div>\n <div class=\"stat reveal\">\n <div class=\"stat-num\">\u221e<\/div>\n <div class=\"stat-label\">Links y actualizaciones ilimitadas<\/div>\n <\/div>\n<\/div>\n\n<script src=\"shared.js\"><\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3fb1dc elementor-widget elementor-widget-html\" data-id=\"c3fb1dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Qu\u00e9 Incluye \u2014 Biolinks & NFC \u00b7 360\u00b0 Stark<\/title>\n<link rel=\"stylesheet\" href=\"shared.css\">\n<style>\n.includes { padding: 120px 5%; background: var(--carbon); }\n.includes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 64px; background: var(--carbon-border); border: 1px solid var(--carbon-border); border-radius: 16px; overflow: hidden; }\n.include-card { background: var(--carbon-mid); padding: 36px 32px; transition: background 0.3s; position: relative; overflow: hidden; }\n.include-card::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,140,0,0.05) 0%, transparent 60%); opacity: 0; transition: opacity 0.3s; }\n.include-card:hover { background: var(--carbon-surface); }\n.include-card:hover::before { opacity: 1; }\n.include-icon { width: 48px; height: 48px; background: rgba(255,140,0,0.1); border: 1px solid rgba(255,140,0,0.2); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: background 0.3s, border-color 0.3s; }\n.include-card:hover .include-icon { background: rgba(255,140,0,0.18); border-color: rgba(255,140,0,0.4); }\n.include-icon svg { width: 22px; height: 22px; }\n.include-title { font-size: 17px; font-weight: 600; margin-bottom: 10px; }\n.include-desc { font-size: 14px; color: var(--white-muted); line-height: 1.65; font-weight: 300; }\n.include-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }\n.include-tag { font-size: 10px; font-family: 'Space Mono', monospace; letter-spacing: 0.06em; text-transform: uppercase; color: var(--orange); background: rgba(255,140,0,0.08); border: 1px solid rgba(255,140,0,0.15); padding: 3px 10px; border-radius: 20px; }\n.linkscard-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,140,0,0.06); border: 1px solid rgba(255,140,0,0.2); border-radius: 10px; padding: 12px 16px; margin-top: 16px; font-size: 12px; color: var(--white-muted); }\n.linkscard-badge strong { color: var(--orange); }\n.linkscard-badge svg { width: 16px; height: 16px; flex-shrink: 0; }\n@media (max-width: 1100px) { .includes-grid { grid-template-columns: 1fr 1fr; } }\n@media (max-width: 600px) { .includes-grid { grid-template-columns: 1fr; } }\n<\/style>\n<\/head>\n<body>\n<div id=\"cursor-dot\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n<section class=\"includes\" id=\"que-incluye\">\n <div class=\"reveal\">\n <div class=\"section-tag\">Qu\u00e9 incluye<\/div>\n <h2 class=\"section-title\">TODO LO QUE <span>NECESITAS<\/span><\/h2>\n <p class=\"section-sub\">Cada biolink que creamos es \u00fanico, con tu marca y optimizado para convertir visitas en clientes o reservas.<\/p>\n <\/div>\n\n <div class=\"includes-grid\">\n\n <div class=\"include-card reveal\">\n <div class=\"include-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\n <div class=\"include-title\">Dise\u00f1o con tu marca<\/div>\n <div class=\"include-desc\">Dise\u00f1amos tu biolink con tus colores, tipograf\u00eda, logo y estilo visual. Nada gen\u00e9rico, nada de plantillas aburridas.<\/div>\n <div class=\"include-tags\"><span class=\"include-tag\">Branding<\/span><span class=\"include-tag\">Custom<\/span><\/div>\n <\/div>\n\n <div class=\"include-card reveal\">\n <div class=\"include-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71\"\/><\/svg><\/div>\n <div class=\"include-title\">Links ilimitados<\/div>\n <div class=\"include-desc\">Instagram, WhatsApp, web, tel\u00e9fono, email, Google Maps, men\u00fa digital, reservas y cualquier enlace que necesites.<\/div>\n <div class=\"include-tags\"><span class=\"include-tag\">RRSS<\/span><span class=\"include-tag\">Reservas<\/span><span class=\"include-tag\">Mapas<\/span><\/div>\n <\/div>\n\n <div class=\"include-card reveal\">\n <div class=\"include-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/><\/svg><\/div>\n <div class=\"include-title\">Tarjeta NFC f\u00edsica<\/div>\n <div class=\"include-desc\">Una tarjeta de visita inteligente con chip NFC. Acercarla a cualquier m\u00f3vil abre tu biolink al instante, sin apps ni QR.<\/div>\n <div class=\"include-tags\"><span class=\"include-tag\">NFC<\/span><span class=\"include-tag\">Tarjeta f\u00edsica<\/span><\/div>\n <div class=\"linkscard-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n En colaboraci\u00f3n con <strong>Linkscard.pro<\/strong>\n <\/div>\n <\/div>\n\n <div class=\"include-card reveal\">\n <div class=\"include-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/><\/svg><\/div>\n <div class=\"include-title\">Optimizado para m\u00f3vil<\/div>\n <div class=\"include-desc\">Dise\u00f1o 100% responsive, carga ultrarr\u00e1pida y experiencia nativa en cualquier dispositivo. Tu biolink siempre perfecto.<\/div>\n <div class=\"include-tags\"><span class=\"include-tag\">Mobile first<\/span><span class=\"include-tag\">R\u00e1pido<\/span><\/div>\n <\/div>\n\n <div class=\"include-card reveal\">\n <div class=\"include-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg><\/div>\n <div class=\"include-title\">Anal\u00edticas de visitas<\/div>\n <div class=\"include-desc\">Saber cu\u00e1ntas personas visitan tu biolink, qu\u00e9 links pulsan y desde d\u00f3nde llegan. Datos reales para tomar decisiones.<\/div>\n <div class=\"include-tags\"><span class=\"include-tag\">Analytics<\/span><span class=\"include-tag\">M\u00e9tricas<\/span><\/div>\n <\/div>\n\n <div class=\"include-card reveal\">\n <div class=\"include-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg><\/div>\n <div class=\"include-title\">Actualizaciones incluidas<\/div>\n <div class=\"include-desc\">\u00bfCambias de n\u00famero, abres Instagram o a\u00f1ades un servicio? Actualizamos tu biolink cuando necesites, sin coste adicional.<\/div>\n <div class=\"include-tags\"><span class=\"include-tag\">Soporte<\/span><span class=\"include-tag\">Sin coste extra<\/span><\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script src=\"shared.js\"><\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed7bd08 elementor-widget elementor-widget-html\" data-id=\"ed7bd08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Proceso \u2014 Biolinks & NFC \u00b7 360\u00b0 Stark<\/title>\n<link rel=\"stylesheet\" href=\"shared.css\">\n<style>\n.proceso { padding: 120px 5%; background: var(--carbon-mid); }\n.proceso-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 64px; position: relative; }\n.proceso-steps::before { content: ''; position: absolute; top: 28px; left: calc(12.5% + 24px); right: calc(12.5% + 24px); height: 1px; background: linear-gradient(90deg, var(--orange), rgba(255,140,0,0.2), var(--orange)); z-index: 0; }\n.step { text-align: center; padding: 0 24px; position: relative; z-index: 1; }\n.step-num { width: 56px; height: 56px; border-radius: 50%; background: var(--carbon-surface); border: 2px solid var(--orange); display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 22px; color: var(--orange); margin: 0 auto 24px; position: relative; z-index: 1; transition: background 0.3s; }\n.step:hover .step-num { background: rgba(255,140,0,0.15); }\n.step-title { font-size: 16px; font-weight: 600; margin-bottom: 10px; }\n.step-desc { font-size: 13px; color: var(--white-muted); line-height: 1.6; }\n@media (max-width: 1100px) { .proceso-steps { grid-template-columns: repeat(2, 1fr); gap: 40px; } .proceso-steps::before { display: none; } }\n@media (max-width: 600px) { .proceso-steps { grid-template-columns: 1fr; } }\n<\/style>\n<\/head>\n<body>\n<div id=\"cursor-dot\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n<section class=\"proceso\" id=\"como-funciona\">\n <div class=\"reveal\">\n <div class=\"section-tag\">C\u00f3mo funciona<\/div>\n <h2 class=\"section-title\">EN <span>4 PASOS<\/span><\/h2>\n <p class=\"section-sub\">De cero a tu biolink listo y tu tarjeta NFC en mano en menos de una semana.<\/p>\n <\/div>\n\n <div class=\"proceso-steps\">\n <div class=\"step reveal\">\n <div class=\"step-num\">01<\/div>\n <div class=\"step-title\">Brief & marca<\/div>\n <div class=\"step-desc\">Nos cuentas qui\u00e9n eres, qu\u00e9 links necesitas y compartimos tu branding. 15 minutos por llamada o formulario.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">02<\/div>\n <div class=\"step-title\">Dise\u00f1o a medida<\/div>\n <div class=\"step-desc\">Dise\u00f1amos tu biolink con tu identidad visual. Te enviamos una previsualizaci\u00f3n para que apruebes o pidas ajustes.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">03<\/div>\n <div class=\"step-title\">Publicaci\u00f3n<\/div>\n <div class=\"step-desc\">Una vez aprobado, publicamos tu biolink en tu dominio o subdominio. En l\u00ednea y listo para compartir.<\/div>\n <\/div>\n <div class=\"step reveal\">\n <div class=\"step-num\">04<\/div>\n <div class=\"step-title\">Tarjeta NFC<\/div>\n <div class=\"step-desc\">Producimos y enviamos tu tarjeta NFC f\u00edsica programada con tu biolink. La recibes en casa en 3-5 d\u00edas.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script src=\"shared.js\"><\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc2221 elementor-widget elementor-widget-html\" data-id=\"5dc2221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"pricing\" id=\"planes\">\n <div class=\"reveal\">\n <div class=\"section-tag\">Precios<\/div>\n <h2 class=\"section-title\">ELIGE TU <span>PLAN<\/span><\/h2>\n <p class=\"section-sub\">Tres planes adaptados a cada tipo de cliente. Todos incluyen dise\u00f1o personalizado y tarjeta NFC f\u00edsica.<\/p>\n <\/div>\n\n <div class=\"pricing-grid\">\n\n <!-- PERSONAL -->\n <div class=\"plan-card reveal\">\n <div class=\"plan-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\n <div class=\"plan-name\">Personal<\/div>\n <div class=\"plan-desc\">Ideal para freelancers, creadores de contenido, coaches e influencers. Tu perfil, tus links, tu marca.<\/div>\n <div class=\"plan-price\">\n <span class=\"from\">Desde<\/span>\n <span class=\"amount\">89<\/span><span class=\"period\">\u20ac<\/span>\n <span class=\"note\">Pago \u00fanico \u00b7 1 tarjeta NFC incluida \u00b7 Mantenimiento anual: 60\u20ac<\/span>\n <\/div>\n <ul class=\"plan-features\">\n <li>Dise\u00f1o de biolink personalizado<\/li>\n <li>Hasta 10 links<\/li>\n <li>1 tarjeta NFC f\u00edsica<\/li>\n <li>Alojado en linkscard.pro\/tunombre<\/li>\n <li>Anal\u00edticas b\u00e1sicas de visitas<\/li>\n <li>2 actualizaciones incluidas<\/li>\n <li class=\"disabled\">Dominio propio<\/li>\n <li class=\"disabled\">Sistema de reservas<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta outline\">Solicitar presupuesto<\/a>\n <\/div>\n\n <!-- NEGOCIO -->\n <div class=\"plan-card featured reveal\">\n <div class=\"plan-badge\">M\u00e1s popular<\/div>\n <div class=\"plan-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><\/svg><\/div>\n <div class=\"plan-name\">Negocio<\/div>\n <div class=\"plan-desc\">Para empresas, tiendas, cl\u00ednicas y negocios locales. Centraliza toda tu presencia digital en un solo lugar.<\/div>\n <div class=\"plan-price\">\n <span class=\"from\">Desde<\/span>\n <span class=\"amount\">149<\/span><span class=\"period\">\u20ac<\/span>\n <span class=\"note\">Pago \u00fanico \u00b7 2 tarjetas NFC incluidas \u00b7 Mantenimiento anual: 90\u20ac<\/span>\n <\/div>\n <ul class=\"plan-features\">\n <li>Dise\u00f1o de biolink con branding completo<\/li>\n <li>Links ilimitados<\/li>\n <li>2 tarjetas NFC f\u00edsicas<\/li>\n <li>Dominio propio incluido (1er a\u00f1o)<\/li>\n <li>Anal\u00edticas completas<\/li>\n <li>Actualizaciones ilimitadas (6 meses)<\/li>\n <li>Integraci\u00f3n con Google Maps y rese\u00f1as<\/li>\n <li class=\"disabled\">Sistema de reservas integrado<\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta primary\">Solicitar presupuesto<\/a>\n <\/div>\n\n <!-- RESTAURANTE -->\n <div class=\"plan-card reveal\">\n <div class=\"plan-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FF8C00\" stroke-width=\"1.8\" stroke-linecap=\"round\"><path d=\"M18 8h1a4 4 0 010 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg><\/div>\n <div class=\"plan-name\">Restaurante<\/div>\n <div class=\"plan-desc\">Pensado para hosteler\u00eda. Biolink profesional con NFC para mesas, y add-ons de carta digital y reservas.<\/div>\n <div class=\"plan-price\">\n <span class=\"from\">Desde<\/span>\n <span class=\"amount\">249<\/span><span class=\"period\">\u20ac<\/span>\n <span class=\"note\">Pago \u00fanico \u00b7 2 tarjetas NFC + hasta 20 stickers mesa \u00b7 Mantenimiento anual: 90\u20ac<\/span>\n <\/div>\n <ul class=\"plan-features\">\n <li>Dise\u00f1o de biolink para hosteler\u00eda<\/li>\n <li>Links ilimitados<\/li>\n <li>2 tarjetas NFC + hasta 20 stickers para mesas<\/li>\n <li>Dominio propio incluido (1er a\u00f1o)<\/li>\n <li>Anal\u00edticas completas<\/li>\n <li>Actualizaciones ilimitadas (12 meses)<\/li>\n <li>Carta digital integrada <span style=\"display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);background:rgba(255,140,0,.12);border:1px solid rgba(255,140,0,.25);border-radius:6px;padding:1px 7px;margin-left:4px\">add-on<\/span><\/li>\n <li>Sistema de reservas online <span style=\"display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);background:rgba(255,140,0,.12);border:1px solid rgba(255,140,0,.25);border-radius:6px;padding:1px 7px;margin-left:4px\">add-on<\/span><\/li>\n <\/ul>\n <a href=\"#contacto\" class=\"plan-cta outline\">Solicitar presupuesto<\/a>\n <\/div>\n\n <\/div>\n\n <p class=\"pricing-note reveal\">\n \u00bfNecesitas algo diferente? <a href=\"#contacto\">Cu\u00e9ntanos tu caso<\/a> y preparamos una propuesta personalizada. \u00b7 En colaboraci\u00f3n con <a href=\"https:\/\/linkscard.pro\" target=\"_blank\" rel=\"noopener\">Linkscard.pro<\/a>\n <\/p>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff52aec elementor-widget elementor-widget-html\" data-id=\"ff52aec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>FAQ \u2014 Biolinks & NFC \u00b7 360\u00b0 Stark<\/title>\n<link rel=\"stylesheet\" href=\"shared.css\">\n<style>\n.faq { padding: 120px 5%; background: var(--carbon-mid); }\n.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 64px; }\n.faq-item { background: var(--carbon-surface); border: 1px solid var(--carbon-border); border-radius: 14px; padding: 28px 32px; transition: border-color 0.3s; }\n.faq-item:hover { border-color: rgba(255,140,0,0.25); }\n.faq-q { font-size: 16px; font-weight: 600; margin-bottom: 12px; line-height: 1.4; }\n.faq-a { font-size: 14px; color: var(--white-muted); line-height: 1.65; font-weight: 300; }\n.faq-a a { color: var(--orange); text-decoration: none; }\n.faq-a a:hover { text-decoration: underline; }\n@media (max-width: 1100px) { .faq-grid { grid-template-columns: 1fr; } }\n<\/style>\n<\/head>\n<body>\n<div id=\"cursor-dot\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n<section class=\"faq\" id=\"faq\">\n <div class=\"reveal\">\n <div class=\"section-tag\">FAQ<\/div>\n <h2 class=\"section-title\">PREGUNTAS <span>FRECUENTES<\/span><\/h2>\n <\/div>\n\n <div class=\"faq-grid\">\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\">\u00bfQu\u00e9 es una tarjeta NFC y c\u00f3mo funciona?<\/div>\n <div class=\"faq-a\">Una tarjeta NFC tiene un chip invisible integrado. Cuando acercas tu m\u00f3vil (sin instalar nada), el tel\u00e9fono detecta el chip y abre autom\u00e1ticamente tu biolink en el navegador. Funciona con cualquier iPhone (desde el 7) y la mayor\u00eda de Android.<\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\">\u00bfPuedo actualizar los links despu\u00e9s de publicar?<\/div>\n <div class=\"faq-a\">S\u00ed, completamente. La tarjeta NFC siempre apunta al mismo enlace, pero el contenido de tu biolink puede cambiar cuando quieras. Si a\u00f1ades Instagram, cambias el men\u00fa o a\u00f1ades un nuevo servicio, lo actualizamos sin tocar la tarjeta f\u00edsica.<\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\">\u00bfCu\u00e1nto tiempo tarda en estar listo?<\/div>\n <div class=\"faq-a\">El biolink suele estar listo en 2-4 d\u00edas h\u00e1biles tras recibir toda la informaci\u00f3n. La tarjeta NFC f\u00edsica tarda entre 3 y 7 d\u00edas adicionales en llegar a tu direcci\u00f3n, dependiendo del plan y la ubicaci\u00f3n.<\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\">\u00bfQu\u00e9 es Linkscard.pro y cu\u00e1l es vuestra relaci\u00f3n?<\/div>\n <div class=\"faq-a\">Es nuestro partner oficial para la producci\u00f3n de tarjetas NFC f\u00edsicas. Nosotros nos encargamos del dise\u00f1o y la estrategia digital, y <a href=\"https:\/\/linkscard.pro\" target=\"_blank\" rel=\"noopener\">Linkscard.pro<\/a> produce las tarjetas con la mayor calidad. T\u00fa solo tratas con nosotros.<\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\">\u00bfHay un coste mensual de mantenimiento?<\/div>\n <div class=\"faq-a\">No. Todos nuestros planes son pago \u00fanico. El dominio tiene coste de renovaci\u00f3n anual (aprox. 12-15\u20ac\/a\u00f1o), pero el resto no tiene costes recurrentes. Las actualizaciones est\u00e1n incluidas seg\u00fan el plan contratado.<\/div>\n <\/div>\n <div class=\"faq-item reveal\">\n <div class=\"faq-q\">\u00bfEl plan Restaurante incluye el sistema de reservas completo?<\/div>\n <div class=\"faq-a\">S\u00ed. Integramos un sistema de reservas b\u00e1sico directamente en tu biolink. Si necesitas un sistema avanzado con gesti\u00f3n de mesas, turnos y pagos anticipados, lo valoramos como servicio complementario con presupuesto a parte.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script src=\"shared.js\"><\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1ab909 elementor-widget elementor-widget-html\" data-id=\"c1ab909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>CTA Contacto \u2014 Biolinks & NFC \u00b7 360\u00b0 Stark<\/title>\n<link rel=\"stylesheet\" href=\"shared.css\">\n<style>\n.cta-section { padding: 120px 5%; background: var(--carbon); position: relative; overflow: hidden; text-align: center; }\n.cta-bg { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 80% at 50% 100%, rgba(255,140,0,0.07) 0%, transparent 70%); }\n.cta-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }\n.cta-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(48px, 7vw, 88px); line-height: 0.95; margin-bottom: 20px; }\n.cta-title span { color: var(--orange); }\n.cta-sub { font-size: 17px; color: var(--white-muted); line-height: 1.65; margin-bottom: 48px; font-weight: 300; }\n.cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n.cta-alt { display: flex; align-items: center; gap: 8px; color: var(--white-muted); font-size: 14px; text-decoration: none; padding: 14px 0; transition: color 0.2s; }\n.cta-alt:hover { color: var(--white); }\n<\/style>\n<\/head>\n<body>\n<div id=\"cursor-dot\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n<section class=\"cta-section\" id=\"contacto\">\n <div class=\"cta-bg\"><\/div>\n <div class=\"cta-inner\">\n <div class=\"section-tag reveal\" style=\"justify-content:center;\">\n <span style=\"width:0;height:0;margin:0;padding:0;\"><\/span>\n Empieza hoy\n <\/div>\n <h2 class=\"cta-title reveal\">\u00bfLISTO PARA<br><span>TU BIOLINK?<\/span><\/h2>\n <p class=\"cta-sub reveal\">Cu\u00e9ntanos tu negocio y te preparamos una propuesta en menos de 24 horas. Sin compromiso.<\/p>\n <div class=\"cta-actions reveal\">\n <a href=\"mailto:mail@360stark.com\" class=\"btn-primary\">\n Escribir ahora\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>\n <\/a>\n <a href=\"https:\/\/wa.me\/34657730100\" class=\"cta-alt\" target=\"_blank\" rel=\"noopener\">\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"\/><\/svg>\n WhatsApp directo\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<script src=\"shared.js\"><\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13edbf3 elementor-widget elementor-widget-html\" data-id=\"13edbf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n \u2551 360\u00b0 STARK \u2014 FOOTER SUBP\u00c1GINAS \u2551\n \u2551 Incluir justo antes de <\/body> \u2551\n \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\n-->\n\n<footer id=\"sp-footer\">\n <div class=\"sp-footer-inner\">\n\n <!-- Logo + tagline -->\n <div class=\"sp-footer-brand\">\n <a href=\"..\/index.html\" class=\"sp-footer-logo\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 80 80\" fill=\"none\">\n <circle cx=\"40\" cy=\"40\" r=\"33\" stroke=\"white\" stroke-width=\"2.5\" stroke-dasharray=\"170 37\" stroke-linecap=\"round\"\/>\n <circle cx=\"40\" cy=\"40\" r=\"33\" stroke=\"#FF8C00\" stroke-width=\"3\" stroke-dasharray=\"80 127\" stroke-linecap=\"round\" stroke-dashoffset=\"60\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 40 40\" to=\"360 40 40\" dur=\"12s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <text x=\"40\" y=\"48\" text-anchor=\"middle\" font-size=\"26\" font-weight=\"700\" fill=\"#6B7A90\" font-family=\"sans-serif\">S<\/text>\n <\/svg>\n <span class=\"sp-footer-logo-text\"><span>360\u00b0<\/span> STARK<\/span>\n <\/a>\n <p class=\"sp-footer-tagline\">FULL STACK AGENCY \u00b7 MADE IN EUROPE<\/p>\n <\/div>\n\n <!-- Links legales -->\n <div class=\"sp-footer-links\">\n <a href=\"..\/aviso-legal.html\">Aviso Legal<\/a>\n <span>\u00b7<\/span>\n <a href=\"..\/privacidad.html\">Pol\u00edtica de Privacidad<\/a>\n <span>\u00b7<\/span>\n <a href=\"..\/cookies.html\">Cookies<\/a>\n <\/div>\n\n <!-- Copyright -->\n <div class=\"sp-footer-copy\">\n Todos los derechos reservados 2026 \u00a9\n DEV. <a href=\"https:\/\/360stark.com\" target=\"_blank\" rel=\"noopener\">360\u00baSTARK<\/a>\n <\/div>\n\n <\/div>\n<\/footer>\n\n<script>\ndocument.addEventListener('mouseleave',()=>{dot.classList.add('is-hidden');ring.classList.add('is-hidden')});\ndocument.addEventListener('mouseenter',()=>{dot.classList.remove('is-hidden');ring.classList.remove('is-hidden')});\ndocument.querySelectorAll('a,button,.plan-card,.include-card,.faq-item').forEach(el=>{\n el.addEventListener('mouseenter',()=>{dot.classList.add('is-hover');ring.classList.add('is-hover')});\n el.addEventListener('mouseleave',()=>{dot.classList.remove('is-hover');ring.classList.remove('is-hover')});\n});\n\nconst observer = new IntersectionObserver(entries=>{\n entries.forEach((e,i)=>{\n if(e.isIntersecting) {\n setTimeout(()=>e.target.classList.add('visible'),i*80);\n observer.unobserve(e.target);\n }\n });\n},{threshold:.1});\ndocument.querySelectorAll('.reveal').forEach(el=>observer.observe(el));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f17fe1 elementor-widget elementor-widget-html\" data-id=\"5f17fe1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>360\u00b0 Stark \u2014 Cursor (Desktop Only)<\/title>\n\n<style>\n\/* \u2500\u2500\u2500 CURSOR SOLO DESKTOP \u2500\u2500\u2500 *\/\n\n\/* Ocultar cursor nativo SOLO en desktop *\/\n@media (hover: hover) and (pointer: fine) {\n * { cursor: none !important; }\n}\n\n\/* Cursor DOT *\/\n#cursor-dot {\n position: fixed;\n top: 0; left: 0;\n width: 10px;\n height: 10px;\n background: #FF8C00;\n border-radius: 50%;\n pointer-events: none;\n z-index: 2147483647;\n transform: translate(-50%, -50%);\n transition: width 0.2s ease, height 0.2s ease, background 0.2s ease, opacity 0.3s ease;\n will-change: transform;\n}\n\n\/* Cursor RING *\/\n#cursor-ring {\n position: fixed;\n top: 0; left: 0;\n width: 34px;\n height: 34px;\n border: 1.5px solid rgba(255, 140, 0, 0.6);\n border-radius: 50%;\n pointer-events: none;\n z-index: 2147483646;\n transform: translate(-50%, -50%);\n transition: width 0.3s ease, height 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;\n will-change: transform;\n}\n\n\/* Estado hover *\/\n#cursor-dot.is-hover {\n width: 16px;\n height: 16px;\n background: #FFB347;\n}\n\n#cursor-ring.is-hover {\n width: 52px;\n height: 52px;\n border-color: rgba(255, 140, 0, 0.9);\n}\n\n\/* Ocultar cuando sale de la ventana *\/\n#cursor-dot.is-hidden,\n#cursor-ring.is-hidden {\n opacity: 0;\n}\n\n\/* Ocultar completamente en m\u00f3vil\/tablet *\/\n@media (hover: none), (pointer: coarse) {\n #cursor-dot,\n #cursor-ring {\n display: none !important;\n }\n}\n<\/style>\n<\/head>\n\n<body style=\"background:#0f1117;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:sans-serif;color:#fff;gap:20px;\">\n\n<!-- ELEMENTOS DEL CURSOR -->\n<div id=\"cursor-dot\"><\/div>\n<div id=\"cursor-ring\"><\/div>\n\n<script>\n(function() {\n\n \/\/ \ud83d\udc49 SOLO DESKTOP\n if (!window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches) {\n return;\n }\n\n const dot = document.getElementById('cursor-dot');\n const ring = document.getElementById('cursor-ring');\n\n if (!dot || !ring) return;\n\n let mouseX = -100, mouseY = -100;\n let ringX = -100, ringY = -100;\n let rafId;\n\n \/\/ Movimiento del rat\u00f3n (dot inmediato)\n document.addEventListener('mousemove', e => {\n mouseX = e.clientX;\n mouseY = e.clientY;\n\n dot.style.transform = `translate(calc(-50% + ${mouseX}px), calc(-50% + ${mouseY}px))`;\n dot.style.left = '0';\n dot.style.top = '0';\n\n dot.classList.remove('is-hidden');\n ring.classList.remove('is-hidden');\n });\n\n \/\/ Animaci\u00f3n del ring (con lag)\n function animateRing() {\n ringX += (mouseX - ringX) * 0.14;\n ringY += (mouseY - ringY) * 0.14;\n\n ring.style.transform = `translate(calc(-50% + ${ringX}px), calc(-50% + ${ringY}px))`;\n ring.style.left = '0';\n ring.style.top = '0';\n\n rafId = requestAnimationFrame(animateRing);\n }\n animateRing();\n\n \/\/ Ocultar al salir de la ventana\n document.addEventListener('mouseleave', () => {\n dot.classList.add('is-hidden');\n ring.classList.add('is-hidden');\n });\n\n document.addEventListener('mouseenter', () => {\n dot.classList.remove('is-hidden');\n ring.classList.remove('is-hidden');\n });\n\n \/\/ Hover en elementos interactivos\n const interactivos = 'a, button, [role=\"button\"], input, textarea, select, label, .orbit-btn, .service-card, .portfolio-item, .btn-reserva';\n\n function addHover(el) {\n el.addEventListener('mouseenter', () => {\n dot.classList.add('is-hover');\n ring.classList.add('is-hover');\n });\n el.addEventListener('mouseleave', () => {\n dot.classList.remove('is-hover');\n ring.classList.remove('is-hover');\n });\n }\n\n document.querySelectorAll(interactivos).forEach(addHover);\n\n \/\/ Detectar elementos din\u00e1micos\n const observer = new MutationObserver(mutations => {\n mutations.forEach(m => {\n m.addedNodes.forEach(node => {\n if (node.nodeType === 1) {\n if (node.matches && node.matches(interactivos)) addHover(node);\n node.querySelectorAll && node.querySelectorAll(interactivos).forEach(addHover);\n }\n });\n });\n });\n\n observer.observe(document.body, { childList: true, subtree: true });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>360STARK \u2013 Header S 360\u00b0 STARK Inicio Servicios \u25be Visibilidad & Medios 01 Marketing 360\u00b0Estrategia integral que cubre todos los canales. Una sola agencia para toda tu presencia digital.Saber m\u00e1s \u2192 02 SEO \/ SEM & Paid MediaPosicionamiento org\u00e1nico y campa\u00f1as de pago. Google Ads, Meta Ads y TikTok Ads con ROI medible.Saber m\u00e1s \u2192 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/360stark.com\/de\/wp-json\/wp\/v2\/pages\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/360stark.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/360stark.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/360stark.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/360stark.com\/de\/wp-json\/wp\/v2\/comments?post=199"}],"version-history":[{"count":18,"href":"https:\/\/360stark.com\/de\/wp-json\/wp\/v2\/pages\/199\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/360stark.com\/de\/wp-json\/wp\/v2\/pages\/199\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/360stark.com\/de\/wp-json\/wp\/v2\/media?parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}