/* ===== Reset basico ===== */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
    font-family: Helvetica, Arial, sans-serif;
    background: #f0f2f5;
    color: #222;
    line-height: 1.5;
}
img { max-width: 100%; display: block; }

.container {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    padding: 0 16px;
}

/* ===== Header do portal ===== */
.header {
    background: #0c0c0c;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    position: sticky;
    top: 0;
    z-index: 50;
}
.header-left { display: flex; align-items: center; gap: 14px; }
.header-icon, .search-icon { width: 26px; height: 26px; fill: #fff; cursor: pointer; }
.logo { height: 32px; width: auto; }

/* ===== Faixa Breaking News (marquee) ===== */
.news-ticker {
    background: #cc0000;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    height: 34px;
    display: flex;
    align-items: center;
}
.news-ticker p {
    margin: 0;
    display: inline-block;
    padding-left: 100%;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    animation: ticker 28s linear infinite;
}
@keyframes ticker {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* ===== Conteudo principal ===== */
.main-content { padding-top: 16px; padding-bottom: 32px; }

/* ===== Headline ===== */
.headline {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
    color: #111;
    text-align: center;
    margin: 8px 0 10px;
}
.subheadline {
    font-size: 16px;
    color: #444;
    text-align: center;
    margin: 0 0 18px;
}
@media (max-width: 600px) {
    .headline { font-size: 22px; }
    .subheadline { font-size: 14px; }
}

.video-wrapper { width: 100%; margin: 0 auto; }
.video-placeholder {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    color: #888;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 2px dashed #444;
}

.video-caption {
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    margin: 18px 0 14px;
    color: #111;
}

/* ===== CTA revelado no pitch ===== */
#cta-container { text-align: center; margin: 0 0 22px; }
.cta-button {
    display: inline-block;
    background: #009109;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 4px 8px 1px rgba(0, 0, 0, .25);
    transition: background .2s;
}
.cta-button:hover { background: #117802; }

.content-image {
    width: 100%;
    height: auto;
    margin: 0 auto 8px;
}

/* ===== Secao de comentarios ===== */
.fbComments-YeMIFq5624766-element {
    padding: 16px;
    border-radius: 20px;
    background-color: #fff;
    margin-top: 20px;
}
.fbComments-YeMIFq5624766-element p,
.fbComments-YeMIFq5624766-element span { font-family: Helvetica, Arial, sans-serif; margin: 0; }
.fbComments-YeMIFq5624766-element .text-sm { font-weight: 500 !important; }
.fbComments-YeMIFq5624766-element p { text-align: left; }

/* utilitarios (mesmos nomes de classe do original) */
.px-1{padding-left:4px;padding-right:4px}.pt-0\.5{padding-top:2px}.mt-4{margin-top:16px}
@media (min-width:640px){.sm\:text-sm{font-size:14px;line-height:20px}}
.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.flex{display:flex}.w-full{width:100%}
.space-x-1>:not([hidden])~:not([hidden]){margin-left:.25rem}.items-center{align-items:center}
.font-\[Helvetica\]{font-family:Helvetica,Arial,sans-serif}.cursor-pointer{cursor:pointer}
.rounded-full{border-radius:99999px}.h-12{height:48px}.w-12{width:48px}.flex-col{flex-direction:column}
.py-1{padding-top:4px;padding-bottom:4px}.px-3{padding-left:12px;padding-right:12px}
.pl-0\.5,.px-0\.5{padding-left:2px}.rounded-\[18px\]{border-radius:18px}.bg-stone-100{background-color:#f5f5f4}
.px-0\.5{padding-right:2px}.font-semibold{font-weight:600}.text-\[\#365899\]{color:#365899}
.text-\[13px\]{font-size:13px}.leading-4{line-height:16px}.hover\:underline:hover{text-decoration-line:underline}
.text-sm{font-size:13px}.relative{position:relative}.justify-between{justify-content:space-between}
.grow{flex-grow:1}.text-xs{font-size:12px}.text-\[\#90949c\]{color:#90949c}.ml-px{margin-left:1px}
.gap-1{gap:4px}.w-fit{width:fit-content}.hidden{display:none}.-mt-1{margin-top:-4px}.-mt-2{margin-top:-8px}
.mr-2{margin-right:8px}.h-4,.h-5{height:16px}
.drop-shadow{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}
.bg-slate-50{background-color:#f8fafc}.py-0\.5{padding-top:2px;padding-bottom:2px}.pr-1{padding-right:4px}
.block{display:block}.w-4{width:16px}.z-10{z-index:10}.-ml-1{margin-left:-4px}.ml-4{margin-left:16px}
.gap-x-0\.5{column-gap:2px}.mr-0\.5{margin-right:2px;margin-left:2px}.border-l{border-left-width:1px}
.border-slate-300{border-color:#cbd5e1}.border-dotted{border-style:dotted}.ml-5{margin-left:20px}
.h-8{height:32px}.w-8{width:32px}.h-10{height:40px}.w-10{width:40px}
@media (min-width:640px){.sm\:w-16{width:64px}.sm\:ml-12{margin-left:48px}}
.pl-2{padding-left:8px}
.rounded-full.h-10.w-10 { flex-shrink: 0; object-fit: cover; }

/* ===== Footer ===== */
.footer {
    background: #111;
    color: #fff;
    text-align: center;
    padding: 28px 16px 24px;
    font-size: 13px;
}
.footer-links { margin-bottom: 20px; }
.footer-links a {
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    margin: 0 15px;
    transition: color 0.2s;
}
.footer-links a:hover { color: #6ea8ff; text-decoration: underline; }
.footer p { color: #999; font-size: 12px; margin: 0; }

/* ===== Responsivo ===== */
@media (max-width: 768px) {
    .footer-links a { display: block; margin: 10px 0; }
    .fbComments-YeMIFq5624766 { width: 100% !important; }
}

/* ===== Disclaimers Explodely ===== */
.footer-disclaimer { max-width: 820px; margin: 18px auto 0; text-align: left; }
.footer-disclaimer p { color: #999; font-size: 11px; line-height: 1.6; margin: 0 0 12px; }
.footer-disclaimer b { color: #bbb; }