@charset "UTF-8";
/* gruix tipografia DM SERIF DISPLAY i RALEWAY */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
/* Gruix del bold per defecte en textes personalitzables*/
b, strong {
  font-weight: 700;
}

/* Ombra i colors menú header*/
@media (min-width: 769px) {
  .carousel-outercontainer::before {
    content: "";
    display: block;
    height: 150px;
    background: linear-gradient(#777, transparent);
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
  }
  body > header .header-right .navbar .navbar-collapse .nav-horitzontal li a {
    font-size: 15px;
  }
  body > header .header-right .navbar .navbar-collapse .nav-horitzontal li.active > a, body > header .header-right .navbar .navbar-collapse .nav-horitzontal li:hover > a {
    color: #A81832 !important;
  }
}
/* Color capçalera mobil */
@media (max-width: 768px) {
  body > header {
    background-color: #ffffff;
  }
  body > header .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
  }
  body > header .header-right .navbar-right .navbar-header .navbar-toggle i {
    color: #000;
  }
  body > header .header-left .logo {
    display: none;
  }
  body > header .header-left .inverted_logo {
    display: block !important;
  }
}
/* Titulars */
body h3.widget_title::before, body h3 h1::before, body h4.widget_title::before, body h4 h1::before {
  content: "";
  width: 65px;
  height: 18px;
  display: block;
  background-image: url("/data/eshop/ceramicabelianes/uploads/images/icons/ona.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
body .titular {
  font-weight: 800;
  margin-bottom: 5px;
  line-height: 1;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 768px) {
  body .titular {
    line-height: 1;
    font-size: 35px;
  }
}
body .titular::before {
  content: "";
  width: 65px;
  height: 18px;
  display: block;
  background-image: url("/data/eshop/ceramicabelianes/uploads/images/icons/ona.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
body .titular2 {
  font-weight: 800;
  color: #000000;
  margin-bottom: 5px;
  line-height: 1;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 768px) {
  body .titular2 {
    line-height: 1;
    font-size: 35px;
  }
}
body .titular2::before {
  content: "";
  width: 65px;
  height: 18px;
  display: block;
  background-image: url("/data/eshop/ceramicabelianes/uploads/images/icons/ona.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
body .titular3 {
  font-weight: 800;
  font-size: 50px;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 768px) {
  body .titular3 {
    line-height: 0.9;
  }
}
body .titular4 {
  font-weight: 800;
  font-size: 40px;
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 768px) {
  body .titular4 {
    line-height: 0.9;
  }
}
body h1.titular {
  font-size: 45px;
}
body h2.titular {
  font-size: 35px;
}
body h2.titular2 {
  font-size: 45px;
}
body h3.titular {
  font-size: 25px;
}
body .subtitular {
  font-size: 28px;
  margin-top: 15px;
  font-weight: 300;
}
body .subtitular2 {
  font-size: 28px;
  display: inline;
  border-bottom: 7px solid #A81832;
  margin-top: 0;
  padding-bottom: 10px;
  font-weight: 300;
}
@media (max-width: 768px) {
  body .subtitular2 {
    display: block;
    margin-top: 5px;
  }
}

.category_view .page-header h1 {
  font-family: "Raleway", sans-serif;
  color: #A81832;
}
.category_view .page-header h1::after {
  content: unset;
}

/**  Hover social icons footer  **/
footer .site_footer a i {
  color: #ffffff;
  transition: all 0.4s ease;
}
footer .site_footer a i:hover {
  color: #c6c2c3;
}

/* Amagar captcha */
/* .captcha_container { display: none;} */
/* Botó enllaços */
.btn-link {
  background-color: #A81832;
  border-radius: 5px;
  border-width: 0;
  transition: all 0.2s ease;
}
.btn-link:hover {
  background-color: #000000;
  color: #ffffff;
}

/* Botó enllaços muralit */
.btn-link2 {
  background-color: #e7530f;
  border-radius: 5px;
  border-width: 0;
  transition: all 0.2s ease;
}
.btn-link2:hover {
  background-color: #000000;
  color: #ffffff;
}

/* Botons generals */
.widget_customizableText .btn, .btn[type=submit]:not(#cookiesSettings_save), .btn-go-back, .btn.contact, .carousel .carousel-caption .btn {
  background-color: #A81832;
  border-color: #A81832;
  text-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 6px;
  text-transform: uppercase;
}
.widget_customizableText .btn, .widget_customizableText .btn i, .btn[type=submit]:not(#cookiesSettings_save), .btn[type=submit]:not(#cookiesSettings_save) i, .btn-go-back, .btn-go-back i, .btn.contact, .btn.contact i, .carousel .carousel-caption .btn, .carousel .carousel-caption .btn i {
  color: #fff;
}
.widget_customizableText .btn:hover, .widget_customizableText .btn:focus, .widget_customizableText .btn:active, .btn[type=submit]:not(#cookiesSettings_save):hover, .btn[type=submit]:not(#cookiesSettings_save):focus, .btn[type=submit]:not(#cookiesSettings_save):active, .btn-go-back:hover, .btn-go-back:focus, .btn-go-back:active, .btn.contact:hover, .btn.contact:focus, .btn.contact:active, .carousel .carousel-caption .btn:hover, .carousel .carousel-caption .btn:focus, .carousel .carousel-caption .btn:active {
  background-color: #000;
}

.carousel .carousel-caption .btn {
  margin-top: 30px;
  display: inline-block;
}

.widget_customizableText .btn {
  font-size: 16px;
}

#subscribeForm .input-group-btn .btn {
  border-radius: 0 !important;
  background-color: #000;
  border: 1px solid #000;
}
#subscribeForm .input-group-btn .btn:hover, #subscribeForm .input-group-btn .btn:focus, #subscribeForm .input-group-btn .btn:active {
  background-color: #c6c2c3;
  border-color: #c6c2c3;
  color: #000;
}

/* mapa y logo alineats footer */
.mapa-logos-footer {
  display: flex;
  align-items: center;
  gap: 20px; /* Espacio entre el mapa y los logos */
}

.logos-footer {
  height: 50px; /* Ajusta según lo que necesites */
  width: auto;
}

.logos-footer2 {
  height: 100px; /* Ajusta según lo que necesites */
  width: auto;
}

/* Titulars laterals blog */
.titblog {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 0.7;
}
@media (max-width: 768px) {
  .titblog {
    line-height: 0.9;
    font-size: 35px;
  }
}
.titblog::before {
  content: "";
  width: 65px;
  height: 18px;
  display: block;
  background-image: url("/data/eshop/ceramicabelianes/uploads/images/icons/ona.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

/**  Títol assota previes blog **/
.blog-posts article {
  display: inline-flex;
}

/**  Blog amb columnat de 3  **/
.blog-posts article {
  max-width: 33%;
}
@media (max-width: 992px) {
  .blog-posts article {
    max-width: 50%;
  }
}
@media (max-width: 768px) {
  .blog-posts article {
    max-width: 100%;
  }
}

/* Titols blogs aliniat a la esquerra */
.widget_recentBlogPosts .carousel_container .owl-carousel-wrapper .owl-carousel .item .title {
  text-align: left;
}
.widget_recentBlogPosts .date {
  display: none;
}

/* Paginador del blog */
.blog-posts .paginator {
  display: block;
}

.blog-posts article {
  display: inline-flex;
}

/* Previes blog */
.blog-posts article header h2 {
  font-size: 20px;
  line-height: 1.1;
  margin: 10px 0 0;
}
.blog-posts article .post-content {
  font-size: 16px;
  line-height: 1.2;
  padding-top: 1;
}

/**  Control carrusel multiple prim  **/
.owl-carousel-wrapper .owl-carousel .owl-nav {
  opacity: 1 !important;
}
.owl-carousel-wrapper .owl-carousel .owl-nav .owl-prev, .owl-carousel-wrapper .owl-carousel .owl-nav .owl-next {
  font-size: 50px;
  text-shadow: none;
  color: #A81832;
}
.owl-carousel-wrapper .owl-carousel .owl-nav .owl-prev {
  left: -60px;
}
.owl-carousel-wrapper .owl-carousel .owl-nav .owl-next {
  right: -60px;
}

/**  Menú legales footer color  **/
#widget_menu-txt-legals a {
  color: #000000;
  font-weight: 500;
}
#widget_menu-txt-legals a:hover {
  color: white;
  background-color: #A81832;
}

/* Lateral Categories */
.panel {
  border: none;
  box-shadow: none;
}
.panel .panel-heading {
  background-color: #A81832;
}
.panel .panel-heading span {
  color: #ffffff;
}
.panel .panel-body .list-group-item a {
  font-size: 15px;
}

.main_container > .row, .main_container > .row .aside-left {
  padding-left: 0;
  padding-right: 0;
}
.main_container > .row main.col-lg-9 {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

.thumbnail {
  border: none;
}

.product-category .subcategory .caption {
  background-color: #f8f8f8;
}
.product-category .subcategory .caption h3 {
  font-family: "Raleway", sans-serif;
  color: #A81832;
  font-weight: 700;
}

/* Documentació */
#all-documents .documents.grid > .document, .widget_docs .documents.grid > .document {
  flex-direction: column;
  background: transparent;
  height: unset;
  width: 100%;
  padding: 15px;
  margin: 0;
  justify-content: start;
}
@media (min-width: 769px) {
  #all-documents .documents.grid > .document, .widget_docs .documents.grid > .document {
    width: 50%;
  }
}
@media (min-width: 1201px) {
  #all-documents .documents.grid > .document, .widget_docs .documents.grid > .document {
    width: 25%;
  }
}
#all-documents .documents.grid > .document .doc-buttons, .widget_docs .documents.grid > .document .doc-buttons {
  top: 40%;
}
#all-documents .documents.grid > .document .doc-buttons > a, .widget_docs .documents.grid > .document .doc-buttons > a {
  background-color: transparent;
}
#all-documents .documents.grid > .document .doc-buttons > a i, .widget_docs .documents.grid > .document .doc-buttons > a i {
  color: #f8f8f8 !important;
  text-shadow: 0 0 4px #444;
  font-size: 24px;
}
#all-documents .documents.grid > .document .doc-buttons > a::before, .widget_docs .documents.grid > .document .doc-buttons > a::before {
  content: unset;
}
#all-documents .documents.grid > .document:not(.no-image) .doc-image, .widget_docs .documents.grid > .document:not(.no-image) .doc-image {
  height: auto;
}
#all-documents .documents.grid > .document .title, .widget_docs .documents.grid > .document .title {
  position: static;
  margin-top: 15px;
  background: transparent;
  color: #000;
  max-height: unset;
  padding: 0 !important;
  font-size: 16px;
  font-weight: 600;
  margin-right: 0;
}
#all-documents .documents.grid > .document:hover .doc-image, #all-documents .documents.grid > .document:focus .doc-image, .widget_docs .documents.grid > .document:hover .doc-image, .widget_docs .documents.grid > .document:focus .doc-image {
  box-shadow: 1px 1px 10px #444;
  transform: translate(-5px, -5px);
}
#all-documents .documents.grid > .document:hover .doc-image img, #all-documents .documents.grid > .document:focus .doc-image img, .widget_docs .documents.grid > .document:hover .doc-image img, .widget_docs .documents.grid > .document:focus .doc-image img {
  filter: blur(1px);
}

#product-collapsable .documents.grid {
  margin-top: 30px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}
@media (min-width: 769px) {
  #product-collapsable .documents.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  #product-collapsable .documents.grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
#product-collapsable .documents.grid * {
  transition: all 0.4s ease;
}
#product-collapsable .documents.grid .document {
  width: 100%;
  justify-content: start;
}
#product-collapsable .documents.grid .document > .doc-image img {
  height: auto;
  max-width: 100%;
}
#product-collapsable .documents.grid .document > .title {
  position: static;
  margin-top: 10px;
  color: #000;
  padding: 0 !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
#product-collapsable .documents.grid .document > .doc-buttons {
  opacity: 0;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
}
#product-collapsable .documents.grid .document > .doc-buttons > a {
  background-color: transparent;
}
#product-collapsable .documents.grid .document > .doc-buttons > a i {
  color: #f8f8f8 !important;
  text-shadow: 0 0 4px #444;
  font-size: 24px;
}
#product-collapsable .documents.grid .document > .doc-buttons > a::before {
  content: unset;
}
#product-collapsable .documents.grid .document:hover, #product-collapsable .documents.grid .document:focus {
  box-shadow: none !important;
  transform: none;
}
#product-collapsable .documents.grid .document:hover > .doc-image, #product-collapsable .documents.grid .document:focus > .doc-image {
  box-shadow: 1px 1px 10px #444;
  transform: translate(-5px, -5px);
}
#product-collapsable .documents.grid .document:hover > .doc-image img, #product-collapsable .documents.grid .document:focus > .doc-image img {
  filter: blur(1px);
}
#product-collapsable .documents.grid .document:hover > .doc-buttons, #product-collapsable .documents.grid .document:focus > .doc-buttons {
  opacity: 1;
}

/* Pàgina de sistema docs-all */
body.docs_all .main_container main {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
  float: unset;
}
@media (min-width: 769px) {
  body.docs_all .main_container main {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body.docs_all .main_container main {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  body.docs_all .main_container main {
    width: 1170px;
  }
}
body.docs_all .main_container main .btn {
  display: none;
}

/* Retocs fitxa de producte */
#long_desc h2 {
  font-size: 23px;
  margin-bottom: 22px;
}

h2 {
  color: #A81832;
}

#product_detailed .product-details .product .name,
[class*=extra-description-] h2 {
  font-size: 23px;
  color: #A81832;
}

.product-descriptions {
  display: grid;
  gap: 30px;
  width: 100%;
  grid-template-columns: 2fr 1fr;
}
@media (max-width: 768px) {
  .product-descriptions {
    display: block;
  }
}
.product-descriptions .short_desc {
  display: none;
}
.product-descriptions #long_desc {
  border: none;
  padding: 0px;
}
.product-descriptions #extra-descriptions {
  background-color: #f5f5f5;
}
.product-descriptions #extra-descriptions > div > h2 {
  margin-top: 0;
  margin-bottom: 15px;
}

#product_detailed .product-details .addItemForm .submit.btn-success {
  background-color: #A81832;
}

.product .subtitle {
  color: #000;
}

/* text lateral descripcions extra fitxa producte */
.titulo-lista {
  font-size: 19px;
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 10px;
}

.enlaceficha li {
  line-height: 1.5em;
  font-size: 17px;
}
.enlaceficha li::marker {
  color: #A81832;
  font-size: 1em;
}

.enlaceficha a {
  color: #000000;
  font-size: 17px;
  font-weight: 400;
}
.enlaceficha a:hover {
  color: #A81832;
  font-weight: 500;
}

.enlaceficha a {
  color: #000000;
  font-size: 17px;
  font-weight: 400;
}
.enlaceficha a:hover {
  color: #A81832;
  font-weight: 500;
}

/* llista enllaçps página documentació tècnica */
.enlacedocs li {
  line-height: 1.5em;
  font-size: 20px;
}
.enlacedocs li::marker {
  color: #A81832;
  font-size: 1em;
}

.enlacedocs a {
  color: #000000;
  font-size: 20px;
  font-weight: 400;
}
.enlacedocs a:hover {
  color: #A81832;
  font-weight: 500;
}

/**  Icones parrafs amb imatge lateral **/
.iconparraf {
  display: flex;
  align-items: flex-start;
}
.iconparraf h3 {
  margin: -4px 0 20px;
  font-weight: 400;
  font-size: 25px;
}
.iconparraf h3 .highlight {
  color: #a81832;
  font-weight: 700;
}
.iconparraf img {
  width: 90px; /* Ajusta el tamaño de la imagen según tus necesidades */
  height: auto; /* Para mantener la proporción original de la imagen */
  margin-right: 20px; /* Espaciado entre la imagen y el texto */
}
.iconparraf p {
  font-size: 16px;
  margin: 0; /* Elimina el margen predeterminado del párrafo */
}

/* Galeria amb efecte */
.gallery_container > .gallery-mosaic > div a .photo {
  overflow: hidden;
  /*             box-shadow: 0 0 2px #222; */
}
.gallery_container > .gallery-mosaic > div a .photo .overlay {
  background-color: transparent;
  position: relative;
  opacity: 1 !important;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay i {
  margin: 30px 30px auto auto;
  opacity: 0;
  transition: 1s ease;
  text-shadow: 0 0 2px #444;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay::before, .gallery_container > .gallery-mosaic > div a .photo .overlay::after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  background-color: #fff;
  transition: 1.4s ease;
  opacity: 0.8;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay::before {
  top: 0;
  right: 0;
  border-bottom-left-radius: 20px;
}
.gallery_container > .gallery-mosaic > div a .photo .overlay::after {
  bottom: 0;
  left: 0;
  border-top-right-radius: 20px;
}
.gallery_container > .gallery-mosaic > div a .photo:hover .overlay i {
  opacity: 1;
}
.gallery_container > .gallery-mosaic > div a .photo:hover .overlay::before, .gallery_container > .gallery-mosaic > div a .photo:hover .overlay::after {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.gallery_container > .gallery-mosaic::before, .gallery_container > .gallery-mosaic::after {
  content: unset;
}

/**  Estil llistes  **/
.lista li {
  line-height: 1.5em;
  font-size: 17px;
}
.lista li::marker {
  color: #a81832;
  font-size: 1.5em;
}

/**  Centrar textos caixes **/
#container-comp14_main-3 .widgetsContainer > div > .widget_customizableText, #container-comp14_main-4 .widgetsContainer > div > .widget_customizableText, #container-comp14_main-5 .widgetsContainer > div > .widget_customizableText, #container-comp23_main-2 .widgetsContainer > div > .widget_customizableText, #container-comp23_main-3 .widgetsContainer > div > .widget_customizableText {
  display: block;
  align-items: center;
  padding: 50px 20px 40px;
}
#container-comp14_main-3 .widgetsContainer > div > .widget_customizableText h3, #container-comp14_main-4 .widgetsContainer > div > .widget_customizableText h3, #container-comp14_main-5 .widgetsContainer > div > .widget_customizableText h3, #container-comp23_main-2 .widgetsContainer > div > .widget_customizableText h3, #container-comp23_main-3 .widgetsContainer > div > .widget_customizableText h3 {
  margin-top: 0;
  color: #a81832;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #container-comp14_main-3 .widgetsContainer, #container-comp14_main-4 .widgetsContainer, #container-comp14_main-5 .widgetsContainer, #container-comp23_main-2 .widgetsContainer, #container-comp23_main-3 .widgetsContainer {
    display: flex;
  }
  #container-comp14_main-3 .widgetsContainer > div, #container-comp14_main-4 .widgetsContainer > div, #container-comp14_main-5 .widgetsContainer > div, #container-comp23_main-2 .widgetsContainer > div, #container-comp23_main-3 .widgetsContainer > div {
    display: flex;
    padding: 0;
    align-items: center;
  }
  #container-comp14_main-3 .widgetsContainer > div > div, #container-comp14_main-4 .widgetsContainer > div > div, #container-comp14_main-5 .widgetsContainer > div > div, #container-comp23_main-2 .widgetsContainer > div > div, #container-comp23_main-3 .widgetsContainer > div > div {
    margin: 0;
    width: 100%;
  }
  #container-comp14_main-3 .widgetsContainer > div .widget_customizableText, #container-comp14_main-4 .widgetsContainer > div .widget_customizableText, #container-comp14_main-5 .widgetsContainer > div .widget_customizableText, #container-comp23_main-2 .widgetsContainer > div .widget_customizableText, #container-comp23_main-3 .widgetsContainer > div .widget_customizableText {
    padding: 50px 60px;
  }
}

/* Especial textos caixes amb icona mobil */
@media (max-width: 768px) {
  .iconparraf {
    flex-direction: column;
    padding-top: 20px;
  }
  .iconparraf > img {
    margin-bottom: 20px;
  }
}
/* Efecte prèvies blog */
@media (min-width: 769px) {
  #widget_entradas-blog-proyectos .owl-item .post-image {
    position: relative;
  }
  #widget_entradas-blog-proyectos .owl-item .post-image::after {
    content: "";
    background-color: #A81832;
    position: absolute;
    inset: 50% 0 50% 0;
    opacity: 0;
    transition: 0.3s ease;
  }
  #widget_entradas-blog-proyectos .owl-item .title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
    opacity: 0;
    text-shadow: 0 0 2px #555;
    transition: 0.5s ease;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #widget_entradas-blog-proyectos .owl-item:hover .post-image::after, #widget_entradas-blog-proyectos .owl-item:focus .post-image::after {
    opacity: 0.8;
    top: 0;
    bottom: 0;
  }
  #widget_entradas-blog-proyectos .owl-item:hover .post-image::after img, #widget_entradas-blog-proyectos .owl-item:focus .post-image::after img {
    opacity: 1;
  }
  #widget_entradas-blog-proyectos .owl-item:hover .title, #widget_entradas-blog-proyectos .owl-item:focus .title {
    opacity: 1;
  }
}
/**  Columnat en descripcions producte **/
.contenedor-columnas {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  box-sizing: border-box;
}

.columna {
  flex: 1 1 300px;
  min-width: 0;
  box-sizing: border-box;
}

.apartado {
  margin-bottom: 1.5rem;
}

.apartado2 {
  margin-top: 23px;
}

.titulo {
  font-size: 18px;
  color: #a81832;
  font-weight: bold;
  position: relative;
  padding-left: 0.6em;
  margin: 0 0 0.3rem 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.titulo:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #000000;
  font-size: 1em;
  line-height: 1;
}

.texto {
  font-size: 17px;
  color: #000000;
  margin: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ✅ Estilos responsive móviles */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden; /* ✅ evita el scroll lateral */
  }
  .contenedor-columnas {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
  .columna {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .titulo, .texto {
    overflow-wrap: break-word;
    word-break: break-word;
  }
}
/**  Tabla responsive **/
.tabla-responsive {
  width: 100%;
  overflow-x: auto;
}

.tabla-responsive table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px; /* Ajusta según el contenido mínimo visible */
}

@media (max-width: 768px) {
  .tabla-responsive {
    -webkit-overflow-scrolling: touch;
  }
  .tabla-responsive table {
    width: max-content;
  }
}
.tabla-responsive {
  margin-bottom: 1.5rem;
}

.tabla-responsive::-webkit-scrollbar {
  height: 6px;
}

.tabla-responsive::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

/* lista descripciones */
.listadesc li {
  line-height: 1.5em;
  font-size: 17px;
}
.listadesc li::marker {
  color: #A81832;
  font-size: 1em;
}

/* 2 logos en descripciones */
.contenedor-logos-desc {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* 🔹 Alinea a la izquierda */
  gap: 20px; /* espacio entre logos */
  flex-wrap: wrap; /* permite que en móvil se coloquen uno debajo del otro */
}

.contenedor-logos-desc img {
  max-width: 150px; /* ajusta el tamaño máximo */
  height: auto;
}

/* Padding descripció extra */
[class*=extra-description-] {
  padding-left: 20px;
  padding-right: 20px;
}

/* Intro Home */
#container-comp1_main-2 .widget_docs .documents.grid {
  margin: 0;
}
#container-comp1_main-2 .widget_docs .documents.grid .document {
  padding: 0;
  width: 100%;
}
#container-comp1_main-2 .widget_docs .documents.grid .document .doc-image img {
  max-height: 300px;
}
#container-comp1_main-2 .widget_docs .documents.grid .document .title {
  text-align: center;
}

/* Text carrusel principal amb animacions */
#carousel_1 .item > video {
  filter: brightness(50%);
}
#carousel_1 .carousel-caption {
  inset: 0;
  padding: 0;
}
#carousel_1 .carousel-caption .sentence-slide-wrapper .sentence-slide {
  position: absolute;
  top: 55%;
  left: 10%;
  transform: translateY(-50%);
  transition: top 1.2s ease, opacity 0.6s ease;
  opacity: 0;
  pointer-events: none;
}
#carousel_1 .carousel-caption .sentence-slide-wrapper .sentence-slide.active {
  pointer-events: all;
  opacity: 1;
}
#carousel_1 .carousel-caption .title {
  font-size: 60px;
  font-weight: 800;
  font-family: "Roboto", sans-serif;
  color: #A81832;
}
#carousel_1 .carousel-caption .subtitle {
  font-size: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 4px #111;
  margin-bottom: 15px;
}
#carousel_1 .carousel-caption .text {
  font-size: 22px;
  font-family: "Raleway", serif;
  font-weight: 500;
  color: #fff;
  max-width: 750px;
  line-height: 1;
}
@media (min-width: 769px) and (max-width: 1280px) {
  #carousel_1 .carousel-caption {
    bottom: 0;
    top: unset;
    transform: none;
  }
  #carousel_1 .carousel-caption .title {
    font-size: 50px;
  }
  #carousel_1 .carousel-caption .subtitle {
    font-size: 30px;
  }
  #carousel_1 .carousel-caption .text {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  #carousel_1 .carousel-inner {
    background-color: #f4f1ea;
    overflow: visible;
    padding-bottom: 50px;
  }
  #carousel_1 .carousel-caption .sentence-slide-wrapper .sentence-slide {
    left: 15px;
    right: 15px;
  }
  #carousel_1 .carousel-caption .title {
    font-size: 28px;
  }
  #carousel_1 .carousel-caption .subtitle {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
  }
  #carousel_1 .carousel-caption .text {
    font-size: 18px;
  }
  #carousel_1 .carousel-caption .btn {
    margin-top: 25px;
    font-size: 18px;
    display: block;
  }
  #carousel_1 .carousel-caption br {
    display: none;
  }
  #carousel_1 .item > img, #carousel_1 .item > video {
    height: 25vh;
    object-fit: cover;
    object-position: right;
  }
}

@media (max-width: 768px) {
  #carousel_1 .carousel-caption {
    position: static;
  }
  #carousel_1 .carousel-caption .sentence-slide-wrapper {
    min-height: 250px;
    position: relative;
  }
  #carousel_1 .carousel-caption .sentence-slide-wrapper .sentence-slide {
    top: 15px;
    transform: none;
  }
  #carousel_1 .carousel-caption .subtitle, #carousel_1 .carousel-caption .text {
    text-shadow: none;
    color: #000;
  }
  #carousel_1 .carousel-caption .banner-img img {
    min-width: 140px;
  }
}
.banner-badge {
  position: absolute;
  bottom: 10%;
  right: 10%;
  text-align: center;
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}
.banner-badge img {
  min-width: 160px;
  width: 15vw;
  max-width: 300px;
}
@media (min-width: 769px) {
  .banner-badge .mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .banner-badge {
    top: 100%;
    right: unset;
    bottom: unset;
    left: 50%;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 1px 2px #777;
    transform: translate(-50%, 15px);
  }
  .banner-badge .pc {
    display: none;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Separació vertical widgets mòbil */
@media (max-width: 768px) {
  .widgetsContainer > .col-xs-12 + .col-xs-12 {
    margin-top: 40px;
  }
}
/* Fletxes carrusel productes mòbil*/
@media (max-width: 768px) {
  .widget_productsByCategory .owl-carousel-wrapper .owl-carousel .owl-nav .owl-prev, .widget_productsByCategory .owl-carousel-wrapper .owl-carousel .owl-nav .owl-next {
    position: static;
    display: inline-block;
  }
}
/* Eliminar estetica seccions formulari */
.form_fields .panel {
  border: none;
  background-color: transparent;
  box-shadow: none;
}
.form_fields .panel .panel-heading {
  background-color: transparent;
  color: #A81832;
}

/* caixes corpporatives la empresa */
.cajacorporativo1 {
  background-color: #000000;
  border-radius: 30px;
  padding: 50px; /* Ajusta el valor según sea necesario */
  border: 1px solid #ccc; /* Borde para visualizar los límites de cada banner (opcional) */
}

.cajacorporativo2 {
  background-color: #a81832;
  border-radius: 30px;
  padding: 50px; /* Ajusta el valor según sea necesario */
  border: 1px solid #ccc; /* Borde para visualizar los límites de cada banner (opcional) */
}

.cajacorporativo3 {
  background-color: #b1b1b3;
  border-radius: 30px;
  padding: 50px; /* Ajusta el valor según sea necesario */
  border: 1px solid #ccc; /* Borde para visualizar los límites de cada banner (opcional) */
}

.titolvalor {
  display: flex; /* Asegura que la imagen sea un bloque */
  justify-content: center;
  padding-bottom: 30px;
}

.iconcorporativo {
  display: flex; /* Asegura que la imagen sea un bloque */
  justify-content: center;
  margin-bottom: 10px; /* Espacio entre la imagen y el texto */
}

.iconcorporativo img {
  width: 30px; /* Tamaño de la imagen, ajusta según necesites */
  height: 30px; /* Para mantener la proporción */
}

.txtcorporativo {
  display: block; /* Asegura que el texto sea un bloque */
  color: #ffffff;
}

.txtcorporativo2 {
  display: block; /* Asegura que el texto sea un bloque */
  color: #000000;
}

.titolvalor {
  display: flex; /* Asegura que la imagen sea un bloque */
  justify-content: center;
  padding-bottom: 30px;
}

#container-comp13_main-4 > .widgetsContainer > div > .widget, #container-comp13_main-4 > .widgetsContainer > div > .widget > div {
  height: 100%;
}

/**  Icones valors la empresa **/
.iconvalors {
  display: flex;
  align-items: flex-start;
}
.iconvalors h3 {
  margin: -4px 0 20px;
  font-size: 25px;
}
.iconvalors h3 .highlight {
  color: #a81832;
}
.iconvalors img {
  width: 75px; /* Ajusta el tamaño de la imagen según tus necesidades */
  height: auto; /* Para mantener la proporción original de la imagen */
  margin-right: 20px; /* Espaciado entre la imagen y el texto */
}
.iconvalors p {
  font-size: 18px;
  margin: 0; /* Elimina el margen predeterminado del párrafo */
}

/**  caixa titular lateral cataleg **/
.titular-lateral-catalogo {
  background-color: #A81832;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  font-size: 17px;
}

/* ESPAI HEADER */
@media (min-width: 769px) {
  body > header {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media (min-width: 992px) {
  body > header .col-md-3.header-left {
    width: 20%;
  }
  body > header .col-md-9.header-right {
    width: 80%;
  }
}
body > header .navbar-nav > li > a {
  padding-top: 4px;
  padding-bottom: 4px;
}
body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu li:hover, body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu li:focus {
  background-color: #A81832;
}
body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu li:hover > a, body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu li:focus > a {
  color: #fff !important;
}
body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu, body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
}
body > header .header-right .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
  margin-top: 0;
}

.product-details #long_desc, .product-details .dpOffers {
  display: none !important;
}

#product_detailed #documents .document.list-group-item,
.dpDocuments.documents.list-group.grid .document.list-group-item {
  width: 24%;
  justify-content: flex-start;
  padding-top: 15px;
  max-width: unset;
  transition: unset;
}
@media (max-width: 992px) {
  #product_detailed #documents .document.list-group-item,
  .dpDocuments.documents.list-group.grid .document.list-group-item {
    width: 49%;
  }
}
@media (max-width: 600px) {
  #product_detailed #documents .document.list-group-item,
  .dpDocuments.documents.list-group.grid .document.list-group-item {
    width: 100%;
  }
}
#product_detailed #documents .document.list-group-item .doc-image img,
.dpDocuments.documents.list-group.grid .document.list-group-item .doc-image img {
  height: 300px;
}
#product_detailed #documents .document.list-group-item .title,
.dpDocuments.documents.list-group.grid .document.list-group-item .title {
  text-align: center;
}

#product_detailed .product-details .product > .subtitle {
  display: none !important;
}
#product_detailed .product-details .addItemForm .submit.btn-success {
  background-color: #A81832;
  border-color: #A81832;
}

#product_detailed .product-photos .photos.dp-gallery .image-gallery-thumbnail-image {
  max-height: 75px !important;
  width: 100% !important;
  object-fit: cover;
}

.product .view-mode-grid .product_thumbnail .photo img {
  padding-top: 30px;
}
.product .view-mode-grid .product_thumbnail .caption {
  height: auto;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 15px;
}
.product .view-mode-grid .product_thumbnail .caption a {
  margin-top: 0;
}
.product .view-mode-grid .product_thumbnail .caption a h3 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
}
.product .view-mode-grid .product_thumbnail .caption .subtitle {
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}

.product_list .products {
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-2.blog_view .main_container aside, .blog-2.blog_view .main_container .pull-left, .blog-2.pagecategory_view .main_container aside, .blog-2.pagecategory_view .main_container .pull-left {
  display: none !important;
}
.blog-2.blog_view .main_container main.col-lg-9, .blog-2.pagecategory_view .main_container main.col-lg-9 {
  width: 100%;
}

.image-gallery-slide {
  left: -1px;
  width: calc(100% + 2px);
}

.product .view-mode-grid .product_thumbnail .caption .reference {
  display: none;
}
.product .view-mode-grid .product_thumbnail .footer {
  display: none;
}
.product .view-mode-grid .product_thumbnail:hover, .product .view-mode-grid .product_thumbnail:focus {
  box-shadow: 0 0 4px #aaa;
}

.owl-carousel .owl-stage-outer {
  padding-top: 4px;
  padding-bottom: 4px;
}

.carousel-outercontainer {
  position: relative;
  z-index: 1;
}

@media (min-width: 1600px) {
  .product_list .products .product.col-xl-4 {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .product_list .products .product.col-lg-4 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .product_list .products .product.col-md-4 {
    width: 50%;
  }
}
.product_list .products .product .view-mode-grid {
  max-width: unset;
}

.product .view-mode-grid .product_thumbnail .photo {
  height: auto;
}

/* Disable product category loaders */
.product-category .ssc-card {
  opacity: 0;
}

/* .product_list:not(.loaded, .owl-carousel) {
    opacity: 0;
} */
/* Aside menu */
aside .list-group-item a {
  font-weight: 600;
}
aside .list-group-item a::before {
  width: 10px;
  height: 10px;
}

.docs_all .main_container > .row main.col-lg-9 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 768px) {
  #container-comp1_main-1 {
    padding-top: 120px !important;
  }
}