:root{
    --brand:#f57c00;
    --brand-dark:#e65100;
    --brand-light:#fff3e0;
    --ink:#2b2b2b;
    --muted:#6b6b6b;
    --bg:#f4f5f7;
    --card:#ffffff;
    --radius:16px;
    --shadow:0 10px 30px rgba(17,17,26,.06), 0 4px 12px rgba(17,17,26,.05);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:"Segoe UI", Arial, sans-serif;
    background:var(--bg);
    color:var(--ink);
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

/* HEADER */

.site-header{
    background:linear-gradient(135deg,#ff9800 0%,#f57c00 45%,#e65100 100%);
    color:#fff;
    padding:16px 20px;
    box-shadow:var(--shadow);
}

.header-inner{
    max-width:1200px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    text-align:center;
}

.logo-img{
    height:48px;
    width:auto;
    display:block;
}

.logo-fallback{
    display:none;
    font-size:1.6rem;
    font-weight:800;
    letter-spacing:.5px;
}

.header-title{
    font-size:1.1rem;
    font-weight:600;
}

/* MAIN */

.container{
    flex:1;
    width:min(1100px, 100%);
    margin:0 auto;
    padding:24px 16px 40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;
}

.info-panel{
    background:var(--card);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:12px 14px;
    text-align:center;
    width:100%;
}

.processo{
    color:var(--muted);
    font-size:19px;
    margin-bottom:5px;
}

.processo strong{
    color:var(--brand-dark);
}

.mensagem{
    font-size:19px;
    line-height:1.35;
    color:var(--ink);
    font-weight:700;
}

/* VIDEO */

.video-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
}

.video-aspect{
    position:relative;
    width:100%;
    max-width:770px;
    aspect-ratio:16/9;
    min-height:35vh;
    background:#000;
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
}

.video-aspect iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
}

.aguardando-panel{
    width:100%;
    max-width:770px;
    min-height:35vh;
    background:var(--card);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    align-items:center;
    justify-content:center;
    padding:20px;
    text-align:center;
}

.aguardando-panel p{
    font-size:1.1rem;
    color:var(--brand-dark);
    font-weight:600;
    line-height:1.4;
}

/* FOOTER */

.site-footer{
    text-align:center;
    padding:16px;
    color:var(--muted);
    font-size:.85rem;
}

/* RESPONSIVE */

@media (min-width:768px){
    .header-inner{
        justify-content:flex-start;
        text-align:left;
    }
}

@media (max-width:480px){
    .video-aspect,
    .aguardando-panel{
        min-height:39vw;
    }
}