/* OPTIMIZED MOBILE-FIRST CSS */
*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
body{background:#0a0a0a;color:#fff;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;display:block}
.container{max-width:1100px;margin:0 auto;padding:clamp(16px,4vw,24px)}
header{text-align:center;padding:clamp(28px,6vw,44px) 16px clamp(24px,5vw,36px)}
.headline{font-size:clamp(1.45rem,5vw,2.1rem);line-height:1.1;font-weight:800;letter-spacing:-0.02em;margin-bottom:12px}
.headline span{color:#8b5cf6;display:block}
.subheadline{font-size:clamp(0.92rem,2.2vw,1rem);line-height:1.5;max-width:700px;margin:0 auto;color:#d0d0d0;padding:0 12px}
.subheadline strong{font-weight:600;color:#fff}
.video-wrapper{width:100%;margin:clamp(28px,5vw,36px) auto clamp(16px,3vw,24px);border-radius:12px;overflow:hidden;max-width:520px}
.video-box{width:100%;height:auto;margin:0;aspect-ratio:4/5;border-radius:0;overflow:hidden;background:#000;position:relative}
.video-box iframe{width:100%;height:100%;border:0;display:block}
.white-box{background:#fff;color:#333;border-radius:14px;padding:clamp(18px,4vw,26px);margin-top:clamp(20px,5vw,32px)}
.testimonials-section{background:linear-gradient(145deg,#120b22 0%,#0d0a18 70%,#0a0814 100%);color:#f5f1ff;border:1px solid rgba(255,255,255,0.06);box-shadow:0 12px 36px rgba(0,0,0,0.28);}
.testimonials-section .fb-title{color:#e6c341;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,4vw,32px);align-items:flex-start}
.image-box{width:100%;display:flex;justify-content:center}
.image-box img{width:100%;border-radius:12px}
.bio{text-align:center;width:100%;max-width:600px;margin:0 auto;padding:clamp(12px,3vw,18px) clamp(12px,3vw,14px)}
.bio img{width:clamp(110px,20vw,140px);height:clamp(110px,20vw,140px);border-radius:50%;object-fit:cover;margin:0 auto 14px;object-position:50% 15%}
.bio .rabino-photo{width:clamp(120px,22vw,140px);height:clamp(120px,22vw,140px);margin:0 auto 16px}
.bio h2{font-size:clamp(1.3rem,4.5vw,1.8rem);margin-bottom:12px;color:#000;font-weight:800}
.bio p{font-size:clamp(0.88rem,2vw,0.93rem);color:#555;line-height:1.65}
.fb-title{text-align:center;color:#d4af37;font-size:clamp(1.1rem,4vw,1.3rem);margin-bottom:16px;font-weight:700}
.testimonials{display:flex;flex-direction:column;gap:14px;width:100%;max-width:960px;margin:0 auto;padding:clamp(16px,4vw,22px);background:rgba(255,255,255,0.02);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.18);backdrop-filter:blur(2px)}
.testimonial{display:flex;gap:14px;padding:14px 16px;background:linear-gradient(160deg,rgba(38,27,68,0.92) 0%,rgba(31,22,52,0.94) 60%,rgba(25,18,44,0.96) 100%);border-radius:12px;align-items:flex-start;box-shadow:0 4px 16px rgba(0,0,0,0.24);border:1px solid rgba(255,255,255,0.06)}
.testimonial-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(230,195,65,0.5)}
.testimonial strong{display:block;font-size:0.94rem;color:#fdf9ff;margin-bottom:4px;font-weight:700}
.testimonial p{font-size:0.86rem;color:#dcd3f5;margin:0;line-height:1.62}
.logo-rail{overflow:hidden;padding:clamp(16px,3vw,20px) 0;margin-top:18px;background:0}
.logo-track{display:flex;gap:clamp(20px,3vw,32px);align-items:center;will-change:transform;animation:scroll-left 25s linear infinite}
.logo-item{flex:0 0 auto;width:clamp(85px,16vw,120px);height:clamp(44px,9vw,56px);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.12);border-radius:10px;transition:transform 0.15s,border-color 0.15s,box-shadow 0.15s;border:1px solid rgba(255,255,255,0.22);box-shadow:0 8px 18px rgba(0,0,0,0.25)}
.logo-item img{max-width:88%;max-height:88%;border-radius:4px;opacity:1;transition:opacity 0.15s;filter:none}
.logo-item:hover{transform:translateY(-2px);border-color:rgba(230,195,65,0.5);box-shadow:0 10px 22px rgba(0,0,0,0.3)}
.logo-item:hover img{opacity:1}
.logos-grid img{opacity:1;filter:none}
.logos-section{background:linear-gradient(135deg,#0f0b1f 0%,#0b0a12 100%);box-shadow:0 14px 32px rgba(0,0,0,0.32);border:1px solid rgba(255,255,255,0.04)}
.logos-title{text-align:center;color:#e6c341;font-size:clamp(1.05rem,4vw,1.35rem);margin-bottom:18px;font-weight:800;text-transform:uppercase;letter-spacing:0.6px}
.logo-caption{color:#e7e1ff;text-align:center;margin-top:18px;font-size:clamp(0.9rem,2vw,1rem);line-height:1.65;max-width:100%}
.logo-item{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2)}
.logo-item img{opacity:1}
.notice-section{background:linear-gradient(145deg,#100c1d 0%,#0c0a14 100%);padding:0;border:1px solid rgba(255,255,255,0.06);margin-top:20px;box-shadow:0 10px 28px rgba(0,0,0,0.24);border-radius:14px}
.legal-accordion{list-style:none;margin:0;padding:0}
.legal-accordion summary{cursor:pointer;padding:clamp(11px,2vw,14px) clamp(14px,3vw,16px);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;transition:background 0.15s,border-color 0.15s;user-select:none;font-size:0.92rem;font-weight:650;color:#f4f0ff}
.legal-accordion summary:hover{background:rgba(255,255,255,0.07);border-color:rgba(230,195,65,0.4)}
.legal-accordion[open] summary{background:rgba(230,195,65,0.08);border-color:rgba(230,195,65,0.65);color:#fef8e3}
.legal-icon{font-size:1rem;opacity:0.9;flex-shrink:0;color:#e6c341}
.legal-label{flex:1;text-align:left}
.legal-accordion summary::after{content:'';width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6c341' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;flex-shrink:0;transition:transform 0.15s;margin-left:auto}
.legal-accordion[open] summary::after{transform:rotate(180deg)}
.legal-content{padding:clamp(14px,3vw,18px);background:rgba(15,12,29,0.85);border:1px solid rgba(255,255,255,0.08);border-top:0;border-radius:0 0 10px 10px}
.legal-content p{font-size:0.86rem;color:#e1dcf7;line-height:1.6;margin:0 0 10px 0}
.legal-content p:last-child{margin-bottom:0}
footer{text-align:center;font-size:0.75rem;color:#888;padding:20px 16px;margin-top:32px;border-top:1px solid #222}
.cta,.cta a,.cta-btn,.fb-section,.fb-box,.notice{display:none}
@keyframes scroll-left{from{transform:translateX(0)} to{transform:translateX(-50%)}}

/* MOBILE - até 480px */
@media(max-width:480px){
.video-wrapper{margin:clamp(24px,4vw,28px) auto;padding:0 8px;max-width:calc(100% - 16px)}
.grid{gap:clamp(16px,3vw,20px)}
.video-box{aspect-ratio:4/5}
.testimonial{padding:12px}
}

/* TABLET - 481px a 767px */
@media(min-width:481px) and (max-width:767px){
.video-wrapper{margin:clamp(28px,5vw,32px) auto;max-width:480px}
.grid{gap:clamp(24px,4vw,28px)}
}

/* DESKTOP - 768px+ */
@media(min-width:768px){
.grid{grid-template-columns:1.1fr 1fr;gap:clamp(36px,5vw,52px);align-items:center}
.image-box{width:100%;max-width:100%;display:flex;justify-content:center}
.image-box img{max-width:100%;width:100%}
.video-wrapper{margin:0 auto;max-width:520px;width:100%}
.video-box{aspect-ratio:4/5;border-radius:12px}
.bio{text-align:left;padding:clamp(16px,3vw,20px);margin:0}
.bio h2{text-align:left;font-size:clamp(1.5rem,3.5vw,1.8rem)}
.bio p{text-align:left;font-size:clamp(0.9rem,1.8vw,0.95rem)}
}

/* LARGE SCREENS - 1200px+ */
@media(min-width:1200px){
.grid{gap:48px;grid-template-columns:1.2fr 1fr}
.fb-title{font-size:1.4rem}
}