/** Shopify CDN: Minification failed

Line 47:0 All "@import" rules must come first
Line 48:0 All "@import" rules must come first
Line 49:0 All "@import" rules must come first

**/

a {
    color: inherit;
    text-decoration: none;
}
html {
    overflow-x: hidden;
}

.iconosproducto {
    width: 100% !important;
    display: inline-flex;
}
.ico {
    width: 12%;
    padding: 0;
}
.ico a{
  font-size: 1rem;

}

.ico img {
    width:100%;
    opacity: 0.6;
}
.list-payment__item {
  filter: invert(1) saturate(0) sepia(1);
}
   .textoingredientes h3 {
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 15px;
  opacity: 0.5;
}
   .textoingredientes p {
  font-size: 6rem;
}

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*,*::before,*::after{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a {
 text-decoration: none;
}
.carousel-indicators {
    margin-bottom: 11vh;
}
.carousel-indicators, .carousel-control-next, .carousel-control-prev {
  mix-blend-mode: difference;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 12rem;
  height: 7rem;
}
.carousel-indicators, .carousel-control-prev,.carousel-control-next{
    z-index: 5;
}
 

body {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
overflow: hidden;}

.absolute{
  position:absolute;
}
.h1, h1,.h2, h2,.h3, h3,.h4, h4, .tituloperfumeindex
{
  font-family:"Lora", serif;
    text-transform: uppercase;
  font-weight: 100;
  word-break: normal;
}

/* flores index */
.carousel-inner {
  height: 100vh!important; 
      z-index: 0;
  }

.fondoflores:before {
  content: "";
 /* background: linear-gradient(to bottom, #ffffff, #ffffff00 80%);*/ 
  display: block;
  position: absolute;
  width: 100%;
  height: 30vh;
    z-index: 4;
    left: 0;
    top: 0;
}
.fondoflores:after {
  content: "";
  background: linear-gradient(to bottom, #ffffff00, #ffffff 70%);
  display: block;
  position: absolute;
  width: 100%;
  height: 50vh;
  z-index: 4;
  left: 0;
  top: 50vh;
}
.fondoflores {
height: 100%;
}
.nombreingredienteindex {
width: 100%;
    font-size: 25vw;
    color: #CC4100;
    text-align: center;
    margin: 0 auto;
  padding-top: 10vh;
}
.tituloperfumeindex {

  font-size: 4rem;
  letter-spacing: 10px;

}
.peonias .tituloperfumeindex {
  color: #CC4100;

}
.jacintos .tituloperfumeindex{
  color: #2700ff;
}
.bayas .tituloperfumeindex {
  color: #cf0055;
}

.mensaje {
    z-index: 5;
    width: 70vw;
    top: 75vh;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}



.flor {
  position: absolute;

}
.jacintos .flor, .bayas .flor {
  filter: drop-shadow(20px 20px 25px rgba(0, 0, 0, 0.7));
}

/* peonias*/
.peonia0 {
  top: -24vh;
  left: -3vw;
  z-index: -1;
}
.peonia1 {
  top: -20vh;
  left: 50vw;
}
.peonia2 {
  top: 15vh;
  left: 70vw;
}
.peonia3 {
  top: 0vh;
  left: 10vw;
}
.peonia4 {
  top: 50vh;
  left: -10vw;
}
.peonia5 {
  top: -40vh;
  left: 30vw;
}
.peonia6 {
  top: 30vh;
  left: 50vw;
}
.peonia7 {
  top: 59vh;
  left: 20vw;
  transform: rotate(155deg);
  z-index: 4;
}
.peonia8 {
  top: -20vh;
  left: -25vw;
  z-index: -1;
}
.peonia9 {
  top: -60vh;
  left: 76vw;
}
.peonia10 {
  top: 40vh;
  left: -30vw;
  transform: rotate(45deg);
}
.peonia11 {
  top: 49vh;
  left: 45vw;
  transform: rotate(95deg);
}
/* jacintos*/

.jacinto00 {
  top: -34vh;
  left: 3vw;

}
.jacinto01 {
  top: -5vh;
    left: -5vw;

}
.jacinto02 {
  top: 37vh;
  left: 50vw;

}
.jacinto03 {
  top: 39vh;
    left: 26vw;

}
.jacinto04 {
  top: -37vh;
    left: 14vw;

}
.jacinto05 {
  top: -36vh;
  left: 35vw;

}
.jacinto06 {
  top: -25vh;
    left: 76vw;
}
.jacinto07{
  top: -44vh;
  left: 63vw;

}
.jacinto0 {
  top: -15vh;
  left: -14vw;
  transform: rotate(-280deg);

}
.jacinto1 {
  top: -5vh;
  left: -7vw;
  transform: rotate(-124deg);

}
.jacinto2 {
  top: -15vh;
  left: 3vw;
  transform: rotate(-23deg);

}
.jacinto3 {
  top: -16vh;
  left: 20vw;
  transform: rotate(30deg);

}
.jacinto4 {
  top: -25vh;
  left: 40vw;
  transform: rotate(10deg);

  z-index: -1;

}
.jacinto5 {
  top: -15vh;
  left: 56vw;
  transform: rotate(90deg);

}
.jacinto6 {
  top: 10vh;
  left: 77vw;
  transform: rotate(0deg);

}
.jacinto7 {
  top: 4vh;
  left: 55vw;
  transform: rotate(-23deg);

}
.jacinto7b {
  top: 4vh;
  left: 55vw;
  transform: rotate(-23deg);

}
.jacinto7c {
  top: 8vh;
  left: 35vw;
  transform: rotate(0deg);

}
.jacinto7d {
  top: 20vh;
  left: 7vw;
  transform: rotate(-160deg);

}

.jacinto8 {
  top: 60vh;
  left: 16vw;
  transform: rotate(90deg);
 
  z-index: -1;
}
.jacinto9 {
  top: 50vh;
  left: 15vw;
  transform: rotate(-30deg);

}
.jacinto10 {
  top: 40vh;
  left: 5vw;
  transform: rotate(45deg);

}
.jacinto11 {
  top: 44vh;
  left: -15vw;
  transform: rotate(16deg);
}

.jacinto12 {
  top: 45vh;
  left: 65vw;
  transform: rotate(65deg);
}
.jacinto13 {
  top: 49vh;
  left: 41vw;
  transform: rotate(-95deg);

}
.jacinto14 {
  top:49vh;
  left: 35vw;
  transform: rotate(45deg);
}
.jacinto15 {
  top: 45vh;
  left: 73vw;
  transform: rotate(45deg);

}
.jacintos .nombreingredienteindex{
    color: white;
    font-size: 14vw;
    top: 34vh;
    text-align: center;
    letter-spacing: -9px;
  padding-top: 30vh;
  
}
.jacintos .boteindex {
  z-index: 1;
  top: -2vh;

}
.flor.z {
  z-index: 3;
}


/* bayas*/
.bayas img {
    width: 27%;
    height: auto;
    margin-left: 13vw;
    margin-top: 22vh;
}

.baya00 {
  top: -34vh;
  left: -20vw;
  z-index: -1;


}
.baya01 {
  top: -34vh;
  left: 47vw;
  z-index: -1;

}

.baya02 {
  top: 0vh;
  left: -18vw;
  z-index: -1;


}
.baya03 {
  top: -4vh;
  left: 50vw;
  z-index: -1;


}
.baya04 {
  top: -34vh;
  left: 5vw;
  z-index: -1;


}
.baya05 {
  top: -9vh;
  left: 36vw;
  z-index: -1;


}
.baya06 {
  top: 40vh;
  left: 23vw;
  z-index: -1;


}
.baya07 {
  top: -32vh;
  left: 15vw;
  z-index: -1;

}
.baya08 {
  top: -52vh;
  left: -5vw;
  z-index: -1;


}
.baya09 {
  top: 8vh;
  left: -5vw;
  z-index: -1;


}


.baya010 {
  top: 8vh;
  left: 15vw;
  z-index: -1;


}
.baya011 {
  top: -19vh;
  left: 24vw;
  z-index: -1;


}
.baya012 {
  top: -2vh;
  left: 66vw;
  z-index: -1;

}
.baya0 {
  top: -24vh;
  left: 11vw;
  z-index: -1;


}
.baya1 {
  top: -20vh;
  left: -6vw;
  z-index: -1;

}
.baya2 {
  top: 13vh;
  left: 30vw;

}
.baya3 {
  top: 0vh;
  left: 10vw;

}
.baya4 {
  top: 39vh;
    left: -10vw;

}
.baya5 {
  top: -40vh;
  left: 30vw;

}
.baya6 {
  top: 40vh;
  left: 10vw;

}
.baya7 {
  top: 27vh;
  left: 39vw;


}
.baya8 {
  top: 21vh;
  left: -1vw;

}
.baya9 {
  top: -35vh;
  left: 64vw;

}
.baya10 {
  top: 26vh;
  left: -17vw;

}
.baya11 {
  top: 27vh;
  left: 51vw;

}
.baya12 {
  top: 25vh;
  left: 67vw;

}
.bayas .nombreingredienteindex {
    font-size: 18vw;
    letter-spacing: -15px;
    color: white;
    text-align: center;
      padding-top: 30vh;
}


/* index*/
.containerventajas{
  min-height: 50vh;
  width: 100%;
  max-width: 100%;
  filter: saturate(50%);
  z-index: 2;
  position: relative;
      

}
.liquido {
  display:block;
  position: absolute;
  z-index: -3;
  width: 100%;
  margin-top: -60vh;

}
.ventaja {
    margin-top: -10vh;
}
.ventajatexto {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  padding: 25vh 0;
}
.ventaja .ventajatexto {
  padding-top: 50vh;
}
.titulo{
  font-family: "Lora", serif;
    text-transform: uppercase; 
    letter-spacing: 5px;
    

}
.subtitulo{
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;

}

.ventajatexto .titulo{

    font-size: 11rem;
    filter: invert(20%)opacity(90%);

}
.ventajatexto .subtitulo{
    font-size: 2rem;
  letter-spacing: 10px;

}
img.ventajaflor {
  position: absolute;
  width: 40%;
  z-index: -1;
}
.ventajaflor .vetajatexto .ventaja2 {
  width: 30%!important;
}
.florindex1 {
    top: -16vh;
    left: -12%;
    width: 45%!important;
}
.florindex2 {
    top: -1%;
    right: -3%;
  width: 35%!important;
}
.florindex3 {
    top: 12%;
    left: -14%;
    width: 35% !important;
}
.florindex4 {
  top: 10%;
  right: -15%;
  transform: rotate(-75deg);
  width: 50% !important;
}

.hojaindex1 {
  top: 40%;
  right: 25%;
  width: 30% !important;
  }
  .hojaindex2 {
    top: 50%;
    left: -15%;
    width: 29% !important;
    transform: rotate(45deg);
  }
  .hojaindex3 {
    top: 60%;
    right: -3%;
    width: 20% !important;
    transform: rotate(-185deg);

  }
  .hojaindex4 {
    top: 45%;
    left: -8%;
    width: 30% !important;
  }
  .hojaindex5 {
    top: 59%;
    right: 33%;
    width: 30% !important;
  }
  .hojaindex6 {
    top: 44%;
    right: -4%;
    width: 34% !important;

  }
  .hojaindex7 {
    top: 38%;
    left: 8%;
    width: 30% !important;
  }

  .ventaja3 h3.titulo, .ventaja3 p.subtitulo  {
    color: white;
    filter: none;
  }
 .ventaja3 p.subtitulo  {
    filter: opacity(0.5);
  }
 .packaging{
   width:100%;
   min-height:50vh;
 }   
.packaging img {
    width: 108%;
    margin-left: -5%;
    position: absolute;
    z-index: -1;
        top: -40vh;
}

.colecciones {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-end;
  justify-content: space-around;
  align-items: flex-end;
  text-align: center;
    min-height: 90vh;

}
button.botonprod{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 1rem 3rem;
  cursor: pointer;
  font-size: 1.5rem;
  text-decoration: none;
  
  transition: box-shadow var(--duration-short) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: black;
  color:white;

}

img.coleccionflor {
  position: absolute;
  z-index: -5;
  width: 80%;
}
.flor1 {
    left: -20%;
    width: 60%;
top: -100vh;
}

img.coleccionflor.flor2 {
top: 0;
    left: 10vw;
}
img.coleccionflor.flor3 {

    right: -20%;
    width: 60%;
    top: -100vh;
}


img.coleccionflor.flor4 {
    top: 20vh;
    left: 14vw;
}
img.coleccionflor.flor1,img.coleccionflor.flor2,img.coleccionflor.flor3,img.coleccionflor.flor4{

}
.colecciones .bote {
  position: absolute;
  width: 33%;
  z-index:-5;
  opacity:0;
}

img.bote.bote0, img.bote.bote1, img.bote.bote2, img.bote.bote3, img.bote.bote4, img.bote.bote5 {
    width: 30%;
    margin-top: -64vh;
    margin-left: -13vw;
    opacity: 0;
}
img.bote.bote0, img.bote.bote1, img.bote.bote2{
    width: 195%;
    margin-top: -48vh;
    margin-left: 5vw;
    opacity: 0;
}
 img.bote.bote3, img.bote.bote4, img.bote.bote5 {
    width: 267%;
    margin-top: -52vh;
    margin-left: -33vw;
    opacity: 0;
}
.cpo,.cpd {
    z-index: 20;
    position: absolute;

}
 .cpo {
left: 25vw;
}   
 .cpd {
right:  25vw;
} 


 /*test */
.testcontaineer {
    top: 429vh;
    width: 100%;
    height: 110vh;

    z-index: -10;
    transition: all ease-in-out .5s;
}
#questionnaire {
width: 100vw;
    padding-top: 25vh;
    margin: 0 auto;
    color: #444444;
    border-radius: 8px;
    height: 100%;
    position: absolute;
    overflow-y: hidden;

}
.fondotest {
    height: 120%;
    width: 100%;
    position: absolute;
}
.test h2 {
  font-size: 10rem;
  text-align: center;
}
.test .question>p {
color: #000;
    padding: 2rem 3rem 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 2rem;
}

.test .question {
  margin-bottom: 20px;

}

.test button {
  display: block;
  width: auto;
  height: 100%;
  padding: 10px 50px;
  margin: 20px auto;
  border: none;
  background-color: #000000;
  border-radius:20px;
  color: #ffffff;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
}

.test .botones button {
  font-size: 2rem;
  width: 20vw;
  height: 30vh;
  margin: 0;
  border-radius: 50px;
  color: white;
    letter-spacing: 5px;
    vertical-align: baseline;
}

.test  button:hover {
  background-color: #e7d8a9;
  height: 40vh;
  transition: all ease-in-out .5s;
}
.test  .botones {
  margin-top: 2rem;
  display: flex;
  gap: 2rem;
  width: 100%;
  height: 40vh;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-end;
  align-items: flex-end;

}

.test button.beforebutton {
  display: block;
  padding: 25px 50px;
  border: none;
  background-color: #DDB21B;
  color: #000;
  border-radius: 4px;
  cursor: pointer;
  height: auto;
  width: auto;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 5px;
  position: absolute;
  z-index: 20;
    left: 44%;
    margin-top: 2%;
}
.test #resultado {
  text-align: center;
  width: 100vw;
  height: 100vh;
}

.test .cardTest {
  width: 40vw;
  height: fit-content;
  padding: 1rem;
  text-align: center;

}

.test .cardTest img {
/* background-color: rgb(243, 243, 243); */
}

.test .perfumeContainer {

  display: flex;
  max-width: 90vw;
  justify-content: center;
  width: 100%;
  padding: 1rem;
}

.test .cardTest p {
  text-transform: uppercase;
}
button.floral {
  background-image: url(/cdn/shop/files/florales.jpg);
  background-size: cover;
  background-position: bottom;
}
button.frutal {
  background-image: url(/cdn/shop/files/frtales.jpg);
  background-size: cover;
  background-position: bottom;
}
button.ambar {
  background-image: url(/cdn/shop/files/ambar.jpg);
  background-size: cover;
  background-position: bottom;
}
button.oud {
  background-image: url(/cdn/shop/files/madera.jpg);
  background-size: cover;
  background-position: bottom;
}
button.rosa {
  background-image: url(/cdn/shop/files/rosa.jpg);
  background-size: cover;
  background-position: bottom;
}
button.heliotropo {
  background-image: url(/cdn/shop/files/heliotropo.jpg);
  background-size: cover;
  background-position: bottom;
}
button.jazmin {
  background-image: url(/cdn/shop/files/jazmines.jpg);
  background-size: cover;
  background-position: bottom;
}
button.plumeria {
  background-image: url(/cdn/shop/files/plumeria.jpg);
  background-size: cover;
  background-position: bottom;
}
button.manzana {
  background-image: url(/cdn/shop/files/manzana.jpg);
  background-size: cover;
  background-position: bottom;
}
button.melocoton {
  background-image: url(/cdn/shop/files/melocoton.jpg);
  background-size: cover;
  background-position: bottom;
}
button.bergamota {
  background-image: url(/cdn/shop/files/bergamota.jpg);
  background-size: cover;
  background-position: bottom;
}
button.coco {
  background-image: url(/cdn/shop/files/coco.jpg);
  background-size: cover;
  background-position: bottom;
}
button.pachuli {
  background-image: url(/cdn/shop/files/pachuli.jpg);
  background-size: cover;
  background-position: bottom;
}
button.almizcle {
  background-image: url(/cdn/shop/files/almizcle.jpg);
  background-size: cover;
  background-position: bottom;
}
button.sandalo {
  background-image: url(/cdn/shop/files/sandalo.jpg);
  background-size: cover;
  background-position: bottom;
}button.cedro {
  background-image: url(/cdn/shop/files/cedro.jpg);
  background-size: cover;
  background-position: bottom;
}
button.vainilla {
  background-image: url(/cdn/shop/files/vainilla.jpg);
  background-size: cover;
  background-position: bottom;
}
#resultado
{display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;}
#resultado  button:hover {
    background-color: gray;
    height: auto;
    transition: all ease-in-out .5s;
}

  #resultado h3 {
    font-size: 3.5rem;
    text-align: center;
    margin: 2vh auto;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-top: -4vh;
  }

  .fondotest .testmagnolia,   .fondotest .testcrisantemo,.fondotest .testpomelo, .fondotest .testpomelo, .fondotest .testrosa, .fondotest .testflorrara, .fondotest .testpina {
    position: absolute;
    z-index: -1;
    width: 60%;

  }
  .fondotest .testmagnolia {
    top: -45vh;
    right: -30vw;
    width: 74%;
transform: rotate(-30deg);

}
.fondotest .testpomelo {
    top: -30vh;
    left: -10vw;
    width: 30%;
}
.fondotest .testrosa {
    top: 84vh;
    left: 28vw;
    width: 47%;
  transform: rotate(185deg);
}
.fondotest .testflorrara {
top: -38vh;
    left: -38vw;
    width: 72%;
  transform: rotate(45deg);
}
.fondotest .testpina {
top: 50vh;
    right: -15vw;
  transform: rotate(25deg);
      z-index: -2;
}
.fondotest .testcrisantemo{
    top: 51vh;
    left: -23vw;
    width: 75%;
    transform: rotate(-5deg);
}

img.boteindex  {
  z-index: 1;
  width: 45%;
  top: -33px;
  left: 27%;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));
      margin-left: 0vw; 
    margin-top: 0vh;
}


.flor.ingrediente {
    width: 100vw;
    position: absolute;
    left: 0;
      top: 7vh;
}
.accordion, .accordion-item, .accordion-button  {

    --bs-accordion-bg: transparent;
  color:white;

}
.accordion-button:not(.collapsed), .accordion-button::after {
  color:orange!important;
  }
.test h2 {
    padding-top: 25vh;
}

.wg-default .country-selector {
    top: 31px;
    right: 110px;
      height: min-content;
}
a.button-floating {
    top: 32vh;
  bottom:inherit;
}
a.button-floating.button-distributors {
    top: 25vh;
  bottom:inherit;
}