﻿/* ===== PÁGINA PARCEIROS ===== */
#pc {
    --pc-navy:#1A0B5C; --pc-rosa:#FF0099; --pc-azul:#1F1FA3;
    --pc-seta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12h26M21 6l7 6-7 6'/%3E%3C/svg%3E");
    font-family:'Ubuntu', sans-serif; color:#333;
}
/* descida suave até ao formulário (respeita quem desactiva animações) */
@media (prefers-reduced-motion:no-preference) { html { scroll-behavior:smooth; } }

#pc h1, #pc h2, #pc p, #pc ul, #pc ol { margin:0; padding:0; font-family:'Ubuntu', sans-serif; text-align:left; }
#pc ul, #pc ol { list-style:none; }
#pc section { padding:50px 0; }

/* botão rosa */
#pc .pc-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:3 10px; padding:12px 30px;
    background:var(--pc-rosa); color:#fff; border:1px solid var(--pc-rosa); border-radius:2px;
    font-size:13px; font-weight:500; text-decoration:none; transition:.3s;
}
#pc .pc-btn::after, #pc .pc-enviar::after { content:""; width:20px; height:14px; background:currentColor; transition:transform .3s;
    -webkit-mask:var(--pc-seta) center/contain no-repeat; mask:var(--pc-seta) center/contain no-repeat;}
#pc .pc-btn:hover { background:transparent; color:var(--pc-rosa); text-decoration:none; }
#pc .pc-btn:hover::after { transform:translateX(4px); }

/* ----- HERO ----- */
#pc .pc-hero { padding:90px 0 30px; }
#pc .pc-hero-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:40px; align-items:center; }
#pc .pc-hero h1 { margin-bottom:20px; font-size:44px; font-weight:700; line-height:1.12; color:var(--pc-navy); }
#pc .pc-hero p { max-width:440px; margin-bottom:26px; font-size:15px; font-weight:300; line-height:1.6; color:#222; }
#pc .pc-hero-img img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; border-radius:24px; }

/* ----- PORQUÊ / COMO FUNCIONA ----- */
#pc .pc-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; }
#pc .pc-info h2 { max-width:360px; margin-bottom:30px; font-size:32px; font-weight:400; line-height:1.2; color:#333; }
#pc .pc-lista li { position:relative; margin-bottom:18px; padding-left:16px; font-size:14px; font-weight:300; color:#222; }
#pc .pc-lista li::before { content:""; position:absolute; left:2px; top:.6em; width:4px; height:4px; border-radius:50%; background:#222; }
#pc .pc-passos li { display:flex; align-items:center; gap:10px; margin-bottom:12px; font-size:14px; font-weight:300; color:#222; }
#pc .pc-passos li span {
    flex:0 0 26px; display:flex; align-items:center; justify-content:center; height:26px;
    border-radius:50%; background:var(--pc-azul); color:#fff; font-size:11px; font-weight:700;
}

/* ----- FORMULÁRIO ----- */
#pc .pc-form-sec { padding-top:20px; padding-bottom:80px; }
#pc .pc-card {
    max-width:820px; margin:0 auto; padding:32px 36px 36px; background:#fff;
    border:1px solid #DDD; border-radius:24px; scroll-margin-top:100px;   /* compensa o menu no topo */
}
#pc .pc-card h2 { margin-bottom:6px; font-size:30px; font-weight:500; color:#333; }
#pc .pc-sub { margin-bottom:26px; font-size:13px; font-weight:300; color:#333; }
#pc .pc-grupo { margin-bottom:20px; }
#pc .pc-label { display:block; margin-bottom:8px; font-size:15px; font-weight:500; color:#222; }
#pc .obrig { color:#D32F2F; }

#pc .campo {
    display:block; width:100%; height:40px; padding:0 18px; background:#fff;
    border:1px solid #BDBDBD; border-radius:20px; font-family:'Ubuntu', sans-serif; font-size:13px; color:#222;
    transition:border-color .2s, box-shadow .2s;
}
#pc .campo::placeholder { color:#BDBDBD; }
#pc .campo:focus { outline:0; border-color:var(--pc-azul); box-shadow:0 0 0 3px rgba(31,31,163,.12); }

#pc .pc-select {
    -webkit-appearance:none; appearance:none; padding-right:44px; cursor:pointer;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center / 16px;
}
#pc .pc-textarea { height:auto; min-height:150px; padding:14px 18px; border-radius:8px; resize:vertical; }

#pc .pc-linha { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }

/* tipo de parceiro */
#pc .pc-radios ul { margin:0; padding:0; list-style:none; }
#pc .pc-radios li { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
#pc .pc-radios input { width:16px; height:16px; margin:0; accent-color:var(--pc-azul); cursor:pointer; }
#pc .pc-radios label { margin:0; font-size:13px; font-weight:300; color:#333; cursor:pointer; }

/* anti-spam */
#pc .pc-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

#pc .pc-erro { display:block; margin-top:6px; padding:10px 14px; border-radius:8px; background:#FDECEC; color:#B3261E; font-size:13px; }

/* botão Enviar (desactivado até o formulário estar preenchido) */
#pc .pc-enviar {
    display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:40px; margin-top:24px;
    border:0; border-radius:4px; background:var(--pc-azul); color:#fff;
    font-family:'Ubuntu', sans-serif; font-size:13px; font-weight:500; cursor:pointer; transition:background .3s, opacity .3s;
}
#pc .pc-enviar:hover:not(:disabled) { background:#14147a; }
#pc .pc-enviar:hover:not(:disabled)::after { transform:translateX(4px); }
#pc .pc-enviar:disabled { opacity:.45; cursor:not-allowed; }

#pc .pc-sucesso { padding:30px 0; text-align:center; }
#pc .pc-sucesso h2, #pc .pc-sucesso p { text-align:center; }
#pc .pc-sucesso p { margin-top:10px; font-size:15px; font-weight:300; }

/* ===== RESPONSIVO ===== */
@media (max-width:992px) {
    #pc .pc-hero-grid { grid-template-columns:1fr; gap:30px; }
    #pc .pc-hero h1 { font-size:36px; }
}
@media (max-width:768px) {
    #pc section { padding:36px 0; }
    #pc .pc-info-grid { grid-template-columns:1fr; gap:36px; }
    #pc .pc-info h2 { font-size:26px; }
    #pc .pc-linha { grid-template-columns:1fr; }
    #pc .pc-card { padding:24px 20px 28px; }
    #pc .pc-card h2 { font-size:24px; }
}
@media (max-width:480px) {
    #pc .pc-hero h1 { font-size:30px; }
}