@charset "UTF-8";
.main_container > div {
  padding: 0 !important;
}
.main_container > div main {
  padding: 0 !important;
}

body.page-6 .product .view-mode-grid .product_thumbnail .footer .price_box .final_price {
  float: none;
  color: #000;
  margin-left: auto;
}
body.page-6 .product .view-mode-grid .product_thumbnail .footer .price_box .final_price .plabel {
  display: inline;
  visibility: hidden;
}
body.page-6 .product .view-mode-grid .product_thumbnail .footer .price_box .final_price .plabel::after {
  font-size: 16px;
  content: "A partir de: ";
  visibility: visible;
}

/* menu */
header {
  background-color: #1e73be !important;
}

div.collapse.navbar-collapse.main_menu ul.depth_0.nav.nav-horitzontal.navbar-nav li a {
  font-size: 16px !important;
  color: white !important;
}

.carousel .carousel-caption a {
  text-align: center !important;
  font-weight: 700;
  width: 10em;
  font-size: 21px;
  margin-right: 53px;
  margin: 5px;
  padding: 11px;
  background-color: #ff7600;
  border-radius: 15px;
  color: black;
  border: 2px solid #ff7600;
  margin: 1em 3em 0 0;
  transition: background-color 0.4s ease, border-color 0.4s ease;
  box-shadow: none;
  text-transform: none;
}

#carousel_1 > div > div > .carousel-caption {
  top: 275px;
  left: 150px;
  width: 750px;
}

#carousel_1 > div > div > .carousel-caption > p {
  color: white;
  text-shadow: 5px 5px 4px black;
  font-size: 50px;
  font-weight: bold;
}

.cta:hover {
  border: 2px solid #1e73be !important;
  background-color: #1e73be !important;
  color: white !important;
}

.yt {
  text-align: center !important;
  background-color: red !important;
  border: 2px solid red !important;
  color: white !important;
}

.yt:hover {
  background-color: white !important;
  color: red !important;
  border: 2px solid white !important;
}

/* Mostrar descripció categories */
.product-category .subcategory .caption p,
.widget_productCategories .categories-thumbnails .thumbnail .caption p {
  display: block;
}

#widget_productcategories-1 h4 {
  font-size: 41px;
  color: white;
  padding: 10px 10px 45px 10px;
}
#widget_productcategories-1 div div div.thumbnail {
  background-color: transparent;
  border: none;
  padding: 10px;
  min-height: 250px;
}
#widget_productcategories-1 div div div.thumbnail a div.photo img {
  width: 50%;
}
#widget_productcategories-1 div div div.thumbnail div a h3 {
  font-size: 28px;
  color: white;
}

/* treure fons categories de la pagina inici */
.widget_productCategories .categories-thumbnails .thumbnail:hover .caption {
  background-color: transparent;
}

/* treure titol pagina de categories */
.category-30 main > .page-header {
  display: none;
}

.category-28 main > .page-header {
  display: none;
}

.category-34 main > .page-header {
  display: none;
}

.category-25 main > .page-header {
  display: none;
}

.category-22 main > .page-header {
  display: none;
}

.category-37 main > .page-header {
  display: none;
}

.category-103 main > .page-header {
  display: none;
}

.category-36 main > .page-header {
  display: none;
}

.category-40 main > .page-header {
  display: none;
}

.category-39 main > .page-header {
  display: none;
}

/* Indicador desplegable menú */
.widget_productCategories li {
  width: fit-content;
}
.widget_productCategories li a[data-toggle=collapse] {
  display: flex;
  align-items: end;
}
.widget_productCategories li a[data-toggle=collapse]::after {
  content: "";
  display: block;
  margin-left: 8px;
  margin-bottom: 4px;
  background-color: currentColor;
  width: 8px;
  height: 8px;
  clip-path: polygon(0 100%, 0 0, 100% 50%);
  transform: translateY(-50%);
  transition: 0.4s ease;
}
.widget_productCategories li a[data-toggle=collapse][aria-expanded=true]::after {
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

#product_detailed {
  padding: 15px 25px;
}

/* treure borde a les categories */
.product-category > div > div > div > .subcategory {
  border: 0;
}

/* treure espai blanc als productes */
.product .view-mode-grid .product_thumbnail .photo {
  height: 180px;
}

/* TEST FAQS */
.faq {
  max-width: 1100px;
  margin: 48px auto;
  padding: 0 16px;
}

.faq h2 {
  font-size: clamp(22px, 3vw, 28px);
  margin: 0 0 12px;
  font-weight: 900;
}

.faq p.lead {
  color: var(--muted);
  margin: 0 0 24px;
  border-radius: 10px;
}

/* Bloques */
details {
  border-radius: 10px;
  margin: 5px;
  border-top: 1px solid var(--border);
  background: #ebebeb;
}

details:last-of-type {
  border-radius: 10px;
  border-bottom: 1px solid var(--border);
}

summary {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none; /* quita marcador nativo en algunos navegadores */
  padding: 18px 14px;
  cursor: pointer;
  font-weight: 600;
  outline: none;
  border-radius: 10px;
  background-color: #fff;
}

/* Oculta el triángulo nativo donde exista */
summary::-webkit-details-marker {
  display: none;
}

/* Chevron custom */
.chevron {
  border-radius: 10px 10px 0 0;
  inline-size: 12px;
  block-size: 12px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.25s ease;
  color: var(--muted);
  margin-inline-start: 4px;
  background-color: #fff;
}

/* Estado abierto: rota chevron */
details[open] .chevron {
  transform: rotate(45deg);
  color: var(--brand);
  background-color: #cccccc;
}

/* Contenido */
.answer {
  padding: 14px 14px 18px 34px; /* sangría para alinear con chevron */
  color: #374151;
  line-height: 1.6;
  animation: fade 0.22s ease;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Hover/Focus accesibles */
summary:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-radius: 10px;
}

summary:hover {
  background: #fafafa;
  border-radius: 10px;
}

body.category_page_view .page-header h1, body.page_view .page-header h1 {
  text-align: center;
}

/* Cuando la pantalla es menor a 900px  (tablets y teléfonos inteligentes)*/
@media only screen and (max-width: 900px) {
  #widget_productcategories-1 div div div.thumbnail div a h3 {
    font-size: 18px;
    color: white;
  }
  .page-header > h1 {
    font-size: 30px;
    text-align: center;
  }
  body #outerheader header > .row .header-right .navbar .navbar-collapse .navbar-nav > li:not(.languages):not(.shopping_cart_container) > .dropdown-menu li a {
    color: white !important;
    font-weight: bold;
  }
}