:root{--gold:#D4AF37;--dark:#1A1A1A;--light:#FFFFFF;--transition:all 0.3s ease}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .75);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:var(--transition)}.popup-overlay.active{opacity:1;visibility:visible}.popup-container{width:90%;max-width:500px;background:linear-gradient(145deg,#1A1A1A 0%,#333333 100%);border-radius:8px;box-shadow:0 20px 40px rgb(0 0 0 / .4);position:relative;overflow:hidden;transform:translateY(30px);transition:var(--transition);border:1px solid var(--gold)}.popup-overlay.active .popup-container{transform:translateY(0)}.popup-header{position:relative;height:180px;overflow:hidden}.popup-header img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.popup-logo{position:absolute;top:20px;left:20px;height:40px}.popup-header-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(26 26 26) 0%,#fff0 100%);height:50%}.popup-close{position:absolute;top:15px;right:15px;width:30px;height:30px;background-color:rgb(0 0 0 / .5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;border:1px solid var(--gold);transition:var(--transition)}.popup-close:hover{background-color:var(--gold)}.popup-close:before,.popup-close:after{content:'';position:absolute;width:15px;height:2px;background-color:var(--light)}.popup-close:before{transform:rotate(45deg)}.popup-close:after{transform:rotate(-45deg)}.popup-content{padding:30px;color:var(--light)}.popup-title{font-family:'Playfair Display',serif;font-size:24px;margin:0 0 15px;color:var(--gold);font-weight:700;letter-spacing:.5px;line-height:1.3}.popup-subtitle{font-family:'Montserrat',sans-serif;font-size:14px;margin:0 0 25px;line-height:1.6;opacity:.9}.popup-contact-options{display:flex;gap:15px;margin-top:30px}.contact-option{flex:1;padding:15px;border-radius:4px;text-align:center;cursor:pointer;transition:var(--transition);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid rgb(212 175 55 / .3)}.whatsapp-option{background-color:rgb(37 211 102 / .1);color:#fff}.whatsapp-option:hover{background-color:rgb(37 211 102 / .2)}.email-option{background-color:rgb(212 175 55 / .1);color:#fff}.email-option:hover{background-color:rgb(212 175 55 / .2)}.contact-option i{font-size:24px;margin-bottom:5px}.contact-option-title{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600}.contact-option-subtitle{font-family:'Montserrat',sans-serif;font-size:12px;opacity:.8}.popup-footer{padding:15px 30px;border-top:1px solid rgb(212 175 55 / .2);text-align:center;font-size:12px;color:rgb(255 255 255 / .6);font-family:'Montserrat',sans-serif}.gold-button{display:inline-block;background:linear-gradient(145deg,#D4AF37 0%,#B08A00 100%);color:var(--dark);font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;padding:10px 25px;border-radius:4px;text-decoration:none;transition:var(--transition);margin-top:20px;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.gold-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgb(212 175 55 / .3)}@media (max-width:767px){.popup-container{width:95%;max-height:90vh;overflow-y:auto}.popup-contact-options{flex-direction:column;gap:10px}.contact-option{padding:15px 10px;flex-direction:row;justify-content:flex-start;text-align:left}.contact-option i{font-size:20px;margin-bottom:0;margin-right:12px}.contact-option-info{display:flex;flex-direction:column;align-items:flex-start}.popup-title{font-size:20px}.popup-subtitle{font-size:13px;margin-bottom:20px}.popup-header{height:130px}.popup-content{padding:20px 15px}.popup-footer{padding:12px 15px;font-size:11px}.gold-button{width:100%;padding:12px 15px;font-size:13px}.popup-close{width:36px;height:36px;top:10px;right:10px}.popup-overlay{align-items:flex-end}.popup-overlay.active .popup-container{transform:translateY(0);border-bottom-left-radius:0;border-bottom-right-radius:0}@supports (-webkit-touch-callout:none){.popup-container{padding-bottom:env(safe-area-inset-bottom)}}}@media (max-width:374px){.popup-title{font-size:18px}.popup-subtitle{font-size:12px}.popup-header{height:110px}}</style>