/* @font-face {
	font-family: 'BattenyPersonal';
	src: url('https://www.ledesmasoluciones.com.ar/matyTech/BattenyPersonal.ttf');
} */
/* :root {
	--rosita: #fadbd6;
	--rosa: #e58d97;
	--marron: #59373b;
	--textoChico: 16px;
  
	--rosadito:#F8C2D9;
	--amarillo: #FDF4BD;
	--verdeAgua : #99D4BD;
	--celeste: #55C6CE;
	--violeta: #CEB7D9;
	--violetaFuerte :#C38BBD;
	--rojoFuerte: #EB1B25;
  
  
	--primary-50:#e8f9f4;
	--primary-100:#b6ebdd;
	--primary-200:#93e2cc;  
	--primary-300:#62d4b5;    
	--primary-400:#44cca6;
	--primary-500:#14B893; 
	--celesteModaClub:#14B893;
	--primary-600:#13ae83;
	--primary-700:#0f8866;
	--primary-800:#0c694f;
	--primary-900:#09503c;
  
	--negroModa:#021510;
  
  
  } */

/* Slider */
.bannerCompleto #ContenedorCardPromo {
    margin-top: 48px;
    margin: auto;
    border-radius: 8px;
    box-shadow: var(--primary-200) ;
    -webkit-box-shadow: 0px 0px 10px 10px var(--primary-200);
    -moz-box-shadow: 0px 0px 10px 10px var(--primary-200);
    box-shadow: 0px 0px 10px 10px var(--primary-200);
  }
  .sliderContenedorImg{
align-content: center;
  
  
  }
  .sliderContenedorImg img{
    border-radius: 8px;
float: center;  
  }
  .botoneraSlider h2 {
    color: black;
  }
  .botoneraSlider button {
    background: #ffff;
    box-shadow:
    rgba(50, 50, 93, 0.25) 0px 10px 15px -5px,
    rgba(0, 0, 0, 0.3) 0px 10px 15px -5px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 8px;
  
  }
  
  .botoneraSlider .btonSliderDerecha {
    float: right;
    margin-right: 0;
  }
  
  .bannerCompleto {
    margin-top: 15px;
    align-items: center;
    border-radius: 8px;
  

 

  }
  .bannerCompleto h2 {
    color: var(--negroModa);
	
    font-size: 30px;
    text-align: center;
  }
  .bannerCompleto p {
    color: black;
    font-size: 18px;
    margin: auto;
  }
  .bannerCompleto .nombreSlider {
    margin-top: 8px;
	text-transform: uppercase;
    font-size: 30px;
  }
  .bannerCompleto .detalleSlider {
    text-align: left;
  }
  .bannerCompleto .precioSlider {
    text-align: left;
    font-size: 30px;
    color: var(--rojoFuerte);
  }
  .bannerCompleto  .btonSlider {
    margin-top: 4px;
      margin-bottom: 16px;
    text-align: center ;
  }
  .bannerCompleto  .btonSlider button {
      width: 80%;
      background: #ffff;
      box-shadow:
      rgba(50, 50, 93, 0.25) 0px 10px 15px -5px,
      rgba(0, 0, 0, 0.3) 0px 10px 15px -5px,
      rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  
    border-radius: 8px;
   
  }
  #deslizarPromoCompleto{
    width: 320px;
    margin-top: 16px;
   align-items: center;

  }
  
  
  #nuestraPromos {
    font-size: 34px;
    font-family: 'BattenyPersonal';
    text-align: center;
	color: var(--primary-900);
  }
  .cardSlider {
  margin: 0;
    border-radius: 8px;
    background: #ffff;
    box-shadow:
    rgba(50, 50, 93, 0.25) 0px 10px 15px -5px,
    rgba(0, 0, 0, 0.3) 0px 10px 15px -5px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  }
  
  .bannerCompleto h3{
    color: var(--headerBack);
    font-size: 14px;
    text-align: center;
  }


   /* Nueva regla de medios */

   .carousel-control-prev-icon, .carousel-control-next-icon {
    
    outline: black;
    background-color: var(--primary-200);
    background-size: 100%, 100%;
    border-radius: 50%;
   
}
.bannerCompleto .cardSlider .precioDescuento  {
  color: var(--primary-900);



}
.bannerCompleto .cardSlider .precioDescuento p {
	font-size: 30px;
  
  
  }

  .bannerCompleto img {
    width: 200px;
    height: 220px;
  }
  /* Arranca a pequeño*/

  /* acciones a cambiar por tamaño página*/
  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

     /* slider */
  .bannerCompleto img {
    width: 80px;
    height: 80px;
  
  }
  
  .bannerCompleto h2 {
    font-size: 16px;
  }

  .bannerCompleto .cardSlider .precioDescuento p {
    font-size: 16px;
    
    
    }


 }

 /*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) { 
     /* slider */
  .bannerCompleto img {
    width: 120px;
    height: 150px;
  }
  .bannerCompleto p {
    font-size: 14px;
  }
  .bannerCompleto h2 {
    font-size: 16px;
  }
  .bannerCompleto .precioSlider {
    text-align: center;
    font-size: 14px;
    color: var(--rojoFuerte);
	
  }
  .bannerCompleto .agregarCarrito{
    font-size: 8px;
  }
  .bannerCompleto .nombreSlider {
    font-size: 20px;
  }   
  .bannerCompleto .detalleSlider {
    font-size: 12px;
  }

  .bannerCompleto .precioDescuento{
    text-align: center;
    font-size: 8px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
/* @media only screen and (min-width: 768px) {
  ...;
} */

/* Large devices (laptops/desktops, 992px and up) */
/* @media only screen and (min-width: 992px) {
  ...;
} */

/* Extra large devices (large laptops and desktops, 1200px and up) */
/* @media only screen and (min-width: 1200px) {
  ...;
} */

#carouselHero .carousel-item img {  
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  height:50vh;
}

#carouselHero .carousel-item:before {
  content: '';
  display: block;
  position: absolute;
  background-image: 
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, .5)
    );
  width: 100vw;
  top: 0;
  height: 50vh;
}