/* Approved 2026 mockup: responsive, live HTML layout. */
.site-header .header-inner{width:calc(100% - 80px);max-width:1392px;min-height:76px;padding:8px 0;gap:24px;flex-wrap:nowrap}
.site-header{border-bottom:0;background:#031c40}
.site-header .brand{gap:10px;margin-right:auto;flex-shrink:0}
.site-header .brand img{width:54px;height:54px;object-fit:contain;border:0;border-radius:50%;background:transparent}
.bbp-brand-art{display:block;width:clamp(240px,26vw,400px);aspect-ratio:538/56;background:url('/wp-content/uploads/2026/09/boricua-approved-design-reference.png') 7.22% .2% / 285.5% auto no-repeat}
.site-header .site-nav{width:auto;order:initial;overflow:visible}
.site-header .site-nav>ul{gap:24px;min-width:0;padding:0}
.site-header .site-nav a,.site-header .site-nav summary{font:700 15px/1.3 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.07em;color:#fff;white-space:nowrap;cursor:pointer;text-decoration:none}
.site-header .site-nav a:hover,.site-header .site-nav summary:hover{color:#fff;text-decoration:underline;text-decoration-color:#d6002b;text-underline-offset:8px}
.site-header .bbp-nav-details{position:relative}
.site-header .bbp-nav-details summary{list-style:none}
.site-header .bbp-nav-details summary::-webkit-details-marker{display:none}
.site-header .bbp-nav-details summary:after{content:' +';color:#ef183c}
.site-header .bbp-nav-details[open] summary:after{content:' −'}
.site-header .bbp-nav-details ul{position:absolute;right:0;top:35px;z-index:100;min-width:240px;max-height:65vh;overflow:auto;display:block;padding:12px 18px;background:#031c40;box-shadow:0 10px 30px #0003;border-top:3px solid #d6002b}
.site-header .bbp-nav-details li{display:block}
.site-header .bbp-nav-details li a{display:block;padding:10px 0;white-space:normal}
.site-header .bbp-register{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border-radius:5px;background:#d6002b;color:#fff;font-weight:700;text-decoration:none;font-size:14px;white-space:nowrap}
.bbp-mockup-hero{position:relative;background:#fff;aspect-ratio:2078/757;min-height:480px;overflow:hidden}
.bbp-mockup-art{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center top}
.bbp-mockup-copy{position:absolute;left:5%;bottom:7%;width:35%;max-width:620px;color:#28466c}
.bbp-mockup-copy p{font-size:clamp(16px,1.25vw,21px);line-height:1.4;margin:0 0 18px;color:#28466c}
.bbp-mockup-actions{display:flex;gap:20px}
.bbp-mockup-actions .button{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:6px;padding:12px 16px;background:#d6002b;border:2px solid #d6002b;color:#fff;font:700 16px/1.2 'Archivo',sans-serif;text-transform:uppercase;text-decoration:none}
.bbp-mockup-actions .button.secondary{background:#fff;border-color:#0051c7;color:#0051c7}
.bbp-mockup-actions .button:hover{background:#031c40;border-color:#031c40;color:#fff;transform:none}
.bbp-event-facts{background:#fff;box-shadow:0 3px 10px #071c3e12;position:relative;z-index:1}
.bbp-event-facts-inner{width:calc(100% - 144px);max-width:1392px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1.1fr;padding:24px 0;gap:28px}
.bbp-event-fact{display:flex;align-items:center;gap:26px;min-width:0}
.bbp-event-fact+.bbp-event-fact{border-left:1px solid #bbc2cc;padding-left:40px}
.bbp-event-fact svg{width:52px;height:52px;flex:0 0 52px;color:#d6002b;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bbp-event-fact small{display:block;color:#0051c7;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.bbp-event-fact strong{display:block;color:#031c40;font:700 clamp(22px,2.05vw,34px)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase}
.bbp-event-fact p{margin:3px 0 0;color:#30384a;font-size:14px;line-height:1.25}
.bbp-event-fact .bbp-pride{font-size:clamp(20px,1.65vw,28px)}
.bbp-pride span{color:#d6002b;padding:0 5px}
.bbp-feature-cards{background:#fff;padding:20px 0 0}
.bbp-feature-grid{width:calc(100% - 144px);max-width:1392px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.bbp-feature-card{border:1px solid #eceef1;border-radius:7px;overflow:hidden;box-shadow:0 3px 9px #0000000d;background:#fff;text-align:center}
.bbp-feature-photo{aspect-ratio:448/142;background-image:url('/wp-content/uploads/2026/09/boricua-approved-design-reference.png');background-size:342.857% auto;background-repeat:no-repeat}
.bbp-photo-music{background-position:6.618% 76.417%}
.bbp-photo-food{background-position:50.15% 76.417%}
.bbp-photo-community{background-position:93.382% 76.417%}
.bbp-feature-card h2{font:700 26px/1.1 'Barlow Condensed',sans-serif;color:#031c40;text-transform:uppercase;margin:12px 12px 5px}
.bbp-feature-card p{font-size:15px;line-height:1.35;color:#454b5b;margin:0 auto 12px;max-width:340px;padding:0 18px;min-height:41px}
.bbp-feature-card .button{display:inline-block;background:#d6002b;color:#fff;border:0;border-radius:5px;padding:11px 27px;margin:0 0 15px;font:700 14px/1.2 'Archivo',sans-serif;text-transform:uppercase;text-decoration:none}
.bbp-feature-card .button:hover{background:#031c40;transform:none}
.bbp-pride-banner{margin:12px 0 0;min-height:76px;display:flex;align-items:center;justify-content:center;background:#fff url('/wp-content/uploads/2026/09/boricua-approved-design-reference.png') center bottom / 100% auto no-repeat}
.bbp-pride-banner span{font:700 24px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.22em;color:#064591;text-align:center;background:#fff;padding:8px 20px}
.bbp-pride-banner b{color:#d6002b;margin:0 12px}
.site-footer .footer-brand img{width:150px;height:150px;object-fit:contain;border:0;background:transparent;border-radius:50%}
.page-hero img[src$='/assets/logo.jpeg']{content:url('/wp-content/uploads/2026/09/boricua-block-party-official-logo-transparent.png');object-fit:contain;background:#fff}
@media(min-width:1201px){.site-header .bbp-menu-toggle{display:none}.site-header .site-nav{display:block}.site-header .site-nav>ul{display:flex}}
@media(max-width:1200px){.site-header .header-inner{width:calc(100% - 40px);flex-wrap:wrap;gap:12px;min-height:72px}.site-header .brand{margin-right:auto}.site-header .bbp-menu-toggle{display:block;order:3}.site-header .bbp-register{order:2}.site-header .site-nav{display:none;order:4;width:100%;max-height:calc(100dvh - 110px);overflow:auto}.site-header .site-nav.is-open{display:block}.site-header .site-nav>ul{display:block!important}.site-header .site-nav a,.site-header .site-nav summary{padding:14px 4px;display:block}.site-header .bbp-nav-details ul{position:static;max-height:none;box-shadow:none;border-top:0;padding:0 18px}.bbp-mockup-hero{min-height:420px}.bbp-mockup-art{object-position:41% top}.bbp-mockup-copy{width:37%;left:4%;bottom:6%}.bbp-mockup-actions{gap:10px}.bbp-mockup-actions .button{font-size:14px;padding:10px}.bbp-event-facts-inner,.bbp-feature-grid{width:calc(100% - 64px);gap:20px}.bbp-event-fact{gap:14px}.bbp-event-fact+.bbp-event-fact{padding-left:20px}.bbp-event-fact svg{width:40px;height:40px;flex-basis:40px}.bbp-event-fact strong{font-size:25px}}
@media(max-width:760px){.site-header .header-inner{width:calc(100% - 28px);gap:10px}.site-header .brand img{width:46px;height:46px}.bbp-brand-art{width:210px}.site-header .bbp-register{display:none}.bbp-mockup-hero{min-height:0;aspect-ratio:auto;padding-top:72%;overflow:visible}.bbp-mockup-art{height:auto;aspect-ratio:1.39;object-fit:cover;object-position:9% top}.bbp-mockup-copy{position:relative;inset:auto;width:auto;max-width:none;padding:18px 24px 26px;background:#fff}.bbp-mockup-copy p{font-size:17px;margin-bottom:18px}.bbp-mockup-actions{gap:12px}.bbp-mockup-actions .button{font-size:14px;min-height:48px}.bbp-event-facts-inner{width:calc(100% - 48px);grid-template-columns:1fr;padding:8px 0;gap:0}.bbp-event-fact{padding:15px 0;gap:20px}.bbp-event-fact+.bbp-event-fact{border-left:0;border-top:1px solid #e1e5eb;padding:15px 0}.bbp-event-fact strong{font-size:28px}.bbp-event-fact .bbp-pride{font-size:25px}.bbp-feature-grid{width:calc(100% - 40px);grid-template-columns:1fr;gap:20px}.bbp-feature-card h2{font-size:28px}.bbp-feature-card p{font-size:16px;min-height:0}.bbp-pride-banner{background-size:auto 850px;min-height:75px}.bbp-pride-banner span{font-size:18px;letter-spacing:.1em;padding:8px}.bbp-pride-banner b{margin:0 5px}}
@media(max-width:360px){.bbp-brand-art{width:174px}.site-header .brand img{width:42px;height:42px}}
/* Match the reference's compact first-screen proportions. */
@media(min-width:1201px){.site-header .header-inner{min-height:64px;padding:5px 0}.bbp-mockup-hero{aspect-ratio:1536/500;min-height:420px}.bbp-mockup-art{object-fit:fill}}
.bbp-event-facts-inner{padding:16px 0}
.bbp-event-fact small{line-height:1.2}
.bbp-event-fact p{font-size:13px;line-height:1.25}
.bbp-feature-card h2{font-size:24px;margin:8px 12px 5px}
.bbp-feature-card p{font-size:14px;line-height:1.35;margin-bottom:10px;min-height:38px}
.bbp-feature-card .button{padding:9px 27px;margin-bottom:12px}
@media(max-width:760px){.bbp-mockup-hero{padding-top:52%}.bbp-feature-card h2{font-size:28px}.bbp-feature-card p{font-size:16px;min-height:0}.bbp-event-facts-inner{padding:8px 0}}
.bbp-pride-banner{height:clamp(46px,4.15vw,64px);min-height:0}