#header .header-top .logo {
    width: 300px !important;
    max-width: 100% !important;
    height: auto !important;
}

#header .header-top .container > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: left;
}

#header .header-top .container > .row > div:first-child {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
    margin-bottom: 15px;
}

#header .header-top .container > .row > div:first-child .logo {
    display: inline-block;
}
body#category.category-id-10 #js-product-list-header h1,
body#category.category-id-10 .block-category h1 {
    display: none !important;
}
body#category.category-id-10 .block-category.card.card-block {
    padding: 0 !important;
}
body#category.category-id-10 .block-category-inner {
    padding: 0 !important;
    margin: 0 !important;
}
body#category.category-id-10 #category-description p {
    margin: 0 !important;
    padding: 0 !important;
}

body#category.category-id-10 #category-description img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
/* Quitar el marco blanco de la imagen de categoría */
body#category.category-id-10 #js-product-list-header .block-category.card.card-block {
    padding: 0 !important;
}

body#category.category-id-10 #category-description,
body#category.category-id-10 #category-description p {
    margin: 0 !important;
    padding: 0 !important;
}

body#category.category-id-10 #category-description img {
    display: block;
    width: 100% !important;
    height: auto !important;
}
/* Reducir el banner en móviles */
@media screen and (max-width: 1024px) {
    body#category.category-id-10 #category-description img {
        width: 60% !important;
        max-width: 60% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
}

/* Corregir el ancho de la categoria en moviles */
@media screen and (max-width: 767px) {
  body#category.category-id-10 #wrapper .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  body#category.category-id-10 #wrapper .container > .row {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body#category.category-id-10 #left-column,
  body#category.category-id-10 #content-wrapper {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body#category.category-id-10 #category-description img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}

/* Dos productos por fila en móviles */
@media screen and (max-width: 767px) {
  #index #products .products,
  #index .featured-products .products {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  #index .featured-products .products .product-miniature {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 5px !important;
    margin: 0 0 15px !important;
  }

  #index .featured-products .products .product-miniature img {
    max-width: 100% !important;
    height: auto !important;
  }
}
/* Dos productos por fila en moviles */
@media (max-width: 767px) {
  #index .featured-products .products.row > .js-product {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  #index .featured-products .js-product .product-miniature {
    width: 100% !important;
    max-width: 100% !important;
  }

  #index .featured-products .js-product .thumbnail-container {
    width: 100% !important;
  }
}

/* Ajustar etiqueta NUEVO en móviles */
@media (max-width: 767px) {
  #index .featured-products .product-flags {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
  }

  #index .featured-products .product-flag {
    font-size: 10px !important;
    padding: 4px 6px !important;
    margin: 0 !important;
  }
}
/* Letras del menu superior */
@media (min-width: 768px) {
  #_desktop_top_menu .top-menu a[data-depth="0"] {
    font-family: "Montserrat", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #276b35 !important;
  }
}
/* Menu superior en una sola linea */
@media (min-width: 768px) {
  #_desktop_top_menu .top-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
  }

  #_desktop_top_menu .top-menu > li {
    flex-shrink: 0;
  }

  #_desktop_top_menu .top-menu a[data-depth="0"] {
    font-size: 14px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: nowrap !important;
  }
}

/* Buscador junto al logotipo en ordenador */
@media (min-width: 992px) {
  #header .header-top .container > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  #header .header-top #_desktop_logo {
    width: 30%;
    flex: 0 0 30%;
  }

  #header .header-top .position-static {
    width: 70%;
    flex: 0 0 70%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  #header #search_widget {
    order: -1;
    width: 75%;
    max-width: 650px;
    margin: 0 0 15px 0;
  }

  #header #search_widget form input {
    width: 100%;
    border-radius: 6px;
    padding: 14px 45px 14px 15px;
  }

  #header #_desktop_top_menu {
    width: 100%;
  }
}
/* Corregir posicion de la lupa del buscador */
@media (min-width: 992px) {
  #header #search_widget form {
    position: relative;
  }

  #header #search_widget form input {
    padding-left: 45px !important;
    padding-right: 15px !important;
  }

  #header #search_widget form button[type="submit"] {
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
}

/* Centrar productos destacados en ordenador */
@media (min-width: 992px) {
  #index .featured-products .products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px;
  }

  #index .featured-products .products > article {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* Estilo general de FotovoltaicaSolar */
body {
  font-family: "Montserrat", Arial, sans-serif !important;
  color: #276b35;
}

/* Titulos y textos principales */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, .page-content,
.product-title, .product-title a,
.product-description,
.section-title {
  font-family: "Montserrat", Arial, sans-serif !important;
  color: #276b35 !important;
}

/* Precios */
.product-price,
.price,
.current-price,
.regular-price {
  font-family: "Montserrat", Arial, sans-serif !important;
  color: #276b35 !important;
  font-weight: 600;
}

/* Enlaces normales */
a:not(.btn):not(.button) {
  font-family: "Montserrat", Arial, sans-serif;
}

/* Titulo de productos destacados */
#index .featured-products > h2 {
  color: #276b35 !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
}
/* Barra superior: textos e iconos en verde oscuro */
@media (min-width: 768px) {
  #header .header-nav,
  #header .header-nav a,
  #header .header-nav span,
  #header .header-nav .material-icons,
  #header .header-nav .dropdown,
  #header .header-nav .user-info,
  #header .header-nav .blockcart {
    font-family: "Montserrat", Arial, sans-serif !important;
    color: #276b35 !important;
    font-weight: 600 !important;
  }

  #header .header-nav a:hover {
    color: #398e49 !important;
  }
}
/* Recuperar los iconos de la barra superior */
#header .header-nav .material-icons {
  font-family: "Material Icons" !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: nowrap !important;
  font-feature-settings: "liga" !important;
  -webkit-font-feature-settings: "liga" !important;
  -webkit-font-smoothing: antialiased !important;
  color: #276b35 !important;
}
/* Centrar el menú de categorías */
@media (min-width: 768px) {
  #_desktop_top_menu {
    width: 100% !important;
  }

  #_desktop_top_menu .top-menu {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}