/*
 * SINPE Móvil en el checkout (donaciones y tienda) — 2.25.2.
 * PORT FIEL de la pantalla en 3 pasos de wolk-tienda 0.95.79 (assets/css/sinpe.css,
 * bloque «.wsr»): tarjetas por paso con número (azul el actual, verde con ✓ los
 * hechos), monto grande y cuenta con «Copiar» pill blanco, recuadro único para
 * subir, filas con miniatura + monto leído + ✕, caja verde «Cubre…», aviso ámbar
 * tranquilo, «+ Agregar otro comprobante» y avisos en modal.
 * Adaptado: colores de marca Abriguemos y MOBILE FIRST de verdad — el checkout
 * de bloques en iPhone deja ~300 px: nada de cortar palabras en cualquier letra (partía
 * el texto letra por letra), el título de cada paso va arriba a lo ancho y el
 * dato + «Copiar» comparten fila; si no caben, «Copiar» baja (flex-wrap).
 * El botón de pagar ya no late ni crece: lleva un anillo interno (outline con
 * offset negativo) que no cambia su tamaño ni sale del contenedor.
 */
.abgc-st-checkout{
	--st-az:#0B4EA2;--st-az-2:#2F6FD0;--st-az-d:#073A80;
	--st-ok:#1E7F4F;--st-ok-bg:#E4F5EC;--st-ok-bd:#A9D8BF;--st-ok-tx:#17653E;
	--st-rojo:#DE3B3E;--st-oro:#F5B72E;
	--st-tinta:#22303F;--st-gris:#5E6E7E;--st-linea:#E3E8F2;--st-suave:#F4F6FB;
	--st-ambar-bg:#FFF7E8;--st-ambar-bd:#FDE3B0;--st-ambar-tx:#7A4B0C;
	display:block;box-sizing:border-box;width:100%;max-width:100%;
	padding:4px 0 0;color:var(--st-tinta);font-size:15px;line-height:1.45;
	overflow-wrap:break-word;word-break:normal;text-align:left
}
.abgc-st-checkout *,.abgc-st-checkout *::before,.abgc-st-checkout *::after{box-sizing:border-box}
.abgc-st-checkout p{margin:0}
.abgc-st-checkout .abgc-st-intro{margin:0 0 12px;font-weight:600}

/* Tarjeta de cada paso */
.abgc-st-checkout .abgc-st-card{
	position:relative;background:#fff;border:1px solid var(--st-linea);border-radius:16px;
	padding:14px 14px 12px;margin:0 0 12px;transition:border-color .25s,box-shadow .25s
}
.abgc-st-checkout .abgc-st-card.es-actual{border-color:#BCD3F2;box-shadow:0 6px 18px rgba(11,78,162,.08)}
.abgc-st-checkout .abgc-st-tit{
	display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0;
	font-size:15px;line-height:1.3;font-weight:800;color:var(--st-tinta);
	text-transform:none;letter-spacing:normal
}
.abgc-st-checkout .abgc-st-tit-tx{flex:1 1 auto;min-width:0}
.abgc-st-checkout .abgc-st-num{
	display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;
	background:var(--st-suave);color:var(--st-gris);font-size:12.5px;font-weight:800;line-height:1;
	transition:background .25s,color .25s
}
.abgc-st-checkout .abgc-st-card.es-actual .abgc-st-num{background:var(--st-az);color:#fff}
.abgc-st-checkout .abgc-st-card.es-hecho .abgc-st-num{background:var(--st-ok);color:#fff}
.abgc-st-checkout .abgc-st-ok{flex:none;margin-left:auto;color:var(--st-ok);font-weight:800}

/* Dato + «Copiar» en la misma fila; si no caben, «Copiar» baja (nunca estruja el texto). */
.abgc-st-checkout .abgc-st-linea{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px}
.abgc-st-checkout .abgc-st-monto{flex:1 1 auto;font-size:28px;font-weight:800;letter-spacing:-.4px;line-height:1.15;white-space:nowrap;color:var(--st-tinta)}
.abgc-st-checkout .abgc-st-monto small{display:block;font-size:13.5px;font-weight:600;color:var(--st-gris);letter-spacing:0;margin-top:2px}
.abgc-st-checkout .abgc-st-nota{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--st-gris)}
.abgc-st-checkout .abgc-st-copiar{
	-webkit-appearance:none;appearance:none;flex:none;position:relative;margin:0;width:auto;min-width:0;
	border:1px solid var(--st-linea);background:#fff;color:var(--st-az);box-shadow:none;
	font:inherit;font-size:13px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:normal;
	border-radius:999px;padding:8px 16px;min-height:40px;cursor:pointer;white-space:nowrap
}
.abgc-st-checkout .abgc-st-copiar:hover{border-color:#BCD3F2;background:#F7FAFE}
.abgc-st-checkout .abgc-st-copiar.es-ok{color:var(--st-ok);border-color:var(--st-ok-bd);background:var(--st-ok-bg)}
.abgc-st-checkout .abgc-st-cuenta{background:var(--st-suave);border-radius:14px;padding:12px}
.abgc-st-checkout .abgc-st-cuenta-txt{flex:1 1 0;min-width:8.25em}
.abgc-st-checkout .abgc-st-cuenta-nom{font-size:12px;font-weight:700;color:var(--st-gris);text-transform:uppercase;letter-spacing:.4px}
.abgc-st-checkout .abgc-st-dato{font-size:18px;font-weight:800;letter-spacing:.02em;white-space:nowrap;color:var(--st-tinta)}
.abgc-st-checkout .abgc-st-sub{font-size:12.5px;color:var(--st-gris);margin-top:2px}

/* Subir: el recuadro entero es el botón (el input invisible lo cubre: un toque abre cámara o galería). */
.abgc-st-checkout .abgc-st-drop{
	display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;margin:0;
	border:2px dashed #BCD0EC;background:#F7FAFF;border-radius:16px;
	padding:20px 14px;text-align:center;cursor:pointer;font-weight:400;color:var(--st-tinta);
	transition:border-color .2s,background .2s
}
.abgc-st-checkout .abgc-st-drop:hover,.abgc-st-checkout .abgc-st-drop.is-arrastrando{border-color:var(--st-az);background:#EEF4FD}
.abgc-st-checkout .abgc-st-drop:focus-within{border-color:var(--st-az);outline:3px solid var(--st-oro);outline-offset:2px}
.abgc-st-checkout .abgc-st-drop-ico{width:50px;height:50px;border-radius:50%;background:var(--st-az);display:grid;place-items:center}
.abgc-st-checkout .abgc-st-drop-ico::before{
	content:"";width:24px;height:24px;background:#fff;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.4 11.1l-9.2 9.2a6 6 0 0 1-8.5-8.5l9.2-9.2a4 4 0 0 1 5.7 5.7l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.4 11.1l-9.2 9.2a6 6 0 0 1-8.5-8.5l9.2-9.2a4 4 0 0 1 5.7 5.7l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5'/%3E%3C/svg%3E") center/contain no-repeat
}
.abgc-st-checkout .abgc-st-drop b{font-size:16px;font-weight:800}
.abgc-st-checkout .abgc-st-drop-ayuda{font-size:12.5px;color:var(--st-gris)}
.abgc-st-checkout .abgc-st-file{
	position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;
	opacity:0;cursor:pointer;font-size:0;z-index:1
}

/* Comprobantes: miniatura, nombre, monto leído, ✕ */
.abgc-st-checkout .abgc-st-lista{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.abgc-st-checkout .abgc-st-arch{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--st-linea);border-radius:14px;padding:10px}
.abgc-st-checkout .abgc-st-thumb{width:46px;height:46px;flex:none;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#DCE8F8,#F3F6FB);display:grid;place-items:center}
.abgc-st-checkout .abgc-st-thumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none}
.abgc-st-checkout .abgc-st-thumb-pdf{font-size:11px;font-weight:800;color:var(--st-rojo)}
.abgc-st-checkout .abgc-st-arch-txt{flex:1 1 auto;min-width:0}
.abgc-st-checkout .abgc-st-arch-nom{font-size:12.5px;color:var(--st-gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abgc-st-checkout .abgc-st-val{font-size:15px;font-weight:800;color:var(--st-tinta)}
.abgc-st-checkout .abgc-st-val-loc{white-space:normal;display:inline-block;max-width:100%}
.abgc-st-checkout .abgc-st-val small{font-size:12px;font-weight:600;color:var(--st-gris);white-space:nowrap}
.abgc-st-checkout .abgc-st-val.es-leyendo{font-weight:600;color:var(--st-gris);font-size:13.5px}
.abgc-st-checkout .abgc-st-val.es-aviso{font-weight:600;color:var(--st-ambar-tx);font-size:13px}
.abgc-st-checkout .abgc-st-manual{display:block;margin:6px 0 0;width:100%;max-width:180px;padding:7px 10px;font:inherit;font-size:16px;border:1px solid #C9D4E2;border-radius:8px;background:#fff;color:var(--st-tinta)}
.abgc-st-checkout .abgc-st-quitar{
	-webkit-appearance:none;appearance:none;flex:none;margin:0;padding:0;border:0;box-shadow:none;
	background:var(--st-suave);width:32px;height:32px;min-width:0;border-radius:50%;cursor:pointer;
	color:var(--st-gris);font-size:14px;line-height:1;text-transform:none
}
.abgc-st-checkout .abgc-st-quitar:hover{background:#FDECEC;color:var(--st-rojo)}
.abgc-st-checkout .abgc-st-brillo{
	display:inline-block;width:80px;max-width:40%;height:9px;border-radius:6px;vertical-align:middle;
	background:linear-gradient(90deg,#ECEFF6 0%,#DCE4F2 50%,#ECEFF6 100%);background-size:200% 100%;
	animation:abgc-st-brillo 1.1s linear infinite
}
@keyframes abgc-st-brillo{to{background-position:-200% 0}}

/* «Cubre…» (verde) y aviso tranquilo (ámbar) */
.abgc-st-checkout .abgc-st-aviso:empty{display:none}
.abgc-st-checkout .abgc-st-suave{background:var(--st-ambar-bg);border:1px solid var(--st-ambar-bd);color:var(--st-ambar-tx);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45;margin:0 0 10px}
.abgc-st-checkout .abgc-st-bien{background:var(--st-ok-bg);border:1px solid var(--st-ok-bd);color:var(--st-ok-tx);border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:700;line-height:1.4;margin:0 0 10px}
.abgc-st-checkout .abgc-st-bien-ico{font-weight:800}

/* «+ Agregar otro comprobante» (el input invisible también lo cubre) */
.abgc-st-checkout .abgc-st-agregar{position:relative;display:inline-block;margin:0;padding:8px 2px;color:var(--st-az);font-size:13.5px;font-weight:700;cursor:pointer}
.abgc-st-checkout .abgc-st-agregar:focus-within{outline:3px solid var(--st-oro);outline-offset:2px;border-radius:6px}
.abgc-st-checkout .abgc-st-guia{display:flex;align-items:center;gap:6px;color:var(--st-az);font-weight:700;font-size:12.5px;margin:8px 0 0}
.abgc-st-checkout .abgc-st-guia span{display:inline-block;animation:abgc-st-dedo 1.2s ease-in-out infinite}
@keyframes abgc-st-dedo{50%{transform:translateY(-3px)}}
.abgc-st-checkout .abgc-st-error{margin:8px 0 0;color:#B42318;font-weight:600;font-size:13.5px}
.abgc-st-checkout .abgc-st-final{margin:4px 0 0}

/* Foco visible (teclado) */
.abgc-st-checkout .abgc-st-copiar:focus-visible,.abgc-st-checkout .abgc-st-quitar:focus-visible,.abgc-st-checkout .abgc-st-manual:focus-visible{outline:3px solid var(--st-oro);outline-offset:2px}

/* PALPITACIÓN: solo en lo que sigue (una cosa a la vez). Anillo que sale y se
   desvanece por FUERA del elemento, pero dentro del relleno de la tarjeta. */
.abgc-st-checkout .abgc-st-late{position:relative}
.abgc-st-checkout .abgc-st-late::after{
	content:"";position:absolute;inset:-4px;border-radius:inherit;pointer-events:none;
	border:2px solid var(--st-az-2);opacity:0;animation:abgc-st-late 1.6s ease-out infinite
}
@keyframes abgc-st-late{0%{opacity:.75;transform:scale(.98)}100%{opacity:0;transform:scale(1.04)}}

/* Copiado: aviso flotante. */
.abgc-st-checkout .abgc-st-toast{
	position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:99999;
	transform:translateX(-50%) translateY(16px);opacity:0;pointer-events:none;
	background:#111827;color:#fff;border-radius:999px;padding:10px 16px;
	font-size:13.5px;font-weight:600;max-width:calc(100vw - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	transition:opacity .25s,transform .25s
}
.abgc-st-checkout .abgc-st-toast:empty{display:none}
.abgc-st-checkout .abgc-st-toast.es-on{opacity:1;transform:translateX(-50%) translateY(0)}

/* El botón de pagar de WooCommerce cuando solo falta tocarlo: anillo INTERNO
   (outline con offset negativo). No usa transform ni sombra: no crece ni se sale. */
.wc-block-components-checkout-place-order-button.abgc-st-listo-fuera,
#place_order.abgc-st-listo-fuera{
	outline:2px solid rgba(255,255,255,.9)!important;outline-offset:-6px!important;
	animation:abgc-st-anillo 1.6s ease-in-out infinite
}
@keyframes abgc-st-anillo{0%,100%{outline-color:rgba(255,255,255,.9)}50%{outline-color:rgba(255,255,255,.2)}}

/* Modal de aviso («Falta tu comprobante», «ya está», «tope»): centrado en compu,
   sube desde abajo en el celular (con el área segura del iPhone). */
.abgc-st-modal-fondo{
	position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;
	background:rgba(7,25,52,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
	animation:abgc-st-fondo-entra .22s ease-out
}
.abgc-st-modal{
	box-sizing:border-box;background:#fff;border-radius:20px;max-width:380px;width:100%;max-height:88vh;overflow:auto;
	padding:30px 26px 22px;text-align:center;box-shadow:0 24px 60px rgba(7,25,52,.25);
	color:#22303F;font-size:15px;line-height:1.5;animation:abgc-st-modal-entra .22s ease-out
}
.abgc-st-modal-icono{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:#EAF2FC;color:#0B4EA2;display:flex;align-items:center;justify-content:center}
.abgc-st-modal-icono.es-ok{background:#E4F5EC;color:#1E7F4F}
.abgc-st-modal-titulo{margin:0 0 8px;font-size:18px;line-height:1.3;font-weight:800;color:#073A80;text-transform:none;letter-spacing:normal}
.abgc-st-modal-texto{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:#5E6E7E}
.abgc-st-modal-cta{
	-webkit-appearance:none;appearance:none;display:block;width:100%;margin:0;border:0;border-radius:12px;
	background:#0B4EA2;color:#fff;font:inherit;font-weight:800;font-size:14.5px;padding:14px;cursor:pointer;
	text-transform:none;letter-spacing:normal;box-shadow:none;transition:background .15s
}
.abgc-st-modal-cta:hover{background:#073A80}
.abgc-st-modal-cerrar{
	-webkit-appearance:none;appearance:none;display:block;width:100%;margin:0;border:0;background:transparent;
	color:#5E6E7E;font:inherit;font-weight:700;font-size:13px;padding:12px 0 2px;cursor:pointer;text-transform:none;box-shadow:none
}
.abgc-st-modal-cerrar:hover{color:#22303F}
.abgc-st-modal-cta:focus-visible,.abgc-st-modal-cerrar:focus-visible{outline:3px solid #F5B72E;outline-offset:2px}
@keyframes abgc-st-fondo-entra{from{opacity:0}to{opacity:1}}
@keyframes abgc-st-modal-entra{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes abgc-st-modal-sube{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:600px){
	.abgc-st-modal-fondo{align-items:flex-end;padding:0}
	.abgc-st-modal{max-width:100%;border-radius:20px 20px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom));animation-name:abgc-st-modal-sube}
}

/* Contenedores muy angostos (≤ 340 px de pantalla): un poco más compacto. */
@media (max-width:340px){
	.abgc-st-checkout .abgc-st-card{padding:12px 12px 10px}
	.abgc-st-checkout .abgc-st-monto{font-size:25px}
	.abgc-st-checkout .abgc-st-dato{font-size:17px}
	.abgc-st-checkout .abgc-st-cuenta{padding:10px}
}

/* Quien pidió menos movimiento: sin palpitaciones, brillo, dedo, anillo ni entradas. */
@media (prefers-reduced-motion:reduce){
	.abgc-st-checkout .abgc-st-late::after{animation:none;opacity:.6;transform:none}
	.abgc-st-checkout .abgc-st-guia span,.abgc-st-checkout .abgc-st-brillo,
	.wc-block-components-checkout-place-order-button.abgc-st-listo-fuera,#place_order.abgc-st-listo-fuera,
	.abgc-st-modal-fondo,.abgc-st-modal{animation:none}
	.abgc-st-checkout .abgc-st-card,.abgc-st-checkout .abgc-st-num,.abgc-st-checkout .abgc-st-toast{transition:none}
}

/* ==================================================================
 * Página de gracias del SINPE (tienda y donaciones) — port de
 * «¡Listo! Recibimos tu comprobante» de wolk-tienda 0.95.79
 * (sinpe.css: .wsr-listo, .wsr-check, .wsr-linea-t, .wsr-suave,
 * .wsr-partes) con la marca Abriguemos. Mobile first: pensado para
 * 320 px; desde 720 px la tarjeta se centra a 560 px.
 * ================================================================== */
.abgc-sg{
	--sg-az:#0B4EA2;--sg-az-d:#073A80;--sg-ok:#1E7F4F;--sg-ok-bg:#E4F5EC;--sg-ok-bd:#A9D8BF;
	--sg-rojo:#DE3B3E;--sg-rojo-bg:#FDECEC;--sg-tinta:#22303F;--sg-gris:#5E6E7E;
	--sg-linea:#E3E8F2;--sg-suave:#F4F6FB;
	--sg-ambar-bg:#FFF7E8;--sg-ambar-bd:#FDE3B0;--sg-ambar-tx:#7A4B0C;
	display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0 0 20px;
	color:var(--sg-tinta);font-size:15px;line-height:1.45;text-align:left;
	overflow-wrap:break-word;word-break:normal;hyphens:manual
}
.abgc-sg *,.abgc-sg *::before,.abgc-sg *::after{box-sizing:border-box}
.abgc-sg-card{background:#fff;border:1px solid var(--sg-linea);border-radius:18px;padding:20px 14px 16px;box-shadow:0 8px 24px rgba(11,78,162,.06)}
.abgc-sg-listo{text-align:center;padding:2px 2px 4px}
.abgc-sg-check{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;background:var(--sg-ok-bg);display:grid;place-items:center}
.abgc-sg-check svg{width:40px;height:40px;display:block}
.abgc-sg-check path{stroke:var(--sg-ok);stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:abgc-sg-trazo .6s .15s ease forwards}
.abgc-sg-check.es-error{background:var(--sg-rojo-bg);color:var(--sg-rojo);font-size:38px;font-weight:800;line-height:1}
@keyframes abgc-sg-trazo{to{stroke-dashoffset:0}}
.abgc-sg .abgc-sg-tit{margin:0 0 4px;padding:0;font-size:20px;line-height:1.25;font-weight:800;color:var(--sg-tinta);text-transform:none;letter-spacing:normal}
.abgc-sg .abgc-sg-sub{margin:0 0 16px;color:var(--sg-gris);font-size:14px}
/* Línea de tiempo */
.abgc-sg .abgc-sg-linea{list-style:none;margin:0 0 12px;padding:14px;border:1px solid var(--sg-linea);border-radius:16px;text-align:left}
.abgc-sg .abgc-sg-linea li{display:flex;gap:12px;padding:0 0 14px;margin:0;position:relative;list-style:none}
.abgc-sg .abgc-sg-linea li::marker{content:none}
.abgc-sg .abgc-sg-linea li:last-child{padding-bottom:0}
.abgc-sg .abgc-sg-linea li:not(:last-child)::before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--sg-linea)}
.abgc-sg .abgc-sg-linea li.es-ok:not(:last-child)::before{background:var(--sg-ok-bd)}
.abgc-sg .abgc-sg-linea li > div{flex:1 1 auto;min-width:0}
.abgc-sg-pto{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:var(--sg-suave);color:var(--sg-gris);position:relative;border:2px solid var(--sg-linea)}
.abgc-sg li.es-ok .abgc-sg-pto{background:var(--sg-ok);border-color:var(--sg-ok);color:#fff}
.abgc-sg li.es-ahora .abgc-sg-pto{background:var(--sg-az);border-color:var(--sg-az)}
.abgc-sg li.es-ahora .abgc-sg-pto::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.abgc-sg li.es-ahora .abgc-sg-pto::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--sg-az);animation:abgc-sg-late 1.6s ease-out infinite}
@keyframes abgc-sg-late{0%{opacity:.75;transform:scale(.96)}100%{opacity:0;transform:scale(1.12)}}
.abgc-sg .abgc-sg-linea b{display:block;font-size:14.5px;line-height:1.3;font-weight:700}
.abgc-sg li.es-pend b{color:var(--sg-gris)}
.abgc-sg .abgc-sg-linea small{display:block;color:var(--sg-gris);font-size:12.5px;line-height:1.4;margin-top:2px}
.abgc-sg .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
/* Aviso ámbar tranquilo */
.abgc-sg .abgc-sg-suave{background:var(--sg-ambar-bg);border:1px solid var(--sg-ambar-bd);color:var(--sg-ambar-tx);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45;margin:0 0 12px}
.abgc-sg .abgc-sg-motivo{background:var(--sg-rojo-bg);border:1px solid #F5C2C3;color:#8F1F22;border-radius:12px;padding:10px 12px;font-size:14px;margin:0 0 12px}
/* «Agregar otro comprobante» plegado */
.abgc-sg .abgc-sg-partes{border:1px solid var(--sg-linea);border-radius:16px;padding:12px 14px;margin:0}
.abgc-sg .abgc-sg-partes > summary{cursor:pointer;color:var(--sg-az);font-weight:700;font-size:14px;line-height:1.35;list-style:none;min-height:24px}
.abgc-sg .abgc-sg-partes > summary::-webkit-details-marker{display:none}
.abgc-sg .abgc-sg-partes > summary::before{content:"+ "}
.abgc-sg .abgc-sg-partes[open] > summary::before{content:"\2212  "}
.abgc-sg .abgc-sg-partes[open] > summary{margin-bottom:10px}
.abgc-sg .abgc-sg-partes > summary:focus-visible{outline:2px solid var(--sg-az);outline-offset:3px;border-radius:6px}
.abgc-sg .abgc-sg-suave-txt{color:var(--sg-gris);font-size:13px;margin:0 0 12px}
.abgc-sg .abgc-sg-vh{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0!important;padding:0!important;margin:-1px!important;opacity:0}
.abgc-sg .abgc-sg-drop{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:2px dashed #BCD3F2;background:#F6F9FE;border-radius:14px;padding:16px 12px;cursor:pointer;margin:0 0 10px;position:relative}
.abgc-sg .abgc-sg-drop:focus-within{outline:2px solid var(--sg-az);outline-offset:2px}
.abgc-sg .abgc-sg-drop-ico{width:36px;height:36px;border-radius:50%;background:var(--sg-az);position:relative}
.abgc-sg .abgc-sg-drop-ico::before{content:"";position:absolute;left:50%;top:9px;width:2px;height:16px;margin-left:-1px;background:#fff}
.abgc-sg .abgc-sg-drop-ico::after{content:"";position:absolute;left:50%;top:9px;width:9px;height:9px;margin-left:-5px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg)}
.abgc-sg .abgc-sg-drop-tit{font-size:15px;color:var(--sg-az-d);max-width:100%;overflow-wrap:break-word}
.abgc-sg .abgc-sg-drop-ayuda{font-size:12.5px;color:var(--sg-gris)}
.abgc-sg .abgc-sg-leido:empty,.abgc-sg .abgc-sg-msg:empty{display:none}
.abgc-sg .abgc-sg-leido,.abgc-sg .abgc-sg-msg{font-size:13.5px;margin:0 0 10px}
.abgc-sg .abgc-sg-manual{display:block;font-size:13px;color:var(--sg-gris);margin:0 0 10px}
.abgc-sg .abgc-sg-manual input{display:block;width:100%;max-width:200px;margin-top:4px;padding:8px 10px;border:1px solid var(--sg-linea);border-radius:10px;font-size:15px}
.abgc-sg .abgc-sg-btn{display:block;width:100%;min-height:46px;border:0;border-radius:999px;background:var(--sg-az);color:#fff;font-weight:800;font-size:15px;cursor:pointer;padding:10px 16px}
.abgc-sg .abgc-sg-btn:hover{background:var(--sg-az-d)}
.abgc-sg .abgc-sg-btn:disabled{opacity:.6;cursor:default}
.abgc-sg .abgc-sg-btn:focus-visible{outline:3px solid #9CC0F0;outline-offset:2px}
/* Caja de siempre después de un rechazo, dentro de la tarjeta */
.abgc-sg .abgc-st-reportar p{margin:0 0 10px}
@media (min-width:720px){
	.abgc-sg{max-width:560px;margin-left:auto;margin-right:auto}
	.abgc-sg-card{padding:24px 24px 20px}
}
@media (prefers-reduced-motion:reduce){
	.abgc-sg li.es-ahora .abgc-sg-pto::after{animation:none}
	.abgc-sg-check path{animation:none;stroke-dashoffset:0}
}
/* «Pedido recibido» de un SINPE: fuera lo tieso (aviso «Gracias…», resumen
   número/fecha/total/método y «Tus datos»); el detalle queda debajo, discreto. */
body.abgc-sinpe-gracias .woocommerce-notice.woocommerce-thankyou-order-received,
body.abgc-sinpe-gracias .woocommerce-thankyou-order-received,
body.abgc-sinpe-gracias ul.woocommerce-order-overview,
body.abgc-sinpe-gracias .woocommerce-order-overview,
body.abgc-sinpe-gracias .woocommerce-customer-details,
body.abgc-sinpe-gracias .wc-block-order-confirmation-status,
body.abgc-sinpe-gracias .wc-block-order-confirmation-summary,
body.abgc-sinpe-gracias .wc-block-order-confirmation-billing-wrapper,
body.abgc-sinpe-gracias .wc-block-order-confirmation-shipping-wrapper{display:none!important}
body.abgc-sinpe-gracias .woocommerce-order-details{max-width:560px;margin:8px auto 0;font-size:13.5px;color:#5E6E7E;opacity:.92}
body.abgc-sinpe-gracias .woocommerce-order-details .woocommerce-order-details__title{font-size:15px;font-weight:700;color:#5E6E7E;margin:0 0 8px;text-transform:none;letter-spacing:normal}
body.abgc-sinpe-gracias .woocommerce-order-details table{font-size:13.5px;width:100%;table-layout:auto}
body.abgc-sinpe-gracias .woocommerce-order-details table th,
body.abgc-sinpe-gracias .woocommerce-order-details table td{padding:8px 6px;overflow-wrap:break-word;word-break:normal}
/* Tema de bloques (confirmación de pedido por bloques): la tarjeta sube arriba
   del detalle; el detalle queda debajo, discreto. */
body.abgc-sinpe-gracias :has(> .wc-block-order-confirmation-additional-information){display:flex;flex-direction:column}
body.abgc-sinpe-gracias .wc-block-order-confirmation-additional-information{order:-1;width:100%}
body.abgc-sinpe-gracias .wc-block-order-confirmation-address-wrapper{display:none!important}
body.abgc-sinpe-gracias .wc-block-order-confirmation-totals-wrapper{max-width:560px;width:100%;margin:8px auto 0;font-size:13.5px;color:#5E6E7E;opacity:.92}
body.abgc-sinpe-gracias .wc-block-order-confirmation-totals-wrapper h2,
body.abgc-sinpe-gracias .wc-block-order-confirmation-totals-wrapper h3{font-size:15px;font-weight:700;color:#5E6E7E;text-transform:none;letter-spacing:normal}
/* Fila del comprobante en celulares angostos (checkout de ~280 px útiles): el
   monto leído no se monta sobre la ✕ («✓» y monto pueden ir en dos renglones). */
@media (max-width:400px){
	.abgc-st-checkout .abgc-st-arch{gap:8px;padding:8px}
	.abgc-st-checkout .abgc-st-thumb{width:38px;height:38px}
	.abgc-st-checkout .abgc-st-val{font-size:14px}
	.abgc-st-checkout .abgc-st-arch-txt{overflow:hidden}
	.abgc-st-checkout .abgc-st-val small{display:block;white-space:normal}
}
/* 2.30.1 (c7): «En revisión» (pill oro del prototipo) y qué pasa al aprobar. */
.abgc-sg .abgc-sg-pill{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;background:#FDF4E8;color:#8A5A10;margin:0 0 8px}
.abgc-sg .abgc-sg-luego{margin:-6px 0 16px;font-size:14px;color:inherit}