@font-face {
	font-family: 'BattenyPersonal';
	src: url('https://www.modaclubregalos.com.ar/webPrueba/BattenyPersonal.ttf');
}
:root {
	--negro: #0000;
	--verdeLogo: #e58d97;
    --verdeMusgo:#1f2605;
	--verdeHoja: #1f6521;
	--verdeChillon: #53900f;
    --amarrillo: #d6ce15;


  

	--negroFondo: #081C08;
	--grisOscuro : #474b4f;
	--grisClaro: #6b6e70;
	--violeta: #CEB7D9;
	--violetaFuerte :#C38BBD;
	--rojoFuerte: #EB1B25;
	--rosadito:#F8C2D9;
  
	--primary-50:#eaf9e8;
	--primary-100:#bbebb6;
	--primary-200:#b2e293;  
	--primary-300:#88d462;    
	--primary-400:#71cc44;
	--primary-500:#38b814; 
	--celesteModaClub:#14B893;
	--primary-600:#2aae13;
	--primary-700:#1b880f;
	--primary-800:#1d690c;
	--primary-900:#215009;
  
	--negroModa:#021510;
  
  
  
  }

/* Slider */
#ContenedorCardPromo {
    margin-top: 48px;
    margin: auto;
    margin-bottom: 10px;
  }
  .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;
  }
  
  .sliderPromoCompleto {

    align-items: center;

    border:3px solid #081C08;
   
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;


  }
  .sliderPromoCompleto h1 {
    position:relative;
    font-family: Origin Tech Demo ;
    color:var(--verdeMusgo);
    /*font-weight: 200;
    /*text-transform: uppercase;*/
    font-size: 2em;
    letter-spacing: 2px;
    overflow: hidden;
    background: linear-gradient(90deg, var(--verdeMusgo),var(--grisClaro), #0BEE0F);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 8s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(7, 7, 7, 0.1);
  }
  .sliderPromoCompleto h2 {
    color: var(--negroModa);
	
    font-size: 20px;
    text-align: left;
  }
  .sliderPromoCompleto p {
    color: black;
    font-size: 18px;
    margin: auto;
  }
  .sliderPromoCompleto .nombreSlider {
    margin-top: 8px;
	text-transform: uppercase;
    font-size: 30px;
  }
  .sliderPromoCompleto .detalleSlider {
    text-align: left;
  }
  .sliderPromoCompleto .precioSlider {
    text-align: left;
    font-size: 30px;
    color: var(--rojoFuerte);
  }
  .sliderPromoCompleto  .btonSlider {
    margin-top: 4px;
      margin-bottom: 16px;
    text-align: center ;
  }
  .sliderPromoCompleto  .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;
  }
  
  .sliderPromoCompleto 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%;
   
}
.sliderPromoCompleto .cardSlider .precioDescuento  {
  color: var(--primary-900);
text-decoration: line-through;


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

  .sliderPromoCompleto img {
    width: 300px;
    height: 260px;
  }
  /* 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 */
  .sliderPromoCompleto img {
    width: 80px;
    height: 80px;
  
  }
  
  .sliderPromoCompleto h2 {
    font-size: 16px;
  }

  .sliderPromoCompleto .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 */
  .sliderPromoCompleto img {
    width: 100px;
    height: 100px;
  }
  .sliderPromoCompleto p {
    font-size: 14px;
  }
  .sliderPromoCompleto h2 {
    font-size: 16px;
  }
  .sliderPromoCompleto .precioSlider {
    text-align: right;
    font-size: 14px;
    color: var(--rojoFuerte);
	
  }
  .sliderPromoCompleto .agregarCarrito{
    font-size: 8px;
  }
  .sliderPromoCompleto .nombreSlider {
    font-size: 20px;
  }   
  .sliderPromoCompleto .detalleSlider {
    font-size: 12px;
  }

  .sliderPromoCompleto .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) {
  ...;
} */
/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

	#slide #retroceder{
		top:35%;
		padding:30px 8px 30px 5px;
		font-size:14px;
	}

	#slide #avanzar{
		top:35%;
		padding:30px 5px 30px 8px;
		font-size:14px;
	}

	#slide .slideOpciones h1{			
		font-size:25px;	
		margin-top:5px;
	}

	#slide .slideOpciones h2{			
		font-size:20px;	
	}

	#slide .slideOpciones h3{	
		font-size:15px;	
	}

	#slide .slideOpciones button{
		padding:5px;
	}	

}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	#slide #retroceder, #slide #avanzar{
		display:none;
	}

	#slide .slideOpciones h1{			
		font-size:15px;	
		margin-top:5px;
		margin-bottom:-20px;
	}

	#slide .slideOpciones h2{			
		display:none;	
	}

	#slide .slideOpciones h3{	
		font-size:10px;	
		margin-bottom:-5px;
	}

	#slide .slideOpciones button{
		padding:5px;
		font-size:10px;
	}	
	
}