/*------------------slide------------------------*/

.slide_carrusel {background-color: #000;}
.slide_carrusel .overlay {
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slide_carrusel h1 {
    font-size: clamp(1.875rem, 3.5vw, 4rem);
   text-transform: uppercase;
    font-weight: 400;
    text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 0 5px rgba(0, 0, 0, .1),
    0 1px 3px rgba(0, 0, 0, .3),
    0 3px 5px rgba(0, 0, 0, .2),
    0 5px 10px rgba(0, 0, 0, .25),
    0 10px 10px rgba(0, 0, 0, .2),
    0 20px 20px rgba(0, 0, 0, .15);
    color: #fff;
    line-height: 100%;

}

.carousel-caption p {
    font-weight: 300;
    line-height: 100%;
    font-size: clamp(1.063rem, 2vw, 1.563rem);
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);*/
}


.carousel-caption {
    text-align: left;
    z-index: 2;
    bottom: 30%;
}

.carousel-item {
    transition: transform 0.5s ease, opacity .5s ease-out !important;
}


.slide .carousel-item img {
    height: calc(70vh - 93px) !important;
    object-fit: cover;
}

/*---------------------------------------media query-----------------------------*/

/* Extra small devices (portrait phones, less than 576px)*/
@media (width <= 575.98px) {

    .slide .carousel-item {
        height: 28vh !important;
    }

    .slide .carousel-item img {
        height: 28vh !important;
        object-fit: cover;
    }

    .slide_carrusel h1 {
        text-shadow: none;
        -webkit-text-stroke: 0px #fff;
        text-shadow: 0 1px 1px #fff, 0 1px 0px rgba(0, 0, 0, 0.8);
        color: #fff;
        -webkit-text-fill-color: transparent;
    }

    .carousel-caption p {
        line-height: 100%;
        font-size: 0.875em;
    }
    .carousel-caption {right: 7%; bottom: 1.20rem; left:7%;}   
    .carousel-caption .btn_corporativo {  font-weight: 400;    padding: 5px 25px; letter-spacing: 0px;}
    

}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {

    .slide .carousel-item { height: 70vh !important; }
    .slide .carousel-item img {height: 70vh !important; object-fit: cover; }
    .carousel-caption { bottom: 30px; left: 10%; width: 50%;}

}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {

    .slide .carousel-item { height: 100vh !important; }
    .slide .carousel-item img { height: 100vh !important; object-fit: cover; }

}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) and (orientation: portrait) {
    
    .slide .carousel-item { height: 37vh !important; }
    .carousel-caption { bottom: 10% !important; }
    .slide .carousel-item img { height: 37vh !important; object-fit: cover; }
}


/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
    .carousel-caption { bottom: 12% !important;    }
    .slide .carousel-item { height: 51vh !important; }
    .slide .carousel-item img { height: 51vh !important; object-fit: cover; }
}

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px)  and (orientation: portrait)  {
    .carousel-caption { bottom: 14% !important;    }
    .slide .carousel-item { height: 35vh !important; }
    .slide .carousel-item img { height: 35vh !important; object-fit: cover; }
}

/* Extra large devices xl(large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {

    .carousel-caption { bottom: 12% !important; }


    .slide .carousel-item { height: 50vh !important; }

    .slide .carousel-item img { height: 50vh !important; object-fit: cover; }

}

/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px) {

    .carousel-caption { bottom: 140px !important;}


}


/*--------------listado producto---------------------*/



/*----------------------listado_productos-----------------------------*/
.bloque_listado_productos {background-color:#9c8c7850;}

.bloque_listado_productos .iconos span{font-size:12px; text-transform: uppercase; font-weight: 400;}
.bloque_listado_productos .producto{text-align: center;}
.bloque_listado_productos .tipo_articulo{text-transform: uppercase;  letter-spacing: 1px; font-size: 13px;}
.bloque_listado_productos .btn-group>.btn{ border-radius: inherit;}
.bloque_listado_productos .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bloque_listado_productos .bloque_productos .area{
    text-align: center;
     text-transform: uppercase; 
     font-size:clamp(1.563rem, 2vw, 2.188rem); 
     color:#000;   
     position: relative;
     font-weight: 600;
     padding: 0 10px;
     display: inline-block;
   
}


.bloque_productos .area::before, .bloque_productos .area::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;    
    background-color:#000;
   
}

.bloque_productos .area::before{
    left: -20px;
    top: 50%;
   
}
.bloque_productos .area::after {
    top: 50%;  
    right:-20px;
   
  
}
.producto .datos_producto{ grid-template-rows:42px 22px 35px 39px; display: grid;}
.bloque_productos .producto figure {
  background: white; /* o el color de fondo que prefieras */
  border-radius: 12px; /* esquinas redondeadas */
  overflow: hidden; /* por si el contenido sobresale */
  box-shadow: 
    0 4px 8px rgba(0, 0, 0, 0.08),  /* sombra suave principal */
    0 8px 20px rgba(0, 0, 0, 0.06); /* sombra extra difusa */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bloque_productos .producto figure:hover {
  transform: translateY(-4px); /* efecto flotante al pasar el mouse */
  box-shadow: 
    0 6px 12px rgba(0, 0, 0, 0.10),
    0 12px 24px rgba(0, 0, 0, 0.08);
}


.bloque_listado_productos .bloque_productos h3 { font-size:1rem;  }
  
  .bloque_listado_productos .bloque_productos .precio {
    color: red;
    padding: 4px;
    font-weight: 500;
    font-size: 1.1em;
    display: inline-block;
  }
  
  .bloque_listado_productos .bloque_productos .precio.tachado {
    text-decoration: line-through;
  }
.iconos .btn-group i::before{font-size: 0.9em;}

/*---------------------------media queries---------------------------*/
  /* Extra small devices (portrait phones, less than 576px)*/
  @media (width <= 575.98px) {
    .bloque_listado_productos .producto figure img{width: 50%;}
    .producto .datos_producto{ grid-template-rows:auto 20px 40px 50px; display: grid;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (576px <= width <= 767.98px) {
  .bloque_listado_productos .producto figure img{width: 75%;}
  

}

/* Medium devices (tablets, 768px and up)*/
@media (768px <= width <= 991.98px) {
  .bloque_listado_productos .producto figure img{width: 75%;}
   

}

/* Large devices l (desktops, 992px and up)*/
@media (992px <= width <= 1199.98px) {
  .producto .datos_producto {    grid-template-rows: 49px 22px 35px 39px;   }
}

/* Extra large devices xl(large desktops, 1200px and up)*/
@media (1200px <= width <= 1399px) {


}

/* Extra large devices xl(large desktops, 1400px and up)*/
@media (width >= 1400px) {
    .bloque_listado_productos .producto figure img{width: 75%;}
}