/*Ficha sin consultar por*/
.product-status {
   display: none;
}
/*Boton email ficha color tipo*/
.btn.angulo-item-outline {
    color: #ffffff!important;
}
/*imagenes productos borde*/
.angulo-item-img {
    border-radius: 10px;
}
/*nombre producto centrado*/
.angulo-item-name-container {
    justify-content: space-evenly!important;
   /*font-size: 1.5rem;*/
}
/*FIN centrato nombre del producto*/

/* letra O*/
.col-md-1.text-center {
 display: none;
}


/*Texto descripcion ficha*/
.product-description p {
    margin-top: 4rem;
    font-size: 1.2rem;
}
/*Sombra productos*/
.angulo-item-producto {
   box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
/*Nombre producto en lista centrado*/
.text-left {
    text-align: center!important;
}

/* ----- Lista de productos ------*/
/* 1) Ajustar el contenedor del enlace para que tenga una altura menor y permita superponer imágenes */
#product-container .item-image-preview {
  position: relative !important;   /* Contenedor con posición relativa */
  width: 100% !important;
  height: 250px !important;        /* Ajustá este valor a tu gusto */
  overflow: hidden !important;     /* Oculta el sobrante si se superpone */
}

/* 2) Forzar a todas las imágenes de producto a posicionarse encima, ocupando todo el espacio */
#product-container .angulo-item-img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;

  /* Ajuste de imagen */
  background-size: cover !important;   /* Llenar todo el contenedor */
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 3) Por defecto, la imagen secundaria (bg-image-secondary) está invisible */
#product-container .bg-image-secondary {
  opacity: 0 !important;
  transition: opacity 0.3s ease;
}

/* 4) Al hacer hover en el contenedor, mostramos la imagen secundaria */
#product-container .item-image-preview:hover .bg-image-secondary {
  opacity: 1 !important;
}

/* 5) La imagen primaria (bg-image-primary) se ve siempre; al hover, se esconde */
#product-container .bg-image-primary {
  opacity: 1 !important;
  transition: opacity 0.3s ease;
}

#product-container .item-image-preview:hover .bg-image-primary {
  opacity: 0 !important;
}

/* ----- FIN lista de productos ----- */

/*Menu navegacion*/
.navbar-top .navbar-nav .nav-item {
    margin-right: 30px;
     border-bottom: 2px solid transparent;
}

#dropdown-submenu-products .dsp-categoria-titulo a {
    text-transform: lowercase!important;
    color: #000000!important;
}
.fas.fa-chevron-right {
    display: none;
}
#dropdown-submenu-products .dsp-categoria-titulo a:hover {
   color: #ff0000!important;
   text-decoration: none;
}
#dropdown-submenu-products.dropdown-menu {
    background: rgb(255,255,255)!important;
   background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(241,241,241,1) 100%)!important;
}
/*FIN barra navegacion*/

/*animacion lista de productos HOVER*/
.angulo-item-producto:hover {
    animation: myAnim 2s ease 0s 1 normal forwards;
}
@keyframes myAnim {
	0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
	}

	10% {
		animation-timing-function: ease-in;
		transform: scale(0.91);
	}

	17% {
		animation-timing-function: ease-out;
		transform: scale(0.98);
	}

	33% {
		animation-timing-function: ease-in;
		transform: scale(0.87);
	}

	45% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}
/* FIN Hover productos*/

/*Blog*/
.angulo-item-img.blog-list-image {
    background-size: cover!important;
}
.border-top-theme {
    padding-top: 40px;
}
.blog-title-container {
    color: #792A9D;
}
.blog-description {
    color: #848484;
}


/*Ficha productos -- imagen principal*/
#main-fancy div {
    background-size: contain !important;
}
/*Formulario contacto*/
.form-contact {
    margin-top: 40px; 
}
.btn.angulo-item-button {
    color: #ffffff;    
    border-radius: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    letter-spacing: 0px;
}
/*FIN formulario*/

/*Menu*/
.navbar-dark-v .navbar-nav .nav-link {
    font-size: 13px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
}

/*Buscador*/
.angulo-header-main form input.form-control, .angulo-header-main form input.form-control:focus {
    height: 40px;
    border-radius: 5px;
}
/*Alineacion buscador*/
.navbar .form-box {
  margin-left: auto;
}
/*Alineacion accesos*/
.navbar .d-none.d-lg-block {
  margin-left: auto;
}
/*FIN BUSCADOR*/

/*Header top*/
.angulo-header-main .top-nav * {
    color: #ffffff!important;
}
.angulo-header-main .top-nav {
    background: #000410;
    font-size: 12px;
}

/*QUIENES SOMOS*/
.tablaq {
  display: flex;
  flex-wrap: wrap;
}

.columnaq {
  width: 50%;
  padding-left: 10px;
}

@media (max-width: 600px) {
  .columnaq {
    width: 100%;
  }
}
/*FIN Quienes somos*/

/*Titulos secciones*/

.border-top-theme {
    border-top: 0px solid #151515;
    padding-top: 0px
}
/*FIN titulos secciones*/

/*header -- menu nav -- sombra*/
#mainHeader {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

/*Categorias HOME
.angulo-item-categories .angulo-item-img {
    background-size: cover!important;
}*/
.angulo-widgets {
    padding: 0px 0;
}
.widgets-footer {
  margin-top: 0.5rem !important;
}

.angulo-item-categories .angulo-item-name {
display: none;
}


@media (max-width: 767px) {
  /* Quitar márgenes y paddings del container-fluid */
  .angulo-widgets.widgets-footer .container-fluid {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Quitar márgenes y paddings de la fila */
  .angulo-widgets.widgets-footer .row {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Quitar márgenes y paddings de las columnas */
  .angulo-widgets.widgets-footer [class*="col-"] {
    margin: 0 !important;
    padding: 0 !important;
  }
}
.angulo-item-categories .angulo-item-img {
  margin-bottom: 10px; /* Ajustá el valor (px) según la separación que necesites */
}




/*Boton ver mas home*/
.btn-lg-item {
  border-radius: 10px !important;
}

/* ===== Ajustes de espaciado en el carrusel de marcas ===== */
#sectionCarrusel .mb-4 {                 /* h4 envoltorio */
    margin-bottom: 6px !important;       /* antes: 1.5-2 rem */
}

#sectionCarrusel h4.text-destacado,
#sectionCarrusel h4.text-destacadom {
    margin: 0 !important;                /* elimina margen extra del <h4> */
    line-height: 1.2;                    /* compensa si tenías texto */
}

#sectionCarrusel .col-md-12 > p {        /* párrafo bajo el título */
    margin: 0 !important;                /* quita espacio vertical */
}

/* Elimina el salto de línea <br> que agrega hueco extra */
#sectionCarrusel br {
    display: none;
}

/* Opcional: si aún ves hueco encima del carrusel, ajusta aquí */
#sectionCarrusel .carousel-box-container {
    margin-top: 8px;                     /* reduce (o 0) según necesites */
}