/* Pagos: cabecera clara, acceso PSE azul, recomendaciones y seguridad con fotografía. */
.mg6-pagos { --pay-gutter:40px; --paper:var(--mg-paper,#fefdfb); }
.mg6-pagos .mg6-payment-head { width:100%; padding-inline:max(var(--pay-gutter),calc((100% - 1200px)/2)); padding-bottom:48px; background:radial-gradient(ellipse at 100% 0%,#d5e6f4,transparent 60%),linear-gradient(110deg,#fafcfe,#edf4fa); border-bottom:1px solid #dce6ef; }
.mg6-pagos .mg6-payment-heading { padding-top:24px; max-width:850px; }
.mg6-pagos .mg6-payment-heading h1 { font-size:clamp(42px,4.8vw,66px); }
.mg6-pagos .mg6-payment-heading p:not(.mg6-eyebrow) { max-width:58ch; margin-top:24px; font-size:18px; }
.mg6-pagos .mg6-payment-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.mg6-pagos .mg6-payment-tags span { font-size:13px; color:var(--blue); border:1px solid #bfd1e3; border-radius:4px; padding:7px 14px; background:#ffffffb3; }
.mg6-pagos .mg6-payment-entry { display:grid; grid-template-columns:1fr 1.1fr; gap:64px; align-items:start; padding-block:54px 64px; }
.mg6-pagos .mg6-payment-portal { padding:40px; background:var(--navy); border-left:3px solid var(--amber); }
.mg6-pagos .mg6-payment-portal h2 { font-size:clamp(32px,3.4vw,46px); max-width:20ch; color:#fff; }
.mg6-pagos .mg6-payment-portal .mg6-eyebrow { color:#f3bb69; }
.mg6-pagos .mg6-payment-portal p:not(.mg6-eyebrow) { margin-top:24px; max-width:47ch; color:#e1ebf5; }
.mg6-pagos .mg6-payment-portal .mg6-button { width:100%; margin-top:28px; }
.mg6-pagos .mg6-payment-portal .mg6-external-note { border-top:1px solid #ffffff30; padding-top:18px; max-width:52ch; }
.mg6-pagos .mg6-payment-prepare > h2 { font-size:clamp(29px,2.8vw,37px); max-width:26ch; line-height:1.15; }
.mg6-pagos .mg6-payment-prepare > p:last-of-type { margin-top:20px; font-size:17px; }
.mg6-pagos .mg6-payment-prepare ol { counter-reset:pay-step; list-style:none; padding:0; margin-top:28px; }
.mg6-pagos .mg6-payment-prepare li { position:relative; padding:22px 0 22px 46px; border-top:1px solid #c8d7e4; counter-increment:pay-step; }
.mg6-pagos .mg6-payment-prepare li:last-child { padding-bottom:0; }
.mg6-pagos .mg6-payment-prepare li::before { content:'0' counter(pay-step); position:absolute; left:0; top:26px; font-size:12px; color:var(--blue); letter-spacing:.1em; }
.mg6-pagos .mg6-payment-prepare li h3 { font-size:23px; }
.mg6-pagos .mg6-payment-prepare li p { margin-top:12px; font-size:17px; line-height:1.75; max-width:48ch; }
.mg6-pagos .mg6-payment-security { background:#edf3f7; padding-block:58px; }
.mg6-pagos .mg6-payment-security-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:center; }
.mg6-pagos .mg6-payment-photo { height:340px; overflow:hidden; }
.mg6-pagos .mg6-payment-security h2 { font-size:clamp(32px,3.4vw,46px); max-width:24ch; }
.mg6-pagos .mg6-payment-security p:not(.mg6-eyebrow) { margin-top:24px; max-width:62ch; line-height:1.8; }
.mg6-pagos .mg6-payment-help { width:100%; padding:60px max(var(--pay-gutter),calc((100% - 1200px)/2)); background:var(--paper); }
.mg6-pagos .mg6-payment-help-heading { max-width:800px; margin-inline:auto; text-align:center; }
.mg6-pagos .mg6-payment-help-heading h2 { font-size:clamp(32px,3.4vw,44px); }
.mg6-pagos .mg6-payment-help-heading > p:last-child { margin-top:20px; font-size:18px; line-height:1.75; }
.mg6-pagos .mg6-support-columns { gap:28px; margin-top:36px; }
.mg6-pagos .mg6-support-columns article { padding:28px; border:1px solid #d5e0e9; border-radius:5px; background:#fff; }
.mg6-pagos .mg6-support-columns h3 { font-size:25px; line-height:1.3; }
.mg6-pagos .mg6-support-columns p { font-size:17px; line-height:1.8; max-width:52ch; }
.mg6-pagos .mg6-payment-help-link { display:inline-flex; align-items:center; min-height:48px; margin-top:16px; padding-block:10px; font-size:16px; font-weight:650; }
@media (max-width:1024px) {
 .mg6-pagos { --pay-gutter:30px; }
 .mg6-pagos .mg6-payment-entry { gap:36px; }
 .mg6-pagos .mg6-payment-portal { padding:30px; }
 .mg6-pagos .mg6-payment-security-grid { gap:36px; }
 .mg6-pagos .mg6-payment-photo { height:320px; }
}
@media (max-width:767px) {
 .mg6-pagos { --pay-gutter:22px; }
 .mg6-pagos .mg6-payment-heading { padding-top:14px; }
 .mg6-pagos .mg6-payment-heading p:not(.mg6-eyebrow) { font-size:16px; }
 .mg6-pagos .mg6-payment-head { padding-bottom:36px; }
 .mg6-pagos .mg6-payment-entry { grid-template-columns:1fr; gap:34px; padding-block:36px 44px; }
 .mg6-pagos .mg6-payment-portal { padding:28px 22px; }
 .mg6-pagos .mg6-payment-prepare li { padding-left:36px; }
 .mg6-pagos .mg6-payment-security { padding-block:42px; }
 .mg6-pagos .mg6-payment-security-grid { grid-template-columns:1fr; gap:28px; }
 .mg6-pagos .mg6-payment-photo { height:240px; }
 .mg6-pagos .mg6-payment-help { padding-block:44px; }
 .mg6-pagos .mg6-payment-help-heading { text-align:left; }
 .mg6-pagos .mg6-support-columns { gap:20px; margin-top:28px; }
 .mg6-pagos .mg6-support-columns article { padding:24px 20px; }
 .mg6-pagos .mg6-support-columns h3 { font-size:24px; }
}