American Beauty Supply – Redise\u00f1o UX\/UI<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; }\n .serif { font-family: 'Playfair Display', serif; }\n \n \/* Estilos para el Mega Men\u00fa *\/\n .mega-menu {\n display: none;\n opacity: 0;\n transform: translateY(10px);\n transition: all 0.3s ease;\n }\n .nav-item:hover .mega-menu {\n display: grid;\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Ocultar elementos Pro por defecto *\/\n .pro-content { display: none; }\n body.is-pro-mode .pro-content { display: block; }\n body.is-pro-mode .retail-content { display: none; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-slate-900\">\n\n \n <div class=\"bg-black text-white py-2 px-4 text-[10px] md:text-xs flex justify-between items-center tracking-widest uppercase\">\n <span>Env\u00edo gratis en pedidos superiores a $100<\/span>\n <div class=\"hidden md:flex gap-4\">\n <span class=\"hover:text-amber-400 cursor-pointer flex items-center gap-1\">\ud83d\udccd Tiendas<\/span>\n <span class=\"hover:text-amber-400 cursor-pointer flex items-center gap-1\">\ud83d\udcde Contacto<\/span>\n <\/div>\n <\/div>\n\n \n <header class=\"bg-white sticky top-0 z-50 shadow-sm border-b border-gray-100\">\n <div class=\"container mx-auto px-4 py-4\">\n <div class=\"flex items-center justify-between gap-4 md:gap-8\">\n \n <div class=\"flex-shrink-0\">\n <h1 class=\"text-xl md:text-2xl serif font-bold tracking-tighter\">\n AMERICAN <span class=\"text-amber-600 font-light italic\">BEAUTY<\/span> SUPPLY\n <\/h1>\n <\/div>\n\n \n <div class=\"hidden md:flex flex-grow max-w-xl relative\">\n <input \n type=\"text\" \n placeholder=\"Busca marcas, productos o necesidades...\" \n class=\"w-full bg-gray-100 border-none rounded-full py-2 px-6 pr-12 focus:ring-2 focus:ring-amber-500 transition-all outline-none text-sm\"\n >\n <span class=\"absolute right-4 top-2 text-gray-400\">\ud83d\udd0d<\/span>\n <\/div>\n\n \n <div class=\"flex items-center gap-3 md:gap-6\">\n <div class=\"hidden sm:flex items-center bg-gray-100 p-1 rounded-full border border-gray-200\">\n <button id=\"btnRetail\" onclick=\"toggleMode(false)\" class=\"px-4 py-1.5 rounded-full text-[10px] font-bold transition-all bg-white shadow-sm text-black\">\n RETAIL\n <\/button>\n <button id=\"btnPro\" onclick=\"toggleMode(true)\" class=\"px-4 py-1.5 rounded-full text-[10px] font-bold transition-all text-gray-500\">\n PRO\n <\/button>\n <\/div>\n <div class=\"flex items-center gap-4\">\n <span class=\"cursor-pointer hover:text-amber-600 transition-colors\">\ud83d\udc64<\/span>\n <div class=\"relative cursor-pointer hover:text-amber-600 transition-colors\">\n <span>\ud83d\udecd\ufe0f<\/span>\n <span class=\"absolute -top-2 -right-2 bg-amber-600 text-white text-[8px] w-4 h-4 flex items-center justify-center rounded-full\">0<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <nav class=\"bg-white border-t border-gray-50 hidden lg:block\">\n <div class=\"container mx-auto px-4\">\n <ul class=\"flex justify-center gap-8 py-3\">\n \n <li class=\"nav-item relative group\">\n <a href=\"#\" class=\"flex items-center gap-2 text-xs font-semibold text-slate-600 hover:text-amber-600 py-1 transition-colors uppercase tracking-wider\">\n Universo Capilar \u25be\n <\/a>\n <div class=\"mega-menu absolute top-full left-1\/2 -translate-x-1\/2 w-[600px] bg-white shadow-2xl rounded-b-xl border border-gray-100 p-8 grid grid-cols-2 gap-8 z-50\">\n <div>\n <h4 class=\"font-bold text-amber-600 mb-4 border-b pb-2 text-xs uppercase\">Categor\u00edas<\/h4>\n <ul class=\"space-y-3 text-sm text-slate-500\">\n <li class=\"hover:text-black hover:translate-x-1 transition-all cursor-pointer\">Cuidado (Shampoo\/Tratamientos)<\/li>\n <li class=\"hover:text-black hover:translate-x-1 transition-all cursor-pointer\">Coloraci\u00f3n Profesional<\/li>\n <li class=\"hover:text-black hover:translate-x-1 transition-all cursor-pointer\">Herramientas El\u00e9ctricas<\/li>\n <li class=\"hover:text-black hover:translate-x-1 transition-all cursor-pointer\">Accesorios de Peluquer\u00eda<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-gray-50 rounded-lg p-4 text-center flex flex-col justify-center\">\n <p class=\"text-[10px] font-bold uppercase text-amber-600 mb-1\">Recomendado<\/p>\n <p class=\"serif italic text-lg mb-2\">Tratamientos Sarah K<\/p>\n <button class=\"text-[10px] font-bold underline\">Ver Colecci\u00f3n<\/button>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"nav-item relative group text-xs font-semibold text-slate-600 uppercase tracking-wider hover:text-amber-600 cursor-pointer\">Barber\u00eda Pro<\/li>\n <li class=\"nav-item relative group text-xs font-semibold text-slate-600 uppercase tracking-wider hover:text-amber-600 cursor-pointer\">Manicure & Color<\/li>\n <li class=\"nav-item relative group text-xs font-semibold text-slate-600 uppercase tracking-wider hover:text-amber-600 cursor-pointer\">Skin & Makeup<\/li>\n <li class=\"nav-item relative group text-xs font-semibold text-slate-600 uppercase tracking-wider hover:text-amber-600 cursor-pointer pro-content\">Mobiliario<\/li>\n <\/ul>\n <\/div>\n <\/nav>\n <\/header>\n\n \n <section class=\"relative h-[400px] md:h-[550px] bg-slate-900 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?q=80&w=1600&auto=format&fit=crop\" \n class=\"absolute inset-0 w-full h-full object-cover opacity-40\"\n alt=\"Hero Background\"\n >\n <div class=\"relative container mx-auto h-full px-4 flex flex-col justify-center items-start text-white\">\n <span class=\"bg-amber-600 text-white px-4 py-1 text-[10px] font-bold tracking-widest uppercase mb-4\">Lanzamiento Exclusivo<\/span>\n <h2 class=\"text-4xl md:text-6xl serif font-bold mb-6 max-w-2xl leading-tight\">\n Elevamos el Est\u00e1ndar <br\/> \n <span class=\"text-amber-400\">de tu Sal\u00f3n<\/span>\n <\/h2>\n <p class=\"text-sm md:text-lg text-gray-300 max-w-lg mb-8\">\n Descubre las nuevas herramientas de grado profesional y el mobiliario que transformar\u00e1 la experiencia de tus clientes.\n <\/p>\n <div class=\"flex flex-wrap gap-4\">\n <button class=\"bg-white text-black px-6 md:px-8 py-3 font-bold uppercase text-[10px] md:text-sm hover:bg-amber-400 transition-colors\">\n Explorar Colecci\u00f3n \u2192\n <\/button>\n <button class=\"border-2 border-white px-6 md:px-8 py-3 font-bold uppercase text-[10px] md:text-sm hover:bg-white hover:text-black transition-all\">\n Ver Promociones\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"container mx-auto px-4 py-16 md:py-24\">\n <div class=\"text-center mb-12 md:mb-16\">\n <h3 class=\"text-3xl serif font-bold mb-4 italic\">Nuestros Universos<\/h3>\n <p class=\"text-gray-500 max-w-xl mx-auto text-sm\">Selecciona tu \u00e1rea de especialidad para encontrar los productos exactos que necesitas.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 md:gap-6\">\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\u2728<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">Capilar<\/h4>\n <p class=\"text-[10px] text-gray-400\">150+ productos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\u2702\ufe0f<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">Barber\u00eda<\/h4>\n <p class=\"text-[10px] text-gray-400\">80+ productos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\ud83d\udc85<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">U\u00f1as<\/h4>\n <p class=\"text-[10px] text-gray-400\">200+ productos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\ud83d\udc84<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">Est\u00e9tica<\/h4>\n <p class=\"text-[10px] text-gray-400\">120+ productos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\ud83e\ude91<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">Mobiliario<\/h4>\n <p class=\"text-[10px] text-gray-400\">40+ modelos<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pro-content bg-black text-white py-16 md:py-24\">\n <div class=\"container mx-auto px-4 flex flex-col lg:flex-row items-center gap-12\">\n <div class=\"w-full lg:w-1\/2\">\n <div class=\"bg-zinc-800 rounded-3xl p-8 md:p-12\">\n <h3 class=\"text-3xl font-bold mb-4\">\u00bfDue\u00f1o de Negocio?<\/h3>\n <p class=\"text-zinc-400 mb-8 text-sm\">Accede a precios de mayorista, gesti\u00f3n de inventario y capacitaci\u00f3n exclusiva.<\/p>\n <ul class=\"space-y-4 mb-8 text-sm\">\n <li class=\"flex items-center gap-3\">\u26a1 Cr\u00e9dito para equipamiento<\/li>\n <li class=\"flex items-center gap-3\">\u26a1 Repuestos garantizados 24h<\/li>\n <li class=\"flex items-center gap-3\">\u26a1 Descuentos por volumen<\/li>\n <\/ul>\n <button class=\"bg-amber-600 text-white w-full md:w-auto px-8 py-3 rounded-full font-bold uppercase text-[10px]\">\n Registrar Perfil Profesional\n <\/button>\n <\/div>\n <\/div>\n <div class=\"w-full lg:w-1\/2 text-center lg:text-left\">\n <h3 class=\"text-4xl serif italic mb-6 leading-tight\">Mobiliario de <br> Vanguardia<\/h3>\n <p class=\"text-zinc-400 mb-8 text-sm\">Somos el brazo aliado de los mejores salones de la regi\u00f3n.<\/p>\n <button class=\"text-amber-400 font-bold uppercase text-[10px] tracking-widest border-b border-amber-400 pb-1\">\n Ver cat\u00e1logo t\u00e9cnico \u2192\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-gray-100 pt-16 pb-10\">\n <div class=\"container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 border-b border-gray-200 pb-12\">\n <div>\n <h1 class=\"text-lg serif font-bold mb-6 uppercase\">American Beauty<\/h1>\n <p class=\"text-xs text-gray-500 leading-relaxed\">L\u00edderes en distribuci\u00f3n de belleza profesional en Panam\u00e1 y la regi\u00f3n.<\/p>\n <\/div>\n <div>\n <h5 class=\"font-bold text-[10px] uppercase tracking-widest mb-6\">Explorar<\/h5>\n <ul class=\"space-y-3 text-xs text-gray-500\">\n <li class=\"hover:text-black cursor-pointer\">Marcas<\/li>\n <li class=\"hover:text-black cursor-pointer\">Promociones<\/li>\n <li class=\"hover:text-black cursor-pointer\">Blog<\/li>\n <\/ul>\n <\/div>\n <div>\n <h5 class=\"font-bold text-[10px] uppercase tracking-widest mb-6\">Ayuda<\/h5>\n <ul class=\"space-y-3 text-xs text-gray-500\">\n <li class=\"hover:text-black cursor-pointer\">Env\u00edos<\/li>\n <li class=\"hover:text-black cursor-pointer\">Contacto<\/li>\n <li class=\"hover:text-black cursor-pointer\">Preguntas Frecuentes<\/li>\n <\/ul>\n <\/div>\n <div>\n <h5 class=\"font-bold text-[10px] uppercase tracking-widest mb-6\">Newsletter<\/h5>\n <div class=\"flex mt-4\">\n <input type=\"email\" placeholder=\"Email\" class=\"bg-white border-none py-2 px-4 w-full outline-none text-xs\">\n <button class=\"bg-black text-white px-4 py-2 uppercase text-[10px] font-bold\">OK<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"text-center pt-8 text-[9px] text-gray-400 uppercase tracking-widest\">\n American Beauty Supply \u00a9 2026 \u2022 Todos los derechos reservados\n <\/div>\n <\/footer>\n\n \n <script>\n function toggleMode(isPro) {\n const body = document.body;\n const btnRetail = document.getElementById('btnRetail');\n const btnPro = document.getElementById('btnPro');\n\n if (isPro) {\n body.classList.add('is-pro-mode');\n btnPro.classList.add('bg-black', 'text-white');\n btnPro.classList.remove('text-gray-500');\n btnRetail.classList.remove('bg-white', 'shadow-sm', 'text-black');\n btnRetail.classList.add('text-gray-500');\n } else {\n body.classList.remove('is-pro-mode');\n btnRetail.classList.add('bg-white', 'shadow-sm', 'text-black');\n btnRetail.classList.remove('text-gray-500');\n btnPro.classList.remove('bg-black', 'text-white');\n btnPro.classList.add('text-gray-500');\n }\n }\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>American Beauty Supply – Redise\u00f1o UX\/UI Env\u00edo gratis en pedidos superiores a $100 \ud83d\udccd Tiendas \ud83d\udcde Contacto AMERICAN BEAUTY SUPPLY […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-8633","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"David Jose Lazo","author_link":"https:\/\/innovame.com\/en\/author\/davidperez\/"},"uagb_comment_info":0,"uagb_excerpt":"American Beauty Supply – Redise\u00f1o UX\/UI Env\u00edo gratis en pedidos superiores a $100 \ud83d\udccd Tiendas \ud83d\udcde Contacto AMERICAN BEAUTY SUPPLY […]","_links":{"self":[{"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/pages\/8633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/comments?post=8633"}],"version-history":[{"count":0,"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/pages\/8633\/revisions"}],"wp:attachment":[{"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/media?parent=8633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8633,"date":"2026-02-17T16:05:48","date_gmt":"2026-02-17T21:05:48","guid":{"rendered":"https:\/\/innovame.com\/?page_id=8633"},"modified":"2026-02-17T16:14:25","modified_gmt":"2026-02-17T21:14:25","slug":"american-beauty","status":"publish","type":"page","link":"https:\/\/innovame.com\/en\/american-beauty\/","title":{"rendered":"American Beauty"},"content":{"rendered":"\n\n\n\n \n \n American Beauty Supply – Redise\u00f1o UX\/UI<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; }\n .serif { font-family: 'Playfair Display', serif; }\n \n \/* Estilos para el Mega Men\u00fa *\/\n .mega-menu {\n display: none;\n opacity: 0;\n transform: translateY(10px);\n transition: all 0.3s ease;\n }\n .nav-item:hover .mega-menu {\n display: grid;\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Ocultar elementos Pro por defecto *\/\n .pro-content { display: none; }\n body.is-pro-mode .pro-content { display: block; }\n body.is-pro-mode .retail-content { display: none; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-slate-900\">\n\n \n <div class=\"bg-black text-white py-2 px-4 text-[10px] md:text-xs flex justify-between items-center tracking-widest uppercase\">\n <span>Env\u00edo gratis en pedidos superiores a $100<\/span>\n <div class=\"hidden md:flex gap-4\">\n <span class=\"hover:text-amber-400 cursor-pointer flex items-center gap-1\">\ud83d\udccd Tiendas<\/span>\n <span class=\"hover:text-amber-400 cursor-pointer flex items-center gap-1\">\ud83d\udcde Contacto<\/span>\n <\/div>\n <\/div>\n\n \n <header class=\"bg-white sticky top-0 z-50 shadow-sm border-b border-gray-100\">\n <div class=\"container mx-auto px-4 py-4\">\n <div class=\"flex items-center justify-between gap-4 md:gap-8\">\n \n <div class=\"flex-shrink-0\">\n <h1 class=\"text-xl md:text-2xl serif font-bold tracking-tighter\">\n AMERICAN <span class=\"text-amber-600 font-light italic\">BEAUTY<\/span> SUPPLY\n <\/h1>\n <\/div>\n\n \n <div class=\"hidden md:flex flex-grow max-w-xl relative\">\n <input \n type=\"text\" \n placeholder=\"Busca marcas, productos o necesidades...\" \n class=\"w-full bg-gray-100 border-none rounded-full py-2 px-6 pr-12 focus:ring-2 focus:ring-amber-500 transition-all outline-none text-sm\"\n >\n <span class=\"absolute right-4 top-2 text-gray-400\">\ud83d\udd0d<\/span>\n <\/div>\n\n \n <div class=\"flex items-center gap-3 md:gap-6\">\n <div class=\"hidden sm:flex items-center bg-gray-100 p-1 rounded-full border border-gray-200\">\n <button id=\"btnRetail\" onclick=\"toggleMode(false)\" class=\"px-4 py-1.5 rounded-full text-[10px] font-bold transition-all bg-white shadow-sm text-black\">\n RETAIL\n <\/button>\n <button id=\"btnPro\" onclick=\"toggleMode(true)\" class=\"px-4 py-1.5 rounded-full text-[10px] font-bold transition-all text-gray-500\">\n PRO\n <\/button>\n <\/div>\n <div class=\"flex items-center gap-4\">\n <span class=\"cursor-pointer hover:text-amber-600 transition-colors\">\ud83d\udc64<\/span>\n <div class=\"relative cursor-pointer hover:text-amber-600 transition-colors\">\n <span>\ud83d\udecd\ufe0f<\/span>\n <span class=\"absolute -top-2 -right-2 bg-amber-600 text-white text-[8px] w-4 h-4 flex items-center justify-center rounded-full\">0<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <nav class=\"bg-white border-t border-gray-50 hidden lg:block\">\n <div class=\"container mx-auto px-4\">\n <ul class=\"flex justify-center gap-8 py-3\">\n \n <li class=\"nav-item relative group\">\n <a href=\"#\" class=\"flex items-center gap-2 text-xs font-semibold text-slate-600 hover:text-amber-600 py-1 transition-colors uppercase tracking-wider\">\n Universo Capilar \u25be\n <\/a>\n <div class=\"mega-menu absolute top-full left-1\/2 -translate-x-1\/2 w-[600px] bg-white shadow-2xl rounded-b-xl border border-gray-100 p-8 grid grid-cols-2 gap-8 z-50\">\n <div>\n <h4 class=\"font-bold text-amber-600 mb-4 border-b pb-2 text-xs uppercase\">Categor\u00edas<\/h4>\n <ul class=\"space-y-3 text-sm text-slate-500\">\n <li class=\"hover:text-black hover:translate-x-1 transition-all cursor-pointer\">Cuidado (Shampoo\/Tratamientos)<\/li>\n <li class=\"hover:text-black hover:translate-x-1 transition-all cursor-pointer\">Coloraci\u00f3n Profesional<\/li>\n <li class=\"hover:text-black hover:translate-x-1 transition-all cursor-pointer\">Herramientas El\u00e9ctricas<\/li>\n <li class=\"hover:text-black hover:translate-x-1 transition-all cursor-pointer\">Accesorios de Peluquer\u00eda<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-gray-50 rounded-lg p-4 text-center flex flex-col justify-center\">\n <p class=\"text-[10px] font-bold uppercase text-amber-600 mb-1\">Recomendado<\/p>\n <p class=\"serif italic text-lg mb-2\">Tratamientos Sarah K<\/p>\n <button class=\"text-[10px] font-bold underline\">Ver Colecci\u00f3n<\/button>\n <\/div>\n <\/div>\n <\/li>\n \n <li class=\"nav-item relative group text-xs font-semibold text-slate-600 uppercase tracking-wider hover:text-amber-600 cursor-pointer\">Barber\u00eda Pro<\/li>\n <li class=\"nav-item relative group text-xs font-semibold text-slate-600 uppercase tracking-wider hover:text-amber-600 cursor-pointer\">Manicure & Color<\/li>\n <li class=\"nav-item relative group text-xs font-semibold text-slate-600 uppercase tracking-wider hover:text-amber-600 cursor-pointer\">Skin & Makeup<\/li>\n <li class=\"nav-item relative group text-xs font-semibold text-slate-600 uppercase tracking-wider hover:text-amber-600 cursor-pointer pro-content\">Mobiliario<\/li>\n <\/ul>\n <\/div>\n <\/nav>\n <\/header>\n\n \n <section class=\"relative h-[400px] md:h-[550px] bg-slate-900 overflow-hidden\">\n <img decoding=\"async\" \n src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?q=80&w=1600&auto=format&fit=crop\" \n class=\"absolute inset-0 w-full h-full object-cover opacity-40\"\n alt=\"Hero Background\"\n >\n <div class=\"relative container mx-auto h-full px-4 flex flex-col justify-center items-start text-white\">\n <span class=\"bg-amber-600 text-white px-4 py-1 text-[10px] font-bold tracking-widest uppercase mb-4\">Lanzamiento Exclusivo<\/span>\n <h2 class=\"text-4xl md:text-6xl serif font-bold mb-6 max-w-2xl leading-tight\">\n Elevamos el Est\u00e1ndar <br\/> \n <span class=\"text-amber-400\">de tu Sal\u00f3n<\/span>\n <\/h2>\n <p class=\"text-sm md:text-lg text-gray-300 max-w-lg mb-8\">\n Descubre las nuevas herramientas de grado profesional y el mobiliario que transformar\u00e1 la experiencia de tus clientes.\n <\/p>\n <div class=\"flex flex-wrap gap-4\">\n <button class=\"bg-white text-black px-6 md:px-8 py-3 font-bold uppercase text-[10px] md:text-sm hover:bg-amber-400 transition-colors\">\n Explorar Colecci\u00f3n \u2192\n <\/button>\n <button class=\"border-2 border-white px-6 md:px-8 py-3 font-bold uppercase text-[10px] md:text-sm hover:bg-white hover:text-black transition-all\">\n Ver Promociones\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"container mx-auto px-4 py-16 md:py-24\">\n <div class=\"text-center mb-12 md:mb-16\">\n <h3 class=\"text-3xl serif font-bold mb-4 italic\">Nuestros Universos<\/h3>\n <p class=\"text-gray-500 max-w-xl mx-auto text-sm\">Selecciona tu \u00e1rea de especialidad para encontrar los productos exactos que necesitas.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 md:gap-6\">\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\u2728<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">Capilar<\/h4>\n <p class=\"text-[10px] text-gray-400\">150+ productos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\u2702\ufe0f<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">Barber\u00eda<\/h4>\n <p class=\"text-[10px] text-gray-400\">80+ productos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\ud83d\udc85<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">U\u00f1as<\/h4>\n <p class=\"text-[10px] text-gray-400\">200+ productos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\ud83d\udc84<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">Est\u00e9tica<\/h4>\n <p class=\"text-[10px] text-gray-400\">120+ productos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"group cursor-pointer\">\n <div class=\"bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center text-center transition-all group-hover:shadow-xl group-hover:-translate-y-2\">\n <div class=\"w-12 h-12 md:w-16 md:h-16 bg-gray-50 rounded-full flex items-center justify-center mb-4 group-hover:bg-amber-50\">\ud83e\ude91<\/div>\n <h4 class=\"font-bold text-[10px] md:text-xs uppercase tracking-wider mb-1\">Mobiliario<\/h4>\n <p class=\"text-[10px] text-gray-400\">40+ modelos<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pro-content bg-black text-white py-16 md:py-24\">\n <div class=\"container mx-auto px-4 flex flex-col lg:flex-row items-center gap-12\">\n <div class=\"w-full lg:w-1\/2\">\n <div class=\"bg-zinc-800 rounded-3xl p-8 md:p-12\">\n <h3 class=\"text-3xl font-bold mb-4\">\u00bfDue\u00f1o de Negocio?<\/h3>\n <p class=\"text-zinc-400 mb-8 text-sm\">Accede a precios de mayorista, gesti\u00f3n de inventario y capacitaci\u00f3n exclusiva.<\/p>\n <ul class=\"space-y-4 mb-8 text-sm\">\n <li class=\"flex items-center gap-3\">\u26a1 Cr\u00e9dito para equipamiento<\/li>\n <li class=\"flex items-center gap-3\">\u26a1 Repuestos garantizados 24h<\/li>\n <li class=\"flex items-center gap-3\">\u26a1 Descuentos por volumen<\/li>\n <\/ul>\n <button class=\"bg-amber-600 text-white w-full md:w-auto px-8 py-3 rounded-full font-bold uppercase text-[10px]\">\n Registrar Perfil Profesional\n <\/button>\n <\/div>\n <\/div>\n <div class=\"w-full lg:w-1\/2 text-center lg:text-left\">\n <h3 class=\"text-4xl serif italic mb-6 leading-tight\">Mobiliario de <br> Vanguardia<\/h3>\n <p class=\"text-zinc-400 mb-8 text-sm\">Somos el brazo aliado de los mejores salones de la regi\u00f3n.<\/p>\n <button class=\"text-amber-400 font-bold uppercase text-[10px] tracking-widest border-b border-amber-400 pb-1\">\n Ver cat\u00e1logo t\u00e9cnico \u2192\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-gray-100 pt-16 pb-10\">\n <div class=\"container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 border-b border-gray-200 pb-12\">\n <div>\n <h1 class=\"text-lg serif font-bold mb-6 uppercase\">American Beauty<\/h1>\n <p class=\"text-xs text-gray-500 leading-relaxed\">L\u00edderes en distribuci\u00f3n de belleza profesional en Panam\u00e1 y la regi\u00f3n.<\/p>\n <\/div>\n <div>\n <h5 class=\"font-bold text-[10px] uppercase tracking-widest mb-6\">Explorar<\/h5>\n <ul class=\"space-y-3 text-xs text-gray-500\">\n <li class=\"hover:text-black cursor-pointer\">Marcas<\/li>\n <li class=\"hover:text-black cursor-pointer\">Promociones<\/li>\n <li class=\"hover:text-black cursor-pointer\">Blog<\/li>\n <\/ul>\n <\/div>\n <div>\n <h5 class=\"font-bold text-[10px] uppercase tracking-widest mb-6\">Ayuda<\/h5>\n <ul class=\"space-y-3 text-xs text-gray-500\">\n <li class=\"hover:text-black cursor-pointer\">Env\u00edos<\/li>\n <li class=\"hover:text-black cursor-pointer\">Contacto<\/li>\n <li class=\"hover:text-black cursor-pointer\">Preguntas Frecuentes<\/li>\n <\/ul>\n <\/div>\n <div>\n <h5 class=\"font-bold text-[10px] uppercase tracking-widest mb-6\">Newsletter<\/h5>\n <div class=\"flex mt-4\">\n <input type=\"email\" placeholder=\"Email\" class=\"bg-white border-none py-2 px-4 w-full outline-none text-xs\">\n <button class=\"bg-black text-white px-4 py-2 uppercase text-[10px] font-bold\">OK<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"text-center pt-8 text-[9px] text-gray-400 uppercase tracking-widest\">\n American Beauty Supply \u00a9 2026 \u2022 Todos los derechos reservados\n <\/div>\n <\/footer>\n\n \n <script>\n function toggleMode(isPro) {\n const body = document.body;\n const btnRetail = document.getElementById('btnRetail');\n const btnPro = document.getElementById('btnPro');\n\n if (isPro) {\n body.classList.add('is-pro-mode');\n btnPro.classList.add('bg-black', 'text-white');\n btnPro.classList.remove('text-gray-500');\n btnRetail.classList.remove('bg-white', 'shadow-sm', 'text-black');\n btnRetail.classList.add('text-gray-500');\n } else {\n body.classList.remove('is-pro-mode');\n btnRetail.classList.add('bg-white', 'shadow-sm', 'text-black');\n btnRetail.classList.remove('text-gray-500');\n btnPro.classList.remove('bg-black', 'text-white');\n btnPro.classList.add('text-gray-500');\n }\n }\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>American Beauty Supply – Redise\u00f1o UX\/UI Env\u00edo gratis en pedidos superiores a $100 \ud83d\udccd Tiendas \ud83d\udcde Contacto AMERICAN BEAUTY SUPPLY […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"disabled","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-8633","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"David Jose Lazo","author_link":"https:\/\/innovame.com\/en\/author\/davidperez\/"},"uagb_comment_info":0,"uagb_excerpt":"American Beauty Supply – Redise\u00f1o UX\/UI Env\u00edo gratis en pedidos superiores a $100 \ud83d\udccd Tiendas \ud83d\udcde Contacto AMERICAN BEAUTY SUPPLY […]","_links":{"self":[{"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/pages\/8633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/comments?post=8633"}],"version-history":[{"count":0,"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/pages\/8633\/revisions"}],"wp:attachment":[{"href":"https:\/\/innovame.com\/en\/wp-json\/wp\/v2\/media?parent=8633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}