/*
Theme Name: BB Capital Holding — Modelo 03
Theme URI: https://bbcapitalholding.com/
Author: ISCOMPUTER SYSTEMS
Author URI: https://iscomputersystems.com/
Description: Tema corporativo multilingüe con marca de agua para B&B Capital Holding LLC. Inglés, español y japonés.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bb-capital-modelo-03
*/

:root{--ink:#292e2d;--navy:#06184a;--gold:#a88c55;--paper:#faf9f6;--muted:#e8e5de;--line:#cdc7ba}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.bb-site{min-height:100vh;background:var(--paper)}.bb-header{height:112px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.bb-logo-link img{display:block;width:105px;height:105px;object-fit:contain}.bb-header nav{display:flex;align-items:center;gap:28px;font-size:12px}.bb-header nav a{padding:8px 0;border-bottom:1px solid transparent}.bb-header nav a:hover{border-color:var(--gold)}.bb-language{border:1px solid #c7c9c6;background:transparent;padding:9px 12px;color:#24394b}
.bb-hero{min-height:580px;display:grid;grid-template-columns:54% 46%;position:relative}.bb-hero-copy{padding:80px 9% 70px 13%;align-self:center}.bb-eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#866f40;margin:0 0 24px}.bb-hero h1{font-size:clamp(38px,4.1vw,64px);font-weight:400;line-height:1.08;letter-spacing:-2.5px;margin:0}.bb-hero h1 em{display:block;font:400 1em Georgia,serif;color:#947b48;margin-top:12px;letter-spacing:-1.5px}.bb-lead{font-size:14px;line-height:1.85;color:#727670;max-width:390px;margin:28px 0}.bb-explore{display:inline-block;font-size:12px;border-bottom:1px solid var(--gold);padding:12px 0}.bb-hero-image{background:var(--bb-refinery) 61% center/cover;margin:15px 0 30px}.bb-hero>small{position:absolute;right:20px;bottom:44px;color:#e5e5e0;font-size:8px;letter-spacing:1.4px}
.bb-strip{display:flex;justify-content:space-between;gap:20px;padding:24px 7%;background:var(--muted);color:#565950;text-transform:uppercase;letter-spacing:1.3px;font-size:10px}.bb-strip span+span{border-left:1px solid #c3bcae;padding-left:7%}.bb-section{padding:90px 7%}.bb-company{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.bb-section h2{font:400 clamp(32px,3vw,46px)/1.2 Georgia,serif;margin:0}.bb-company h2 em{display:block;color:#9a8050;font-style:normal}.bb-body-copy{font-size:14px;line-height:1.9;color:#5a6b79}.bb-business{border-top:1px solid #ddd9d0}.bb-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:50px}.bb-section-head>p{max-width:310px;font-size:14px;line-height:1.8;color:#6c7983}.bb-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.bb-grid article{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:28px 0;border-top:1px solid var(--line)}.bb-grid article>span{font-size:12px;color:#9b855b}.bb-grid h3{font:400 25px/1.35 Georgia,serif;margin:0 0 12px}.bb-grid p{font-size:12px;line-height:1.9;color:#62717d;margin:0 0 16px}.bb-grid small{font-size:10px;color:#8a7346}.bb-contact{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#2c322f;color:white}.bb-contact .bb-eyebrow{color:#d0b680}.bb-contact a{font-size:18px;border-bottom:1px solid #98865e;padding-bottom:12px}.bb-contact>div:last-child p{font-size:12px;color:#bccbd7;margin-top:24px}.bb-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 7%}.bb-footer img{width:72px;height:72px;object-fit:contain}.bb-footer p{font-size:10px;color:#73808a}.bb-site:lang(ja){font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif}.bb-site:lang(ja) h1,.bb-site:lang(ja) h2,.bb-site:lang(ja) h3{line-height:1.6;letter-spacing:0}.bb-site a:focus-visible,.bb-language:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:820px){.bb-header{height:auto;min-height:110px;padding:18px 5%;gap:20px}.bb-header nav{flex-wrap:wrap;justify-content:flex-end;gap:15px}.bb-hero-copy{padding-left:8%;padding-right:8%}.bb-company{grid-template-columns:1fr;gap:30px}.bb-section{padding:65px 6%}}
@media(max-width:620px){.bb-header{align-items:flex-start}.bb-logo-link img{width:80px;height:80px}.bb-header nav{font-size:10px}.bb-header nav a{display:none}.bb-hero{display:flex;flex-direction:column;min-height:0}.bb-hero-copy{padding:55px 6%}.bb-hero h1{font-size:43px;letter-spacing:-1.8px}.bb-hero-image{width:100%;height:285px;margin:0}.bb-hero>small{bottom:15px;font-size:6px}.bb-strip{padding:19px 6%;flex-wrap:wrap;font-size:8px}.bb-strip span+span{border:0;padding:0}.bb-section-head{display:block}.bb-section-head>p{margin-top:22px}.bb-grid{grid-template-columns:1fr}.bb-grid h3{font-size:22px}.bb-contact{display:block}.bb-contact>div+div{margin-top:38px}.bb-contact a{font-size:15px}.bb-footer{padding:24px 6%}}