*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;min-height:-webkit-fill-available;background:#000;font-family:serif;overflow:hidden}.hero{position:relative;width:100%;height:100vh;min-height:-webkit-fill-available;overflow:hidden}.video-desktop,.video-mobile{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.video-mobile{display:none}.video-secundario{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;display:none}.second-btn{position:absolute;top:21%;left:48%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#fff;border:none;cursor:pointer;z-index:3;opacity:0;transition:opacity 1.8s ease}.second-btn.show{opacity:1;animation:flowerPulse 2s infinite}.hero-content{position:absolute;left:8%;top:30%;transform:translateY(-50%);color:#fff;z-index:2;opacity:0;transition:opacity 2s ease}.hero-content.show{opacity:1}.hero-content h1{font-family:Bebas Neue,sans-serif;font-weight:400;letter-spacing:.08em;line-height:1;font-size:clamp(3rem,4vw,4rem)}.hero-content .big{font-size:clamp(5rem,7vw,7rem)}.flower-btn{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:#fff;border:none;cursor:pointer;z-index:3;opacity:0;transition:opacity 1.8s ease}.flower-btn.show{opacity:1;animation:flowerPulse 2s infinite}@keyframes flowerPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.8);opacity:.1}to{transform:translate(-50%,-50%) scale(1);opacity:.6}}.top-buttons{position:absolute;top:40px;right:60px;display:flex;flex-direction:row;align-items:center;z-index:4;opacity:0;transition:opacity 1.8s ease}.top-buttons.show{opacity:1}.nav-menu{display:flex;flex-direction:row;align-items:center;gap:40px}.nav-btn{background:transparent;border:none;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:.15em;cursor:pointer;position:relative}.nav-btn:after{content:"";position:absolute;left:0;bottom:-5px;width:0%;height:1px;background:#fff;transition:width .3s ease}.nav-btn:hover:after{width:100%}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:5}.hamburger-btn span{display:block;width:26px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.flower-info{position:absolute;top:50%;left:62%;transform:translate(-50%,-50%);width:320px;padding:25px;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;color:#fff;font-family:Bebas Neue,sans-serif;letter-spacing:.05em;line-height:1.4;opacity:0;visibility:hidden;z-index:10;transition:opacity .4s ease}.flower-info.show{opacity:1;visibility:visible}.social-icons{position:absolute;bottom:100px;right:200px;display:flex;gap:30px;z-index:4;opacity:0;transition:opacity 1.8s ease}.social-icons.show{opacity:1}.social-icons a{display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .3s ease,transform .3s ease}.social-icons a:hover{opacity:1;transform:scale(1.15)}@media(max-width:768px){html,body{height:100%;min-height:-webkit-fill-available}.hero{height:100svh;min-height:-webkit-fill-available}.video-desktop{display:none}.video-mobile{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.video-secundario-mobile{display:none;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.hero-content{left:5%;top:20%;transform:translateY(-50%)}.hero-content h1{font-size:clamp(1.8rem,6vw,2.5rem)}.hero-content .big{font-size:clamp(3rem,11vw,4.5rem)}.hero-content.hide{opacity:0;pointer-events:none}.top-buttons{top:20px;right:20px;flex-direction:column;align-items:flex-end;gap:0}.hamburger-btn{display:flex!important}.nav-menu{display:none;flex-direction:column;align-items:flex-end;gap:14px;margin-top:12px}.nav-menu.open{display:flex}.nav-btn{font-size:.85rem}.flower-btn{display:none}.second-btn{top:26%;left:54%}.social-icons{bottom:50px;right:20px;gap:14px}.social-icons a svg{width:22px;height:22px}}
