/* Página informativa. Estilos aislados del checkout y del resto de la tienda. */
body.pagina-metodos-pago { background:#f6f7f9; display:flex; flex-direction:column; min-height:100vh; margin:0; }
.pagina-metodos-pago .content-body-full { flex:1; }
.pagina-metodos-pago .metodos-pago-contenedor { width:100%; max-width:1180px; padding:0 24px !important; margin:0 auto; }
.pagina-metodos-pago .metodos-pago { padding:12px 0 48px; color:#343b43; font-family:'Roboto',Arial,sans-serif; font-size:14px; line-height:1.7; }
.pagina-metodos-pago .metodos-pago *, .pagina-metodos-pago .metodos-pago *::before, .pagina-metodos-pago .metodos-pago *::after { box-sizing:border-box; }
.metodos-pago h1, .metodos-pago h2 { font-family:inherit; color:#343b43; text-transform:none; text-align:left; letter-spacing:normal; }
.metodos-pago .metodos-pago-cabecera { margin:0 0 28px; }
.metodos-pago .metodos-pago-cabecera h1 { margin:0 0 10px; font-size:26px; line-height:1.35; font-weight:400; }
.metodos-pago p { margin:0; color:#626e7a; font-size:14px; line-height:1.7; text-align:left; }
.metodos-pago .metodos-pago-cabecera > p { max-width:760px; font-size:15px; }
.metodos-pago .metodos-pago-nota { display:flex; gap:8px; align-items:baseline; margin-top:14px; font-size:13px !important; }
.metodos-pago .metodos-pago-nota i { color:var(--color-principal,#0099ff); }
.metodos-pago .metodos-pago-tarjetas { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.metodos-pago .metodos-pago-tarjeta { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid #dce3ea; border-radius:12px; background:#fff; box-shadow:0 3px 12px #21354704; }
.metodos-pago .metodos-pago-tarjeta-cabecera { display:flex; align-items:center; gap:12px; margin-bottom:16px; min-height:44px; }
.metodos-pago .metodos-pago-icono { flex:0 0 42px; display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:10px; background:var(--color-principal-alfa10,#e5f5ff); color:#465363; font-size:20px; }
.metodos-pago .metodos-pago-tarjeta h2 { margin:0; font-size:19px; font-weight:500; line-height:1.4; }
.metodos-pago .metodos-pago-logotipos { display:flex; flex-shrink:0; align-items:center; gap:8px; margin-left:auto; }
.metodos-pago .metodos-pago-logotipos img { display:block; width:auto; height:22px; max-width:88px; object-fit:contain; margin:0; }
.metodos-pago .metodos-pago-logotipos img[alt=PayPal] { height:20px; }
.metodos-pago .metodos-pago-tarjeta > p { margin-bottom:18px; }
.metodos-pago .metodos-pago-consejo { margin-top:auto; padding-top:14px; border-top:1px solid #e6ebef; }
.metodos-pago .metodos-pago-consejo > span { display:block; margin-bottom:4px; font-size:12px; font-weight:500; color:#465363; }
.metodos-pago .metodos-pago-consejo p { font-size:13px; }
.metodos-pago .metodos-pago-transferencia { display:grid; gap:8px; list-style:none; counter-reset:paso; margin:0; padding:0; }
.metodos-pago .metodos-pago-transferencia li { position:relative; padding-left:30px; color:#626e7a; font-size:13px; line-height:1.6; }
.metodos-pago .metodos-pago-transferencia li::before { counter-increment:paso; content:counter(paso); position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; width:22px; height:22px; background:#f2f5f8; border-radius:50%; color:#465363; font-size:12px; font-weight:500; }
.metodos-pago .metodos-pago-faq { margin-top:36px; }
.metodos-pago .metodos-pago-seccion-cabecera { margin-bottom:18px; }
.metodos-pago .metodos-pago-seccion-cabecera h2 { margin:0 0 6px; font-size:21px; font-weight:500; line-height:1.4; }
.metodos-pago .metodos-pago-preguntas { overflow:hidden; border:1px solid #dce3ea; border-radius:12px; background:#fff; }
.metodos-pago .metodos-pago-pregunta { margin:0; padding:0; border-bottom:1px solid #e6ebef; }
.metodos-pago .metodos-pago-pregunta:last-child { border-bottom:0; }
.metodos-pago .metodos-pago-pregunta summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 24px; list-style:none; font-size:14px; font-weight:500; line-height:1.5; color:#343b43; cursor:pointer; }
.metodos-pago .metodos-pago-pregunta summary::-webkit-details-marker { display:none; }
.metodos-pago .metodos-pago-pregunta summary > span { flex:0 0 12px; position:relative; width:12px; height:12px; }
.metodos-pago .metodos-pago-pregunta summary > span::before, .metodos-pago .metodos-pago-pregunta summary > span::after { position:absolute; content:''; background:#687786; border-radius:1px; }
.metodos-pago .metodos-pago-pregunta summary > span::before { top:5px; left:0; width:12px; height:2px; }
.metodos-pago .metodos-pago-pregunta summary > span::after { top:0; left:5px; width:2px; height:12px; }
.metodos-pago .metodos-pago-pregunta[open] summary > span::after { display:none; }
.metodos-pago .metodos-pago-pregunta summary:hover { background:#f8fafb; }
.metodos-pago .metodos-pago-pregunta summary:focus-visible, .metodos-pago a:focus-visible { outline:2px solid #465363; outline-offset:-4px; border-radius:6px; }
.metodos-pago .metodos-pago-respuesta { padding:0 24px 20px; max-width:940px; }
.metodos-pago .metodos-pago-respuesta a { display:inline-block; margin-top:10px; color:#344352; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.metodos-pago .metodos-pago-ayuda { display:flex; align-items:center; gap:16px; margin-top:24px; padding:24px; border:1px solid #dce3ea; border-radius:12px; background:#fff; }
.metodos-pago .metodos-pago-ayuda > div:not(.metodos-pago-acciones) { flex:1; min-width:0; }
.metodos-pago .metodos-pago-ayuda h2 { margin:0 0 5px; font-size:18px; font-weight:500; line-height:1.4; }
.metodos-pago .metodos-pago-ayuda p { font-size:13px; }
.metodos-pago .metodos-pago-acciones { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.metodos-pago a.metodos-pago-boton { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid #ccd5df; border-radius:7px; background:#fff; color:#465363; font-size:13px; font-weight:500; line-height:1.5; text-decoration:none; text-align:center; }
.metodos-pago a.metodos-pago-boton:hover { border-color:var(--color-principal,#0099ff); background:#f6f8fa; color:#343b43; }
.metodos-pago a.metodos-pago-boton-whatsapp { border-color:transparent; background:var(--color-principal-alfa10,#e5f5ff); }
.metodos-pago .metodos-pago-boton i { font-size:18px; }
@media (max-width:991px) {
    .metodos-pago .metodos-pago-ayuda { flex-wrap:wrap; }
    .metodos-pago .metodos-pago-acciones { margin-left:58px; }
}
@media (max-width:767px) {
    .pagina-metodos-pago .metodos-pago-contenedor { padding:0 16px !important; }
    .pagina-metodos-pago .metodos-pago { padding:8px 0 32px; }
    .metodos-pago .metodos-pago-cabecera { margin-bottom:22px; }
    .metodos-pago .metodos-pago-cabecera h1 { font-size:24px; }
    .metodos-pago .metodos-pago-cabecera > p { font-size:14px; }
    .metodos-pago .metodos-pago-tarjetas { grid-template-columns:minmax(0,1fr); gap:14px; }
    .metodos-pago .metodos-pago-tarjeta { padding:20px; }
    .metodos-pago .metodos-pago-tarjeta-cabecera { flex-wrap:wrap; gap:10px; }
    .metodos-pago .metodos-pago-tarjeta h2 { font-size:18px; }
    .metodos-pago .metodos-pago-faq { margin-top:28px; }
    .metodos-pago .metodos-pago-pregunta summary { padding:17px 20px; }
    .metodos-pago .metodos-pago-respuesta { padding:0 20px 18px; }
    .metodos-pago .metodos-pago-ayuda { padding:20px; gap:12px; }
    .metodos-pago .metodos-pago-acciones { margin-left:0; width:100%; flex-wrap:wrap; }
    .metodos-pago .metodos-pago-acciones a { flex:1 1 130px; }
}
@media (max-width:359px) {
    .metodos-pago .metodos-pago-logotipos { gap:5px; }
    .metodos-pago .metodos-pago-logotipos img { height:18px; }
}