.navbar{background-color:#1a1a1a;justify-content:space-between;align-items:center;width:100%;height:64px;padding:12px 24px;display:flex}.navbar-brand{align-items:center;gap:12px;display:flex}.navbar-logo{border-radius:6px;width:36px;height:36px}.navbar-title{color:#fff;font-size:22px;font-weight:700}.btn-contactar{color:#fff;cursor:pointer;background-color:#c49a00;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-contactar:hover{background-color:#e5b300}.badge{cursor:help;position:relative}.badge-popup{opacity:0;pointer-events:none;z-index:99;background-color:#fff;border:2px solid #efeae0;border-radius:14px;width:240px;padding:12px;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:130%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 12px 28px #00000026}.badge-popup:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.badge-popup img{object-fit:cover;border:1px solid #f7efd4;border-radius:8px;width:100%;height:auto;margin-bottom:8px;display:block}.badge-popup p{color:#4a5568;text-align:center;margin:0;font-size:12px;line-height:1.4}.badge:hover .badge-popup{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.badge:hover{background-color:#fff;border-color:#f5b921;box-shadow:0 4px 12px #f5b92126}