/* V4: banderas compactas, tooltip inferior y contraste de planes al interactuar. */
.b2b-v4 .b2b-language-icons { gap: 4px; }
.b2b-v4 .b2b-hero .b2b-language-icons { margin-bottom: 36px; }
.b2b-v4 .b2b-language-tooltip { left: 50%; top: calc(100% + 6px); transform: translateX(-50%) translateY(-4px); }
.b2b-v4 .b2b-language-link:hover .b2b-language-tooltip, .b2b-v4 .b2b-language-link:focus-visible .b2b-language-tooltip { transform: translateX(-50%) translateY(0); }
.b2b-v4 .b2b-language-tooltip::before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border: 5px solid transparent; border-bottom-color: #075488; }
.b2b-v4 .pricing-panel:not(.pricing-active):hover, .b2b-v4 .pricing-panel:not(.pricing-active):focus-within { background-color: #075488; border-color: #3498db; }
.b2b-v4 .pricing-panel:not(.pricing-active):hover .pricing--heading h3,
.b2b-v4 .pricing-panel:not(.pricing-active):hover .pricing--heading p.b2b-plan-name,
.b2b-v4 .pricing-panel:not(.pricing-active):hover .pricing--desc,
.b2b-v4 .pricing-panel:not(.pricing-active):hover .b2b-plan-list,
.b2b-v4 .pricing-panel:not(.pricing-active):focus-within .pricing--heading h3,
.b2b-v4 .pricing-panel:not(.pricing-active):focus-within .pricing--heading p.b2b-plan-name,
.b2b-v4 .pricing-panel:not(.pricing-active):focus-within .pricing--desc,
.b2b-v4 .pricing-panel:not(.pricing-active):focus-within .b2b-plan-list { color: #fff; }
.b2b-v4 .pricing-panel:not(.pricing-active):hover .btn--white,
.b2b-v4 .pricing-panel:not(.pricing-active):focus-within .btn--white { background-color: #fff; border-color: #fff; color: #075488; }
.b2b-v4 .pricing-panel:not(.pricing-active) .btn--white:hover,
.b2b-v4 .pricing-panel:not(.pricing-active) .btn--white:focus { background-color: #eaf5fc; border-color: #eaf5fc; color: #075488; }