/**
 * Funnel Otras Capacitaciones (checkout FunnelKit id 16101)
 * Calco del diseño del PCC (pcc-funnel.css) con la paleta "COMUNICACIÓN"
 * que pasó Manuel el 02-09-2026:
 *   naranja #f28705 (hero y acción principal), textos del hero en blanco,
 *   azul #014593 (títulos de la card, botón secundario), naranja claro #f2a74b (programa elegido),
 *   tostado #dabf84 (zona cupón).
 * Derivados: naranja hover #d57704, azul hover #013470, fondo naranja pálido
 *   #fdf1e1, fondo tostado pálido #f4ecda.
 * FunnelKit pinta el form con reglas .wfacp-checkout-form-block.wfacp-XXXX
 * #wfacp-e-form, por eso los overrides llevan #wfacp-e-form + !important.
 */

/* ---------- Header: fondo naranja con las formas del PCC ---------- */
.postid-16101 .bwf-section-4142e70c {
    position: relative;
    overflow: hidden;
    background-color: #f28705 !important;
    background-image: url(../img/oc-hero-bg.svg);
    background-repeat: no-repeat;
    background-position: center top;
    /* el viewBox del SVG (1284x500) tiene la proporción de la banda,
       estirar a 100% no deforma los círculos */
    background-size: 100% 100%;
    padding-bottom: 101px !important;
}
.postid-16101 .bwf-section-4142e70c > .bwf-col {
    position: relative;
    z-index: 1;
}

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

/* ---------- Hero (mismas medidas que el PCC) ---------- */
.postid-16101 .bwf-inner-col-9ec0f1b3 {
    padding: 4px 10px 0 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.postid-16101 .pcc-hero-sub {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    text-align: left;
    font-size: 19px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    padding-top: 12px;
    border-top: 2px solid #ffffff;
    max-width: 260px;
}
.postid-16101 .pcc-hero-sub strong { font-weight: 600; }

.postid-16101 .bwf-inner-col-9ec0f1e6 {
    display: flex;
    align-items: center;
}
.postid-16101 .pcc-hero-foto {
    margin: 0;
    width: 100%;
}
.postid-16101 .pcc-hero-foto img {
    width: 100%;
    max-width: 279px;
    height: auto;
}
/* Rayitas decorativas del theme sobre los títulos del hero */
.postid-16101 .bwf-adv-heading::before,
.postid-16101 .bwf-adv-heading::after {
    display: none !important;
}

/* La card pisa la banda naranja ~120px, como en el PCC */
.postid-16101 .bwf-section-wrap .bwf-col .bwf-inner-col.bwf-inner-col-cf3ad3e7 {
    margin-top: -114px;
}

/* ---------- Card del formulario ---------- */
.postid-16101 .wfacp-form-control,
.postid-16101 select.wfacp-form-control,
.postid-16101 .wfacp_main_form .woocommerce-input-wrapper input,
.postid-16101 .wfacp_main_form .woocommerce-input-wrapper select {
    border-radius: 10px;
}

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

/* Links del form (política de privacidad, resumen mobile) */
.postid-16101 #wfacp-e-form a,
.postid-16101 #wfacp-e-form .wfacp_summary_link {
    color: #014593 !important;
}
.postid-16101 #wfacp-e-form a:hover {
    color: #f28705 !important;
}

/* Foco de inputs y selects */
.postid-16101 #wfacp-e-form .wfacp-form-control:focus,
.postid-16101 #wfacp-e-form select.wfacp-form-control:focus {
    border-color: #014593 !important;
    box-shadow: 0 0 0 1px #014593 !important;
    outline: none !important;
}

/* Botón principal: pill naranja con texto azul */
.postid-16101 #wfacp-e-form #place_order,
.postid-16101 #wfacp-e-form .wfacp-next-btn-wrap button,
.postid-16101 .wfacp_main_form button[type="submit"] {
    border-radius: 999px !important;
    font-weight: 600;
    box-shadow: none;
    background-color: #f28705 !important;
    color: #014593 !important;
    transition: background-color .15s ease;
}
.postid-16101 #wfacp-e-form #place_order:hover,
.postid-16101 #wfacp-e-form .wfacp-next-btn-wrap button:hover {
    background-color: #d57704 !important;
    color: #014593 !important;
}
.postid-16101 #wfacp-e-form #place_order:before {
    color: #014593 !important;
}

/* Programas: fila elegida en naranja claro, radios naranja */
.postid-16101 #wfacp-e-form .wfacp_product_row {
    transition: background-color .15s ease, border-color .15s ease;
}
.postid-16101 #wfacp-e-form .wfacp_product_row.wfacp-selected-product {
    background-color: #fdf1e1 !important;
    border-color: #f2a74b !important;
}
.postid-16101 #wfacp-e-form .wfacp_product_row.wfacp-selected-product .wfacp_product_choosen_label {
    color: #014593 !important;
}
.postid-16101 .wfacp_main_form input[type="radio"],
.postid-16101 .wfacp_main_form input[type="checkbox"] {
    accent-color: #f28705;
}
/* FunnelKit dibuja el radio a mano (appearance:none): borde grueso + punto ::before */
.postid-16101 #wfacp-e-form .wfacp_main_form input.wfacp_product_switch[type="radio"]:checked {
    border-color: #f28705 !important;
}
.postid-16101 #wfacp-e-form .wfacp_main_form input.wfacp_product_switch[type="radio"]:checked::before {
    background-color: #f28705 !important;
}
.postid-16101 .wfacp-product-switch-panel {
    border-radius: 10px;
    overflow: hidden;
}

/* Medio de pago elegido: radio en azul */
.postid-16101 #wfacp-e-form #payment li.wc_payment_method input.input-radio:checked {
    border-color: #014593 !important;
}
.postid-16101 #wfacp-e-form #payment li.wc_payment_method input.input-radio:checked::before {
    background-color: #014593 !important;
}

/* Cupón: campo pill y botón Aplicar en tostado */
.postid-16101 .wfacp_coupon_field_input {
    border-radius: 24px !important;
    padding-left: 18px;
}
.postid-16101 #wfacp-e-form button.wfacp-coupon-btn,
.postid-16101 #wfacp-e-form button.wfacp-coupon-field-btn {
    border-radius: 999px !important;
    background-color: #f4ecda !important;
    color: #014593 !important;
    border: 1.5px solid #dabf84 !important;
    font-weight: 500;
}
.postid-16101 #wfacp-e-form button.wfacp-coupon-btn:hover,
.postid-16101 #wfacp-e-form button.wfacp-coupon-field-btn:hover {
    background-color: #dabf84 !important;
}
.postid-16101 #wfacp-e-form button.wfacp-coupon-btn:disabled,
.postid-16101 #wfacp-e-form button.wfacp-coupon-field-btn:disabled {
    background-color: #faf6ec !important;
    color: #a89a78 !important;
    border-color: #e6d9b8 !important;
}

/* Uploader de credencial (por si se activa en OC): pill blanco con borde azul */
.postid-16101 .alg_checkout_files_upload_button {
    background: #ffffff !important;
    color: #014593 !important;
    border: 1.5px solid #014593 !important;
    border-radius: 999px !important;
    padding: 8px 22px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
}
.postid-16101 .alg_checkout_files_upload_button:hover {
    background: #fdf1e1 !important;
}

/* Resumen de pedido colapsable (mobile): fondo tostado pálido */
.postid-16101 #wfacp-e-form .wfacp_mb_mini_cart_wrap .wfacp_mb_cart_accordian,
.postid-16101 #wfacp-e-form .wfacp_mb_mini_cart_sec_accordion_content {
    background-color: #f4ecda !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) and (min-width: 768px) {
    .postid-16101 .pcc-hero-sub {
        font-size: 17px;
        line-height: 23px;
        max-width: 240px;
    }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    /* En vertical el SVG estirado deformaría los círculos: se recorta */
    .postid-16101 .bwf-section-4142e70c {
        background-size: auto 100%;
        background-position: 38% top;
        padding-bottom: 76px !important;
    }

    /* Top bar en una sola fila: Volver | logo | Pago Seguro.
       body + .bwf-section-wrap para ganarle al flex-direction: column !important del bloque. */
    body.postid-16101 .bwf-section-wrap.bwf-section-7c018712 > .bwf-col {
        flex-direction: row !important;
        align-items: center;
        flex-wrap: nowrap;
    }
    body.postid-16101 .bwf-section-wrap.bwf-section-7c018712 > .bwf-col > .bwf-inner-col {
        flex: 1 1 0 !important;
        width: auto !important;
        padding: 8px 4px !important;
        margin: 0 !important;
    }
    .postid-16101 .bwf-list-c3fae38d .bwf-icon-list {
        margin: 0 !important;
        justify-content: flex-end;
    }
    .postid-16101 .bwf-section-7c018712 .bwf-icon-list-text {
        font-size: 13px !important;
    }
    .postid-16101 .bwf-section-7c018712 .wp-block-image img {
        max-width: 62px;
    }

    /* Hero apilado y centrado */
    .postid-16101 .bwf-inner-col-9ec0f1b3 {
        align-items: center;
        text-align: center;
        padding: 0 4px !important;
    }
    .postid-16101 .pcc-hero-sub {
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        border-top: none;
        padding-top: 4px;
        max-width: 300px;
        margin: 0 auto;
    }
    .postid-16101 .pcc-hero-foto img {
        max-width: 220px;
        margin: 0 auto;
    }
    .postid-16101 .bwf-inner-col-9ec0f1e6 {
        justify-content: center;
    }

    /* La card casi no pisa la banda en mobile */
    .postid-16101 .bwf-section-wrap .bwf-col .bwf-inner-col.bwf-inner-col-cf3ad3e7 {
        margin-top: -40px;
    }
}