{"id":27393,"date":"2025-01-15T00:13:34","date_gmt":"2025-01-15T00:13:34","guid":{"rendered":"https:\/\/demo.beautystar.it\/homepage\/"},"modified":"2025-07-23T13:35:31","modified_gmt":"2025-07-23T13:35:31","slug":"homepage","status":"publish","type":"page","link":"https:\/\/www.beautystar.it\/pt-pt\/","title":{"rendered":"P\u00e1gina inicial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"27393\" class=\"elementor elementor-27393 elementor-13152\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81b20db e-con-full e-flex e-con e-parent\" data-id=\"81b20db\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero_home_top\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-0bf4472 e-con-full e-flex e-con e-child\" data-id=\"0bf4472\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;none&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b97e9c elementor-widget elementor-widget-heading\" data-id=\"2b97e9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"title-heading-home\">A BeautyStar \u00e9 uma empresa italiana de<\/span><span class=\"title-heading-home-2\">m\u00f3veis de cabeleireiro que combina design <span class=\"txt_unique_inn\">in<span class=\"icona_star_testo\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/icon_star_green.svg\" alt=\"estrela_\u00edcone\"><\/span><\/span>vador e sustentabilidade<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62d03a8 e-con-full e-flex e-con e-parent\" data-id=\"62d03a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-929cb32 elementor-widget elementor-widget-html\" data-id=\"929cb32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HTML da inserire in Elementor HTML Widget --><div class=\"scroll-container\"><div class=\"sticky-section\"><div class=\"video-wrapper\"><div class=\"overlay-video\"><\/div><video autoplay muted loop playsinline><source src=\"\/wp-content\/uploads\/2025\/03\/video_bs_home.webm\" type=\"video\/webm\"><\/video><\/div><!-- Overlay nero tra video e testo --><div class=\"text-container\"><div class=\"animated-text\"><h2 class=\"text-1\"><b>Tecnologia e Inova\u00e7\u00e3o<\/b><\/h2><h2 class=\"text-2\">Ao servi\u00e7o do Sal\u00e3o<\/h2><\/div><\/div><\/div><\/div><style>.scroll-container {\n  height: 300vh;\n  position: relative;\n}\n\n.sticky-section {\n  height: 100vh;\n  width: 100%;\n  position: sticky;\n  top: 0;\n  overflow: hidden;\n  background-color: #000;\n}\n\n.video-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.video-wrapper video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* Stile per l'overlay nero *\/\n.overlay-video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.3); \/* Ho aumentato l'opacit\u00e0 per renderlo pi\u00f9 visibile *\/\n  z-index: 2; \/* Tra il video (z-index: 1) e il testo (z-index: 3) *\/\n}\n\n.text-container {\n  position: relative;\n  z-index: 3; \/* Sopra l'overlay *\/\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.animated-text {\n  padding: 2rem;\n  text-align: center;\n}\n\n.animated-text h2 {\n  font-size: 2.5vw;\n  margin: 0px !important;\n  opacity: 0;\n  transform: translateY(50px);\n  color: white;\n}\n\n.text-1 {\n  margin-bottom: 1rem !important;\n}\n\n@media only screen and (max-width: 768px) {\n  .animated-text h2 {\n    font-size: 24px;\n    margin: 0px !important;\n  }\n}\n<\/style><script>document.addEventListener('DOMContentLoaded', function() {\n  const scrollContainer = document.querySelector('.scroll-container');\n  const text1 = document.querySelector('.text-1');\n  const text2 = document.querySelector('.text-2');\n  \n  window.addEventListener('scroll', () => {\n    const containerRect = scrollContainer.getBoundingClientRect();\n    const scrollProgress = -containerRect.top \/ (containerRect.height - window.innerHeight);\n    \n    if (scrollProgress >= 0 && scrollProgress <= 1) {\n      \/\/ Prima animazione\n      const text1Progress = Math.min(1, Math.max(0, scrollProgress * 4));\n      text1.style.opacity = text1Progress;\n      text1.style.transform = `translateY(${50 * (1 - text1Progress)}px)`;\n      \n      \/\/ Seconda animazione - parte quando la prima \u00e8 all'80%\n      const text2Progress = Math.min(1, Math.max(0, (scrollProgress * 4) - 1.6)); \/\/ Cambiato da 2 a 1.6\n      text2.style.opacity = text2Progress;\n      text2.style.transform = `translateY(${50 * (1 - text2Progress)}px)`;\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4352bc4 e-con-full e-flex e-con e-parent\" data-id=\"4352bc4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eebd703 elementor-widget elementor-widget-shortcode\" data-id=\"eebd703\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[scrollsequence id=\"3575\"]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04a59b2 e-flex e-con-boxed e-con e-parent\" data-id=\"04a59b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74d31b5 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"74d31b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Descubra como mobilar<br>o seu sal\u00e3o<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89bf736 elementor-widget elementor-widget-html\" data-id=\"89bf736\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Slider con Hotspot<\/title>\n  <!-- Google Font Montserrat -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\n  <style>\n    body { font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; background: #fafafa; color: #333; }\n    .container { display: flex; max-width: 1200px; margin: 60px auto; height: 450px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); background: #fff; overflow: hidden; }\n    .slider { flex: 2; position: relative; height: 100%; overflow: hidden; }\n    .content { flex: 1; padding: 30px; height: 100%; }\n\n    .slides { list-style: none; padding: 0; margin: 0; position: relative; width: 100%; height: 100%; }\n    .slides li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.6s ease-in-out; }\n    .slides li.active { opacity: 1; }\n    .slides img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n    .hotspots { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; pointer-events: none; }\n    .hotspot { position: absolute; width: 36px; height: 36px; background: rgba(255,255,255,0.8); border: 2px solid #fff; border-radius: 50%; cursor: pointer; pointer-events: all; display: flex; align-items: center; justify-content: center; font-weight: 600; color: #9caf88; transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.2); z-index: 10; }\n    .hotspot:hover { background: #9caf88; color: #fff; transform: scale(1.5) translateY(-4px); box-shadow: 0 6px 16px rgba(0,0,0,0.3); }\n\n    .arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); border: none; color: #fff; font-size: 2rem; padding: 8px 12px; cursor: pointer; z-index: 20; border-radius: 4px; transition: background 0.3s ease, box-shadow 0.2s ease; }\n    .arrow.prev { left: 10px; }\n    .arrow.next { right: 10px; }\n    .arrow:hover, .arrow:active, .arrow:focus { background: #9caf88; outline: none; box-shadow: 0 0 0 3px rgba(156,175,136,0.5); }\n\n    \/* Nascondi base *\/\n    .default-detail, .detail { display: none; height: 100%; }\n    \/* Mostra e centra quando attivo *\/\n    .default-detail.active, .detail.active {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      height: 100%;\n      align-items: center;\n      text-align: center;\n    }\n\n    .detail-img { width: 100%; max-height: 150px; object-fit: contain; border-radius: 8px; margin-bottom: 20px; }\n    .content h2 { margin-top: 0; font-size: 1.8rem; color: #333; position: relative; }\n    .content p { line-height: 1.6; margin: 16px 0; }\n    .detail-btn, .default-btn { display: inline-block; margin-top: 20px; padding: 12px 24px; font-weight: 600; text-decoration: none; background: #9caf88; color: #fff; border-radius: 1.5rem; transition: background 0.3s ease, transform 0.3s ease; width: fit-content; }\n    .detail-btn:hover, .default-btn:hover { background: #85a573; transform: translateY(-2px); color: #fff;}\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n      .container { flex-direction: column; height: auto; }\n      .slider, .content { width: 100%; }\n      .slider { height: 300px; }\n      .content { padding: 20px; }\n    }\n\n  <\/style>\n<\/head>\n<body>\n  <div class=\"container\">\n    <div class=\"slider\">\n      <button class=\"arrow prev\">\u2039<\/button>\n      <button class=\"arrow next\">\u203a<\/button>\n      <ul class=\"slides\">\n        <!-- Slide 1 -->\n        <li class=\"slide active\" data-slide=\"0\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render1-scaled.jpg\" alt=\"Slide 1\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:60%; left:20%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:60%; left:70%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:50%; left:90%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:70%; left:90%;\"><\/div>\n          <\/div>\n        <\/li>\n        <!-- Slide 2 -->\n        <li class=\"slide\" data-slide=\"1\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render2-scaled.png\" alt=\"Slide 2\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:80%; left:60%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:60%; left:65%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:65%; left:80%;\"><\/div>\n          <\/div>\n        <\/li>\n        <!-- Slide 3 -->\n        <li class=\"slide\" data-slide=\"2\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render3.jpg\" alt=\"Slide 2\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:80%; left:45%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:50%; left:50%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:65%; left:65%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:80%; left:90%;\"><\/div>\n                       \n          <\/div>\n        <\/li>\n        <!-- Slide 4 -->\n        <li class=\"slide\" data-slide=\"3\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render4-scaled.png\" alt=\"Slide 2\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:30%; left:30%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:35%; left:40%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"2\" style=\"top:70%; left:30%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:72%; left:35%;\"><\/div>\n          <\/div>\n        <\/li>\n        <!-- Slide 5 -->\n        <li class=\"slide\" data-slide=\"4\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Render5-scaled.jpg\" alt=\"Slide 2\">\n          <div class=\"hotspots\">\n            <div class=\"hotspot\" data-index=\"0\" style=\"top:80%; left:50%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"1\" style=\"top:70%; left:40%;\"><\/div>\n            <div class=\"hotspot\" data-index=\"3\" style=\"top:60%; left:55%;\"><\/div>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"content\">\n      <div class=\"default-detail active\">\n        <p>Clica nos spots<\/p>\n        <h2>Descobre os produtos da BeautyStar<\/h2>\n\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/contatti\/\" class=\"default-btn\">Descobre mais sobre como comprar<\/a>\n      <\/div>\n      <!-- Dettagli slide 1 -->\n      <div class=\"detail\" data-slide=\"0\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mobili-no-bg.png\" alt=\"Dettaglio 1\">\n        <h2>Retrolavaggio<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/retro-wash-light-mobili-retrolavaggio-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2024\/10\/alba-no-bg.png\" alt=\"Dettaglio 2\">\n        <h2>Alba<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/alba-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2024\/10\/stargate-no-bg.png\" alt=\"Dettaglio 2\">\n        <h2>Stargate<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/stargate-mensola-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"0\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/poggiapiedi.display_sketch.png\" alt=\"Dettaglio 2\">\n        <h2>Garmet<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/garmet-appoggiapiedi\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <!-- Dettagli slide 2 -->\n      <div class=\"detail\" data-slide=\"1\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/poggiapiedi.display_sketch.png\" alt=\"Dettaglio A\">\n        <h2>Display<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/display-appoggiapiedi\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"1\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Livello-10.png\" alt=\"Dettaglio B\">\n        <h2>Hunt<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/hunt\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"1\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/amelie.png\" alt=\"Dettaglio B\">\n        <h2>Amelie<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/amelie-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n            <!-- Dettagli slide 3 -->\n      <div class=\"detail\" data-slide=\"2\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Broadway_01_sketch.png\" alt=\"Dettaglio A\">\n        <h2>Broadway<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/broadway-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mensole-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>Brooklyn<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/brooklyn-mensola-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Harlem_01_sketch.png\" alt=\"Dettaglio B\">\n        <h2>Harlem<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/harlem-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"2\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavaggio_NY_04_sketch.png\" alt=\"Dettaglio B\">\n        <h2>I Love NY<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/i-love-ny-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n            <!-- Dettagli slide 4 -->\n      <div class=\"detail\" data-slide=\"3\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Mobili-no-bg.png\" alt=\"Dettaglio A\">\n        <h2>Retrolavaggio<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/retro-wash-light-mobili-retrolavaggio-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Igloo_01.png\" alt=\"Dettaglio B\">\n        <h2>Igloo<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/igloo-sistema-a-vapore\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Vapomist_1_New_01.ong_.png\" alt=\"Dettaglio B\">\n        <h2>Vapomist<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/vapomist\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"3\" data-index=\"3\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavatesta-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>New Almond<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/new-almond-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n            <!-- Dettagli slide 5 -->\n      <div class=\"detail\" data-slide=\"4\" data-index=\"0\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Liberty_01.png\" alt=\"Dettaglio A\">\n        <h2>Liberty<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/liberty-poltrona-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"4\" data-index=\"1\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Coco_a-muro.png\" alt=\"Dettaglio B\">\n        <h2>Coco<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/coco-centrale\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n      <div class=\"detail\" data-slide=\"4\" data-index=\"2\">\n        <img decoding=\"async\" class=\"detail-img\" src=\"\/wp-content\/uploads\/2025\/04\/Lavatesta-no-bg.png\" alt=\"Dettaglio B\">\n        <h2>New Almond<\/h2>\n        <a href=\"https:\/\/beautystar.it\/pt-pt\/prodotti-catalogo\/new-almond-lavatesta-per-parrucchieri\/\" class=\"detail-btn\">Descubra<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <script>\n    const slides = document.querySelectorAll('.slide');\n    const prev = document.querySelector('.arrow.prev');\n    const next = document.querySelector('.arrow.next');\n    const defaultDetail = document.querySelector('.default-detail');\n    const details = document.querySelectorAll('.detail');\n    let currentSlide = 0;\n\n    function showSlide(idx) {\n      currentSlide = idx;\n      slides.forEach(s => s.classList.toggle('active', Number(s.dataset.slide) === idx));\n      defaultDetail.classList.add('active');\n      details.forEach(d => d.classList.remove('active'));\n    }\n    prev.addEventListener('click', () => showSlide((currentSlide - 1 + slides.length) % slides.length));\n    next.addEventListener('click', () => showSlide((currentSlide + 1) % slides.length));\n\n    document.querySelectorAll('.hotspot').forEach(hot => {\n      hot.addEventListener('click', (e) => {\n        e.stopPropagation();\n        const slideIdx = Number(hot.closest('.slide').dataset.slide);\n        const idx = Number(hot.dataset.index);\n        defaultDetail.classList.remove('active');\n        details.forEach(d => {\n          d.classList.toggle('active', Number(d.dataset.slide) === slideIdx && Number(d.dataset.index) === idx);\n        });\n      });\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<div class=\"elementor-element elementor-element-b348dff e-con-full background-changing e-flex e-con e-parent\" data-id=\"b348dff\" data-element_type=\"container\" data-e-type=\"container\" id=\"background-changing\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-9a30658 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"9a30658\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-75b2503 e-con-full anim-bufade elementor-hidden-mobile e-flex e-con e-child\" data-id=\"75b2503\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e19eafd custom-underline elementor-widget elementor-widget-heading\" data-id=\"e19eafd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/pt-pt\/collezioni\/\">Descubra todas as colec\u00e7\u00f5es<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79346e9 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"79346e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-800e94f elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"800e94f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">COLEC\u00c7\u00d5ES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52b5571 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"52b5571\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">As colec\u00e7\u00f5es BeautyStar: design inovador, qualidade artesanal e funcionalidade concebidas para o seu sal\u00e3o.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51f8aa6 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"51f8aa6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ad8534 anim-bufade elementor-widget elementor-widget-loop-carousel\" data-id=\"1ad8534\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"collection-carousel\" data-settings=\"{&quot;template_id&quot;:17868,&quot;speed&quot;:250,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;offset_sides&quot;:&quot;none&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"rtl\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t<style id=\"loop-17868\">.elementor-17868 .elementor-element.elementor-element-37dc52b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-17868 .elementor-element.elementor-element-37dc52b{--content-width:100%;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17868\" class=\"elementor elementor-17868 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-7741 post-7741 collectioncarousel type-collectioncarousel status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/pt-pt\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"\" data-hover-image=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/New-york_collezione_beautystar_sketch.png\" data-text=\"rgb(229,229,229)\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\">Coming soon<\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/pt-pt\/estilos\/nova-iorque-nova-iorque\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\">Coming soon<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\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>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17868\" class=\"elementor elementor-17868 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-7738 post-7738 collectioncarousel type-collectioncarousel status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/pt-pt\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"\" data-hover-image=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/New-york_collezione_beautystar_sketch.png\" data-text=\"rgb(229,229,229)\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\">Coming soon<\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/pt-pt\/estilos\/nova-iorque-nova-iorque\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\">Coming soon<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\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>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17868\" class=\"elementor elementor-17868 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-7721 post-7721 collectioncarousel type-collectioncarousel status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/pt-pt\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"\" data-hover-image=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/New-york_collezione_beautystar_sketch.png\" data-text=\"rgb(210,194,181)\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\">New York<\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/pt-pt\/estilos\/nova-iorque-nova-iorque\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\">New York<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\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>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a557c08 elementor-widget__width-initial anim-bufade elementor-hidden-desktop ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"a557c08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/beautystar.it\/pt-pt\/collezioni\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">TODAS AS COLEC\u00c7\u00d5ES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7837ad2 e-con-full e-flex e-con e-parent\" data-id=\"7837ad2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-27e1ea6 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"27e1ea6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-b10debd e-con-full anim-bufade elementor-hidden-mobile e-flex e-con e-child\" data-id=\"b10debd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fa5eff custom-underline elementor-widget elementor-widget-heading\" data-id=\"6fa5eff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/pt-pt\/estilos\/new-york\/\">Descubra a cole\u00e7\u00e3o<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bca928c e-con-full anim-bufade e-flex e-con e-child\" data-id=\"bca928c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2ae4ac elementor-widget__width-initial anim-bufade elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b2ae4ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"background-color: inherit;text-align: var(--text-align)\">NEW YORK NEW YORK<\/span><span style=\"background-color: inherit;text-align: var(--text-align)\"><\/span><br><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1fc819 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"c1fc819\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Descubra a cole\u00e7\u00e3o New York New York<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb7f937 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"cb7f937\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edfd87c anim-bufade elementor-widget elementor-widget-loop-carousel\" data-id=\"edfd87c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:17868,&quot;speed&quot;:250,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;offset_sides&quot;:&quot;none&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"rtl\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17868\" class=\"elementor elementor-17868 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32405 post-32405 carosello-newyork type-carosello-newyork status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/pt-pt\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/11\/4.png\" data-hover-image=\"\" data-text=\"\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\"><\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/pt-pt\/estilos\/nova-iorque-nova-iorque\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\"><\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\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>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17868\" class=\"elementor elementor-17868 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32400 post-32400 carosello-newyork type-carosello-newyork status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/pt-pt\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/11\/2-1.png\" data-hover-image=\"\" data-text=\"\">\n        <div class=\"overlay\">\n          <p><\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\"><\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/pt-pt\/estilos\/nova-iorque-nova-iorque\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p><\/p>\n    <\/div>\n    <span class=\"image-collection-description\"><\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\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>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17868\" class=\"elementor elementor-17868 elementor-582 elementor-582 swiper-slide e-loop-item e-loop-item-32394 post-32394 carosello-newyork type-carosello-newyork status-publish hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-37dc52b e-flex e-con-boxed e-con e-parent\" data-id=\"37dc52b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5b3ff elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"dd5b3ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <a href=\"https:\/\/www.beautystar.it\/pt-pt\/stili\/new-york\/\">\n      <div class=\"imagecollection-container\">\n        <img decoding=\"async\" class=\"image-carousel-changing\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/11\/1-2.png\" data-hover-image=\"\" data-text=\"\">\n        <div class=\"overlay\">\n          <p>A cole\u00e7\u00e3o New York New York, lan\u00e7ada em 2019, combina um design marcante com materiais sustent\u00e1veis, inspirando-se no estilo glamouroso e p\u00f3s-industrial de Nova York para criar espa\u00e7os alternativos e distintivos.<\/p>\n        <\/div>\n        <h4 class=\"image-collection-description\">New York New York<\/h4>\n      <\/div>\n    <\/a>\n    \n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n    font-family: \"Poppins\";\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n    object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 18px;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 35px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\"); \/\/ Seleziona l'elemento genitore\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        \/\/ Modifica la variabile CSS per il colore dell'overlay\n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        \/\/ Add hover listeners to each image container\n        addHoverListeners(img.closest('.imagecollection-container'));\n        \n        \/\/ Update the background image when the image is loaded\n        \/\/ img.onload = function() {\n        \/\/     \/\/ Optionally, you can also update the background when the image loads\n        \/\/     updateBackgroundImage(img.closest('.imagecollection-container'));\n        \/\/ };\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Create a MutationObserver to watch for changes in the carousel\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                \/\/ Check if new images are added to the carousel\n                observeImages();\n            }\n        });\n    });\n\n    \/\/ Start observing the carousel container for added nodes\n    const carouselContainer = document.querySelector('#collection-carousel'); \/\/ Replace with your actual carousel container selector\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        \/\/ Initial observation for images already present\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-279c588 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"279c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--<a href='[acf field=\"url\"]'>\n  <div class=\"imagecollection-container-mob\">\n    <img class='image-carousel-changing-mob' src='[acf field=\"carousel_image\"]' data-text='[acf field=\"color\"]' \/>\n    \n    <span class='image-collection-description-mob'>[acf field=\"titolo\"]<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container-mob {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n.image-carousel-changing-mob {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n\n.image-collection-description-mob {\n    font-size: 50px;\n    color: white;\n    position: absolute;\n    top: 40%;\n    left: 5%;\n    opacity: 1;\n    transition: opacity 0.5s ease;\n}\n\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    opacity: 1;\n}\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\n\n\nfunction updateBackgroundImage(container) {\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const color = imgElement.getAttribute('data-text');\n\n    document.documentElement.style.setProperty('--main-bg-color', color);\n    backgroundElement.style.backgroundColor = color;\n    backgroundElement.classList.add(\"fade-out\");\n\n    setTimeout(() => {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n        backgroundElement.classList.remove(\"fade-out\");\n    }, 1000);\n\n    backgroundElement.style.backgroundBlendMode = \"overlay\";\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const elements = document.querySelectorAll('.imagecollection-container-mob');\n\n    function isTouchDevice() {\n        return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n    }\n\n    elements.forEach((element) => {\n        if (!isTouchDevice()) {\n            \/\/ Desktop (non-touch) interaction\n            element.addEventListener('mouseover', function() {\n                updateBackgroundImage(this);\n                \n            });\n\n        } else {\n            \/\/ Mobile (touch) interaction\n            element.addEventListener('touchstart', function(e) {\n                e.preventDefault(); \/\/ Prevent quick firing of touchend\n                updateBackgroundImage(this);\n                \n            });\n\n           \n        }\n    });\n});\n\n<\/script>\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c3a48e elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"8c3a48e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"https:\/\/beautystar.it\/pt-pt\/estilos\/nova-iorque-nova-iorque\/\">\n  <div class=\"imagecollection-container\">\n    <img decoding=\"async\" class=\"image-carousel-changing\" src=\"[acf field=%22immagine_newyork%22]\" data-hover-image=\"[acf field=\"hover_background_image\"]\" data-text=\"[acf field=\"colore\"]\">\n    <div class=\"overlay\">\n      <p>A cole\u00e7\u00e3o New York New York, lan\u00e7ada em 2019, combina um design marcante com materiais sustent\u00e1veis, inspirando-se no estilo glamouroso e p\u00f3s-industrial de Nova York para criar espa\u00e7os alternativos e distintivos.<\/p>\n    <\/div>\n    <span class=\"image-collection-description\">New York New York<\/span>\n  <\/div>\n<\/a>\n\n<style>\n.imagecollection-container {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 55.56%; \/* Aspect ratio 720:400 (55.56%) *\/\n    overflow: hidden;\n}\n\n\n\n.image-carousel-changing {\n    width: 100%;\n    height: 100%;\n    object-fit: cover !important;\n     object-position: center center !important;\n}\n\n.overlay {\n    padding: 5%;\n    position: absolute;\n    font-size: 16px !important;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 38%, rgba(0, 0, 0, 0) 100%);\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    opacity: 0;\n    text-align: left;\n    transition: opacity 0.5s ease;\n}\n.overlay p {\n    color: white !important;\n}\n\n.imagecollection-container:hover .overlay,\n.imagecollection-container.touch-active .overlay {\n    opacity: 1;\n}\n\n.image-collection-description {\n    font-size: 24px !important;\n    color: white;\n    font-weight:normal;\n    position: absolute !important;\n    top: 0px !important;\n    left: 5% !important;\n    padding-right: 5% !important;\n    height: 100% !important;\n    margin: 0px !important;\n    display: flex !important;\n    align-items: center !important;\n       transition: opacity 0.5s ease;\n       text-align: left !important;\n    \n}\n\n\n.imagecollection-container:hover .image-collection-description,\n.imagecollection-container.touch-active .image-collection-description {\n    opacity: 0;\n}\n\n:root {\n    --main-bg-color: rgba(111, 141, 143, 0.9);\n}\n\n#background-changing {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    transition: background-image 0.3s ease; \/* Aggiungi transizione su background-image *\/\n    \n}\n\n\/* CSS per l'overlay *\/\n.elementor-element-b348dff {\n    position: relative;\n    \/* Altre propriet\u00e0 *\/\n}\n\n\/* Pseudo-elemento ::before per l'overlay *\/\n.elementor-element-b348dff::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--overlay-color, #D2C2B5) !important;\n    transition: background-color 0.3s ease;\n    mix-blend-mode: multiply;\n}\n\n\n\n#background-changing.fade-out {\n    animation: backgroundOpacityChange 1s ease-in-out;\n}\n\n@keyframes backgroundOpacityChange {\n    0% {\n        background-color: var(--main-bg-color);\n    }\n    25%,\n    50%,\n    75% {\n        background-color: #bfbfbf;\n    }\n    100% {\n        background-color: var(--main-bg-color);\n    }\n}\n<\/style>\n\n<script>\nfunction resetText(container) {\n    const overlay = container.querySelector('.overlay');\n    const title = container.querySelector('.image-collection-description');\n    \n    overlay.style.opacity = '0';\n    title.style.opacity = '1';\n    container.classList.remove('touch-active');\n}\n\nfunction updateBackgroundImage(container) {\n    console.log('starting bg update');\n    const imgElement = container.querySelector(\"img\");\n    const backgroundElement = document.getElementById(\"background-changing\");\n    const overlayElement = document.querySelector(\".elementor-element-b348dff\");\n    const hoverImage = imgElement.getAttribute('data-hover-image');\n    const hoverColor = imgElement.getAttribute('data-text');\n\n    if (hoverImage) {\n        console.log('updating', hoverImage);\n        backgroundElement.style.backgroundImage = \"url(\" + hoverImage + \")\";\n        backgroundElement.style.backgroundColor = hoverColor;\n        \n        if (overlayElement) {\n            overlayElement.style.setProperty('--overlay-color', hoverColor);\n        }\n    } else {\n        backgroundElement.style.backgroundImage = \"url(\" + imgElement.src + \")\";\n    }\n}\n\nfunction addHoverListeners(container) {\n    container.addEventListener('mouseenter', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n    });\n\n    container.addEventListener('mouseleave', function() {\n        resetText(this);\n    });\n\n    container.addEventListener('touchstart', function() {\n        updateBackgroundImage(this);\n        this.querySelector('.overlay').style.opacity = '1';\n        this.querySelector('.image-collection-description').style.opacity = '0';\n        this.classList.add('touch-active');\n    });\n\n    container.addEventListener('touchend', function() {\n        resetText(this);\n        this.classList.remove('touch-active');\n    });\n}\n\nfunction observeImages() {\n    const imgTargets = document.querySelectorAll('.imagecollection-container img');\n\n    imgTargets.forEach(img => {\n        addHoverListeners(img.closest('.imagecollection-container'));\n    });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observer = new MutationObserver((mutations) => {\n        mutations.forEach(mutation => {\n            if (mutation.type === 'childList') {\n                observeImages();\n            }\n        });\n    });\n\n    const carouselContainer = document.querySelector('#collection-carousel');\n    if (carouselContainer) {\n        observer.observe(carouselContainer, {\n            childList: true,\n            subtree: true\n        });\n\n        observeImages();\n    } else {\n        console.error(\"Carousel container not found. Please check your selector.\");\n    }\n});\n<\/script>\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>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d09937e elementor-widget__width-initial anim-bufade elementor-hidden-desktop ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"d09937e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/beautystar.it\/pt-pt\/estilos\/new-york\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">DESCOBRIR NOVA YORK<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-614ee3f e-con-full e-flex e-con e-parent\" data-id=\"614ee3f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61c3b81 anim-bufade elementor-widget elementor-widget-qi_addons_for_elementor_text_marquee\" data-id=\"61c3b81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"qi_addons_for_elementor_text_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-text-marquee qodef-layout--default\">\n\t<div class=\"qodef-m-content\">\n\t\t<div class=\"qodef-m-text qodef-text--original\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-799658e\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0b26078\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4a64e47\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd19f5f\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c7be666\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd76b60\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-18e4a49\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fee3c0c\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6321263\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-06d9889\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1001714\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-abe14b5\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-260de83\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-82d254f\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ae3016e\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"qodef-m-text qodef-text--copy\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-799658e\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0b26078\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-4a64e47\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd19f5f\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c7be666\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-bd76b60\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-18e4a49\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fee3c0c\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6321263\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-06d9889\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1001714\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-abe14b5\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-260de83\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-82d254f\" >Qualidade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-ae3016e\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b26cab anim-bufade elementor-widget elementor-widget-qi_addons_for_elementor_text_marquee\" data-id=\"0b26cab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"qi_addons_for_elementor_text_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-text-marquee qodef-layout--default\">\n\t<div class=\"qodef-m-content\">\n\t\t<div class=\"qodef-m-text qodef-text--original\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c37cd90\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1b5d085\" >Pesquisar<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0ff393b\" >Funcionalidade<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fa8a63d\" >Qualidade<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-99f4c4d\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-cc92bbb\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fcc0c28\" >Pesquisar<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-16e95f5\" >Funcionalidade<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-deeebb6\" >Qualidade<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6cece01\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1bb7884\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"qodef-m-text qodef-text--copy\">\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-c37cd90\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1b5d085\" >Pesquisar<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-0ff393b\" >Funcionalidade<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fa8a63d\" >Qualidade<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-99f4c4d\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-cc92bbb\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-fcc0c28\" >Pesquisar<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-16e95f5\" >Funcionalidade<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-deeebb6\" >Qualidade<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-6cece01\" >Conce\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t<span class=\"qodef-m-text-item elementor-repeater-item-1bb7884\" >Inova\u00e7\u00e3o<\/span>\n\t\t\t\t<span class=\"qodef-e-icon-holder\">\n\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\"><path d=\"M9.68455 13.9065C11.4404 13.8535 12.7007 14.6167 13.2399 14.7768C14.022 15.0099 14.6298 14.8542 14.5197 13.3698C14.2039 9.09105 15.5622 8.6592 15.6417 8.22737C15.7212 7.79551 16.2364 6.92187 14.9075 6.8523C11.8445 6.69103 10.2161 3.78962 10.2161 3.78962C10.2161 3.78962 10.1714 3.27604 9.59413 3.27604H9.52551C9.37657 3.26375 9.2287 3.31014 9.11264 3.40561C8.99658 3.50105 8.92131 3.63821 8.90246 3.7885C8.90246 3.7885 7.2751 6.69103 4.21319 6.8523C2.8843 6.92187 3.39952 7.79551 3.47903 8.22737C3.55856 8.6592 4.91577 9.09105 4.60099 13.3698C4.49205 14.8542 5.09769 15.0099 5.87978 14.7768C6.42441 14.6167 7.6803 13.8535 9.43618 13.9065C10.215 13.9308 8.90463 13.9308 9.68455 13.9065ZM0.334357 10.0111C0.332204 8.1721 0.868082 6.3738 1.87417 4.8437C2.88025 3.31362 4.31134 2.12051 5.98637 1.41535C7.66137 0.710195 9.50504 0.524671 11.2841 0.882259C13.0631 1.23985 14.6976 2.12447 15.9806 3.4242C17.2637 4.72395 18.1377 6.38036 18.492 8.18391C18.8464 9.98744 18.6652 11.857 17.9713 13.5561C17.2775 15.2552 16.1022 16.7074 14.5941 17.729C13.0861 18.7506 11.313 19.2957 9.49937 19.2952C8.29637 19.2958 7.10506 19.0561 5.9934 18.5898C4.88176 18.1236 3.87158 17.4399 3.02053 16.5778C2.16949 15.7157 1.49423 14.692 1.03334 13.5653C0.572454 12.4386 0.334925 11.2309 0.334357 10.0111Z\" fill=\"#9CAF88\"><\/path><\/svg><\/span>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1498ec6 panel e-con-full e-flex e-con e-parent\" data-id=\"1498ec6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"default\">\n\t\t<div class=\"elementor-element elementor-element-bec353e e-con-full anim-bufade e-flex e-con e-child\" data-id=\"bec353e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63fd543 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"63fd543\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CATEGORIAS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6807176 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"6807176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">O departamento de Investiga\u00e7\u00e3o e Desenvolvimento est\u00e1 constantemente empenhado em criar solu\u00e7\u00f5es inovadoras,<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c074e6 e-con-full e-flex e-con e-child\" data-id=\"7c074e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c002ac elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"7c002ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">com o objetivo de otimizar o desempenho funcional dos nossos produtos e reduzir o seu impacto ambiental, sem nunca comprometer a acessibilidade.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf5850a e-con-full e-flex e-con e-child\" data-id=\"cf5850a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e75a77d elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"e75a77d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n     <style>.image-container {\n    position: relative;\n    height: 400px !important;\n    width: 400px !important;\n    background-color: #edeceb;\n    overflow: hidden;  \/* Aggiunto per mantenere l'overlay dentro *\/\n}\n\n@media (max-width: 1320px) {\n    .image-container {\n        width: 300px !important;\n        height: 300px !important;\n    }\n}\n\n@media (max-width: 768px) {\n    .elementor-4321 .elementor-element.elementor-element-e75a77d,\n    .elementor-4321 .elementor-element.elementor-element-2a57bc6,\n    .elementor-4321 .elementor-element.elementor-element-60bc5f7,\n    .elementor-4321 .elementor-element.elementor-element-c595ca4,\n    .elementor-4321 .elementor-element.elementor-element-f3b38ec,\n    .elementor-4321 .elementor-element.elementor-element-3f2d022,\n    .image-container {\n        width: 100% !important;\n        height: auto !important;\n        aspect-ratio: 1 \/ 1;\n        position: relative;\n    }\n}\n\n.image-container img {\n    width: 100%;\n    height: 100%;\n}\n\n.image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/border_box.svg') 2 \/ 2px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.hidden {\n    opacity: 0;\n}\n\n.visible {\n    opacity: 1;\n}\n\n.overlayDescription {\n    position: absolute;\n    top: 45%;\n    left: 35%;\n    color: #000000;\n    opacity: 0;\n    font-family: 'Helvetica';\n    font-weight: 400;\n    text-transform: uppercase;\n}\n\n.image-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n    background-color: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\n    transform: scale(2.5);  \/* Ridotto da 2 a 1.1 *\/\n    \n}\n\n.image-container:hover .overlayDescription{\n    opacity: 1;\n     transition: opacity 0.8s ease-in-out;\n}\n\n.image-container:hover .image-overlay  {\n    opacity: 1;\n    transform: scale(1);\n}\n<\/style><a href=\"https:\/\/beautystar.it\/pt-pt\/categoria\/lavatorio-de-cabeleireiro\/\"><div class=\"image-container\" id=\"image-container1\"><img decoding=\"async\" onclick=\"event.preventDefault();\" id=\"image1\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png\" alt=\"First Image\" class=\"image\" \/><p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Lavat\u00f3rio de cabeleireiro\n<\/p><img decoding=\"async\" id=\"image2\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta.png\" alt=\"Second Image\" class=\"image hidden\" \/><div class=\"image-overlay\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/08\/Star.svg\" alt=\"Overlay\" \/><\/div><span class=\"overlayDescription\">SAIBA MAIS<\/span><\/div><\/a><script>document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image1\");\n        const image2 = document.getElementById(\"image2\");\n        const container = document.getElementById(\"image-container1\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script><\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a57bc6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2a57bc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <a href=\"https:\/\/beautystar.it\/pt-pt\/categoria\/poltronas\/\">\n\n    <div class=\"image-container\" id=\"image-container2\">\n      <img decoding=\"async\" id=\"image3\" style=\"padding-bottom:40px;\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Poltrone-color.png\" alt=\"Primeira imagem\" class=\"image\">\n      <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Poltronas<\/p>\n      <img decoding=\"async\" id=\"image4\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Poltrone.png\" alt=\"Segunda imagem\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Sobreposi\u00e7\u00e3o\">\n      <\/div>\n      <span class=\"overlayDescription\">Saiba mais<\/span>\n    <\/div>\n   <\/a>\n<style>\n    \n<\/style>\n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image3\");\n        const image2 = document.getElementById(\"image4\");\n        const container = document.getElementById(\"image-container2\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60bc5f7 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"60bc5f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/pt-pt\/categoria\/barbeiro\/\">\n\n    <div class=\"image-container\" id=\"image-container3\">\n      <img decoding=\"async\" id=\"image5\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Barber-color.png\" alt=\"Primeira imagem\" class=\"image\" style=\"padding-bottom:40px;\">\n      <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Barbeiro<\/p>\n      <img decoding=\"async\" id=\"image6\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Barber-sketch.png\" style=\"padding-bottom:40px;\" alt=\"Segunda imagem\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Sobreposi\u00e7\u00e3o\">\n      <\/div>\n      <span class=\"overlayDescription\">Saiba mais<\/span>\n    <\/div>\n   <\/a>\n   \n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image5\");\n        const image2 = document.getElementById(\"image6\");\n        const container = document.getElementById(\"image-container3\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cab5f9 e-con-full e-flex e-con e-child\" data-id=\"6cab5f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c595ca4 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"c595ca4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/pt-pt\/categoria\/prateleiras\/\">\n\n    <div class=\"image-container\" id=\"image-container4\">\n      <img decoding=\"async\" id=\"image7\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Mensole-color.png\" alt=\"Primeira imagem\" class=\"image\" style=\"padding-bottom:40px;\">\n     <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:95%; font-size: 25px; font-family:'Inter';text-transform:uppercase;text-align:center;\">Prateleiras<\/p>\n      <img decoding=\"async\" id=\"image8\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Mensole-sketch.png\" alt=\"Segunda imagem\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Sobreposi\u00e7\u00e3o\">\n      <\/div>\n      <span class=\"overlayDescription\">Saiba mais<\/span>\n    <\/div>\n   <\/a>\n \n   <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image7\");\n        const image2 = document.getElementById(\"image8\");\n        const container = document.getElementById(\"image-container4\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b38ec elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f3b38ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/pt-pt\/categoria\/mesas-tecnicas-pt-pt\/\">\n\n    <div class=\"image-container\" id=\"image-container5\">\n      <img decoding=\"async\" id=\"image9\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Tavoli-tecnici-color.png\" alt=\"Primeira imagem\" class=\"image\" style=\"padding-bottom:40px;\">\n      <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:95%; font-size: 25px; font-family:'Inter';text-transform:uppercase;text-align:center;\">Quadros t\u00e9cnicos<\/p>\n      <img decoding=\"async\" id=\"image10\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Tavoli-tecnici-sketch.png\" alt=\"Segunda imagem\" style=\"padding-bottom:40px;\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Sobreposi\u00e7\u00e3o\">\n      <\/div>\n      <span class=\"overlayDescription\">Saiba mais<\/span>\n    <\/div>\n  <\/a>\n\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image9\");\n        const image2 = document.getElementById(\"image10\");\n        const container = document.getElementById(\"image-container5\");\n\n        container.addEventListener(\"mouseover\", () => {\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f2d022 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3f2d022\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <a href=\"https:\/\/beautystar.it\/pt-pt\/categoria\/espelhos-de-mesa\/\">\n\n    <div class=\"image-container\" id=\"image-container6\">\n      <img decoding=\"async\" id=\"image11\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Specchi-da-tavolo-color.png\" alt=\"Primeira imagem\" class=\"image\" style=\"padding-bottom:40px;\">\n     <p style=\"position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-size: 25px; width:95%; font-family:'Inter';text-transform:uppercase;text-align:center;\">Espelhos de mesa<\/p>\n      <img decoding=\"async\" id=\"image12\" src=\"https:\/\/beautystar.it\/wp-content\/uploads\/2025\/02\/Specchi-da-tavolo-sketch.png\" style=\"padding-bottom:40px;\" alt=\"Segunda imagem\" class=\"image hidden\">\n      <div class=\"image-overlay\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/07\/starOverlay.png\" alt=\"Sobreposi\u00e7\u00e3o\">\n      <\/div>\n      <span class=\"overlayDescription\">Saiba mais<\/span>\n    <\/div>\n    <\/a>\n\n  <script>\n      document.addEventListener(\"DOMContentLoaded\", () => {\n        const image1 = document.getElementById(\"image11\");\n        const image2 = document.getElementById(\"image12\");\n        const container = document.getElementById(\"image-container6\");\n\n        container.addEventListener(\"mouseover\", () => {\n            console.log('mouse over')\n          image1.classList.add(\"hidden\");\n          image2.classList.add(\"visible\");\n        });\n\n        container.addEventListener(\"mouseout\", () => {\n          image1.classList.remove(\"hidden\");\n          image2.classList.remove(\"visible\");\n        });\n      });\n    <\/script>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17b0cb9 panel e-flex e-con-boxed e-con e-parent\" data-id=\"17b0cb9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"default\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfeb941 elementor-widget__width-initial anim-bufade ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"bfeb941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/beautystar.it\/pt-pt\/categorie\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">TODAS AS CATEGORIAS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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<div class=\"elementor-element elementor-element-7dd383e e-con-full panel e-flex e-con e-parent\" data-id=\"7dd383e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"green\">\n\t\t<div class=\"elementor-element elementor-element-6f2e840 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"6f2e840\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-58cde1b e-con-full anim-bufade elementor-hidden-mobile e-flex e-con e-child\" data-id=\"58cde1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b02d53 custom-underline elementor-widget elementor-widget-heading\" data-id=\"2b02d53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/saloons\">Descubra todos os sal\u00f5es<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41a88b0 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"41a88b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6712ec4 elementor-widget__width-initial anim-bufade elementor-widget elementor-widget-heading\" data-id=\"6712ec4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SAL\u00d5ES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbd99b3 elementor-widget__width-initial anim-bufade elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"cbd99b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;,&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sal\u00f5es de todo o mundo que escolheram\nBeautyStar<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de1bf44 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"de1bf44\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58c93b0 elementor-widget__width-inherit elementor-widget elementor-widget-loop-carousel\" data-id=\"58c93b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:17862,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;speed&quot;:250,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;offset_sides&quot;:&quot;none&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"ltr\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t<style id=\"loop-17862\">.elementor-17862 .elementor-element.elementor-element-325c961{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17862 .elementor-element.elementor-element-325c961.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-17862 .elementor-element.elementor-element-325c961{--width:90vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-17862 .elementor-element.elementor-element-325c961{--width:492vw;}}\/* Start custom CSS for html, class: .elementor-element-ad2fcaa *\/.elementor-17862 .elementor-element.elementor-element-ad2fcaa{\n    width:100% !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-36883 post-36883 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-mag-2026-11_29_16.png' data-text='M. HairSpa --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">M. HairSpa<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-16826 post-16826 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Bravin-Creative\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2025\/02\/PHOTO-2023-10-16-15-55-24.jpg' data-text='Bravin Creative --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Bravin Creative<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-8155 post-8155 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Viller-Parrucchiere\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/Viller-Parrucchiere-Reggio-Emilia-RE01.jpg' data-text='Viller Parrucchiere --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Viller Parrucchiere<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-3324 post-3324 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/atelier-brera-13\/\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/08\/Atelier-Brera-13-Milano-MI-Italy-Shooting-Studio-Effetto-01-scaled.jpg' data-text='Atelier Brera 13 --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Atelier Brera 13<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-8153 post-8153 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Rossana-Pettico-Luxury-Hair\/\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/09-Pettico.jpg' data-text='Rossana Pettico Luxury Hair --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Rossana Pettico Luxury Hair<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8d717 elementor-widget__width-inherit elementor-widget elementor-widget-loop-carousel\" data-id=\"1d8d717\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:17862,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"rtl\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-36883 post-36883 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-mag-2026-11_29_16.png' data-text='M. HairSpa --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">M. HairSpa<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-16826 post-16826 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Bravin-Creative\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2025\/02\/PHOTO-2023-10-16-15-55-24.jpg' data-text='Bravin Creative --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Bravin Creative<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-8155 post-8155 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Viller-Parrucchiere\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/Viller-Parrucchiere-Reggio-Emilia-RE01.jpg' data-text='Viller Parrucchiere --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Viller Parrucchiere<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-3324 post-3324 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/atelier-brera-13\/\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/08\/Atelier-Brera-13-Milano-MI-Italy-Shooting-Studio-Effetto-01-scaled.jpg' data-text='Atelier Brera 13 --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Atelier Brera 13<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"17862\" class=\"elementor elementor-17862 elementor-540 elementor-540 swiper-slide e-loop-item e-loop-item-8153 post-8153 prodotti type-prodotti status-publish has-post-thumbnail hentry\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-325c961 e-con-full e-flex e-con e-parent\" data-id=\"325c961\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad2fcaa elementor-widget elementor-widget-html\" data-id=\"ad2fcaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.carousel-saloon-container {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    overflow: hidden;\n}\n\n.carousel-saloon-image {\n    width: 100%;\n    aspect-ratio: 720 \/ 400;\n    object-fit: cover;\n}\n\n.carousel-saloon-container::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(156, 175, 136, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover::after {\n    opacity: 1;\n}\n\n.hovered-image {\n    border-image: url('\/wp-content\/uploads\/2024\/08\/CarouselGreenBorder.svg') 5 \/ 5px round !important;\n    box-sizing: border-box;\n    padding: 2px;\n    border-image-repeat: stretch;\n    cursor: pointer;\n}\n\n.carousel-title-overlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 2;\n    text-align: center;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.carousel-saloon-container:hover .carousel-title-overlay {\n    opacity: 1;\n}\n\n#carousel-saloon-title {\n    font-family: \"Inter\";\n    color: #fff;\n    font-size: 30px;\n    margin: 0;\n}\n\n.fade-in {\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out;\n}\n\n.fade-in.visible {\n    opacity: 1;\n}\n<\/style><div class=\"carousel-saloon-container\"><a href=\"\/saloons\/Rossana-Pettico-Luxury-Hair\/\"><img class='carousel-saloon-image' src='https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/10\/09-Pettico.jpg' data-text='Rossana Pettico Luxury Hair --- '\/><div class=\"carousel-title-overlay\"><h2 id=\"carousel-saloon-title\">Rossana Pettico Luxury Hair<\/h2><\/div><\/a><\/div><script>document.addEventListener('DOMContentLoaded', function() {\n    function bindImageHoverEvents() {\n        const images = document.querySelectorAll('.carousel-saloon-image');\n        \/\/const titleElement = document.getElementById('carousel-saloon-title');\n        const descriptionElement = document.getElementById('carousel-saloon-description');\n        \n        images.forEach((image, index) => {\n            console.log(`Binding event to image ${index + 1}`);\n            image.removeEventListener('mouseenter', handleMouseEnter);\n            image.addEventListener('mouseenter', handleMouseEnter);\n        });\n\n        function handleMouseEnter() {\n            console.log('Image hovered:', this.src);\n            images.forEach(img => img.classList.remove('hovered-image'));\n            this.classList.add('hovered-image');\n            \n            const hoverText = this.getAttribute('data-text');\n            const splitStr = hoverText.split('---', 2);\n            const title = splitStr[0];\n            \n            \/\/titleElement.classList.remove('visible');\n            \n            setTimeout(() => {\n                titleElement.textContent = title;\n                titleElement.classList.add('visible');\n            }, 300);\n        }\n    }\n\n    bindImageHoverEvents();\n\n    const carouselContainer = document.querySelector('.swiper-wrapper');\n    const observer = new MutationObserver(bindImageHoverEvents);\n    \n    if (carouselContainer) {\n        observer.observe(carouselContainer, { childList: true, subtree: true });\n        carouselContainer.addEventListener('transitionend', bindImageHoverEvents);\n    }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f78576 fade-in elementor-widget elementor-widget-heading\" data-id=\"1f78576\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"carousel-saloon-title\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Teste 2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b57920 fade-in elementor-widget elementor-widget-heading\" data-id=\"7b57920\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"carousel-saloon-description\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Teste 2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-840f80d elementor-widget__width-initial anim-bufade elementor-hidden-desktop ha-has-bg-overlay elementor-widget elementor-widget-button\" data-id=\"840f80d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/saloons\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">TODOS OS SAL\u00d5ES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f27caa3 e-con-full e-flex e-con e-child\" data-id=\"f27caa3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13328df e-con-full panel e-flex e-con e-parent\" data-id=\"13328df\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\" data-color=\"default\">\n\t\t<div class=\"elementor-element elementor-element-7dfb999 e-con-full e-flex e-con e-child\" data-id=\"7dfb999\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e2fd27 elementor-widget elementor-widget-heading\" data-id=\"6e2fd27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/beautystar.it\/pt-pt\/magazine\/\">Ler todos os artigos<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8d2946 elementor-widget elementor-widget-image\" data-id=\"f8d2946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"152\" height=\"1\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/09\/Underline.png\" class=\"attachment-large size-large wp-image-17697\" alt=\"\" srcset=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/09\/Underline.png 152w, https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/09\/Underline-150x1.png 150w, https:\/\/www.beautystar.it\/wp-content\/uploads\/2024\/09\/Underline-18x1.png 18w\" sizes=\"auto, (max-width: 152px) 100vw, 152px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eef1da4 e-con-full anim-bufade e-flex e-con e-child\" data-id=\"eef1da4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc72f9a anim-bufade elementor-widget elementor-widget-heading\" data-id=\"bc72f9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">REVISTA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e6aa99c e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"e6aa99c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-dc33a60 e-con-full e-flex e-con e-child\" data-id=\"dc33a60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-83b5245 e-con-full e-flex e-con e-child\" data-id=\"83b5245\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c98f53 anim-bufade elementor-widget elementor-widget-html\" data-id=\"9c98f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 350px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b335304 e-con-full e-flex e-con e-child\" data-id=\"b335304\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35303f7 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"35303f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\">Color Drenching: quando a cor se torna parte do projeto (e a mat\u00e9ria a sua aliada)<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a23b7e0 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a23b7e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Artigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c74251a e-con-full e-flex e-con e-child\" data-id=\"c74251a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b16b2 anim-bufade elementor-widget elementor-widget-html\" data-id=\"09b16b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 250px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59c94ba e-con-full e-flex e-con e-child\" data-id=\"59c94ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3149977 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"3149977\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\">Como introduzir um servi\u00e7o Head Spa no seu sal\u00e3o: forma\u00e7\u00e3o, experi\u00eancia e novas oportunidades de crescimento<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a39304a anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a39304a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Artigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-586daf2 e-con-full e-flex e-con e-child\" data-id=\"586daf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-9b8ce62 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9b8ce62\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b50e2c elementor-widget elementor-widget-html\" data-id=\"5b50e2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 250px;\" src=\"\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-618611b e-con-full e-flex e-con e-child\" data-id=\"618611b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89666b0 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"89666b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\">Cosmoprof 2026: BeautyStar apresenta as novidades para o sal\u00e3o do futuro<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501aceb elementor-widget elementor-widget-heading\" data-id=\"501aceb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Artigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eceee22 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"eceee22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a4beaa elementor-widget elementor-widget-html\" data-id=\"4a4beaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container-news\"><a href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/lesperienza-come-leva-strategica-per-il-salone-di-parrucchieri\/\"><div class=\"responsive-image-wrapper\"><img decoding=\"async\" class=\"responsive-image\" style=\"min-height: 350px;\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-22-dic-2025-14_45_24.jpg\" \/><div class=\"overlay-news-green\"><\/div><\/div><\/a><\/div><style>.responsive-container-news {\n    width: 100%;\n    max-width: 1000px;\n    height: 100%;\n    overflow: hidden;\n    position: relative; \/* Add this line to enable absolute positioning for child elements *\/\n}\n\n.responsive-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n}\n\n\/* Updated overlay CSS *\/\n.overlay-news-green {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color:#9CAF88; \/* Green overlay with 50% opacity *\/\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n\/* Hover effect *\/\n.responsive-container-news:hover .overlay-news-green {\n    opacity: 0.7;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2aaa23 e-con-full e-flex e-con e-child\" data-id=\"d2aaa23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f67b04 elementor-widget__width-auto elementor-widget elementor-widget-shortcode\" data-id=\"2f67b04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/lesperienza-come-leva-strategica-per-il-salone-di-parrucchieri\/\">A experi\u00eancia como alavanca estrat\u00e9gica para o sal\u00e3o de cabeleireiro<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02a4d76 elementor-widget elementor-widget-heading\" data-id=\"02a4d76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Artigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f5c6fc e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"6f5c6fc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-4675b09 e-con-full e-flex e-con e-child\" data-id=\"4675b09\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f470659 anim-bufade elementor-widget elementor-widget-html\" data-id=\"f470659\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aaa483 e-con-full e-flex e-con e-child\" data-id=\"3aaa483\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5647bfe elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"5647bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/color-drenching-quando-il-colore-diventa-progetto-e-la-materia-il-suo-alleato-2\/\">Color Drenching: quando a cor se torna parte do projeto (e a mat\u00e9ria a sua aliada)<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38a3fdf anim-bufade elementor-widget elementor-widget-heading\" data-id=\"38a3fdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Artigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef44d59 e-con-full e-flex e-con e-child\" data-id=\"ef44d59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5383c7 anim-bufade elementor-widget elementor-widget-html\" data-id=\"a5383c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0aab1f e-con-full e-flex e-con e-child\" data-id=\"a0aab1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42d31f9 elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"42d31f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/come-introdurre-un-servizio-head-spa-nel-proprio-salone-formazione-esperienza-e-nuove-opportunita-di-crescita\/\">Como introduzir um servi\u00e7o Head Spa no seu sal\u00e3o: forma\u00e7\u00e3o, experi\u00eancia e novas oportunidades de crescimento<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a752c34 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"a752c34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Artigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-895a7c6 e-con-full e-flex e-con e-child\" data-id=\"895a7c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9830b40 anim-bufade elementor-widget elementor-widget-html\" data-id=\"9830b40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc34d3d e-con-full e-flex e-con e-child\" data-id=\"dc34d3d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d23deb elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"3d23deb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/cosmoprof-2026-beautystar-presenta-le-novita-per-il-salone-di-domani\/\">Cosmoprof 2026: BeautyStar apresenta as novidades para o sal\u00e3o do futuro<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790cca9 anim-bufade elementor-widget elementor-widget-heading\" data-id=\"790cca9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Artigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae469fe e-con-full e-flex e-con e-child\" data-id=\"ae469fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0fe51e anim-bufade elementor-widget elementor-widget-html\" data-id=\"f0fe51e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"responsive-container\"><a href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/lesperienza-come-leva-strategica-per-il-salone-di-parrucchieri\/\"><img decoding=\"async\" class=\"responsive-image\" src=\"https:\/\/www.beautystar.it\/wp-content\/uploads\/2026\/03\/ChatGPT-Image-22-dic-2025-14_45_24.jpg\" \/><\/a><\/div><style>.responsive-container {\n    width: 100%; \/* La larghezza \u00e8 impostata al 100% del contenitore *\/\n    \n    height: auto; \/* L'altezza sar\u00e0 automatica *\/\n    position: relative;\n    overflow: hidden;\n}\n\n.responsive-container::before {\n    content: \"\";\n    display: block;\n    padding-bottom: 50%; \/* Imposta un rapporto 2:1 per l'altezza *\/\n}\n\n.responsive-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height:250px !important;\n    object-fit: cover; \/* Mantiene l'immagine coperta senza distorsioni *\/\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31b0830 e-con-full e-flex e-con e-child\" data-id=\"31b0830\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0a9fb elementor-widget__width-auto anim-bufade elementor-widget elementor-widget-shortcode\" data-id=\"af0a9fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><a style=\"color:black\" href=\"https:\/\/www.beautystar.it\/pt-pt\/not\u00edcias\/lesperienza-come-leva-strategica-per-il-salone-di-parrucchieri\/\">A experi\u00eancia como alavanca estrat\u00e9gica para o sal\u00e3o de cabeleireiro<\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd54c0e anim-bufade elementor-widget elementor-widget-heading\" data-id=\"fd54c0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">- Artigo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"&nbsp; No final de mar\u00e7o, por ocasi\u00e3o da Cosmoprof Worldwide Bologna, a BeautyStar ir\u00e1 abordar um tema cada vez mais [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"styles":[],"class_list":["post-27393","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>P\u00e1gina inicial - BeautyStar<\/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:\/\/www.beautystar.it\/pt-pt\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"P\u00e1gina inicial - BeautyStar\" \/>\n<meta property=\"og:description\" content=\"A BeautyStar \u00e9 uma empresa italiana dem\u00f3veis de cabeleireiro que combina design invador e sustentabilidade Tecnologia e Inova\u00e7\u00e3o Ao servi\u00e7o do Sal\u00e3o [scrollsequence id=&#8221;3575&#8243;] Descubra como mobilaro seu sal\u00e3o Slider con Hotspot \u2039 \u203a Clica nos spots Descobre os produtos da BeautyStar Descobre mais sobre como comprar Retrolavaggio Descubra Alba Descubra Stargate Descubra Garmet Descubra [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.beautystar.it\/pt-pt\/\" \/>\n<meta property=\"og:site_name\" content=\"BeautyStar\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-23T13:35:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"38 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/\",\"url\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/\",\"name\":\"P\u00e1gina inicial - BeautyStar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\",\"datePublished\":\"2025-01-15T00:13:34+00:00\",\"dateModified\":\"2025-07-23T13:35:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/#primaryimage\",\"url\":\"https:\\\/\\\/beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\",\"contentUrl\":\"https:\\\/\\\/beautystar.it\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Lavatesta-color.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Casa\",\"item\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"P\u00e1gina inicial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/#website\",\"url\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/\",\"name\":\"BeautyStar\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.beautystar.it\\\/pt-pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"P\u00e1gina inicial - BeautyStar","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:\/\/www.beautystar.it\/pt-pt\/","og_locale":"pt_PT","og_type":"article","og_title":"P\u00e1gina inicial - BeautyStar","og_description":"A BeautyStar \u00e9 uma empresa italiana dem\u00f3veis de cabeleireiro que combina design invador e sustentabilidade Tecnologia e Inova\u00e7\u00e3o Ao servi\u00e7o do Sal\u00e3o [scrollsequence id=&#8221;3575&#8243;] Descubra como mobilaro seu sal\u00e3o Slider con Hotspot \u2039 \u203a Clica nos spots Descobre os produtos da BeautyStar Descobre mais sobre como comprar Retrolavaggio Descubra Alba Descubra Stargate Descubra Garmet Descubra [&hellip;]","og_url":"https:\/\/www.beautystar.it\/pt-pt\/","og_site_name":"BeautyStar","article_modified_time":"2025-07-23T13:35:31+00:00","og_image":[{"url":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"38 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.beautystar.it\/pt-pt\/","url":"https:\/\/www.beautystar.it\/pt-pt\/","name":"P\u00e1gina inicial - BeautyStar","isPartOf":{"@id":"https:\/\/www.beautystar.it\/pt-pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.beautystar.it\/pt-pt\/#primaryimage"},"image":{"@id":"https:\/\/www.beautystar.it\/pt-pt\/#primaryimage"},"thumbnailUrl":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","datePublished":"2025-01-15T00:13:34+00:00","dateModified":"2025-07-23T13:35:31+00:00","breadcrumb":{"@id":"https:\/\/www.beautystar.it\/pt-pt\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.beautystar.it\/pt-pt\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.beautystar.it\/pt-pt\/#primaryimage","url":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png","contentUrl":"https:\/\/beautystar.it\/wp-content\/uploads\/2024\/10\/Lavatesta-color.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.beautystar.it\/pt-pt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Casa","item":"https:\/\/www.beautystar.it\/pt-pt\/"},{"@type":"ListItem","position":2,"name":"P\u00e1gina inicial"}]},{"@type":"WebSite","@id":"https:\/\/www.beautystar.it\/pt-pt\/#website","url":"https:\/\/www.beautystar.it\/pt-pt\/","name":"BeautyStar","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.beautystar.it\/pt-pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"}]}},"_links":{"self":[{"href":"https:\/\/www.beautystar.it\/pt-pt\/wp-json\/wp\/v2\/pages\/27393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beautystar.it\/pt-pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.beautystar.it\/pt-pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.beautystar.it\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beautystar.it\/pt-pt\/wp-json\/wp\/v2\/comments?post=27393"}],"version-history":[{"count":0,"href":"https:\/\/www.beautystar.it\/pt-pt\/wp-json\/wp\/v2\/pages\/27393\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.beautystar.it\/pt-pt\/wp-json\/wp\/v2\/media?parent=27393"}],"wp:term":[{"taxonomy":"styles","embeddable":true,"href":"https:\/\/www.beautystar.it\/pt-pt\/wp-json\/wp\/v2\/styles?post=27393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}