About Us - HaNa Cosmetics<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary-color: #BC8EB9;\n --primary-light: rgba(188, 142, 185, 0.1);\n --primary-medium: rgba(188, 142, 185, 0.2);\n --text-dark: #222;\n --text-light: #666;\n --white: #fff;\n --transition: all 0.3s ease;\n --shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n --radius: 12px;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n color: var(--text-dark);\n background-color: #fafafa;\n line-height: 1.6;\n text-align: center;\n }\n \n .about-us-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n \n \/* Hero Section *\/\n .hero-section {\n position: relative;\n text-align: center;\n padding: 120px 0 100px;\n margin-bottom: 80px;\n background: #fafafa;\n overflow: hidden;\n }\n \n .hero-section h1 {\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: var(--primary-color);\n position: relative;\n display: inline-block;\n }\n \n .hero-section h1::after {\n content: \"\";\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: var(--primary-color);\n border-radius: 2px;\n }\n \n .subtitle {\n font-size: 1.3rem;\n max-width: 800px;\n margin: 30px auto 0;\n color: var(--text-dark);\n font-weight: 300;\n }\n \n \/* Section Styling *\/\n .section {\n margin-bottom: 80px;\n position: relative;\n }\n \n .section-header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n \n .section-title {\n font-size: 2.5rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n position: relative;\n display: inline-block;\n text-align: center;\n width: 100%;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 100%;\n height: 3px;\n background: var(--primary-color);\n border-radius: 3px;\n }\n \n .section-subtitle {\n font-size: 1.1rem;\n color: var(--text-light);\n max-width: 700px;\n margin: 0 auto;\n }\n \n \/* Our Story Section *\/\n .story-container {\n display: flex;\n flex-wrap: wrap;\n gap: 40px;\n align-items: center;\n padding: 40px;\n background-color: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n }\n \n .story-text {\n flex: 1;\n min-width: 300px;\n }\n \n .story-text p {\n margin-bottom: 20px;\n font-size: 1.05rem;\n text-align: center;\n }\n \n .story-image {\n flex: 1;\n min-width: 300px;\n position: relative;\n height: 350px;\n overflow: hidden;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n }\n \n .story-image::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);\n z-index: 1;\n }\n \n .story-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n .mission-box {\n margin-top: 30px;\n padding: 25px;\n background-color: var(--primary-light);\n border-radius: var(--radius);\n border-left: 5px solid var(--primary-color);\n }\n \n .mission-box p {\n margin: 0;\n font-weight: 500;\n }\n \n \/* Accordion Styling *\/\n .accordion {\n margin-bottom: 30px;\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n }\n \n .accordion-header {\n background-color: var(--white);\n padding: 20px 25px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: var(--transition);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n .accordion-header:hover {\n background-color: var(--primary-light);\n }\n \n .accordion-header h3 {\n font-size: 1.3rem;\n color: var(--primary-color);\n margin: 0;\n display: flex;\n align-items: center;\n }\n \n .accordion-header h3 i {\n margin-right: 15px;\n font-size: 1.5rem;\n }\n \n .accordion-header .icon {\n font-size: 1.2rem;\n color: var(--primary-color);\n transition: var(--transition);\n }\n \n .accordion-content {\n background-color: var(--white);\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n \n .accordion-content-inner {\n padding: 25px;\n text-align: center;\n }\n \n .accordion.active .accordion-header {\n background-color: var(--primary-light);\n }\n \n .accordion.active .icon {\n transform: rotate(180deg);\n }\n \n .accordion.active .accordion-content {\n max-height: 2000px;\n }\n \n \/* Card Grids *\/\n .card-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 25px;\n margin-bottom: 30px;\n }\n \n .card {\n background-color: var(--white);\n border-radius: var(--radius);\n padding: 30px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n }\n \n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n }\n \n .card-accent {\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background: var(--primary-color);\n }\n \n .card-accent-top {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: var(--primary-color);\n }\n \n .card h4 {\n font-size: 1.2rem;\n margin-bottom: 15px;\n color: var(--primary-color);\n text-align: center;\n }\n \n .card p {\n font-size: 0.95rem;\n color: var(--text-light);\n margin: 0;\n text-align: center;\n }\n \n \/* Product Series *\/\n .product-series {\n margin-bottom: 30px;\n }\n \n .product-series h4 {\n font-size: 1.2rem;\n margin: 25px 0 15px;\n color: var(--primary-color);\n display: inline-block;\n padding-bottom: 5px;\n border-bottom: 2px solid var(--primary-color);\n text-align: center;\n width: 100%;\n }\n \n .product-list {\n margin-left: 25px;\n margin-bottom: 20px;\n columns: 2;\n text-align: center;\n }\n \n @media (max-width: 768px) {\n .product-list {\n columns: 1;\n }\n }\n \n .product-list li {\n margin-bottom: 8px;\n font-size: 0.95rem;\n position: relative;\n break-inside: avoid;\n }\n \n .product-list li::before {\n content: \"\u2022\";\n color: var(--primary-color);\n font-weight: bold;\n display: inline-block;\n width: 1em;\n margin-left: -1em;\n }\n \n .benefits {\n background: var(--primary-light);\n padding: 15px 20px;\n border-radius: var(--radius);\n margin-bottom: 25px;\n position: relative;\n border-left: 5px solid var(--primary-color);\n }\n \n .benefits p {\n font-size: 0.95rem;\n margin: 0;\n text-align: center;\n }\n \n \/* Vendor Section *\/\n .vendor-card {\n text-align: center;\n padding: 40px 30px;\n }\n \n .vendor-logo {\n width: 120px;\n height: 120px;\n margin: 0 auto 20px;\n background-color: var(--primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n color: var(--primary-color);\n transition: var(--transition);\n }\n \n .vendor-card:hover .vendor-logo {\n transform: scale(1.1);\n background-color: var(--primary-medium);\n }\n \n \/* Animation Classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n .fade-in.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 992px) {\n .hero-section {\n padding: 80px 0 70px;\n }\n \n .hero-section h1 {\n font-size: 2.8rem;\n }\n \n .section-title {\n font-size: 2.2rem;\n }\n \n .card-grid {\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n }\n }\n \n @media (max-width: 768px) {\n .hero-section {\n padding: 60px 0 50px;\n margin-bottom: 60px;\n }\n \n .hero-section h1 {\n font-size: 2.3rem;\n }\n \n .subtitle {\n font-size: 1.1rem;\n }\n \n .section {\n margin-bottom: 60px;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n \n .story-container {\n padding: 30px;\n }\n \n .accordion-header h3 {\n font-size: 1.1rem;\n }\n \n .accordion-header h3 i {\n margin-right: 10px;\n font-size: 1.2rem;\n }\n }\n \n @media (max-width: 576px) {\n .hero-section h1 {\n font-size: 2rem;\n }\n \n .subtitle {\n font-size: 1rem;\n }\n \n .section-title {\n font-size: 1.6rem;\n }\n \n .card-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"about-us-container\">\n \n \n <div class=\"hero-section\">\n <h1>Acerca de HaNa Cosmetics<\/h1>\n <div class=\"subtitle\">\n Una empresa familiar dedicada a suministrar productos de primera calidad para el cuidado del cabello a salones de toda California desde 2021.\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Nuestra historia<\/h2>\n <\/div>\n \n <div class=\"story-container\">\n <div class=\"story-text\">\n <p>\n HaNa Cosmetics es una empresa familiar que comenz\u00f3 su andadura en 2021 con una visi\u00f3n clara: ofrecer productos de la m\u00e1s alta calidad para el cuidado del cabello a salones de toda California. Nuestro compromiso con la excelencia y un servicio al cliente excepcional nos ha consolidado como l\u00edderes del sector.\n <\/p>\n <p>\n Con nuestros productos profesionales y un servicio fiable, ayudamos a los propietarios de salones a hacer crecer sus negocios y ofrecer la mejor experiencia a sus clientes.\n <\/p>\n \n <div class=\"mission-box\">\n <p><strong>Nuestra misi\u00f3n:<\/strong> Dotar a los profesionales de los salones de productos innovadores y de primera calidad que les permitan ofrecer un servicio excepcional a sus clientes.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\" alt=\"HaNa Cosmetics\">\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Qu\u00e9 ofrecemos<\/h2>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-gem\"><\/i> Calidad de nuestros productos<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <p>\n HaNa Cosmetics suministra al por mayor productos de alta calidad para el cuidado del cabello a salones profesionales y establecimientos de belleza de toda California. Nuestro inventario est\u00e1 siempre bien surtido, y nuestras entregas son r\u00e1pidas y fiables. Ayudamos a los salones a ampliar su gama de productos para mejorar la satisfacci\u00f3n del cliente.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-star\"><\/i> Nuestras especialidades<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <div class=\"card-grid\">\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Champ\u00fas<\/h4>\n <p>F\u00f3rmulas de primera calidad para todo tipo de cabellos y problemas.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Acondicionadores<\/h4>\n <p>Tratamientos nutritivos que restauran y protegen el cabello.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Mascarillas de tratamiento<\/h4>\n <p>Soluciones de cuidado intensivo para cabellos da\u00f1ados y procesados.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Productos de estilismo<\/h4>\n <p>Productos de calidad profesional para un estilismo y un acabado creativos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">A qui\u00e9n servimos<\/h2>\n <\/div>\n \n <div class=\"card-grid\">\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Peluquer\u00edas profesionales<\/h4>\n <p>Proporcionar productos de primera calidad que ayuden a los salones a ofrecer un servicio excepcional.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Spas y estudios de belleza<\/h4>\n <p>Apoyo a los centros de bienestar con soluciones de alta calidad para el cuidado del cabello.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Minoristas de productos de belleza<\/h4>\n <p>Suministro a las tiendas de las marcas profesionales m\u00e1s solicitadas para el cuidado del cabello.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Plataformas de comercio electr\u00f3nico<\/h4>\n <p>Asociarse con minoristas en l\u00ednea para llegar a un p\u00fablico m\u00e1s amplio.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Nuestros proveedores<\/h2>\n <\/div>\n \n <div class=\"card-grid\">\n <div class=\"card vendor-card\">\n <div class=\"card-accent-top\"><\/div>\n <div class=\"vendor-logo\">\n <i class=\"fas fa-leaf\"><\/i>\n <\/div>\n <h4>KOOSWALLA<\/h4>\n <p>Soluciones para el cuidado del cabello basadas en ingredientes naturales de primera calidad.<\/p>\n <\/div>\n <div class=\"card vendor-card\">\n <div class=\"card-accent-top\"><\/div>\n <div class=\"vendor-logo\">\n <i class=\"fas fa-magic\"><\/i>\n <\/div>\n <h4>MORFOSA<\/h4>\n <p>Productos innovadores de peinado y tratamiento para profesionales.<\/p>\n <\/div>\n <div class=\"card vendor-card\">\n <div class=\"card-accent-top\"><\/div>\n <div class=\"vendor-logo\">\n <i class=\"fas fa-dna\"><\/i>\n <\/div>\n <h4>BIOPLEX<\/h4>\n <p>Tratamientos prote\u00ednicos especializados para la restauraci\u00f3n capilar.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Nuestras l\u00edneas de productos<\/h2>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-leaf\"><\/i> Serie KOOSWALLA<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <div class=\"product-series\">\n <h4>Serie Aceite de Arg\u00e1n<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fa de aceite de arg\u00e1n<\/li>\n <li>Acondicionador de aceite de arg\u00e1n<\/li>\n <li>Mascarilla capilar de aceite de arg\u00e1n<\/li>\n <li>Aceite de arg\u00e1n marroqu\u00ed<\/li>\n <li>Aceite de arg\u00e1n en spray<\/li>\n <li>Spray protector del calor<\/li>\n <li>Spray acondicionador sin aclarado<\/li>\n <li>Crema para rizos con aceite de arg\u00e1n<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Nutre intensamente, hidrata, da brillo y es adecuado para todo tipo de cabellos. Especialmente ideal para cabellos secos y da\u00f1ados.<\/p>\n <\/div>\n \n <h4>Serie del \u00e1rbol del t\u00e9<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fa Esencia de \u00c1rbol del T\u00e9<\/li>\n <li>Acondicionador Esencia de \u00c1rbol del T\u00e9<\/li>\n <li>Mascarilla capilar con esencia de \u00e1rbol del t\u00e9<\/li>\n <li>Aceite de arg\u00e1n marroqu\u00ed Tea Tree Essence<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Efecto refrescante y purificante con aceite de \u00e1rbol de t\u00e9. Ideal para cabellos y cuero cabelludo grasos.<\/p>\n <\/div>\n \n <h4>Serie para el cuidado del cuero cabelludo<\/h4>\n <p><strong>Antica\u00edda<\/strong><\/p>\n <ul class=\"product-list\">\n <li>Champ\u00fa antica\u00edda<\/li>\n <li>Acondicionador antica\u00edda<\/li>\n <li>Suero antica\u00edda<\/li>\n <\/ul>\n <p><strong>Anticaspa<\/strong><\/p>\n <ul class=\"product-list\">\n <li>Champ\u00fa anticaspa<\/li>\n <li>Acondicionador anticaspa<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Ayuda a reducir la ca\u00edda del cabello y fortalece las ra\u00edces. Previene la formaci\u00f3n de caspa, reduce el picor y proporciona un equilibrio saludable del cuero cabelludo.<\/p>\n <\/div>\n \n <h4>Serie del aceite de macadamia<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fa de aceite de macadamia<\/li>\n <li>Acondicionador de aceite de macadamia<\/li>\n <li>Mascarilla capilar de aceite de macadamia<\/li>\n <li>Aceite capilar de macadamia<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Hidrata en profundidad, previene la rotura y reduce el encrespamiento. Adecuado para cabellos procesados y secos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-magic\"><\/i> Serie MORFOSE<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <div class=\"product-series\">\n <h4>Serie Milk Therapy<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fa cremoso Milk Therapy<\/li>\n <li>Acondicionador sin aclarado bif\u00e1sico Milk Therapy<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Suaviza el cabello con prote\u00ednas l\u00e1cteas, previene la rotura e hidrata.<\/p>\n <\/div>\n \n <h4>Serie Bubbles para el cuidado del cabello<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fas de Arg\u00e1n, Col\u00e1geno, Queratina y Biotina<\/li>\n <li>Rociadores bif\u00e1sicos<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> F\u00f3rmulas especiales para cada necesidad capilar: hidrataci\u00f3n, fuerza, volumen, reparaci\u00f3n.<\/p>\n <\/div>\n \n <h4>Serie de peluquer\u00eda<\/h4>\n <ul class=\"product-list\">\n <li>Cera de peinado Briyantin<\/li>\n <li>Cera de peinado mate<\/li>\n <li>Cera en gel de fijaci\u00f3n mate<\/li>\n <li>Polvo para peinar Barber Line<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Diferentes opciones de fijaci\u00f3n, acabados mates o brillantes, peinado profesional.<\/p>\n <\/div>\n \n <h4>Serie Aqua Gel Wax<\/h4>\n <ul class=\"product-list\">\n <li>Sujeci\u00f3n extra<\/li>\n <li>Ultra fijaci\u00f3n<\/li>\n <li>S\u00faper sujeci\u00f3n<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Fijaci\u00f3n duradera, brillo natural, no deja residuos.<\/p>\n <\/div>\n \n <h4>Serie Ossion<\/h4>\n <ul class=\"product-list\">\n <li>Cera de peinado mate Ossion<\/li>\n <li>Ossion Gel Capilar Cera Fijaci\u00f3n Mate<\/li>\n <li>Gel de afeitar Ossion Bomba<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Fijaci\u00f3n fuerte con acabado mate, f\u00e1cil de peinar, gel de afeitar c\u00f3modo para pieles sensibles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-dna\"><\/i> BIOPLEX - Serie de prote\u00ednas capilares<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <div class=\"product-series\">\n <ul class=\"product-list\">\n <li>Violeta<\/li>\n <li>Oro<\/li>\n <li>Rosa<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Suplemento proteico intensivo, repara el cabello da\u00f1ado, fortaleci\u00e9ndolo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Accordion functionality\n const accordions = document.querySelectorAll('.accordion');\n \n accordions.forEach(accordion => {\n const header = accordion.querySelector('.accordion-header');\n \n header.addEventListener('click', () => {\n accordion.classList.toggle('active');\n });\n });\n \n \/\/ Animation on scroll\n const fadeElements = document.querySelectorAll('.fade-in');\n \n function checkFade() {\n fadeElements.forEach(element => {\n const elementTop = element.getBoundingClientRect().top;\n const windowHeight = window.innerHeight;\n \n if (elementTop < windowHeight - 100) {\n element.classList.add('active');\n }\n });\n }\n \n \/\/ Initial check\n checkFade();\n \n \/\/ Check on scroll\n window.addEventListener('scroll', checkFade);\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Acerca de nosotros - HaNa Cosmetics Acerca de HaNa Cosmetics Una empresa familiar dedicada a proporcionar productos de primera calidad para el cuidado del cabello a salones de toda California desde 2021. Nuestra historia HaNa Cosmetics es una empresa familiar que comenz\u00f3 su andadura en 2021 con una visi\u00f3n clara: ofrecer productos de la m\u00e1s alta calidad para el cuidado del cabello a salones de toda California. Nuestra [...]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-684","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>About Us - Hana Cosmetic<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hanahaircosmetics.com\/es\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Us - Hana Cosmetic\" \/>\n<meta property=\"og:description\" content=\"About Us – HaNa Cosmetics About HaNa Cosmetics A family-owned business dedicated to providing premium hair care products to salons across California since 2021. Our Story HaNa Cosmetics is a family-owned business that began its journey in 2021 with a clear vision: to deliver the highest quality hair care products to salons throughout California. Our […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hanahaircosmetics.com\/es\/about-us\/\" \/>\n<meta property=\"og:site_name\" content=\"Hana Cosmetic\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T18:06:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/\",\"url\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/\",\"name\":\"About Us - Hana Cosmetic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\",\"datePublished\":\"2025-05-07T18:38:07+00:00\",\"dateModified\":\"2025-06-11T18:06:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hanahaircosmetics.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/#website\",\"url\":\"https:\\\/\\\/hanahaircosmetics.com\\\/\",\"name\":\"Hana Cosmetic\",\"description\":\"Professional Haircare. Real Solutions. Trusted by Salons\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hanahaircosmetics.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"About Us - Hana Cosmetic","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hanahaircosmetics.com\/es\/about-us\/","og_locale":"es_ES","og_type":"article","og_title":"About Us - Hana Cosmetic","og_description":"About Us – HaNa Cosmetics About HaNa Cosmetics A family-owned business dedicated to providing premium hair care products to salons across California since 2021. Our Story HaNa Cosmetics is a family-owned business that began its journey in 2021 with a clear vision: to deliver the highest quality hair care products to salons throughout California. Our […]","og_url":"https:\/\/hanahaircosmetics.com\/es\/about-us\/","og_site_name":"Hana Cosmetic","article_modified_time":"2025-06-11T18:06:13+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hanahaircosmetics.com\/about-us\/","url":"https:\/\/hanahaircosmetics.com\/about-us\/","name":"About Us - Hana Cosmetic","isPartOf":{"@id":"https:\/\/hanahaircosmetics.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hanahaircosmetics.com\/about-us\/#primaryimage"},"image":{"@id":"https:\/\/hanahaircosmetics.com\/about-us\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80","datePublished":"2025-05-07T18:38:07+00:00","dateModified":"2025-06-11T18:06:13+00:00","breadcrumb":{"@id":"https:\/\/hanahaircosmetics.com\/about-us\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hanahaircosmetics.com\/about-us\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/hanahaircosmetics.com\/about-us\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/hanahaircosmetics.com\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hanahaircosmetics.com\/"},{"@type":"ListItem","position":2,"name":"About Us"}]},{"@type":"WebSite","@id":"https:\/\/hanahaircosmetics.com\/#website","url":"https:\/\/hanahaircosmetics.com\/","name":"Hana Cosmetic","description":"Cuidado profesional del cabello. Soluciones reales. La confianza de los salones","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hanahaircosmetics.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/pages\/684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/comments?post=684"}],"version-history":[{"count":3,"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/pages\/684\/revisions"}],"predecessor-version":[{"id":1667,"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/pages\/684\/revisions\/1667"}],"wp:attachment":[{"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/media?parent=684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n About Us - HaNa Cosmetics<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary-color: #BC8EB9;\n --primary-light: rgba(188, 142, 185, 0.1);\n --primary-medium: rgba(188, 142, 185, 0.2);\n --text-dark: #222;\n --text-light: #666;\n --white: #fff;\n --transition: all 0.3s ease;\n --shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n --radius: 12px;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n color: var(--text-dark);\n background-color: #fafafa;\n line-height: 1.6;\n text-align: center;\n }\n \n .about-us-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n \n \/* Hero Section *\/\n .hero-section {\n position: relative;\n text-align: center;\n padding: 120px 0 100px;\n margin-bottom: 80px;\n background: #fafafa;\n overflow: hidden;\n }\n \n .hero-section h1 {\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: var(--primary-color);\n position: relative;\n display: inline-block;\n }\n \n .hero-section h1::after {\n content: \"\";\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: var(--primary-color);\n border-radius: 2px;\n }\n \n .subtitle {\n font-size: 1.3rem;\n max-width: 800px;\n margin: 30px auto 0;\n color: var(--text-dark);\n font-weight: 300;\n }\n \n \/* Section Styling *\/\n .section {\n margin-bottom: 80px;\n position: relative;\n }\n \n .section-header {\n text-align: center;\n margin-bottom: 50px;\n position: relative;\n }\n \n .section-title {\n font-size: 2.5rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n position: relative;\n display: inline-block;\n text-align: center;\n width: 100%;\n }\n \n .section-title::after {\n content: \"\";\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 100%;\n height: 3px;\n background: var(--primary-color);\n border-radius: 3px;\n }\n \n .section-subtitle {\n font-size: 1.1rem;\n color: var(--text-light);\n max-width: 700px;\n margin: 0 auto;\n }\n \n \/* Our Story Section *\/\n .story-container {\n display: flex;\n flex-wrap: wrap;\n gap: 40px;\n align-items: center;\n padding: 40px;\n background-color: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n }\n \n .story-text {\n flex: 1;\n min-width: 300px;\n }\n \n .story-text p {\n margin-bottom: 20px;\n font-size: 1.05rem;\n text-align: center;\n }\n \n .story-image {\n flex: 1;\n min-width: 300px;\n position: relative;\n height: 350px;\n overflow: hidden;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n }\n \n .story-image::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%);\n z-index: 1;\n }\n \n .story-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n .mission-box {\n margin-top: 30px;\n padding: 25px;\n background-color: var(--primary-light);\n border-radius: var(--radius);\n border-left: 5px solid var(--primary-color);\n }\n \n .mission-box p {\n margin: 0;\n font-weight: 500;\n }\n \n \/* Accordion Styling *\/\n .accordion {\n margin-bottom: 30px;\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n }\n \n .accordion-header {\n background-color: var(--white);\n padding: 20px 25px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: var(--transition);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n \n .accordion-header:hover {\n background-color: var(--primary-light);\n }\n \n .accordion-header h3 {\n font-size: 1.3rem;\n color: var(--primary-color);\n margin: 0;\n display: flex;\n align-items: center;\n }\n \n .accordion-header h3 i {\n margin-right: 15px;\n font-size: 1.5rem;\n }\n \n .accordion-header .icon {\n font-size: 1.2rem;\n color: var(--primary-color);\n transition: var(--transition);\n }\n \n .accordion-content {\n background-color: var(--white);\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n \n .accordion-content-inner {\n padding: 25px;\n text-align: center;\n }\n \n .accordion.active .accordion-header {\n background-color: var(--primary-light);\n }\n \n .accordion.active .icon {\n transform: rotate(180deg);\n }\n \n .accordion.active .accordion-content {\n max-height: 2000px;\n }\n \n \/* Card Grids *\/\n .card-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 25px;\n margin-bottom: 30px;\n }\n \n .card {\n background-color: var(--white);\n border-radius: var(--radius);\n padding: 30px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n }\n \n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n }\n \n .card-accent {\n position: absolute;\n top: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background: var(--primary-color);\n }\n \n .card-accent-top {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: var(--primary-color);\n }\n \n .card h4 {\n font-size: 1.2rem;\n margin-bottom: 15px;\n color: var(--primary-color);\n text-align: center;\n }\n \n .card p {\n font-size: 0.95rem;\n color: var(--text-light);\n margin: 0;\n text-align: center;\n }\n \n \/* Product Series *\/\n .product-series {\n margin-bottom: 30px;\n }\n \n .product-series h4 {\n font-size: 1.2rem;\n margin: 25px 0 15px;\n color: var(--primary-color);\n display: inline-block;\n padding-bottom: 5px;\n border-bottom: 2px solid var(--primary-color);\n text-align: center;\n width: 100%;\n }\n \n .product-list {\n margin-left: 25px;\n margin-bottom: 20px;\n columns: 2;\n text-align: center;\n }\n \n @media (max-width: 768px) {\n .product-list {\n columns: 1;\n }\n }\n \n .product-list li {\n margin-bottom: 8px;\n font-size: 0.95rem;\n position: relative;\n break-inside: avoid;\n }\n \n .product-list li::before {\n content: \"\u2022\";\n color: var(--primary-color);\n font-weight: bold;\n display: inline-block;\n width: 1em;\n margin-left: -1em;\n }\n \n .benefits {\n background: var(--primary-light);\n padding: 15px 20px;\n border-radius: var(--radius);\n margin-bottom: 25px;\n position: relative;\n border-left: 5px solid var(--primary-color);\n }\n \n .benefits p {\n font-size: 0.95rem;\n margin: 0;\n text-align: center;\n }\n \n \/* Vendor Section *\/\n .vendor-card {\n text-align: center;\n padding: 40px 30px;\n }\n \n .vendor-logo {\n width: 120px;\n height: 120px;\n margin: 0 auto 20px;\n background-color: var(--primary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n color: var(--primary-color);\n transition: var(--transition);\n }\n \n .vendor-card:hover .vendor-logo {\n transform: scale(1.1);\n background-color: var(--primary-medium);\n }\n \n \/* Animation Classes *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n \n .fade-in.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n \/* Responsive Adjustments *\/\n @media (max-width: 992px) {\n .hero-section {\n padding: 80px 0 70px;\n }\n \n .hero-section h1 {\n font-size: 2.8rem;\n }\n \n .section-title {\n font-size: 2.2rem;\n }\n \n .card-grid {\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n }\n }\n \n @media (max-width: 768px) {\n .hero-section {\n padding: 60px 0 50px;\n margin-bottom: 60px;\n }\n \n .hero-section h1 {\n font-size: 2.3rem;\n }\n \n .subtitle {\n font-size: 1.1rem;\n }\n \n .section {\n margin-bottom: 60px;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n \n .story-container {\n padding: 30px;\n }\n \n .accordion-header h3 {\n font-size: 1.1rem;\n }\n \n .accordion-header h3 i {\n margin-right: 10px;\n font-size: 1.2rem;\n }\n }\n \n @media (max-width: 576px) {\n .hero-section h1 {\n font-size: 2rem;\n }\n \n .subtitle {\n font-size: 1rem;\n }\n \n .section-title {\n font-size: 1.6rem;\n }\n \n .card-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"about-us-container\">\n \n \n <div class=\"hero-section\">\n <h1>Acerca de HaNa Cosmetics<\/h1>\n <div class=\"subtitle\">\n Una empresa familiar dedicada a suministrar productos de primera calidad para el cuidado del cabello a salones de toda California desde 2021.\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Nuestra historia<\/h2>\n <\/div>\n \n <div class=\"story-container\">\n <div class=\"story-text\">\n <p>\n HaNa Cosmetics es una empresa familiar que comenz\u00f3 su andadura en 2021 con una visi\u00f3n clara: ofrecer productos de la m\u00e1s alta calidad para el cuidado del cabello a salones de toda California. Nuestro compromiso con la excelencia y un servicio al cliente excepcional nos ha consolidado como l\u00edderes del sector.\n <\/p>\n <p>\n Con nuestros productos profesionales y un servicio fiable, ayudamos a los propietarios de salones a hacer crecer sus negocios y ofrecer la mejor experiencia a sus clientes.\n <\/p>\n \n <div class=\"mission-box\">\n <p><strong>Nuestra misi\u00f3n:<\/strong> Dotar a los profesionales de los salones de productos innovadores y de primera calidad que les permitan ofrecer un servicio excepcional a sus clientes.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\" alt=\"HaNa Cosmetics\">\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Qu\u00e9 ofrecemos<\/h2>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-gem\"><\/i> Calidad de nuestros productos<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <p>\n HaNa Cosmetics suministra al por mayor productos de alta calidad para el cuidado del cabello a salones profesionales y establecimientos de belleza de toda California. Nuestro inventario est\u00e1 siempre bien surtido, y nuestras entregas son r\u00e1pidas y fiables. Ayudamos a los salones a ampliar su gama de productos para mejorar la satisfacci\u00f3n del cliente.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-star\"><\/i> Nuestras especialidades<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <div class=\"card-grid\">\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Champ\u00fas<\/h4>\n <p>F\u00f3rmulas de primera calidad para todo tipo de cabellos y problemas.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Acondicionadores<\/h4>\n <p>Tratamientos nutritivos que restauran y protegen el cabello.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Mascarillas de tratamiento<\/h4>\n <p>Soluciones de cuidado intensivo para cabellos da\u00f1ados y procesados.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Productos de estilismo<\/h4>\n <p>Productos de calidad profesional para un estilismo y un acabado creativos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">A qui\u00e9n servimos<\/h2>\n <\/div>\n \n <div class=\"card-grid\">\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Peluquer\u00edas profesionales<\/h4>\n <p>Proporcionar productos de primera calidad que ayuden a los salones a ofrecer un servicio excepcional.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Spas y estudios de belleza<\/h4>\n <p>Apoyo a los centros de bienestar con soluciones de alta calidad para el cuidado del cabello.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Minoristas de productos de belleza<\/h4>\n <p>Suministro a las tiendas de las marcas profesionales m\u00e1s solicitadas para el cuidado del cabello.<\/p>\n <\/div>\n <div class=\"card\">\n <div class=\"card-accent\"><\/div>\n <h4>Plataformas de comercio electr\u00f3nico<\/h4>\n <p>Asociarse con minoristas en l\u00ednea para llegar a un p\u00fablico m\u00e1s amplio.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Nuestros proveedores<\/h2>\n <\/div>\n \n <div class=\"card-grid\">\n <div class=\"card vendor-card\">\n <div class=\"card-accent-top\"><\/div>\n <div class=\"vendor-logo\">\n <i class=\"fas fa-leaf\"><\/i>\n <\/div>\n <h4>KOOSWALLA<\/h4>\n <p>Soluciones para el cuidado del cabello basadas en ingredientes naturales de primera calidad.<\/p>\n <\/div>\n <div class=\"card vendor-card\">\n <div class=\"card-accent-top\"><\/div>\n <div class=\"vendor-logo\">\n <i class=\"fas fa-magic\"><\/i>\n <\/div>\n <h4>MORFOSA<\/h4>\n <p>Productos innovadores de peinado y tratamiento para profesionales.<\/p>\n <\/div>\n <div class=\"card vendor-card\">\n <div class=\"card-accent-top\"><\/div>\n <div class=\"vendor-logo\">\n <i class=\"fas fa-dna\"><\/i>\n <\/div>\n <h4>BIOPLEX<\/h4>\n <p>Tratamientos prote\u00ednicos especializados para la restauraci\u00f3n capilar.<\/p>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Nuestras l\u00edneas de productos<\/h2>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-leaf\"><\/i> Serie KOOSWALLA<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <div class=\"product-series\">\n <h4>Serie Aceite de Arg\u00e1n<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fa de aceite de arg\u00e1n<\/li>\n <li>Acondicionador de aceite de arg\u00e1n<\/li>\n <li>Mascarilla capilar de aceite de arg\u00e1n<\/li>\n <li>Aceite de arg\u00e1n marroqu\u00ed<\/li>\n <li>Aceite de arg\u00e1n en spray<\/li>\n <li>Spray protector del calor<\/li>\n <li>Spray acondicionador sin aclarado<\/li>\n <li>Crema para rizos con aceite de arg\u00e1n<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Nutre intensamente, hidrata, da brillo y es adecuado para todo tipo de cabellos. Especialmente ideal para cabellos secos y da\u00f1ados.<\/p>\n <\/div>\n \n <h4>Serie del \u00e1rbol del t\u00e9<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fa Esencia de \u00c1rbol del T\u00e9<\/li>\n <li>Acondicionador Esencia de \u00c1rbol del T\u00e9<\/li>\n <li>Mascarilla capilar con esencia de \u00e1rbol del t\u00e9<\/li>\n <li>Aceite de arg\u00e1n marroqu\u00ed Tea Tree Essence<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Efecto refrescante y purificante con aceite de \u00e1rbol de t\u00e9. Ideal para cabellos y cuero cabelludo grasos.<\/p>\n <\/div>\n \n <h4>Serie para el cuidado del cuero cabelludo<\/h4>\n <p><strong>Antica\u00edda<\/strong><\/p>\n <ul class=\"product-list\">\n <li>Champ\u00fa antica\u00edda<\/li>\n <li>Acondicionador antica\u00edda<\/li>\n <li>Suero antica\u00edda<\/li>\n <\/ul>\n <p><strong>Anticaspa<\/strong><\/p>\n <ul class=\"product-list\">\n <li>Champ\u00fa anticaspa<\/li>\n <li>Acondicionador anticaspa<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Ayuda a reducir la ca\u00edda del cabello y fortalece las ra\u00edces. Previene la formaci\u00f3n de caspa, reduce el picor y proporciona un equilibrio saludable del cuero cabelludo.<\/p>\n <\/div>\n \n <h4>Serie del aceite de macadamia<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fa de aceite de macadamia<\/li>\n <li>Acondicionador de aceite de macadamia<\/li>\n <li>Mascarilla capilar de aceite de macadamia<\/li>\n <li>Aceite capilar de macadamia<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Hidrata en profundidad, previene la rotura y reduce el encrespamiento. Adecuado para cabellos procesados y secos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-magic\"><\/i> Serie MORFOSE<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <div class=\"product-series\">\n <h4>Serie Milk Therapy<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fa cremoso Milk Therapy<\/li>\n <li>Acondicionador sin aclarado bif\u00e1sico Milk Therapy<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Suaviza el cabello con prote\u00ednas l\u00e1cteas, previene la rotura e hidrata.<\/p>\n <\/div>\n \n <h4>Serie Bubbles para el cuidado del cabello<\/h4>\n <ul class=\"product-list\">\n <li>Champ\u00fas de Arg\u00e1n, Col\u00e1geno, Queratina y Biotina<\/li>\n <li>Rociadores bif\u00e1sicos<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> F\u00f3rmulas especiales para cada necesidad capilar: hidrataci\u00f3n, fuerza, volumen, reparaci\u00f3n.<\/p>\n <\/div>\n \n <h4>Serie de peluquer\u00eda<\/h4>\n <ul class=\"product-list\">\n <li>Cera de peinado Briyantin<\/li>\n <li>Cera de peinado mate<\/li>\n <li>Cera en gel de fijaci\u00f3n mate<\/li>\n <li>Polvo para peinar Barber Line<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Diferentes opciones de fijaci\u00f3n, acabados mates o brillantes, peinado profesional.<\/p>\n <\/div>\n \n <h4>Serie Aqua Gel Wax<\/h4>\n <ul class=\"product-list\">\n <li>Sujeci\u00f3n extra<\/li>\n <li>Ultra fijaci\u00f3n<\/li>\n <li>S\u00faper sujeci\u00f3n<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Fijaci\u00f3n duradera, brillo natural, no deja residuos.<\/p>\n <\/div>\n \n <h4>Serie Ossion<\/h4>\n <ul class=\"product-list\">\n <li>Cera de peinado mate Ossion<\/li>\n <li>Ossion Gel Capilar Cera Fijaci\u00f3n Mate<\/li>\n <li>Gel de afeitar Ossion Bomba<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Fijaci\u00f3n fuerte con acabado mate, f\u00e1cil de peinar, gel de afeitar c\u00f3modo para pieles sensibles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"accordion\">\n <div class=\"accordion-header\">\n <h3><i class=\"fas fa-dna\"><\/i> BIOPLEX - Serie de prote\u00ednas capilares<\/h3>\n <div class=\"icon\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n <\/div>\n <div class=\"accordion-content\">\n <div class=\"accordion-content-inner\">\n <div class=\"product-series\">\n <ul class=\"product-list\">\n <li>Violeta<\/li>\n <li>Oro<\/li>\n <li>Rosa<\/li>\n <\/ul>\n <div class=\"benefits\">\n <p><strong>Ventajas:<\/strong> Suplemento proteico intensivo, repara el cabello da\u00f1ado, fortaleci\u00e9ndolo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Accordion functionality\n const accordions = document.querySelectorAll('.accordion');\n \n accordions.forEach(accordion => {\n const header = accordion.querySelector('.accordion-header');\n \n header.addEventListener('click', () => {\n accordion.classList.toggle('active');\n });\n });\n \n \/\/ Animation on scroll\n const fadeElements = document.querySelectorAll('.fade-in');\n \n function checkFade() {\n fadeElements.forEach(element => {\n const elementTop = element.getBoundingClientRect().top;\n const windowHeight = window.innerHeight;\n \n if (elementTop < windowHeight - 100) {\n element.classList.add('active');\n }\n });\n }\n \n \/\/ Initial check\n checkFade();\n \n \/\/ Check on scroll\n window.addEventListener('scroll', checkFade);\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Acerca de nosotros - HaNa Cosmetics Acerca de HaNa Cosmetics Una empresa familiar dedicada a proporcionar productos de primera calidad para el cuidado del cabello a salones de toda California desde 2021. Nuestra historia HaNa Cosmetics es una empresa familiar que comenz\u00f3 su andadura en 2021 con una visi\u00f3n clara: ofrecer productos de la m\u00e1s alta calidad para el cuidado del cabello a salones de toda California. Nuestra [...]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-684","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>About Us - Hana Cosmetic<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hanahaircosmetics.com\/es\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Us - Hana Cosmetic\" \/>\n<meta property=\"og:description\" content=\"About Us – HaNa Cosmetics About HaNa Cosmetics A family-owned business dedicated to providing premium hair care products to salons across California since 2021. Our Story HaNa Cosmetics is a family-owned business that began its journey in 2021 with a clear vision: to deliver the highest quality hair care products to salons throughout California. Our […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hanahaircosmetics.com\/es\/about-us\/\" \/>\n<meta property=\"og:site_name\" content=\"Hana Cosmetic\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T18:06:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/\",\"url\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/\",\"name\":\"About Us - Hana Cosmetic\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\",\"datePublished\":\"2025-05-07T18:38:07+00:00\",\"dateModified\":\"2025-06-11T18:06:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/about-us\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hanahaircosmetics.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hanahaircosmetics.com\\\/#website\",\"url\":\"https:\\\/\\\/hanahaircosmetics.com\\\/\",\"name\":\"Hana Cosmetic\",\"description\":\"Professional Haircare. Real Solutions. Trusted by Salons\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hanahaircosmetics.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n","yoast_head_json":{"title":"About Us - Hana Cosmetic","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hanahaircosmetics.com\/es\/about-us\/","og_locale":"es_ES","og_type":"article","og_title":"About Us - Hana Cosmetic","og_description":"About Us – HaNa Cosmetics About HaNa Cosmetics A family-owned business dedicated to providing premium hair care products to salons across California since 2021. Our Story HaNa Cosmetics is a family-owned business that began its journey in 2021 with a clear vision: to deliver the highest quality hair care products to salons throughout California. Our […]","og_url":"https:\/\/hanahaircosmetics.com\/es\/about-us\/","og_site_name":"Hana Cosmetic","article_modified_time":"2025-06-11T18:06:13+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hanahaircosmetics.com\/about-us\/","url":"https:\/\/hanahaircosmetics.com\/about-us\/","name":"About Us - Hana Cosmetic","isPartOf":{"@id":"https:\/\/hanahaircosmetics.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hanahaircosmetics.com\/about-us\/#primaryimage"},"image":{"@id":"https:\/\/hanahaircosmetics.com\/about-us\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80","datePublished":"2025-05-07T18:38:07+00:00","dateModified":"2025-06-11T18:06:13+00:00","breadcrumb":{"@id":"https:\/\/hanahaircosmetics.com\/about-us\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hanahaircosmetics.com\/about-us\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/hanahaircosmetics.com\/about-us\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1560066984-138dadb4c035?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/hanahaircosmetics.com\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hanahaircosmetics.com\/"},{"@type":"ListItem","position":2,"name":"About Us"}]},{"@type":"WebSite","@id":"https:\/\/hanahaircosmetics.com\/#website","url":"https:\/\/hanahaircosmetics.com\/","name":"Hana Cosmetic","description":"Cuidado profesional del cabello. Soluciones reales. La confianza de los salones","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hanahaircosmetics.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/pages\/684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/comments?post=684"}],"version-history":[{"count":3,"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/pages\/684\/revisions"}],"predecessor-version":[{"id":1667,"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/pages\/684\/revisions\/1667"}],"wp:attachment":[{"href":"https:\/\/hanahaircosmetics.com\/es\/wp-json\/wp\/v2\/media?parent=684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}