/* Exclusivo de la selección de métodos y sus páginas de instrucciones. */
body.payment-methods { background:#fff; }
body.payment-methods .floating-whatsapp { display:none; }
body.payment-methods [hidden] { display:none !important; }
body.payment-methods .pm-wrap { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
body.payment-methods .pm-hero { background:#f5f7fa; border-bottom:1px solid #dce4ed; padding:27px 0 42px; }
body.payment-methods .pm-breadcrumb { color:#526377; font-size:11px; margin:0 0 28px; }
body.payment-methods .pm-breadcrumb a { color:inherit; text-underline-offset:3px; }
body.payment-methods .pm-eyebrow { color:#1259bd; font-size:10px; font-weight:750; letter-spacing:.14em; margin:0 0 14px; }
body.payment-methods h1 { margin:0 0 18px; max-width:850px; font-size:clamp(2.05rem,3.6vw,3.25rem); line-height:1.14; letter-spacing:-.035em; }
body.payment-methods .pm-lead { max-width:760px; color:#526377; font-size:15px; line-height:1.8; margin:0; }
body.payment-methods .pm-section { padding:42px 0 60px; }
body.payment-methods .pm-summary { display:flex; align-items:start; justify-content:space-between; gap:32px; padding:26px 30px; border:1px solid #d6e1ed; border-radius:6px; background:#fff; margin-bottom:24px; }
body.payment-methods .pm-summary h2 { font-size:24px; line-height:1.3; margin:0 0 10px; }
body.payment-methods .pm-summary p { max-width:650px; margin:0; font-size:13px; color:#526377; }
body.payment-methods .pm-amount { flex-shrink:0; text-align:right; }
body.payment-methods .pm-amount strong { display:block; color:#1259bd; font-size:32px; line-height:1.2; letter-spacing:-.035em; }
body.payment-methods .pm-amount span { display:block; font-size:12px; margin-top:8px; color:#526377; }
body.payment-methods .pm-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.payment-methods .pm-card { min-width:0; display:flex; flex-direction:column; align-items:start; padding:28px; border:1px solid #d6e1ed; border-radius:6px; background:#fff; }
body.payment-methods .pm-card h2 { font-size:24px; line-height:1.25; margin:18px 0 14px; }
body.payment-methods .pm-card h3 { font-size:19px; line-height:1.3; margin:0 0 12px; }
body.payment-methods .pm-card p { color:#526377; font-size:14px; line-height:1.8; margin:0 0 22px; }
body.payment-methods .pm-card .pm-link { margin-top:auto; }
body.payment-methods .pm-provider-logo { display:block; width:216px; max-width:100%; height:auto; object-fit:contain; }
body.payment-methods .pm-card .pm-provider-logo { margin-top:20px; }
body.payment-methods .pm-provider-heading { display:flex; align-items:center; gap:28px; margin-bottom:18px; }
body.payment-methods .pm-provider-heading .pm-provider-logo { width:192px; flex-shrink:0; }
body.payment-methods .pm-provider-heading h1 { min-width:0; margin:0; }
@media(max-width:800px) { body.payment-methods .pm-provider-heading { flex-direction:column; align-items:flex-start; gap:20px; } body.payment-methods .pm-provider-heading .pm-provider-logo { width:176px; } }
body.payment-methods .pm-number { font-size:10px; font-weight:750; color:#1259bd; letter-spacing:.12em; }
body.payment-methods .pm-link { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:13px 20px; color:#fff; background:#1259bd; border:1px solid #1259bd; border-radius:5px; font-size:13px; font-weight:700; text-decoration:none; text-align:center; cursor:pointer; line-height:1.5; }
body.payment-methods .pm-link:hover { color:#fff; background:#0c4699; }
body.payment-methods .pm-link-outline { color:#102d50; border-color:#aabbd0; background:#fff; }
body.payment-methods .pm-link-outline:hover { color:#102d50; background:#edf3fa; }
body.payment-methods .pm-text-link { color:#1259bd; font-size:13px; font-weight:650; text-underline-offset:4px; }
body.payment-methods .pm-note { color:#526377; font-size:12px; line-height:1.8; padding-left:14px; border-left:2px solid #c4d5eb; margin:22px 0; }
body.payment-methods .pm-inclusion { padding:18px 22px; border:1px solid #c4d5eb; border-radius:5px; background:#edf3fa; color:#344e6a; font-size:13px; line-height:1.8; margin-bottom:24px; }
body.payment-methods .pm-inclusion a { color:#1259bd; }
body.payment-methods .pm-method-nav { display:flex; flex-wrap:wrap; gap:14px 26px; margin:0 0 28px; }
body.payment-methods .pm-method-nav a { color:#1259bd; font-size:13px; text-underline-offset:4px; }
body.payment-methods .pm-panel { padding:30px; border:1px solid #d6e1ed; border-radius:6px; background:#f5f7fa; }
body.payment-methods .pm-panel h2 { font-size:25px; line-height:1.3; margin:0 0 18px; }
body.payment-methods .pm-panel p, body.payment-methods .pm-panel li { color:#526377; font-size:14px; line-height:1.8; }
body.payment-methods .pm-panel ol { margin:18px 0 26px; padding-left:20px; }
body.payment-methods .pm-panel li + li { margin-top:9px; }
body.payment-methods .pm-panel a + a { margin-left:16px; }
body.payment-methods .pm-status { display:block; color:#526377; font-size:12px; margin:10px 0 18px; }
body.payment-methods .pm-bank-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0; }
body.payment-methods .pm-bank-field { padding:22px; border:1px solid #d6e1ed; border-radius:5px; background:#fff; min-width:0; }
body.payment-methods .pm-bank-field label { display:block; font-size:12px; color:#526377; font-weight:650; margin-bottom:12px; }
body.payment-methods .pm-bank-field input { display:block; width:100%; min-width:0; margin:0 0 16px; padding:10px 0; border:0; border-bottom:1px solid #c4d5eb; border-radius:0; background:#fff; color:#102d50; font:600 16px ui-monospace,Consolas,monospace; }
body.payment-methods .pm-bank-field button { font:inherit; font-size:12px; }
body.payment-methods .pm-copy-status { min-height:22px; font-size:12px; color:#344e6a; margin:12px 0 0; }
body.payment-methods .pm-assistance { margin-top:28px; }
body.payment-methods .pm-proof { margin-top:32px; padding:30px; background:#edf3fa; border:1px solid #d6e1ed; border-radius:6px; }
body.payment-methods .pm-proof h2 { font-size:25px; line-height:1.3; margin:0 0 22px; }
body.payment-methods .pm-proof > p { font-size:14px; color:#344e6a; line-height:1.8; }
body.payment-methods .pm-proof > .pm-note { font-size:12px; }
body.payment-methods .pm-proof-steps { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:0 0 24px; }
body.payment-methods .pm-proof-steps li { padding-top:16px; border-top:1px solid #bdcee3; font-size:14px; color:#102d50; }
body.payment-methods .pm-proof-steps span { display:block; font-size:10px; color:#1259bd; font-weight:750; margin-bottom:8px; }
body.payment-methods .pm-proof-choice { max-width:430px; margin:24px 0; }
body.payment-methods .pm-proof-choice label { display:block; font-size:13px; font-weight:650; margin-bottom:8px; }
body.payment-methods .pm-proof-choice select { width:100%; min-height:48px; padding:10px; border:1px solid #aabbd0; border-radius:5px; background:white; color:#102d50; font:inherit; font-size:16px; }
body.payment-methods .pm-confirmation { margin:0 0 30px; padding:24px 28px; }
body.payment-methods .pm-confirmation h2 { margin-bottom:12px; }
body.payment-methods .pm-confirmation > p:last-child { margin-bottom:0; }
body.payment-methods .pm-methods-title { font-size:26px; line-height:1.3; margin:0 0 24px; }
body.payment-methods .pm-proof-send { margin-top:32px; padding-top:28px; border-top:1px solid #d6e1ed; }
body.payment-methods .pm-proof-send h2 { font-size:23px; line-height:1.3; margin:0 0 18px; }
body.payment-methods .pm-proof-send .pm-proof-choice { margin:0 0 18px; }
body.payment-methods .pm-link:disabled { margin-top:auto; background:#edf1f6; color:#526377; border-color:#d6e1ed; cursor:default; font:inherit; font-size:13px; }
@media(max-width:600px) { body.payment-methods .pm-proof { padding:23px; } body.payment-methods .pm-proof-steps { grid-template-columns:1fr; gap:16px; } }
body.payment-methods .pm-assistance h2 { font-size:21px; margin:0 0 12px; }
body.payment-methods .pm-assistance p { font-size:13px; color:#526377; line-height:1.8; }
body.payment-methods .pm-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
body.payment-methods .pm-picker a { display:block; padding:22px; border:1px solid #d6e1ed; border-radius:5px; text-decoration:none; color:#102d50; font-size:14px; font-weight:650; }
body.payment-methods .pm-picker span { display:block; font-size:13px; color:#526377; font-weight:400; margin-top:8px; }
body.payment-methods .pm-picker a:hover { border-color:#1259bd; background:#f5f7fa; }
@media(max-width:1000px) { body.payment-methods .pm-grid, body.payment-methods .pm-bank-grid { grid-template-columns:1fr; } body.payment-methods .pm-bank-field input { max-width:320px; } body.payment-methods .pm-picker { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { body.payment-methods .pm-wrap { width:calc(100% - 32px); } body.payment-methods .pm-hero { padding:20px 0 32px; } body.payment-methods .pm-section { padding:28px 0 42px; } body.payment-methods .pm-summary { flex-direction:column; gap:20px; padding:23px; } body.payment-methods .pm-summary h2 { font-size:23px; } body.payment-methods .pm-amount { text-align:left; } body.payment-methods .pm-amount strong { font-size:29px; } body.payment-methods .pm-card, body.payment-methods .pm-panel { padding:23px; } body.payment-methods .pm-link { width:100%; } body.payment-methods .pm-panel a + a { margin:14px 0 0; } body.payment-methods .pm-picker { grid-template-columns:1fr; } body.payment-methods .pm-bank-field { padding:18px; } }
