/* ═══════════════════════════════════════════════ HONEY'B — honeybPatch.css v1.0 Enlazar en DESPUÉS de honeybIcons.css: ═══════════════════════════════════════════════ */ /* NAV: centrar links (ya sin botón CTA) */ #nav .nav-links { flex: 1; justify-content: center; } /* HERO: "Cotizar hotelería" — visible sobre oscuro */ #hero .btn-outline-light { background: rgba(200,151,42,0.18) !important; border: 2px solid rgba(200,151,42,0.75) !important; color: #FAF6EE !important; font-weight: 700 !important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } #hero .btn-outline-light:hover { background: rgba(200,151,42,0.38) !important; border-color: #E8B84B !important; color: #fff !important; } /* s-light / s-warm: btn-outline sobre blanco/crema */ .s-light .btn-outline-light, .s-warm .btn-outline-light { background: rgba(200,151,42,0.10) !important; border: 2px solid rgba(139,101,20,0.55) !important; color: #6B4D10 !important; font-weight: 700 !important; } .s-light .btn-outline-light:hover, .s-warm .btn-outline-light:hover { background: rgba(200,151,42,0.22) !important; border-color: #C8972A !important; color: #4A3308 !important; } /* s-dark (beige2): btn-outline sobre beige medio */ .s-dark .btn-outline-light { background: rgba(200,151,42,0.13) !important; border: 2px solid rgba(139,101,20,0.60) !important; color: #5A3E10 !important; font-weight: 700 !important; } .s-dark .btn-outline-light:hover { background: rgba(200,151,42,0.28) !important; border-color: #C8972A !important; color: #3A2708 !important; } /* Productos — pills de aroma */ .hnb-pill { border: 1.5px solid rgba(139,101,20,0.45) !important; color: #5A3E10 !important; background: rgba(200,151,42,0.08) !important; font-weight: 600 !important; } .hnb-pill:hover, .hnb-pill.hnb-pill-active { border-color: #C8972A !important; color: #7A5010 !important; background: rgba(200,151,42,0.20) !important; } /* Productos — botón outline */ .hnb-btn.hnb-btn-outline { background: rgba(200,151,42,0.10) !important; border: 1.5px solid rgba(139,101,20,0.55) !important; color: #6B4D10 !important; font-weight: 700 !important; } .hnb-btn.hnb-btn-outline:hover { background: rgba(200,151,42,0.25) !important; border-color: #C8972A !important; color: #4A3308 !important; } /* Card 20g hotelería */ #hnbCard20 .hnb-btn { background: rgba(200,151,42,0.12) !important; border: 1.5px solid rgba(139,101,20,0.65) !important; color: #5A3E10 !important; font-weight: 700 !important; } #hnbCard20 .hnb-btn:hover { background: #C8972A !important; color: #FFFDF8 !important; border-color: #C8972A !important; } /* Cómo se usa — tip-strip sobre beige */ .s-dark .tip-strip { color: #1A1410 !important; background: rgba(200,151,42,0.16) !important; border-left-color: #C8972A !important; } .s-dark .tip-strip strong { color: #1A1410 !important; } /* Botones dorados — sombra reforzada global */ .btn-gold { box-shadow: 0 4px 18px rgba(200,151,42,0.42) !important; font-weight: 800 !important; } .btn-gold:hover { box-shadow: 0 8px 28px rgba(200,151,42,0.58) !important; } /* Contacto — botón outline sobre beige */ #contacto .btn-outline-light { background: rgba(200,151,42,0.12) !important; border: 2px solid rgba(139,101,20,0.60) !important; color: #3A2708 !important; font-weight: 700 !important; } #contacto .btn-outline-light:hover { background: rgba(200,151,42,0.26) !important; border-color: #C8972A !important; color: #1A1410 !important; } /* 3D viewer — botón resetear */ .v3d-btn-reset { background: rgba(255,255,255,0.10) !important; border: 1px solid rgba(255,255,255,0.25) !important; color: rgba(250,246,238,0.85) !important; } .v3d-btn-reset:hover { background: rgba(255,255,255,0.20) !important; color: #fff !important; } /* Proveedores — CTA con más sombra */ .ts-cta-group .btn-gold { box-shadow: 0 6px 24px rgba(200,151,42,0.55) !important; }