/**
 * Rediseño funnel Programa Ejecutivo 2026 (12763)
 * (Otras Capacitaciones tuvo el mismo CSS hasta el 02-09-2026; ahora usa oc-funnel.css con su paleta)
 * Mismo sistema que el PCC (Figma) pero en azul AAPAS:
 * azul #0a509b, formas #2e6cb2, celeste CTA #00c0ff, fills claros #d9f1ff, navy #06305e
 */

/* ---------- Header: formas orgánicas sobre el fondo azul ---------- */
.postid-12763 .bwf-section-4142e70c {
    position: relative;
    overflow: hidden;
}
.postid-12763 .bwf-section-4142e70c::before,
.postid-12763 .bwf-section-4142e70c::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 90px solid #2e6cb2;
    pointer-events: none;
}
.postid-12763 .bwf-section-4142e70c::before {
    width: 640px;
    height: 640px;
    top: -320px;
    left: -180px;
}
.postid-12763 .bwf-section-4142e70c::after {
    width: 900px;
    height: 900px;
    right: -300px;
    bottom: -520px;
}
.postid-12763 .bwf-section-4142e70c > .bwf-col {
    position: relative;
    z-index: 1;
}

/* ---------- Top bar ---------- */
.postid-12763 .bwf-section-7c018712 .wp-block-image img {
    max-width: 90px;
    height: auto;
}
.postid-12763 .bwf-section-7c018712 a {
    color: #ffffff;
    text-decoration: none;
}
.postid-12763 .bwf-section-7c018712 a:hover {
    text-decoration: underline;
}
/* Volver (PE): flecha en lugar del check */
.postid-12763 .bwf-icon-list-wrap.bwf-list-89f888c4 .bwf-icon-list .bwf-icon-inner-svg {
    display: none !important;
}
.postid-12763 .bwf-list-89f888c4 .bwf-icon-list-text a::before {
    content: "\2190\00a0";
}

/* ---------- Hero ---------- */
.postid-12763 .pcc-hero-foto img {
    max-width: 440px;
    width: 100%;
    height: auto;
}
/* Rayitas decorativas del theme sobre los títulos del hero */
.postid-12763 .bwf-adv-heading::before,
.postid-12763 .bwf-adv-heading::after {
    display: none !important;
}

/* ---------- Card del formulario ---------- */
.postid-12763 .wfacp-form-control,
.postid-12763 select.wfacp-form-control {
    border-radius: 10px;
}

/* Botón principal pill, candado navy */
.postid-12763 #place_order {
    border-radius: 999px !important;
    font-weight: 600;
    box-shadow: none;
}
.postid-12763 #wfacp-e-form #place_order:before {
    color: #06305e !important;
}

/* Botón Aplicar cupón: pill celeste claro con borde azul */
.postid-12763 #wfacp-e-form button.wfacp-coupon-btn,
.postid-12763 #wfacp-e-form button.wfacp-coupon-field-btn {
    border-radius: 999px !important;
    background-color: #d9f1ff !important;
    color: #0a509b !important;
    border: 1.5px solid #0a509b !important;
    font-weight: 500;
}
.postid-12763 #wfacp-e-form button.wfacp-coupon-btn:hover,
.postid-12763 #wfacp-e-form button.wfacp-coupon-field-btn:hover {
    background-color: #b3e4ff !important;
}
.postid-12763 #wfacp-e-form button.wfacp-coupon-btn:disabled,
.postid-12763 #wfacp-e-form button.wfacp-coupon-field-btn:disabled {
    background-color: #eaf6ff !important;
    color: #7fa6c9 !important;
    border-color: #b5d5ec !important;
}

/* Campo cupón pill */
.postid-12763 .wfacp_coupon_field_input {
    border-radius: 24px !important;
    padding-left: 18px;
}

/* Uploader de credencial: pill blanco con borde azul */
.postid-12763 .alg_checkout_files_upload_button {
    background: #ffffff !important;
    color: #0a509b !important;
    border: 1.5px solid #0a509b !important;
    border-radius: 999px !important;
    padding: 8px 22px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
}
.postid-12763 .alg_checkout_files_upload_button:hover {
    background: #d9f1ff !important;
}

/* Radios y checkboxes en azul */
.postid-12763 .wfacp_main_form input[type="radio"],
.postid-12763 .wfacp_main_form input[type="checkbox"] {
    accent-color: #0a509b;
}
.postid-12763 .wfacp-product-switch-panel {
    border-radius: 10px;
    overflow: hidden;
}

/* ---------- Paleta azul dentro de la card ----------
   FunnelKit pinta el form con reglas .wfacp-checkout-form-block.wfacp-XXXX #wfacp-e-form,
   por eso acá se usa .postid + #wfacp-e-form + !important para ganarles. */

/* Títulos de sección (Programas / Productor / Pago) en navy */
.postid-12763 #wfacp-e-form .wfacp_section_heading {
    color: #06305e !important;
}

/* Links del form (política de privacidad, resumen mobile): azul en vez del salmón del theme */
.postid-12763 #wfacp-e-form a,
.postid-12763 #wfacp-e-form .wfacp_summary_link {
    color: #0a509b !important;
}
.postid-12763 #wfacp-e-form a:hover {
    color: #06305e !important;
}

/* Programa seleccionado: celeste claro con borde azul (antes gris neutro) */
.postid-12763 #wfacp-e-form .wfacp_product_row {
    transition: background-color .15s ease, border-color .15s ease;
}
.postid-12763 #wfacp-e-form .wfacp_product_row.wfacp-selected-product {
    background-color: #eaf6ff !important;
    border-color: #9fd3f5 !important;
}
.postid-12763 #wfacp-e-form .wfacp_product_row.wfacp-selected-product .wfacp_product_choosen_label {
    color: #06305e !important;
}

/* Foco de inputs y selects: borde azul (también el campo cupón, que FunnelKit dejaba en negro) */
.postid-12763 #wfacp-e-form .wfacp-form-control:focus,
.postid-12763 #wfacp-e-form select.wfacp-form-control:focus {
    border-color: #0a509b !important;
    box-shadow: 0 0 0 1px #0a509b !important;
    outline: none !important;
}

/* Resumen de pedido colapsable (mobile): fondo celeste claro */
.postid-12763 #wfacp-e-form .wfacp_mb_mini_cart_wrap .wfacp_mb_cart_accordian,
.postid-12763 #wfacp-e-form .wfacp_mb_mini_cart_sec_accordion_content {
    background-color: #eaf6ff !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    .postid-12763 .pcc-hero-foto img {
        max-width: 280px;
    }
    .postid-12763 .bwf-section-4142e70c::before {
        width: 420px;
        height: 420px;
        top: -240px;
        left: -160px;
        border-width: 60px;
    }
    .postid-12763 .bwf-section-4142e70c::after {
        width: 560px;
        height: 560px;
        right: -260px;
        bottom: -360px;
        border-width: 60px;
    }
}