/** * captacao-bolsa-modelo5.css * Bolsa-financiamento modelo-5 (Bora de Bolsa 100%) * Tudo escopado em .bbm5-page para isolar do CSS global do tema. */ /* ====== MODAL DE VÍDEO YOUTUBE (autocontido, criado dinamicamente pelo JS) ====== */ #bbm5-video-modal{ display:none; position:fixed;inset:0;z-index:99999; background:rgba(0,0,0,.92); align-items:center;justify-content:center; } #bbm5-video-modal.open{display:flex} #bbm5-video-modal .bbm5-vm-close{ position:absolute;top:24px;right:24px;z-index:2; width:44px;height:44px;border-radius:50%;border:none;cursor:pointer; background:rgba(255,255,255,.12);color:#fff; font-size:28px;line-height:1; display:flex;align-items:center;justify-content:center; transition:background .2s; } #bbm5-video-modal .bbm5-vm-close:hover{background:rgba(255,255,255,.25)} #bbm5-video-modal .bbm5-vm-frame-wrap{ width:min(92vw,1200px);aspect-ratio:16/9;background:#000; } #bbm5-video-modal .bbm5-vm-frame{width:100%;height:100%;border:none;display:block} @media(max-width:700px){ #bbm5-video-modal .bbm5-vm-frame-wrap{width:min(92vw,420px);aspect-ratio:9/16} } #video #player{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:min(92vw, 1200px); aspect-ratio:16/9; background:#000; } @media(max-width:700px){ #video #player{aspect-ratio:9/16;width:min(92vw, 420px)} } .bbm5-page{ --bbm5-cream:#f4ede0; --bbm5-cream-2:#ebe2d0; --bbm5-cream-3:#f9f4ea; --bbm5-white:#ffffff; --bbm5-gold:#b8902e; --bbm5-gold-dark:#9c7a24; --bbm5-crimson:#A51C30; --bbm5-crimson-dark:#7d1424; --bbm5-black:#1a1a1a; --bbm5-ink:#2a2a2a; --bbm5-body:#4a4a4a; --bbm5-muted:#6a6a6a; --bbm5-line:#d8cfb8; --bbm5-line-light:#e8dfca; font-family:'Inter',sans-serif; background:var(--bbm5-cream); color:var(--bbm5-body); line-height:1.6; font-size:17px; -webkit-font-smoothing:antialiased; } .bbm5-page *{box-sizing:border-box} .bbm5-page .bbm5-container{max-width:1500px;margin:0 auto;padding:0 56px} /* ====== BREADCRUMB ====== * O .breadcrumb-bar é renderizado ANTES de .bbm5-page (topo da página). O header * .v2-hdr é position:fixed, MAS o já recebe padding-top:80px (120px <=1024px) * de header-v2.css (body:not(.home):not(.v2)) justamente pra compensar esse header. * Logo NÃO precisa de margin-top aqui. O offset antigo (80/120px) somava com o * padding do body e empurrava o breadcrumb pra baixo, criando uma FAIXA BRANCA * entre o menu e a barra. margin-top:0 = breadcrumb encostado logo abaixo do menu, * igual às demais páginas. Frente 25 (2026-05-29); gap corrigido em 2026-05-31. * Escopado em body.single-bolsa-financiamento (CSS só carrega na bora-de-bolsa). */ body.single-bolsa-financiamento .breadcrumb-bar{margin-top:0} /* ====== HERO ====== */ .bbm5-page .bbm5-hero{padding:96px 0 96px;background:var(--bbm5-cream)} .bbm5-page .bbm5-hero-grid{ display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; } .bbm5-page .bbm5-hero h1{ font-family:'Source Serif 4',serif; font-size:clamp(48px,5.5vw,72px); font-weight:600;color:var(--bbm5-black); line-height:1.05;letter-spacing:-.02em;margin-bottom:12px; } .bbm5-page .bbm5-hero h1 .lighter{display:block;font-weight:400;font-style:italic} .bbm5-page .bbm5-hero-deck{ font-size:17px;line-height:1.55;color:var(--bbm5-ink); margin-bottom:40px;max-width:480px; } .bbm5-page .bbm5-hero-cards{ display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:560px; } .bbm5-page .bbm5-card{ background:var(--bbm5-white);border:1px solid var(--bbm5-line-light); border-radius:8px;padding:24px 28px;text-decoration:none;color:var(--bbm5-black); transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:16px; box-shadow:0 1px 2px rgba(0,0,0,.04); } .bbm5-page .bbm5-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)} .bbm5-page .bbm5-card-title{font-size:16px;font-weight:700;color:var(--bbm5-black);line-height:1.3} .bbm5-page .bbm5-card-arrow{color:var(--bbm5-gold);font-size:20px;flex-shrink:0} .bbm5-page .bbm5-hero-image{ aspect-ratio:4/5;background:linear-gradient(135deg,#3a2a1a 0%,#5a4530 50%,#2a1a0a 100%); border-radius:4px;position:relative;overflow:hidden;background-size:cover;background-position:center; } .bbm5-page .bbm5-hero-image::after{ content:"";position:absolute;inset:0; background:radial-gradient(circle at 50% 40%, rgba(184,144,46,.15), transparent 60%); } /* ====== VIDEO HERO ====== */ .bbm5-page .bbm5-video-section{background:var(--bbm5-cream);padding:0 0 96px} .bbm5-page .bbm5-video-wrap{ position:relative;height:560px; background:linear-gradient(135deg,#2a1a1a 0%,#3a2a2a 50%,#1a1a1a 100%); border-radius:8px;display:flex;align-items:center;justify-content:center; cursor:pointer;overflow:hidden; background-size:cover;background-position:center; } .bbm5-page .bbm5-video-wrap::before{ content:"";position:absolute;inset:0; background: radial-gradient(circle at 30% 50%, rgba(184,144,46,.2), transparent 60%), radial-gradient(circle at 70% 50%, rgba(0,0,0,.5), transparent 60%); } .bbm5-page .bbm5-play-button{ position:relative;z-index:2;width:96px;height:96px;border-radius:50%; background:var(--bbm5-black);display:flex;align-items:center;justify-content:center; transition:transform .3s; } .bbm5-page .bbm5-video-wrap:hover .bbm5-play-button{transform:scale(1.08)} .bbm5-page .bbm5-play-button::after{ content:"";width:0;height:0; border-left:24px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent; margin-left:6px; } .bbm5-page .bbm5-video-caption{position:absolute;bottom:32px;left:32px;z-index:2;color:#fff} .bbm5-page .bbm5-video-caption .label{ font-size:11px;letter-spacing:.15em;text-transform:uppercase; color:var(--bbm5-gold);font-weight:700;margin-bottom:8px; } .bbm5-page .bbm5-video-caption .name{ font-family:'Source Serif 4',serif;font-size:22px;font-weight:600; } .bbm5-page .bbm5-video-caption .name small{ display:block;font-family:'Inter',sans-serif;font-size:13px;font-weight:400; color:rgba(255,255,255,.7);margin-top:2px; } /* ====== POR QUE ESCOLHER ====== */ .bbm5-page .bbm5-why-section{padding:96px 0;background:var(--bbm5-cream)} .bbm5-page .bbm5-why-title{ font-family:'Source Serif 4',serif;font-size:clamp(36px,4vw,52px);font-weight:500; color:var(--bbm5-black);line-height:1.1;letter-spacing:-.015em; margin:0 auto 64px;text-align:center;max-width:780px; } .bbm5-page .bbm5-why-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:0 auto; } .bbm5-page .bbm5-why-card{padding-top:24px;border-top:2px solid var(--bbm5-gold)} .bbm5-page .bbm5-why-label{ font-family:'Source Serif 4',serif;font-size:24px;font-weight:600; color:var(--bbm5-black);line-height:1.2;margin-bottom:12px;letter-spacing:-.01em; } .bbm5-page .bbm5-why-text{font-size:15px;line-height:1.55;color:var(--bbm5-ink)} /* ====== PROGRAMS (CURSOS) ====== */ .bbm5-page .bbm5-programs{padding:96px 0;background:var(--bbm5-cream);border-top:1px solid var(--bbm5-line-light)} .bbm5-page .bbm5-programs-header{ display:grid;grid-template-columns:1fr 2fr;gap:64px;margin-bottom:48px;align-items:start; } .bbm5-page .bbm5-programs h2{ font-family:'Source Serif 4',serif;font-size:clamp(32px,3.5vw,44px);font-weight:500; color:var(--bbm5-black);line-height:1.1;letter-spacing:-.015em; } .bbm5-page .bbm5-programs-intro{font-size:16px;line-height:1.55;color:var(--bbm5-ink)} .bbm5-page .bbm5-program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px} .bbm5-page .bbm5-program-card{ background:var(--bbm5-white);border:1px solid var(--bbm5-line-light); border-radius:8px;padding:20px 24px;text-decoration:none;color:var(--bbm5-black); transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:16px; box-shadow:0 1px 2px rgba(0,0,0,.04); } .bbm5-page .bbm5-program-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)} .bbm5-page .bbm5-program-card h3{ font-size:17px;font-weight:700;color:var(--bbm5-black);line-height:1.3;margin:0; } .bbm5-page .bbm5-program-card .arrow{color:var(--bbm5-gold);font-size:18px;flex-shrink:0} /* ====== POR QUE UNILEÃO (rotativo) ====== */ .bbm5-page .bbm5-why-uni-section{padding:120px 0;background:var(--bbm5-cream)} .bbm5-page .bbm5-why-uni-grid{ display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:stretch; } .bbm5-page .bbm5-why-uni-left h2{ font-family:'Source Serif 4',serif;font-size:clamp(32px,3.5vw,44px); font-weight:500;color:var(--bbm5-black);line-height:1.1;margin-bottom:48px;letter-spacing:-.015em; } .bbm5-page .bbm5-why-uni-cards{display:flex;flex-direction:column;gap:16px} .bbm5-page .bbm5-why-uni-card{ position:relative;background:transparent;border:1px solid var(--bbm5-line); border-radius:8px;padding:24px 28px;cursor:pointer; transition:background .3s ease, box-shadow .3s ease; border-left:3px solid var(--bbm5-line);overflow:hidden; } .bbm5-page .bbm5-why-uni-card:hover{background:var(--bbm5-white)} .bbm5-page .bbm5-why-uni-card.active{ background:var(--bbm5-white);border-left-color:var(--bbm5-gold); box-shadow:0 4px 16px rgba(0,0,0,.06); } .bbm5-page .bbm5-why-uni-card-title{ font-family:'Source Serif 4',serif;font-size:22px;font-weight:600; color:var(--bbm5-black);line-height:1.2;margin-bottom:8px;letter-spacing:-.01em; } .bbm5-page .bbm5-why-uni-card-text{font-size:14px;line-height:1.55;color:var(--bbm5-muted)} .bbm5-page .bbm5-why-uni-progress{ position:absolute;bottom:0;left:0;height:2px;background:var(--bbm5-gold);width:0; } .bbm5-page .bbm5-why-uni-card.active .bbm5-why-uni-progress{ animation:bbm5WhyProgress 5s linear forwards; } .bbm5-page .bbm5-why-uni-section.paused .bbm5-why-uni-card.active .bbm5-why-uni-progress{ animation-play-state:paused; } @keyframes bbm5WhyProgress{from{width:0}to{width:100%}} .bbm5-page .bbm5-why-uni-media{ position:relative;background:#0a0a0a;border-radius:8px;overflow:hidden;min-height:540px; } .bbm5-page .bbm5-why-uni-media-item{ position:absolute;inset:0;opacity:0;transition:opacity .6s ease; display:flex;align-items:flex-end;padding:40px; } .bbm5-page .bbm5-why-uni-media-item.active{opacity:1} .bbm5-page .bbm5-why-uni-media-item:nth-child(1){background:linear-gradient(135deg,#1a3a52 0%,#0f2236 100%)} .bbm5-page .bbm5-why-uni-media-item:nth-child(2){background:linear-gradient(135deg,#4a3a1a 0%,#2a1f0a 100%)} .bbm5-page .bbm5-why-uni-media-item:nth-child(3){background:linear-gradient(135deg,#3a1a3a 0%,#1a0a1a 100%)} .bbm5-page .bbm5-why-uni-media-label{ color:#fff;font-size:13px;letter-spacing:.15em;text-transform:uppercase; font-weight:600;border-left:3px solid var(--bbm5-gold);padding-left:20px; } .bbm5-page .bbm5-why-uni-media-label strong{ display:block;font-family:'Source Serif 4',serif;font-size:28px;font-weight:500; letter-spacing:-.01em;text-transform:none;margin-top:8px;color:#fff; } /* ====== 4 PASSOS ====== */ .bbm5-page .bbm5-steps-section{padding:96px 0;background:var(--bbm5-cream-3);border-top:1px solid var(--bbm5-line-light)} .bbm5-page .bbm5-steps-section h2{ font-family:'Source Serif 4',serif;font-size:clamp(36px,4vw,52px); font-weight:500;color:var(--bbm5-black);line-height:1.1; margin-bottom:64px;letter-spacing:-.015em;text-align:center; } .bbm5-page .bbm5-steps-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1100px;margin:0 auto; } .bbm5-page .bbm5-step-item{text-align:left;padding-top:24px;border-top:2px solid var(--bbm5-gold)} .bbm5-page .bbm5-step-num{ font-family:'Source Serif 4',serif;font-size:48px;font-weight:600; color:var(--bbm5-gold);line-height:1;margin-bottom:16px;letter-spacing:-.02em; } .bbm5-page .bbm5-step-text{font-size:16px;line-height:1.5;color:var(--bbm5-ink);font-weight:500} /* ====== PARTICIPAR ====== */ .bbm5-page .bbm5-participar-section{ padding:120px 0;background:var(--bbm5-cream);border-top:1px solid var(--bbm5-line-light); } .bbm5-page .bbm5-participar-title{ font-family:'Source Serif 4',serif;font-size:clamp(36px,4vw,52px); font-weight:500;color:var(--bbm5-black);line-height:1.1;letter-spacing:-.015em; margin-bottom:64px;text-align:center; } .bbm5-page .bbm5-participar-grid{ display:grid;grid-template-columns:repeat(2,1fr);gap:48px 64px;max-width:1100px;margin:0 auto 64px; } .bbm5-page .bbm5-participar-item{ display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:start; padding-top:24px;border-top:2px solid var(--bbm5-gold); } .bbm5-page .bbm5-participar-num{ font-family:'Source Serif 4',serif;font-size:48px;font-weight:500; color:var(--bbm5-gold);line-height:1;letter-spacing:-.02em; } .bbm5-page .bbm5-participar-text{font-size:16px;line-height:1.55;color:var(--bbm5-ink);font-weight:500;padding-top:8px} .bbm5-page .bbm5-participar-cta{text-align:center} /* ====== REIMAGINE ====== */ .bbm5-page .bbm5-reimagine{padding:96px 0;background:var(--bbm5-cream-3)} .bbm5-page .bbm5-reimagine-content{max-width:900px;margin:0 auto} .bbm5-page .bbm5-reimagine h2{ font-family:'Source Serif 4',serif;font-size:clamp(32px,3.5vw,44px); font-weight:500;color:var(--bbm5-black);line-height:1.1;margin-bottom:16px;letter-spacing:-.015em; } .bbm5-page .bbm5-reimagine-lead{ font-family:'Source Serif 4',serif;font-size:20px;line-height:1.5; color:var(--bbm5-ink);margin-bottom:40px; } .bbm5-page .bbm5-alt-list{border-top:1px solid var(--bbm5-line)} .bbm5-page .bbm5-alt-item{ display:flex;justify-content:space-between;align-items:center;gap:24px; padding:24px 0;border-bottom:1px solid var(--bbm5-line-light); text-decoration:none;color:var(--bbm5-black);transition:padding .2s ease; } .bbm5-page .bbm5-alt-item:hover{padding-left:8px} .bbm5-page .bbm5-alt-text{ font-family:'Source Serif 4',serif;font-size:22px;font-weight:500; color:var(--bbm5-black);line-height:1.3;letter-spacing:-.005em; } .bbm5-page .bbm5-alt-arrow{color:var(--bbm5-gold);font-size:24px;flex-shrink:0} /* ====== EXPERIENCIA ====== */ .bbm5-page .bbm5-experience-section{padding:96px 0;background:var(--bbm5-cream)} .bbm5-page .bbm5-experience-section h2{ font-family:'Source Serif 4',serif;font-size:clamp(36px,4vw,52px); font-weight:500;color:var(--bbm5-black);line-height:1.1; margin-bottom:16px;letter-spacing:-.015em;text-align:center; } .bbm5-page .bbm5-experience-section .lead{ font-family:'Source Serif 4',serif;font-size:20px;line-height:1.5; color:var(--bbm5-ink);margin:0 auto 56px;max-width:680px;text-align:center; } .bbm5-page .bbm5-experience-gallery{ display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:280px 280px;gap:8px; } .bbm5-page .bbm5-experience-img{ background:#0a0a0a;border-radius:4px;overflow:hidden; background-size:cover;background-position:center; } .bbm5-page .bbm5-experience-img:nth-child(1){grid-row:span 2} /* ====== FAQ ====== */ .bbm5-page .bbm5-faq#duvidas{padding:96px 0;background:var(--bbm5-cream);border-top:1px solid var(--bbm5-line-light)} .bbm5-page .bbm5-faq h2{ font-family:'Source Serif 4',serif;font-size:clamp(32px,3.5vw,44px);font-weight:500; color:var(--bbm5-black);margin-bottom:48px;line-height:1.1;letter-spacing:-.015em;text-align:center; } .bbm5-page .bbm5-faq-list{max-width:900px;margin:0 auto;border-top:1px solid var(--bbm5-line)} .bbm5-page .bbm5-faq-item{border-bottom:1px solid var(--bbm5-line-light)} .bbm5-page .bbm5-faq-q{ width:100%;text-align:left;background:transparent;border:none; padding:24px 40px 24px 0;cursor:pointer;font-family:'Inter',sans-serif; font-size:17px;color:var(--bbm5-black);font-weight:600;position:relative;line-height:1.3; } .bbm5-page .bbm5-faq-q:hover{color:var(--bbm5-gold-dark)} .bbm5-page .bbm5-faq-q::after{ content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%); font-size:22px;color:var(--bbm5-gold);font-weight:400;transition:transform .25s; } .bbm5-page .bbm5-faq-item.open .bbm5-faq-q::after{transform:translateY(-50%) rotate(45deg)} .bbm5-page .bbm5-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease} .bbm5-page .bbm5-faq-a-inner{ padding:0 0 24px;font-size:15px;line-height:1.65;color:var(--bbm5-body);max-width:780px; } .bbm5-page .bbm5-faq-item.open .bbm5-faq-a{max-height:600px} /* ====== FINAL CTA ====== */ .bbm5-page .bbm5-final-cta{ padding:140px 0;text-align:center;background:var(--bbm5-cream-2); border-top:1px solid var(--bbm5-line-light); } .bbm5-page .bbm5-final-cta h2{ font-family:'Source Serif 4',serif;font-size:clamp(48px,6vw,80px); font-weight:500;color:var(--bbm5-black);line-height:1.05;margin-bottom:24px;letter-spacing:-.02em; } .bbm5-page .bbm5-final-cta h2 .italic{font-style:italic;font-weight:400} .bbm5-page .bbm5-final-cta p{ font-family:'Source Serif 4',serif;font-size:20px;color:var(--bbm5-muted); margin:0 auto 40px;max-width:560px; } /* ====== BOTÕES PILL ====== */ .bbm5-page .bbm5-pill-btn{ display:inline-block;padding:14px 28px;border:1px solid var(--bbm5-black); border-radius:999px;color:var(--bbm5-black);text-decoration:none; font-size:14px;font-weight:600;transition:all .2s;background:transparent;cursor:pointer; } .bbm5-page .bbm5-pill-btn:hover{background:var(--bbm5-black);color:#fff} .bbm5-page .bbm5-pill-btn-filled{background:var(--bbm5-black);color:#fff} .bbm5-page .bbm5-pill-btn-filled:hover{background:#000} .bbm5-page .bbm5-pill-btn-lg{padding:18px 40px;font-size:15px;margin-top:0} /* ====== RESPONSIVO ====== */ @media(max-width:1000px){ .bbm5-page .bbm5-container{padding:0 24px} .bbm5-page .bbm5-hero{padding:140px 0 64px} .bbm5-page .bbm5-hero-grid{grid-template-columns:1fr;gap:40px} .bbm5-page .bbm5-hero-image{max-width:480px;margin:0 auto} .bbm5-page .bbm5-hero-cards{grid-template-columns:1fr} .bbm5-page .bbm5-video-wrap{height:360px} .bbm5-page .bbm5-play-button{width:72px;height:72px} .bbm5-page .bbm5-play-button::after{ border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent; } .bbm5-page .bbm5-why-grid{grid-template-columns:1fr;gap:24px} .bbm5-page .bbm5-programs{padding:64px 0} .bbm5-page .bbm5-programs-header{grid-template-columns:1fr;gap:24px} .bbm5-page .bbm5-program-grid{grid-template-columns:1fr} .bbm5-page .bbm5-why-uni-section{padding:64px 0} .bbm5-page .bbm5-why-uni-grid{grid-template-columns:1fr;gap:32px} .bbm5-page .bbm5-why-uni-media{min-height:320px} .bbm5-page .bbm5-steps-grid{grid-template-columns:1fr 1fr;gap:24px} .bbm5-page .bbm5-participar-grid{grid-template-columns:1fr;gap:32px} .bbm5-page .bbm5-participar-item{grid-template-columns:60px 1fr;gap:16px} .bbm5-page .bbm5-participar-num{font-size:36px} .bbm5-page .bbm5-experience-gallery{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px} .bbm5-page .bbm5-experience-img:nth-child(1){grid-row:auto;grid-column:span 2} }