@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");
/* General fonts, variables, estructura general (header, body, aside, main, footer) */
/* $complementari: #61aa99; */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #5b9f8f;
}

body {
  color: #3f4245;
}
body > header {
  background-color: #fff;
}
@media (max-width: 768px) {
  body > header {
    background-color: #fff !important;
    opacity: 1;
  }
}
@media (max-width: 769px) {
  body > header .header-right .navbar .navbar-collapse, body > header.header-small .header-right .navbar .navbar-collapse {
    background-color: white;
  }
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal li a, body > header.header-small .header-right .navbar .navbar-collapse .nav-horitzontal li a {
  color: #3f4245 !important;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.4s ease;
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal li.active > a, body > header.header-small .header-right .navbar .navbar-collapse .nav-horitzontal li.active > a {
  color: #81184f !important;
}
body > header .header-right .navbar .navbar-collapse .nav-horitzontal li:hover > a, body > header.header-small .header-right .navbar .navbar-collapse .nav-horitzontal li:hover > a {
  color: #5b9f8f !important;
}
body .carousel-outercontainer .carousel_container .carousel .carousel-inner .item {
  margin-top: 130px;
}

footer .site_footer {
  color: #2b2b2b;
  font-weight: 600;
  font-size: 18px;
  background-color: #5b9f8f;
}
footer .site_footer a {
  color: #2b2b2b;
  font-weight: 500;
  font-size: 16px;
}

[tabindex]:not([tabindex="-1"]):focus, a:focus, button:focus, input:focus, select:focus:focus, textarea:focus {
  outline-color: #5b9f8f;
  outline-offset: 1px;
  outline: 1px solid !important;
}

.widgetsContainer .widget {
  height: 100%;
}

.compositionContainer .widgetsContainer {
  row-gap: 30px;
}

/* Vistes generals (page_view, composition_view) */
@media (min-width: 1200px) {
  .category_page_view .main_container {
    margin: 20px 0%;
  }
  .category_page_view .main_container .page_content {
    padding: 15px 0%;
  }
}

.blog_view .main_container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.blog_view .main_container > .row > main {
  width: 100% !important;
  padding-left: 7% !important;
  padding-right: 7% !important;
}
.blog_view aside, .blog_view .pull-left {
  display: none !important;
}
.blog_view .dp-main-category {
  font-weight: 600;
  color: #5b9f8f;
  text-transform: uppercase;
}

.category_post_view .main_container > .row main.col-lg-9, .post_view .main_container > .row main.col-lg-9, .postcategory_view .main_container > .row main.col-lg-9 {
  padding: 0 0 0 5% !important;
}
.category_post_view .widget_recentBlogPosts .widget_title, .post_view .widget_recentBlogPosts .widget_title, .postcategory_view .widget_recentBlogPosts .widget_title {
  text-transform: uppercase;
  margin-bottom: 30px;
}
.category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li {
  padding: 0;
}
.category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li .post-image, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li .post-image, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li .post-image {
  display: none;
}
.category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a > .title, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a > .title, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a > .title {
  padding: 0;
  font-weight: 600;
  font-size: 18px;
  color: #666;
  line-height: 1;
}
.category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a .subtitle, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a .subtitle, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a .subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #888;
}
.category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a .posted-on, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a .posted-on, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a .posted-on {
  display: none;
}
.category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:hover .title, .category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:focus .title, .category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:active .title, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:hover .title, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:focus .title, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:active .title, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:hover .title, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:focus .title, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li > a:active .title {
  color: #3f444e;
}
.category_post_view .widget_recentBlogPosts .recent-posts.mode-vertical li:not(:last-child)::after, .post_view .widget_recentBlogPosts .recent-posts.mode-vertical li:not(:last-child)::after, .postcategory_view .widget_recentBlogPosts .recent-posts.mode-vertical li:not(:last-child)::after {
  content: "";
  width: 100%;
  display: block;
  border-bottom: 2px dotted rgba(63, 66, 69, 0.4);
  margin: 20px auto;
}
.category_post_view .widget_recentBlogPosts .view-all .btn, .post_view .widget_recentBlogPosts .view-all .btn, .postcategory_view .widget_recentBlogPosts .view-all .btn {
  transition: 0.4s ease;
  font-weight: 900;
  padding: 10px 20px;
  margin-top: 50px;
  background-color: #81184f;
  border: none;
  color: #fff;
  font-size: 16px;
  border-radius: 50px;
  text-transform: uppercase;
}
.category_post_view .widget_recentBlogPosts .view-all .btn::before, .post_view .widget_recentBlogPosts .view-all .btn::before, .postcategory_view .widget_recentBlogPosts .view-all .btn::before {
  content: unset;
}
.category_post_view .widget_recentBlogPosts .view-all .btn:hover, .category_post_view .widget_recentBlogPosts .view-all .btn:focus, .category_post_view .widget_recentBlogPosts .view-all .btn:active, .post_view .widget_recentBlogPosts .view-all .btn:hover, .post_view .widget_recentBlogPosts .view-all .btn:focus, .post_view .widget_recentBlogPosts .view-all .btn:active, .postcategory_view .widget_recentBlogPosts .view-all .btn:hover, .postcategory_view .widget_recentBlogPosts .view-all .btn:focus, .postcategory_view .widget_recentBlogPosts .view-all .btn:active {
  background-color: #3f4245;
}

.category_post_view .post-image, .post_view .post-image {
  box-shadow: 0 0 2px #4d545b;
  height: fit-content;
}
.category_post_view .post-image, .category_post_view .post-image img, .post_view .post-image, .post_view .post-image img {
  border-radius: 6px;
}
.category_post_view .posted-on, .post_view .posted-on {
  display: none;
}
.category_post_view .post-content header .categories a, .post_view .post-content header .categories a {
  background-color: #3f4245;
  border: none;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 6px;
  transition: 0.4s ease;
}
.category_post_view .post-content header .categories a:hover, .category_post_view .post-content header .categories a:focus, .category_post_view .post-content header .categories a:active, .post_view .post-content header .categories a:hover, .post_view .post-content header .categories a:focus, .post_view .post-content header .categories a:active {
  background-color: #81184f;
}
.category_post_view main, .post_view main {
  position: relative;
}
.category_post_view main > .blog-post, .post_view main > .blog-post {
  position: static;
}
.category_post_view main > .blog-post article .subtitle, .post_view main > .blog-post article .subtitle {
  position: absolute;
  left: 55%;
  max-width: 50%;
  margin: 0;
  font-weight: 500;
  font-size: 28px;
}
.category_post_view .post-content .subtitle, .post_view .post-content .subtitle {
  display: none;
}
.category_post_view .nav-posts a, .post_view .nav-posts a {
  height: fit-content;
  font-weight: 300;
  transition: 0.4s ease;
  font-size: 15px;
  padding: 6px 6px;
  background-color: #5b9f8f;
  border: none;
  border-radius: 10px;
  color: #fff;
}
.category_post_view .nav-posts a:hover, .category_post_view .nav-posts a:focus, .category_post_view .nav-posts a:active, .post_view .nav-posts a:hover, .post_view .nav-posts a:focus, .post_view .nav-posts a:active {
  background-color: #3f4245;
}
.category_post_view .socialShares, .post_view .socialShares {
  justify-content: start;
}
.category_post_view .socialShares a, .post_view .socialShares a {
  width: 35px;
  height: 35px;
  border-color: #81184f;
  background: #81184f;
  border-radius: 12px;
}
.category_post_view .socialShares a i, .post_view .socialShares a i {
  color: white;
  font-size: 12px;
}
.category_post_view .socialShares a:hover i, .category_post_view .socialShares a:focus i, .category_post_view .socialShares a:active i, .post_view .socialShares a:hover i, .post_view .socialShares a:focus i, .post_view .socialShares a:active i {
  color: #3f4245;
}
.category_post_view .socialShares a:hover, .post_view .socialShares a:hover {
  background: #5b9f8f;
  border-color: #5b9f8f;
}
.category_post_view.blog-1 .page-header, .post_view.blog-1 .page-header {
  display: none;
}
.category_post_view.blog-1 .post-content, .post_view.blog-1 .post-content {
  margin-top: 50px;
}
@media (min-width: 769px) {
  .category_post_view .blog-post, .post_view .blog-post {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .category_post_view .post-image, .post_view .post-image {
    width: 60%;
    margin-bottom: 20px;
  }
  .category_post_view .post-wrap, .post_view .post-wrap {
    margin-bottom: 50px;
  }
  .category_post_view .post-wrap > .post-content, .post_view .post-wrap > .post-content {
    width: 100%;
    margin-top: 0;
  }
  .category_post_view .source-link, .post_view .source-link {
    margin-top: 15px;
    position: relative;
    z-index: 1;
    width: fit-content;
  }
  .category_post_view .socialShares, .category_post_view .nav-posts, .post_view .socialShares, .post_view .nav-posts {
    margin-top: 30px;
  }
  .category_post_view.blog-1 .post-image, .post_view.blog-1 .post-image {
    width: 50%;
  }
  .category_post_view.blog-1 .post-wrap, .post_view.blog-1 .post-wrap {
    /*                 display: flex;
    flex-direction: row; */
    margin-bottom: 0;
    /*                 .post-content { margin-left: 30px; } */
  }
}
.category_post_view #container-blog5_footer, .category_post_view #container-blog5_footer, .post_view #container-blog5_footer, .post_view #container-blog5_footer {
  display: none;
}

.postcategory_view .paginator {
  justify-content: start;
}
.postcategory_view .paginator .text-right {
  align-self: end;
}
.postcategory_view .paginator:first-child {
  display: none;
}
.postcategory_view .blog-posts {
  gap: 30px;
}
.postcategory_view .blog-posts article {
  display: flex;
  flex-direction: column;
  max-width: calc(33.3333333333% - 30px);
  background-color: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
  padding: 0 0 20px;
  margin: 0;
  box-shadow: 0 0 6px #666;
  box-shadow: 0 0 2px #3f4245;
}
.postcategory_view .blog-posts article header, .postcategory_view .blog-posts article .post-content {
  padding: 0 20px;
}
.postcategory_view .blog-posts article header {
  order: 2;
  display: flex;
  flex-direction: column;
}
.postcategory_view .blog-posts article header > h2 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 6px;
  transition: 0.3s ease-in-out;
}
.postcategory_view .blog-posts article header .subtitle {
  text-align: center;
  font-size: 18px;
}
.postcategory_view .blog-posts article header > .post-meta {
  display: none;
}
.postcategory_view .blog-posts article .post-image {
  order: 1;
}
.postcategory_view .blog-posts article .post-image img {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 101%;
  max-width: 101%;
}
.postcategory_view .blog-posts article .post-content {
  display: none;
}
.postcategory_view .blog-posts article .read-more {
  text-align: right;
  margin-right: 15px;
}
.postcategory_view .blog-posts article .read-more a {
  border: none;
  background-color: #81184f;
  text-transform: uppercase;
  border-radius: 8px;
  font-weight: 900;
  font-size: 14px;
  color: #fff;
  padding: 5px 12px;
}
.postcategory_view .blog-posts article .read-more a::before {
  content: unset;
}
.postcategory_view .blog-posts article:hover, .postcategory_view .blog-posts article:active, .postcategory_view .blog-posts article:focus {
  box-shadow: 0 0 4px #3f4245;
}
.postcategory_view .blog-posts article:hover header > h2 > a, .postcategory_view .blog-posts article:active header > h2 > a, .postcategory_view .blog-posts article:focus header > h2 > a {
  color: #81184f !important;
}
.postcategory_view .blog-posts article:hover .post-image, .postcategory_view .blog-posts article:active .post-image, .postcategory_view .blog-posts article:focus .post-image {
  opacity: 1;
}
.postcategory_view .blog-posts article:hover .post-image img, .postcategory_view .blog-posts article:active .post-image img, .postcategory_view .blog-posts article:focus .post-image img {
  transform: none;
}
.postcategory_view .blog-posts article:hover .read-more a, .postcategory_view .blog-posts article:active .read-more a, .postcategory_view .blog-posts article:focus .read-more a {
  background-color: #3f4245;
}
@media (min-width: 769px) {
  .postcategory_view .blog-posts .paginator .msg {
    padding: 0;
  }
  .postcategory_view .blog-posts .paginator .pagination {
    margin-right: 15px;
  }
}
@media (max-width: 768px) {
  .postcategory_view .blog-posts article {
    max-width: unset;
  }
}

.blog-post article .socialShares {
  justify-content: flex-start;
}
.blog-post article .socialShares a {
  width: 35px;
  margin-right: 10px;
  height: 35px;
}
.blog-post article .socialShares a i {
  font-size: 15px;
}

.blog-post .nav-posts a {
  width: 35px;
}

/* Widgets generals (widget_gallery, widget_carousel)*/
.dp-gallery .image-gallery .image-gallery-content .image-gallery-slide-wrapper button {
  display: none;
}

.dp-gallery {
  pointer-events: none;
}
.dp-gallery .ssc-wrapper .ssc-head-line {
  height: auto;
  aspect-ratio: 1;
}
.dp-gallery img {
  border-radius: 0px 50px 0px 50px;
  /*         object-fit: cover; */
}

.image-gallery-slide {
  object-fit: cover;
}

/* Vistes i contenidors especifiques (.composition-1, .page-9, #container-comp1-main) */
@media (max-width: 768px) {
  .page_view .carousel-outercontainer .carousel_container .carousel .carousel-inner .item {
    margin-top: 0px;
  }
}

/* Widgets especifics (#carousel_1, #gallery_8) */
body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu {
  border-top: 3px solid #5b9f8f;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  background: white;
  padding: 5px 0px;
  border-radius: 0px 50px 0px 50px;
  transition: all 0.4s ease;
}
body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu li {
  padding: 0px 15px;
}
body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu li a {
  text-transform: initial;
}
@media (max-width: 768px) {
  body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu {
    border-radius: 0px;
    border-top: none;
  }
}

[id^=container-comp1_] .container, [id^=container-comp17_] .container, [id^=container-comp4_] .container, [id^=container-comp10_] .container, [id^=container-comp14] .container {
  width: 100%;
}
@media (min-width: 769px) {
  [id^=container-comp1_] .container, [id^=container-comp17_] .container, [id^=container-comp4_] .container, [id^=container-comp10_] .container, [id^=container-comp14] .container {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (min-width: 769px) {
  #widget_int-home {
    padding-right: 15%;
  }
}
.numeric-counter-wrapper .numeric-counter {
  font-family: "Figtree", sans-serif;
}
.numeric-counter-wrapper .numeric-counter i {
  font-size: 30px;
  /*             left: -5px !important; */
}
.numeric-counter-wrapper .numeric-counter .count {
  font-weight: 800;
  font-size: 70px;
}
.numeric-counter-wrapper .counter-text {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}

#container-comp2_main {
  padding-left: 5%;
  padding-right: 5%;
}

#widget_composition {
  align-content: center;
}

#widget_txt-kit-digital {
  align-content: center;
}

/** Contacte ***/
.btn.btn-success {
  background-color: #81184f;
  padding: 10px 25px;
  border-radius: 10px;
  color: white !important;
  border: 0;
  transition: 0.3s ease;
}
.btn.btn-success:hover {
  background: #5b9f8f;
}

.contact #contact_text {
  display: none;
}
.contact h1 {
  text-align: center;
}
.contact .breadcrumb {
  display: none;
}

.contacte-info {
  display: flex;
  width: fit-content;
  align-items: center;
  color: black;
  margin-bottom: 10px;
}
.contacte-info .contacte-title {
  font-weight: 600;
  /*         font-size: 1.5em; */
  display: block;
  color: #81184f;
  backface-visibility: hidden;
}
@media (max-width: 768px) {
  .contacte-info .contacte-title {
    font-size: 1.2em;
  }
}

#widget_txt-dades-contacte .principal {
  margin-top: 15px;
  margin-bottom: 15px;
}
#widget_txt-dades-contacte p {
  /*         font-size: 16px; */
  margin: 0;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
#widget_txt-dades-contacte iframe {
  margin: 10px 0px;
  width: 100% !important;
}
#widget_txt-dades-contacte i {
  font-size: 1.5em;
  min-width: 1em;
  color: #81184f;
  margin-right: 15px;
}

/* Textos personalitzables */
.headline .title {
  text-transform: uppercase;
  font-family: "Figtree", sans-serif;
  font-size: 1.2rem;
}
.headline .subtitle {
  margin-top: 11px;
  color: #3f4245;
  font-size: clamp(2rem, -0.5938rem + 4.25vw, 3.125rem);
}
.headline .subtitle span {
  color: #5b9f8f;
}
.headline .paragraf {
  padding: 14px 0px 25px 0px;
}

.btn-lila, .btn-verd {
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.4s ease;
  padding: 15px 55px 15px 60px;
  border: none;
  font-size: 17px;
  border-radius: 50px;
}

.btn-lila {
  background-color: #81184f;
  border: none;
  color: #fff;
  /*     @media (min-width: 769px) {
          &::after {
              display: inline-block;
              content: "\f105";
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              color: #fff;
              transition: transform 0.6s ease;
              padding-left: 15px;
          }

          &:hover::after {
              transform: translateX(8px);
              color: #2b2b2b;
          }
      } */
}
.btn-lila:hover {
  background: #5b9f8f;
  color: #2b2b2b;
}

.btn-verd {
  background: #5b9f8f;
  color: #2b2b2b;
  /*     @media (min-width: 769px) {
          &::after {
              display: inline-block;
              content: "\f105";
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              color: #2b2b2b;
              transition: transform 0.6s ease;
              padding-left: 15px;
          }

          &:hover::after {
              transform: translateX(8px);
              color: #fff;
          }
      } */
}
.btn-verd:hover {
  background-color: #81184f;
  color: #fff;
}

.demanar-cita {
  display: flex;
  align-items: center;
  gap: 5%;
}
@media (max-width: 769px) {
  .demanar-cita {
    flex-direction: column;
  }
  .demanar-cita .btn-lila {
    margin-bottom: 10px;
  }
}

/** Llista <ul> compo home - Sobre nosotros */
.llista-servei {
  padding-left: 0px;
}
.llista-servei li {
  list-style: none;
}
.llista-servei li::before {
  font-family: "Font Awesome 6 Free";
  content: "\f00c";
  font-weight: 900;
  margin-right: 8px;
  color: #81184f;
}

.servei-actiu, .servei-home, .servei-salut {
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  background: white;
  height: 100%;
  transition: all 0.4s ease;
  padding: 50px 26px;
  border-radius: 0px 50px;
  border-radius: 0px 50px 0px 50px;
  min-height: 380px;
  position: relative;
}
.servei-actiu a, .servei-home a, .servei-salut a {
  position: absolute;
  inset: 0;
  user-select: none;
}
.servei-actiu .icon-lila, .servei-home .icon-lila, .servei-salut .icon-lila {
  transition: all 0.4s ease;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1719%) hue-rotate(80deg) brightness(126%) contrast(109%);
  width: 60px;
  height: 60px;
}

.servei-home .box-icon {
  /*         background-color: #F4EFF5; */
  background-color: #3f4245;
  width: fit-content;
  padding: 2px;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.servei-home h3 {
  transition: all 0.4s ease;
  color: #3f4245;
}
.servei-home .mes-info {
  position: absolute;
  background: #3f4245;
  transition: all 0.4s ease;
  padding: 25px 23px;
  right: 0%;
  bottom: 0%;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.servei-home .mes-info i {
  color: white;
  font-size: 13px;
  position: absolute;
  font-size: 13px;
  bottom: 17%;
  right: 18%;
}
.servei-home .mes-info:hover {
  display: block;
}
.servei-home:hover, .servei-home:focus-within {
  transform: translateY(-10px);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 7px 17px -3px, rgba(0, 0, 0, 0.1) 0px -3px 0px inset;
}
.servei-home:hover .mes-info, .servei-home:focus-within .mes-info {
  background: #81184f;
}
.servei-home:hover .icon-lila, .servei-home:focus-within .icon-lila {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(79deg) brightness(103%) contrast(102%);
}
.servei-home:hover .box-icon, .servei-home:focus-within .box-icon {
  background-color: #81184f;
}
.servei-home:hover h3, .servei-home:focus-within h3 {
  color: #81184f;
}

.servei-actiu .box-icon {
  /*         background-color: #F4EFF5; */
  background-color: #81184f;
  width: fit-content;
  padding: 2px;
  border-radius: 10px;
  transition: all 0.4s ease;
}
.servei-actiu .icon-lila {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(79deg) brightness(103%) contrast(102%);
}
.servei-actiu h3 {
  color: #81184f;
}

.servei-salut {
  padding-top: 25px;
}
.servei-salut h3 {
  transition: all 0.4s ease;
  color: #3f4245;
}
.servei-salut:hover {
  transform: translateY(-10px);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 7px 17px -3px, rgba(0, 0, 0, 0.1) 0px -3px 0px inset;
}
.servei-salut:hover .icon-lila {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(79deg) brightness(103%) contrast(102%);
}
.servei-salut:hover .box-icon {
  background-color: #81184f;
}
.servei-salut:hover h3 {
  color: #81184f;
}

/* Boto contacte header */
#fons-tancar-flotant {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 105vh;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.6);
}

#contacte-flotant-contenedor {
  position: fixed;
  top: 0;
  right: -300px;
  width: 100%;
  height: 105vh;
  background: #fff;
  z-index: 101;
  max-width: 300px;
  border-left: 5px solid #5b9f8f;
  transition: all 0.4s ease;
}
#contacte-flotant-contenedor img {
  max-width: 90%;
}
#contacte-flotant-contenedor .boto-contacte {
  color: #fff;
  background-color: #5b9f8f;
  padding: 10px 20px;
  border-radius: 12px;
  transition: all 0.4s ease;
  font-size: 24px;
}
#contacte-flotant-contenedor .boto-contacte span {
  position: relative;
  bottom: 0;
  margin-left: 8px;
  transition: all 0.4s;
  font-size: 22px;
}
#contacte-flotant-contenedor .boto-contacte:hover {
  background: #81184f;
}
#contacte-flotant-contenedor .boto-contacte:hover i {
  color: white;
}
#contacte-flotant-contenedor .boto-contacte:hover span {
  bottom: 3px;
  color: #fff;
  background-size: 100% 2px;
}
#contacte-flotant-contenedor .xarxes-flotant {
  position: absolute;
  bottom: 7%;
  left: 9%;
}
#contacte-flotant-contenedor .boto-situacio {
  color: #fff;
  background-color: #81184f;
  padding: 10px 20px;
  border-radius: 12px;
  transition: all 0.4s ease;
  font-size: 24px;
}
#contacte-flotant-contenedor .boto-situacio span {
  position: relative;
  bottom: 0;
  margin-left: 8px;
  transition: all 0.4s;
  font-size: 22px;
}
#contacte-flotant-contenedor .boto-situacio:hover {
  background: #5b9f8f;
}
#contacte-flotant-contenedor .boto-situacio:hover i {
  color: white;
}
#contacte-flotant-contenedor .boto-situacio:hover span {
  bottom: 3px;
  color: #fff;
  background-size: 100% 2px;
}
#contacte-flotant-contenedor .telefon-gran > a {
  font-size: 36px;
  color: #81184f;
}
#contacte-flotant-contenedor .telefon-gran > a:hover, #contacte-flotant-contenedor .telefon-gran > a:focus {
  color: #3f4245;
}
#contacte-flotant-contenedor .fa-instagram, #contacte-flotant-contenedor .fa-facebook, #contacte-flotant-contenedor .fa-tiktok {
  font-size: 35px;
  padding-right: 5px;
  padding-top: 15px;
  color: #81184f;
}
#contacte-flotant-contenedor .fa-instagram:hover, #contacte-flotant-contenedor .fa-instagram:focus, #contacte-flotant-contenedor .fa-facebook:hover, #contacte-flotant-contenedor .fa-facebook:focus, #contacte-flotant-contenedor .fa-tiktok:hover, #contacte-flotant-contenedor .fa-tiktok:focus {
  color: #3f4245;
}
#contacte-flotant-contenedor * {
  text-align: center;
}
#contacte-flotant-contenedor a:hover > span {
  color: #222;
}
@media (max-width: 768px) {
  #contacte-flotant-contenedor #contacte-flotant-contenedor > p > span {
    font-size: 24px !important;
  }
  #contacte-flotant-contenedor #contacte-flotant-contenedor a img {
    width: 30px !important;
    height: 30px !important;
  }
}

.btn-phone {
  background-color: #81184f;
  padding: 4.6px 9px;
  position: fixed;
  top: 51px;
  right: calc(2% + 5px);
  z-index: 103;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease;
  width: 32px;
  height: 32px;
}
.btn-phone [onclick="closeSchedule()"] {
  right: 30px;
}
.btn-phone i {
  font-size: 16px;
  color: #fff;
}
.btn-phone i.fa-times {
  font-size: 20px;
  position: relative;
  top: 1px;
  left: 1px;
}
.btn-phone:hover {
  background-color: #81184f;
}
@media (max-width: 768px) {
  .btn-phone {
    top: 23px;
    padding: 2.1px 6.5px;
    width: 27px;
    height: 27px;
  }
  .btn-phone i {
    font-size: 14px;
  }
  .btn-phone i.fa-times {
    font-size: 17px;
  }
}

body:has(header.header-small) .btn-phone {
  top: 20px;
}

@media (min-width: 768px) {
  .md:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.reserva-cita {
  background-color: #eaeaea;
  padding: 50px;
  border-radius: 25px;
  grid-template-columns: auto auto;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
.reserva-cita .cita-left {
  display: flex;
  flex-direction: column;
  gap: 19px;
  align-content: flex-end;
  align-items: end;
}
@media (max-width: 768px) {
  .reserva-cita .cita-left {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .reserva-cita {
    display: flex;
    flex-direction: column;
    padding: 35px 25px;
  }
}

/* Estils preguntes faqs */
details {
  margin: 1.5rem 0;
  /* Gira la fletxa quan està obert */
  /* Animació suau d’aparició */
}
details summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 17px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
details summary::before {
  content: "\f055";
  font-size: 16px;
  color: #81184f;
  transition: transform 0.3s ease;
  align-content: center;
  margin-right: 10px;
  font-family: "Font Awesome 6 Free";
}
details summary:hover {
  color: #81184f;
}
details > div {
  margin-top: 8px;
}
details[open] summary {
  color: #81184f;
}
details[open] summary::before {
  /*             transform: rotate(90deg); */
  content: "\f056";
}
details[open] p {
  animation: fadeIn 0.4s ease;
}

/* Invertidor widgets */
@media (max-width: 768px) {
  #container-comp4_que-es .widgetsContainer > div:nth-child(2), #container-comp10_seguimiento-del-embarazo .widgetsContainer > div:nth-child(2), #container-comp17_segundo-bloque .widgetsContainer > div:nth-child(2), #container-comp14_segundo-bloque .widgetsContainer > div:nth-child(2) {
    order: -1;
  }
  #container-comp7_main {
    padding-top: 45px !important;
  }
  .page-4 h1 {
    word-break: break-word;
  }
}