#radio{
   user-select: none;
   width: 155px;
   position: fixed;
   bottom: 2svh;
   left: 35px;
   z-index: 10;
   cursor: url('src/cursor/cursor2.png'), url('src/cursor/cursor2.cur'), auto;
   }
   #radio:hover{
      transform: scale(1.15) rotate(1deg);
   }
   #radio>img{
      user-select: none;
      width: 100%;
      }


      #mosca {
         user-select: none;
         margin-top: 100vh;
          width: 70px;
          height: 70px;
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          cursor: url('src/cursor/matamoscas.png'), url('src/cursor/matamoscas.cur'), auto;
          z-index: 98;
          transition-duration: 0.75s;
      }
      #mosca img {
         user-select: none;
          width: 60%;
          height: 60%;
      }



#section1{
   width: 100%;
   height: 75vh;
   margin-top: 17.5vh;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   }
   #section1>div{
      width: calc(100% - 100px);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      position: relative;
      }
      #section1>div>h1{
         width: 100%;
         height: auto;
         text-align: center;
         font-weight: 800;
         }
      #video_inicio{
         margin: 0.5em 0;
         height: 50svh;
         display: flex;
         justify-content: center;
         align-items: center;
         }
         #video_inicio video{
            height: 90%;
         }
      #section1>div>h2{
         background-color: #EFECEA;
         width: 100%;
         text-align: center;
         position: absolute;
         bottom: 1.35em;
         font-weight: 400;
         }
         #section1>div>h2>span{
            font-weight: 800;
            }
            #section1>div>h2>span>span{
               border-bottom: 0.15em solid #EA1D25;
               line-height: 1.55em;
            }

#producto{
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   }
   #producto>div{
      padding-top: 75px;
      width: calc(100% - 50px);
      display: flex;
      flex-direction: column;
      align-items: center;
      }
      #producto>div>div{
         display: flex;
         justify-content: center;
         align-items: flex-end;
      }
      #producto>div>div>img{
         width: 400px;
         cursor: url('src/cursor/cursor2.png'), url('src/cursor/cursor2.cur'), auto;
         }
         #producto>div>div>img{
            position: relative;
            right: -15%;
         }
         #producto>div>div>div{
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 400px;
            height: 400px;
            margin-bottom: 100px;
            margin-left: 50px;
            }
            #producto>div>div>div>img{
               width: 275px;
               position: absolute;
               }
               #producto>div>div>div>img:nth-child(1){
                  top: -5rem;
                  right: -5rem;
                  -webkit-box-shadow: -7px 6px 12px -18px rgba(0,0,0,0.5);
                  box-shadow: -7px 6px 12px -18px rgba(0,0,0,0.5);
               }
               #producto>div>div>div>img:nth-child(2){
                  top: 5rem;
                  right: 5rem;
                  -webkit-box-shadow: -7px 6px 12px -18px rgba(0,0,0,0.5);
                  box-shadow: -7px 6px 12px -18px rgba(0,0,0,0.5);
               }
         #producto>div>h2{
            margin: .66em 0;
         }
         #producto>div>h4{
            font-weight: 500;
            margin-bottom: .16em;
         }

#tienda_mensaje_blur{
   width: 100%;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   opacity: 0;
   pointer-events: none;
   z-index: 97;
   background: rgba(255, 255, 255, 0.35);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.3px);
-webkit-backdrop-filter: blur(3.3px);
}
#tienda_mensaje{
   position: fixed;
   bottom: -100%;
   left: 50%;
   z-index: 97;
   transform: translate(-50%, -50%);
   display: flex;
   justify-content: center;
   align-items: center;
   width: auto;
   height: auto;
   user-select: none;
   }
   #tienda_mensaje>div{
      width: 375px;
      background-position: center;
      position: relative;
      }
      #tienda_mensaje>div>span{
         transform: translate(-50%, -50%) rotate(-8deg);
         width: 35px;
         display: flex;
         justify-content: center;
         position: absolute;
         top: 30px;
         right: 40px;
         }
         #tienda_mensaje>div>span>img{
            width: 100%;
         }
      #tienda_mensaje>div img{
         width: 100%;
         }
      #tienda_mensaje>div>a{
         position: absolute;
         left: 51%;
         bottom: 22%;
         width: auto;
         transform: translate(-50%, 0) rotate(-9deg);
         border-radius: 100%;
         border: 0.35em solid #EA1D25;
         }
         #tienda_mensaje>div>a:hover{
            transform: translate(-50%, 0) rotate(-9deg) scale(1.1);
         }
         #tienda_mensaje>div>a>h3{
            position: relative;
            bottom: 0.25em;
            padding: 0.15em 0.95em 0.17em 0.75em;
             white-space: nowrap;
         }
#section2_tienda{
   padding-top: 12.5vh;
   width: 100%;
   padding-bottom: 10vh;
   position: relative;
   }
   #section2_tienda h4, #section2_tienda span{
         }

   #section2_tienda>div{
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
      flex-direction: row-reverse;
      flex-wrap: wrap;
      }
      #section2_tienda>div>div{
         width: auto;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
         margin: 25px 25px;
         cursor: url('src/cursor/cursor2.png'), url('src/cursor/cursor2.cur'), auto;
         }
         #section2_tienda>div>div:hover{
            transform: scale(1.3);
         }
         #section2_tienda>div>div>img{
            background-color: white;
            margin-bottom: 1em;
            width: 240px;
            }
            #section2_tienda>div>div>h4{

            }
            #section2_tienda>div>div>span{
            }

#section3{
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   padding-top: 17vh;
   padding-bottom: 17vh;
   }
   #section3>div{
      width: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      }
      #section3>div h2{
         text-align: center;
         margin-bottom: 0.25em;
      }
      #section3>div h3{
         font-weight: 300;
         text-align: center;
         margin-bottom: 0.5em;
      }
      #section3>div a{
         margin-top: 1em;
         padding: 0.55em 3.75em 1.25em 3.75em;
         border-radius: 100%;
         border: 0.35em solid #EA1D25;
         transform: rotate(-3deg);
         }
         #section3>div a:hover{
            transform: scale(1.15) rotate(-5deg);
         }
         #section3>div>a>h4{
            text-align: center;
         }

#section4{
         width: 100%;
         display: flex;
         justify-content: center;
         flex-direction: column;
         align-items: center;
         padding-top: 17vh;
         padding-bottom: 17vh;
         }
         #section4 h3{
            padding-bottom: 1.5em;
         }
         #section4 img{
            width: 90%;
            margin-bottom: 1em;
         }





@media (max-width: 1200px) {
   #radio{
      width: 125px;
   }
}
@media (max-width: 950px) {
   #section2_tienda>div>div>img{
      width: 200px;
   }
   #radio{
      width: 100px;
   }
}
@media (max-width: 850px) {
   #section3>div h2{
      width: 500px;
      line-height: 1em;
   }
}
#video_inicio{
   width: 650px;
   }
@media (max-width: 735px) {
   #radio{
      width: 75px;
   }
}
#video_inicio{
   width: 600px;
   }
@media (max-width: 620px) {
   #section1>div{
      width: 90%;
   }
   #radio{
      width: 60px;
   }
   #video_inicio{
      width: 500px;
      }
   #section3>div h2{
      width: 400px;
   }
}

@media (max-width: 515px) {
   #section2_tienda>div>div{
      margin: 12.5px;
   }
   #section2_tienda>div>div>img{
      width: 150px;
   }
   #radio{
      bottom: 1.75svh;
      left: 12.5px;
   }
   #video_inicio{
      width: 400px;
      }
}

@media (max-width: 410px) {
   #section2_tienda>div>div>img{
      width: 115px;
   }
   #video_inicio{
      width: 320px;
      }
   #section3>div h2{
      width: 95%;
   }
}













/*_*/