/* =========================================================
   Formulario público de postulaciones — Impulsar Talento
   Misma identidad que el panel admin: petróleo + terracota, Poppins
   ========================================================= */

.pm-form-wrap {
    --pm-primary: #2F4858;
    --pm-primary-dark: #1F323D;
    --pm-primary-light: #4C6F80;
    --pm-accent: #D98E4A;
    --pm-accent-dark: #C97B33;
    --pm-bg: #F7F5F2;
    --pm-card: #FFFFFF;
    --pm-border: #E6E1D8;
    --pm-text: #2B2B2B;
    --pm-muted: #7C7669;
    --pm-teal: #45AFB0;
    --pm-teal-dark: #368B8C;

    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--pm-text);
    max-width: 820px;
    margin: 0 auto;
}

.pm-alert {
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
}
.pm-alert-success { background: rgba(76, 140, 107, 0.12); color: #2F6B4B; border: 1px solid rgba(76, 140, 107, 0.3); }
.pm-alert-error { background: rgba(201, 84, 84, 0.1); color: #9C3B3B; border: 1px solid rgba(201, 84, 84, 0.3); }

.pm-hp { position: absolute; left: -9999px; top: -9999px; }

.pm-form-section {
    background: var(--pm-card);
    border: 1px solid var(--pm-border);
    border-radius: 14px;
    padding: 24px 26px;
    margin-bottom: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

.pm-form-section h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--pm-primary-dark);
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--pm-border);
}
.pm-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--pm-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}

.pm-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
}
.pm-field-full { grid-column: 1 / -1; }

.pm-field { display: flex; flex-direction: column; gap: 6px; }
.pm-field label {
    font-size: 13px;
    font-weight: 500;
    color: var(--pm-primary-dark);
}

.pm-field input[type="text"],
.pm-field input[type="tel"],
.pm-field input[type="email"],
.pm-field input[type="url"],
.pm-field input[type="date"],
.pm-field select,
.pm-field textarea {
    font-family: inherit;
    font-size: 14px;
    padding: 10px 12px;
    border: 1px solid var(--pm-border);
    border-radius: 8px;
    background: var(--pm-bg);
    color: var(--pm-text);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.pm-field textarea { resize: vertical; }
.pm-field input:focus,
.pm-field select:focus,
.pm-field textarea:focus {
    outline: none;
    border-color: var(--pm-primary-light);
    box-shadow: 0 0 0 3px rgba(76, 111, 128, 0.15);
    background: #fff;
}

.pm-field input[type="file"] {
    font-family: inherit;
    font-size: 13px;
    padding: 8px;
    border: 1px dashed var(--pm-border);
    border-radius: 8px;
    background: var(--pm-bg);
}

.pm-char-count {
    align-self: flex-end;
    font-size: 11px;
    color: var(--pm-muted);
}

.pm-radio-group { display: flex; flex-wrap: wrap; gap: 8px; }
.pm-radio-pill {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--pm-border);
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 13px;
    cursor: pointer;
    background: var(--pm-bg);
    transition: all 0.15s;
}
.pm-radio-pill:has(input:checked) {
    background: var(--pm-primary);
    border-color: var(--pm-primary);
    color: #fff;
}
.pm-radio-pill input { accent-color: var(--pm-accent); }

.pm-form-submit { text-align: center; margin-top: 8px; }
.pm-form-wrap .pm-submit-btn,
.pm-form-wrap button.pm-submit-btn,
.pm-form-wrap input.pm-submit-btn[type="submit"] {
    display: block !important;
    width: 100% !important;
    background: var(--pm-teal) !important;
    background-color: var(--pm-teal) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 15px 24px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    line-height: normal !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    transition: background 0.15s !important;
}
.pm-form-wrap .pm-submit-btn:hover,
.pm-form-wrap .pm-submit-btn:focus {
    background: var(--pm-teal-dark) !important;
    background-color: var(--pm-teal-dark) !important;
    color: #fff !important;
}

@media (max-width: 640px) {
    .pm-form-grid { grid-template-columns: 1fr; }
    .pm-form-section { padding: 18px 16px; }
}

.pm-thankyou {
    text-align: center;
    padding: 20px 10px 10px;
}
.pm-thankyou-img {
    max-width: 100%;
    border-radius: 14px;
    margin-bottom: 24px;
    display: block;
}
.pm-thankyou-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--pm-primary);
    margin: 0 0 12px;
}
.pm-thankyou-text {
    font-size: 15px;
    color: var(--pm-muted);
    line-height: 1.6;
    max-width: 480px;
    margin: 0 auto;
}