/* 1) Importa la fuente Rubik de Google Fonts. */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap');

/* 2) Sobrescribe las variables que el template está usando para la fuente. */
:root {
  --font-customize: 'Rubik', sans-serif !important;
  --font-customize-title: 'Rubik', sans-serif !important;
}

/* 3) Fuerza el uso de la tipografía en todos los elementos (o los que el sitio requiera).*/
body,
html,
h1, h2, h3, h4, h5, h6,
p, a, span, div,
input, button, textarea, label {
  font-family: 'Rubik', sans-serif !important;
}

/* Boton ficha de productos "Añadir al carrito"*/
#btnAddCart {
  background-color: #F37021 !important;
  color: #FFFFFF !important;
  border: none !important;
}

/*  Hover */
#btnAddCart:hover {
  background-color: #f15c00 !important;  /* un tono más oscuro de tu color */
  color: #FFFFFF !important;
  border: none !important;
}

/*breadcrumb*/
/* Quita márgenes top/bottom de ambas secciones para aproximarlas */
section.section-product-category.mb-5.mt-5,
section.section-product-detail.mb-5.mt-5 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Oculta el H4 que aparece a la derecha (col-md-6.d-none.d-md-block) */
section.section-product-category.mb-5.mt-5 .col-md-6.d-none.d-md-block {
  display: none !important;
}

/* Oculta el H4 que aparece en móvil (por si está duplicado) */
section.section-product-category.mb-5.mt-5 h4.title {
  display: none !important;
}

/* En desktop, forzamos el breadcrumb a ocupar 100% del ancho */
@media (min-width: 768px) {
  section.section-product-category.mb-5.mt-5 .col-md-6.section-product-breadcrumb {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}

/* Si deseas pegarlo aún más arriba del título del producto,
   haz un margen negativo en el detalle y compensa con padding-top
   (ajusta -40px a tu gusto). */
section.section-product-detail {
  margin-top: -40px !important;   /* Subir la sección para solapar */
  padding-top: 40px !important;   /* Evita que se superponga el texto */
}
.list-unstyled > li.list-item.page-footer_subtitle_content:nth-child(3) {
  display: none !important;
}

/*----------  Boton contactar header ----------*/
.menu-contact-button-container {
    display: none !important;
}
/*----------  FIN Boton contactar header ----------*/


/*----------  Menu Principal ----------*/
.ox-megamenu .ox-megamenu-navigation li>a {
    color: #808285 !important;
    font-size: 14px;
    font-weight: 500;
}
/*----------  Menu De Categorias Titulo ----------*/
.card-accordion-template .card-header a {
    color: #808285 !important;
    font-size: 14px;
    font-weight: 450;
}

/*----------  Menu De Categorias Sub Categorias Titulo ----------*/
.collapse-categories-accordion .card.second-level a.sub-item {
    color: #808285 !important;
    font-size: 12px;
    font-weight: 400;
}

/*----------  Titulo de Producto ----------*/
.products-template-item .product-item-link {
    color: #5e5f61 !important;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

/*----------  Precio ----------*/
.products-template-item .price-final_price .text-price {
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    margin-top: 10px;
    padding: 10px;
    background: #f5f5f5;
    border-left: 5px solid;
}

.carousel-products .carousel-products_item .price {
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    margin-top: 10px;
    padding: 20px;
}


/*---------- BARRA SUPERIOR ----------*/
.page-header .sticky-wrapper {
background: white;
}

.section-categories-index .container {
  /* Elimina cualquier margen vertical extra */
  margin: 0 auto;
  /* Fuerza ancho total, con 20px laterales */
  max-width: 100%;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

/* Elimina márgenes en la fila */
.section-categories-index .row {
  margin: 0;
}

/* En pantallas grandes (>=992px), 5 columnas ocupando todo el ancho */
@media (min-width: 992px) {
  .section-categories-index .col-md-6.col-sm-12.col-12 {
    width: 20%;
    max-width: 20%;
    float: left; 
    padding: 0;  
    margin: 0;
  }
  .section-categories-index_item img {
    width: 100%;
    height: auto;
    display: block;
  }
}


/*----------  MENU PRINCIPAL ----------*/
.header-nav-wide {
    min-height: 28px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    z-index: 10;
    position: relative;
    background: white;
}

.fas.fa-chevron-right {
    font-size: 22px !important;
}
.fas.fa-chevron-left {
    font-size: 22px !important;
}



/*----------  SLIDE CARRUSEL ----------*/
.owl-carousel .owl-stage {
    margin-top: 10px;
    margin-top: 10px;
}

/*----------  TITULO DE DESTACADOS ----------*/
.section-hightlights h3.section-hightlights_title {
display: none;
    font-weight: 500;
    font-style: normal;
    font-size: 35px;
}

.section-hightlights h5.section-hightlights_title {
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
}

/*----------  IMPORTADO DE LA FABRICA MUEBLES ----------*/

/*MODAL*/

/* Contenedor del modal */
#homeModal {
  display: none; /* Se mostrará vía JS */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
  font-family: Arial, sans-serif;
}

/* Contenedor interno del modal */
#homeModal .modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  width: 90%;
  max-width: 500px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  text-align: center;
}

/* Estilos para el icono de advertencia */
#homeModal .warning-icon {
  font-size: 60px;
  color: #E03E2D;
  margin-bottom: 15px;
  display: block;
}

/* Estilos para el título y subtítulo */
#homeModal .modal-content h2 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #E03E2D;
}

#homeModal .modal-content h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #333;
}

/* Estilo para el párrafo */
#homeModal .modal-content p {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}



.img-with {
    max-width: 40vw;
    max-height: 20vh;
}

.hero-001 {
    background-color: #000000;
    padding: 0rem 0;
    margin-top: 0px;
    padding: 0rem 0;
}

.body-section-680d436e435de .hero-001 {
    background-color: #f7f7f7 !important;
    padding: 0rem 0 !important;
}

.navbar-nav {
    display:none !important;
}

/* BARRA DE MENU MOBILE  */
.navbar {
    display:none !important;
}


.toggle-search {
    display:none !important;
}

.navbar navbar-expand-lg navbar-dark navbar-dark-v navbar-fondo {
    display:none !important;
}

.collapse navbar-collapse justify-content-around {
    display:none !important;
}

.gallery-002-container {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #000000;
}

.features-6 {
    padding-top: 130px;
    padding-bottom: 130px;
    background: #000000;
}