div#container{width:360px;position:relative;margin:0 auto 0 auto;text-align:left;}body{background-color:#FFFFFF;background-image:url('images/fondo 2.jpg');background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;color:#000000;font-family:Arial;font-weight:normal;font-size:13px;line-height:1.1875;margin:0;text-align:center;}@media only screen{div#container{width:360px;}body{background-color:transparent;}}html,body{margin:0;padding:0;height:100%;background:black;font-family:sans-serif;}body{padding-top:env(safe-area-inset-top, 0px);padding-bottom:env(safe-area-inset-bottom, 0px);overflow:hidden;}#camera-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;}#video-wrapper{position:relative;width:100%;flex-grow:1;display:flex;justify-content:center;align-items:center;overflow:hidden;background:black;}video#video{position:absolute;width:100%;height:100%;object-fit:cover;transform-origin:center center;z-index:1;background:black;}img#marco{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:contain;pointer-events:none;z-index:2;background:transparent;}#bottom-bar{width:95%;max-width:550px;height:90px;background:rgba(0,0,0,0.5);display:flex;justify-content:space-around;align-items:center;border-radius:12px;margin-bottom:env(safe-area-inset-bottom, 10px);z-index:3;}#bottom-bar button{width:55px;height:55px;border-radius:50%;cursor:pointer;user-select:none;box-shadow:0 0 8px rgba(0,0,0,0.3);background:white;border:2px solid #222;display:flex;justify-content:center;align-items:center;transition:transform 0.2s;font-size:24px;}#capture-btn{font-size:28px;}#bn-btn{font-size:16px;}#bottom-bar button:hover{transform:scale(1.1);}#bn-btn.active{background:black;color:white;}.button-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;}.button-label{margin-top:4px;color:white;font-size:14px;}#result-container{display:none;position:fixed;inset:0;background:black;justify-content:center;align-items:center;flex-direction:column;padding:15px;z-index:20;}#result-container img{max-width:95vw;max-height:80vh;border-radius:12px;box-shadow:0 0 20px #000;margin-bottom:20px;background:black;}#result-buttons{display:flex;justify-content:space-evenly;width:100%;max-width:420px;}#result-buttons button{width:60px;height:60px;border-radius:50%;background:white;border:2px solid #ccc;color:black;font-size:24px;font-weight:bold;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:transform 0.2s, box-shadow 0.2s;}#result-buttons button:hover{transform:scale(1.1);}#result-buttons button:active{animation:bounce 0.3s;}@keyframes bounce{0%{transform:scale(1);}30%{transform:scale(1.2);}50%{transform:scale(0.9);}70%{transform:scale(1.05);}100%{transform:scale(1);}}#menu-hamburguesa{width:55px;height:55px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:28px;box-shadow:0 5px 15px rgba(0,0,0,0.3);border:2px solid #222;transition:transform 0.2s;}#menu-hamburguesa:hover{transform:scale(1.1);}#popup-menu{position:fixed;top:10%;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:flex-start;z-index:31;}#popup-content{position:relative;background:white;padding:25px 20px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:250px;animation:bounce-in 0.5s;}#popup-content h3{margin:0;font-size:16px;color:#333;}#popup-content .timer-buttons{display:flex;justify-content:space-around;width:100%;gap:15px;}#popup-content button#popup-share{width:180px;height:60px;font-size:18px;border-radius:50px;border:3px solid #333;background:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform 0.2s;}#popup-content button#popup-share:hover{transform:scale(1.05);}.popup-timer-btn{width:60px;height:60px;border-radius:50%;border:3px solid #333;background:#fff;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform 0.2s;}.popup-timer-btn:hover{transform:scale(1.1);}@keyframes bounce-in{0%{transform:scale(0.5);opacity:0;}50%{transform:scale(1.2);opacity:1;}70%{transform:scale(0.9);}100%{transform:scale(1);}}#timer-display{position:fixed;top:40%;left:50%;transform:translate(-50%, -50%);font-size:80px;color:white;font-weight:bold;z-index:40;display:none;text-shadow:2px 2px 10px black;}@keyframes zoom-bounce{0%{transform:scale(1);}50%{transform:scale(1.5);}100%{transform:scale(1);}}#timer-display.zoom{animation:zoom-bounce 0.7s ease-in-out;}