/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.5.1752220813
Updated: 2025-07-11 10:00:13

*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Open+Sans:wght@300;400;600&display=swap');




.hero-titulo h1 {
  font-family: 'Lato', sans-serif!important;
  font-size: 55px!important;
  font-weight: 900!important;
  line-height: 50px!important;
  
}

.hero-subtitulo h2 {
  font-family: 'Lato', sans-serif!important;
  font-size: 28px!important;
  font-weight: 300!important;
  line-height: 36px!important;
  
}

/* RESPONSIVE PER A MÒBIL */
@media (max-width: 768px) {
  .hero-titulo h2 {
    font-size: 36px;
    line-height: 42px;
  }

  .hero-subtitulo h2 {
    font-size: 20px;
    line-height: 28px;
  }
}



.hero-overlay::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 1); /* opacitat del 40% */
  z-index: 1;
}
.hero-overlay > * {
  position: relative;
  z-index: 2;
}


.presentacio-titol h3{
  font-family: 'Lato', sans-serif!important;
  font-size: 36px!important;
  font-weight: 700!important;
  color: #222!important;
  text-align: center!important;
  line-height: 1.3!important;
  margin-bottom: 20px!important;
}

@media (max-width: 768px) {
  .presentacio-titol h3 {
    font-size: 28px!important;
  }
}
 
.presentacio-text {
  font-family: 'Open Sans', sans-serif!important;
  font-size: 18px!important;
  font-weight: 400!important;
  color: #555!important;
  line-height: 1.6!important;
  max-width: 750px!important;
  margin: 0 auto 30px auto!important;
  text-align: center!important;
}

@media (max-width: 768px) {
  .presentacio-text {
    font-size: 16px!important;
    padding: 0 20px!important;
  }
}


/*caja servicios*/

.caja_servicios {
  text-align: left;
  padding: 20px;
  font-family: 'Lato', sans-serif;
  transition: all 0.3s ease;
  border-radius: 10px;
}

.caja_servicios:hover {
  background-color: #fdfaf7;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}



/* Títol */
.caja_servicios h3.elementor-image-box-title {
  font-family: 'Lato', sans-serif!important;
  font-weight: 700;
  font-size: 18px;
  color: #222!important;
  margin-top: 15px;
  margin-bottom: 10px;
	text-decoration:none!important;
}

/* Títol */
.caja_servicios h3.elementor-image-box-title:hover {
  font-family: 'Lato', sans-serif!important;
  font-weight: 700;
  font-size: 18px;
  color: #A17B4E!important;
  margin-top: 15px;
  margin-bottom: 10px;
	text-decoration:none!important;
}




/* Descripció */
.caja_servicios .elementor-image-box-content {
  font-family: 'Open Sans', sans-serif!important;
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}


@media (max-width: 768px) {
  .caja_servicios {
    text-align: center;
  }
  .caja_servicios h3.elementor-image-box-title {
    font-size: 18px;
  }
}


.caja_servicios a {
  text-decoration: none!important;
  
}

.caja_servicios a:hover {
	 text-decoration: none!important;
 
}

/*caja servicios*/



/*blog*/
/* Contenidor del blog */
.blog_clase {
  font-family: 'Lato', sans-serif¡!important;
}

/* Títol del post amb Lato */
.blog_clase .elementor-post__title {
  font-family: 'Lato', sans-serif!important;
  font-size: 22px!important;
  font-weight: 700!important;
  color: #222!important;
  margin-bottom: 10px!important;
}

/* Text excerpt amb Open Sans */
.blog_clase .elementor-post__excerpt {
  font-family: 'Open Sans', sans-serif!important;
  font-size: 16px!important;
  color: #666!important;
  line-height: 1.6!important;
}

/* Meta (data, autor...) amb Lato */
.blog_clase .elementor-post__meta,
.blog_clase time {
  font-family: 'Lato', sans-serif!important;
  font-size: 14px!important;
  color: #999!important;
}

/* Llegir més amb Lato i estil destacat */
.blog_clase .elementor-post__read-more {
  font-family: 'Lato', sans-serif!important;
  text-transform: uppercase!important;
  font-weight: 600!important;
  letter-spacing: 0.5px!important;
  color: #b86a2b!important;
  font-size: 14px!important;
  margin-top: 10px!important;
  display: inline-block!important;
  text-decoration: none!important;
}

/* Opcional: efecte hover pel botó */
.blog_clase .elementor-post__read-more:hover {
  color: #a3541b!important;
}


/*blog*/


/*ninja*/


 /* Fonts globals */
body {
  font-family: 'Open Sans', sans-serif!important;
}

/* Títols del formulari */
.nf-form-title {
  font-family: 'Lato', sans-serif !important!important;
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 20px;
}

/* Etiquetes dels camps */
.nf-field-label {
  font-family: 'Open Sans', sans-serif!important;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #444;
}

/* Camps de text */
.nf-form-content input[type="text"],
.nf-form-content input[type="email"],
.nf-form-content input[type="tel"],
.nf-form-content input[type="number"],
.nf-form-content textarea,
.nf-form-content select {
  font-family: 'Open Sans', sans-serif!important;
  font-size: 15px;
  border-radius: 6px;
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

/* Botó Enviar */
.nf-form-content input[type="button"].nf-element {
  background-color: #a87a4d; /* Marró parquet */
  color: white;
  border: none;
  padding: 12px 25px;
  font-family: 'Lato', sans-serif!important;
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.nf-form-content input[type="button"].nf-element:hover {
  background-color: #91653e;
}

/* Botó Anterior (si és multistep) */
.nf-form-content .nf-prev-step {
  background-color: #0066cc; /* Blau */
  color: white;
  border: none;
  padding: 12px 25px;
  font-family: 'Lato', sans-serif!important;
  font-size: 15px;
  border-radius: 6px;
  margin-top: 15px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.nf-form-content .nf-prev-step:hover {
  background-color: #004f99;
}





/* Botó ENVIAR */
.nf-form-content input[type="button"].nf-element {
  background-color: #a87a4d;
  color: white;
  border: none;
  padding: 12px 25px;
  font-family: 'Lato', sans-serif!important;
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.nf-form-content input[type="button"].nf-element:hover {
  background-color: #91653e;
}

/* Botó ANTERIOR */
.nf-form-content input.nf-previous {
  background-color: #0066cc;
  color: white;
  border: none;
  padding: 12px 25px;
  font-family: 'Lato', sans-serif!important;
  font-size: 15px;
  border-radius: 6px;
  margin-right: 10px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.nf-form-content input.nf-previous:hover {
  background-color: #004f99;
}

/* Botó SIGUIENTE */
.nf-form-content input.nf-next {
  background-color: #a87a4d;
  color: white;
  border: none;
  padding: 12px 25px;
  font-family: 'Lato', sans-serif!important;
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.nf-form-content input.nf-next:hover {
  background-color: #91653e;
}




/*ninja*/


/* Home: capçalera llegible sobre qualsevol foto */
  .ast-primary-header-bar {
  background-color: #ffffff !important; /* blanco sólido */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.05); /* sombra suave opcional */
}














/* Enllaç del menú Home en marró i negreta */
.main-header-menu .menu-item-home > a {
  color: white !important;   /* marró corporatiu */
  font-weight: 700!important;             /* negreta */
}



ul#ast-hf-menu-1 li a:hover {
    color: #7a4e21 !important;   /* marró corporatiu */
  font-weight: 600!important;             /* negreta */
}


.nf-form-fields-required {
  display: none!important;
}

.ninja-forms-req-symbol {
  display: none!important;
}


.nf-field-element {
display: none!important;
}


.elementor-post__read-more {
  display: none !important;
}


span.amount {
    color: black !important;
}

i.wpmenucart-icon-shopping-cart-0 {
    color: black !important;
}



td.product-name a {
    color: #a17b4e !important;
}


button.button {
    background: #a17b4e !important;
}



a.showcoupon {
    color:  #a17b4e !important;
}

button#place_order {
     background: #a17b4e !important;
}





/* ===== WooCommerce product cards – ParquetBenzal ===== */
:root{
  --card-radius:16px;
  --card-shadow:0 6px 18px rgba(0,0,0,.08);
  --primary:#1f6fff;        /* color del botó */
  --primary-hover:#1755c4;  /* hover del botó */
  --text:#0f172a;
  --muted:#6b7280;
  --border:#e9eef5;
}

/* Grid: espais coherents */
.woocommerce ul.products,
.woocommerce-page ul.products { gap:24px !important; }

/* Targeta base */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--card-radius);
  box-shadow:var(--card-shadow);
  padding:14px 14px 16px;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  border-color:#dbe3ee;
}

/* Imatge */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{ display:block; }
.woocommerce ul.products li.product a img{
  width:100%;
  border-radius:12px;
  aspect-ratio:4/5;         /* manté proporció agradable */
  object-fit:cover;
}

/* Categoria (muted) – Astra sol usar aquesta classe */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .posted_in,
.woocommerce ul.products li.product .cat-links{
  font-size:.82rem;
  color:var(--muted);
  margin-top:8px;
  display:block;
}

/* Títol */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1rem;
  font-weight:600;
  line-height:1.3;
  color:var(--text);
  margin:6px 0 4px;
  min-height:2.6em; /* evita ball de targetes */
}

/* Preu */
.woocommerce ul.products li.product .price{
  font-weight:700;
  color:#0b1220;
  margin:6px 0 10px;
}





/* Botó "Añadir al carrito" + "Seleccionar opciones" + "Ver producto" */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.button{
  display:block;
  width:100%;
  text-align:center;
  background:var(--primary);
  color:#fff !important;
  border:none;
  border-radius:12px;
  padding:10px 14px;
  font-weight:700;
  text-decoration:none !important;
  box-shadow:0 6px 14px rgba(31,111,255,.25);
  transition:transform .12s ease, box-shadow .2s ease, background .15s ease;
}
.woocommerce ul.products li.product .button:hover{
  background:var(--primary-hover);
  box-shadow:0 10px 22px rgba(23,85,196,.28);
  transform:translateY(-1px);
}

/* Estat "Afegit al carret" */
.woocommerce a.added_to_cart{
  display:block;
  margin-top:8px;
  text-align:center;
  font-weight:600;
  color:var(--primary);
}
.woocommerce ul.products li.product .button.loading{
  opacity:.85;
  pointer-events:none;
}

/* Etiqueta "Oferta" més neta */
.woocommerce span.onsale{
  background:var(--primary);
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  min-height:auto; min-width:auto;
  line-height:1;
  font-weight:700;
  box-shadow:0 6px 14px rgba(31,111,255,.25);
}

/* Responsive */
@media (max-width:768px){
  .woocommerce ul.products li.product{ padding:12px; }
  .woocommerce ul.products { gap:16px !important; }
}


a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none !important;
}



a.ast-on-card-button.ast-select-options-trigger.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #a17b4e!important;
}


span.single-product-category a {
     color: #a17b4e!important;
}


span.posted_in a {
    color: #a17b4e!important;
}


a.added_to_cart.wc-forward {
    color: #a17b4e!important;
}


a.button.wc-forward {
    background: #a17b4e!important;
}


.woocommerce-message {
    border-top-color: #a17b4e!important;
}

/* Pugem una mica el botó de WhatsApp per no tapar el de pujada */
.joinchat {
  bottom: 100px !important; /* puja'l segons calgui */
  right: 20px !important; /* opcional, per ajustar marge */
  z-index: 99999 !important; /* assegura visibilitat */
}

/* També pots ajustar el botó de pujada, si vols més espai */
#ast-scroll-top {
  bottom: 20px !important;
  right: 20px !important;
  z-index: 99998 !important; /* lleugerament per sota */
}





/* --- Estil menú mòbil Parquet Benzal --- */

/* --- Estil final menú mòbil Parquet Benzal --- */

/* Redueix l'alçada de cada element del menú */
#ast-mobile-header .main-header-menu .menu-link {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  color: #5a3d2b !important; /* Marró fosc */
  font-weight: 500;
}

/* Espai mínim entre elements */
#ast-mobile-header .main-header-menu .menu-item {
  margin-bottom: 2px !important;
}

/* Fons i color quan està actiu o hover */
#ast-mobile-header .main-header-menu .menu-item:hover > .menu-link,
#ast-mobile-header .main-header-menu .current-menu-item > .menu-link {
  background-color: #f4e9dd !important; /* Marró clar/beix */
  color: #2e1d13 !important;
}

/* Fons general del panell mòbil */
#ast-mobile-header {
  background-color: #ffffff !important;
}

/* --- Icones --- */
/* Canvia color de la creu (tancar menú) */
#ast-mobile-header .ast-mobile-popup-close svg {
  stroke: #5a3d2b !important; /* Marró fosc */
}

/* Canvia color de les tres ratlletes (obrir menú) */
.ast-button-wrap .ast-mobile-menu-trigger svg,
.ast-button-wrap .ast-mobile-menu-trigger svg path {
  stroke: #5a3d2b !important; /* Marró fosc */
}



svg.ast-mobile-svg.ast-menu-svg {
    fill: #5a3d2b !important;
}


svg.ast-mobile-svg.ast-close-svg {
    fill:  #5a3d2b !important;
}


button.elementor-button.elementor-size-sm.elementor-animation-grow {
    width: 25%!important;
}


/* Amagar el separador en mòbil */
@media (max-width: 921px) {
  li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-769 {
    display: none!important;
}
}


.elementor-cta__title {
  border-bottom: none !important;
  box-shadow: none !important;
}

.woocommerce-product-gallery__image a img {
    width: 25% !important;
}