/*
 * Compra rápida de la tienda (2.29): ficha con «Comprar ahora» y temas como
 * botones, barra fija del celular, mini-carrito en hoja, /cart/ con el armado
 * del preview (P.c3, P.c4), retoques del checkout de la tienda (P.c5) y el
 * modal «Procesando tu pago…» (port del modal de verificación de la tienda
 * Wolk 0.95.79, sinpe.css → .wlp-sinpe-modal-*), con la marca Abriguemos.
 * Todo con prefijo abgc-cr- / abgc-pp-: no toca nada fuera de estas piezas.
 */
:root {
	--cr-az: #0B4EA2; --cr-az-d: #073A80; --cr-az-dd: #052A5E;
	--cr-rojo: #DE3B3E; --cr-rojo-d: #B32E31; --cr-oro: #F5B72E;
	--cr-crema: #FDF4E8; --cr-gris: #F0F4F9; --cr-linea: #E2E9F2;
	--cr-tx: #22303F; --cr-tx2: #5E6E7E;
}

/* ── Ficha: temas como botones (P.c3 «Tema del huevito») ──────────────── */
.abgc-cr-chips { display: none; flex-wrap: wrap; gap: 8px; margin: 2px 0 0; }
.abgc-cr-js .abgc-cr-chips { display: flex; }
.abgc-cr-js select.abgc-cr-select { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; overflow: hidden; clip: rect(0, 0, 0, 0); }
.abgc-cr-chips .abgc-cr-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 5px 12px; border-radius: 999px; border: 1px solid var(--cr-linea); background: #fff; color: var(--cr-tx); font: inherit; font-size: 12.5px; font-weight: 600; line-height: 1.2; cursor: pointer; transition: background .15s, border-color .15s, color .15s; -webkit-tap-highlight-color: transparent; }
.abgc-cr-chips .abgc-cr-chip:hover { border-color: var(--cr-az); }
.abgc-cr-chips .abgc-cr-chip[aria-checked="true"] { background: var(--cr-az); border-color: var(--cr-az); color: #fff; }
.abgc-cr-chip:focus-visible { outline: 3px solid var(--cr-oro); outline-offset: 2px; }
.abgc-cr-chips { gap: 6px; }
/* Libro y diario (c19): elegí 1 de 3 con tarjetas («metodo» del prototipo). */
.abgc-cr-js .abgc-cr-chips.abgc-cr-cartas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.abgc-cr-chips .abgc-cr-chip.abgc-cr-carta { display: grid; gap: 6px; justify-items: center; align-content: start; padding: 12px 14px; border: 1.5px solid var(--cr-linea); border-radius: 12px; background: #fff; color: var(--cr-tx); text-align: center; font-size: 14px; }
.abgc-cr-chips .abgc-cr-chip.abgc-cr-carta[aria-checked="true"] { border-color: var(--cr-az); background: #F5F9FE; color: var(--cr-tx); }
.abgc-cr-carta-arte { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; background: repeating-linear-gradient(45deg, #fff 0 10px, #F0F4F9 10px 20px); color: var(--cr-az); font-family: "Anton", Impact, "Arial Narrow", sans-serif; font-size: 15px; text-transform: uppercase; line-height: 1.1; padding: 6px; }
.abgc-cr-carta-arte img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 720px) { .abgc-cr-js .abgc-cr-chips.abgc-cr-cartas { grid-template-columns: minmax(0, 1fr); } }

/* La celda del atributo apila los botones (el desplegable queda oculto). */
.abs .abs-prod-form table.variations td.value:has(.abgc-cr-chips) { display: block; margin-bottom: 4px; }
.abs .abs-prod-form table.variations th.label { padding-top: 2px; }

/* El precio de la variación es el mismo de arriba: no se repite (y la ficha no salta al cargar). */
form.cart:has(.abgc-cr-chips) .single_variation { display: none !important; }

/* Orden de la ficha (P.c3): causa y «llega», «Comprar ahora», y después cantidad + «Agregar». */
.abs .abs-prod-form form.cart .abgc-tv-campos { order: -2; }

/* Botones de la ficha: «Comprar ahora» manda; «Agregar al carrito» secundario. */
form.cart .abgc-cr-ya,
.abs .abs-prod-form form.cart .abgc-cr-ya { order: -1; flex: 1 1 100%; min-height: 50px; padding: 12px 24px; border-radius: 999px; border: 2px solid var(--cr-rojo); background: var(--cr-rojo); color: #fff; font: inherit; font-weight: 700; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
form.cart .abgc-cr-ya:hover { background: var(--cr-rojo-d); border-color: var(--cr-rojo-d); }
.abs .abs-prod-form form.cart .single_add_to_cart_button:not(.abgc-cr-ya),
form.cart .single_add_to_cart_button:not(.abgc-cr-ya) { background: #fff; color: var(--cr-az); border: 2px solid var(--cr-az); }
.abs .abs-prod-form form.cart .single_add_to_cart_button:not(.abgc-cr-ya):hover { background: #EEF4FC; border-color: var(--cr-az); }
form.cart .single_add_to_cart_button.disabled { opacity: .5; cursor: not-allowed; }
form.cart .es-cargando,
.abgc-cr-linea.es-cargando { opacity: .6; pointer-events: none; }
form.cart .abgc-cr-ya.es-cargando::after { content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 10px; border: 2px solid rgba(255,255,255,.5); border-top-color: #fff; border-radius: 50%; vertical-align: -2px; animation: abgc-cr-gira .8s linear infinite; }
@keyframes abgc-cr-gira { to { transform: rotate(360deg); } }

/* ── Barra fija del celular ───────────────────────────────────────────── */
.abgc-cr-barra { display: none; }
@media (max-width: 760px) {
	.abgc-cr-barra:not([hidden]) { position: fixed; z-index: 9990; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; align-items: center; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--cr-linea); box-shadow: 0 -8px 24px rgba(5, 42, 94, .12); }
	body.abgc-cr-con-barra { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
	.abgc-cr-barra-precio { min-width: 0; line-height: 1.1; }
	/* Ficha en el celular: el producto arriba, sin el banner grande. */
	.abs-producto-pag .abs-main > .abs-hero { display: none; }
	.abs-producto-pag .abs-tienda-sec { padding-top: 16px; }
	.abs-producto-pag .abs .abs-prod-arte { aspect-ratio: 16 / 10; }
	.abs-producto-pag .abs .abs-prod-arte img { object-fit: contain; }
	.abs-producto-pag .abs .abs-prod-grid { gap: 14px; }
	/* /cart/ de la tienda en el celular: banner corto y el carrito arriba. */
	body.abgc-venta.abs-woo-carrito .abs-hero { padding-top: 18px; padding-bottom: 20px; }
	body.abgc-venta.abs-woo-carrito .abs-woo-sec { padding-top: 16px; }
	.abgc-cr-barra-precio b { display: block; font-size: 18px; font-weight: 800; color: var(--cr-tx); font-variant-numeric: tabular-nums; white-space: nowrap; }
	.abgc-cr-barra-precio small { font-size: 12px; color: var(--cr-tx2); }
	.abgc-cr-barra button { min-height: 48px; border-radius: 999px; font: inherit; font-weight: 700; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }
	.abgc-cr-barra-agregar { padding: 0 14px; background: #fff; color: var(--cr-az); border: 2px solid var(--cr-az); }
	.abgc-cr-barra-ya { padding: 0 18px; background: var(--cr-rojo); color: #fff; border: 2px solid var(--cr-rojo); box-shadow: 0 6px 16px -6px rgba(222, 59, 62, .6); }
	/* En la ficha los botones del formulario ya están en la barra. */
	.abgc-cr-js body.abgc-cr-con-barra form.cart .woocommerce-variation-add-to-cart > .single_add_to_cart_button,
	.abgc-cr-js body.abgc-cr-con-barra form.cart:not(.variations_form) > .single_add_to_cart_button { display: none; }
	body.abgc-cr-con-barra .abgc-cr-flotante { bottom: calc(86px + env(safe-area-inset-bottom)); }
}

/* ── Botón flotante «Carrito» ─────────────────────────────────────────── */
.abgc-cr-flotante { position: fixed; z-index: 9989; right: 16px; bottom: calc(18px + env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 16px 0 14px; border: 0; border-radius: 999px; background: var(--cr-az); color: #fff; font: inherit; font-weight: 700; font-size: 14px; box-shadow: 0 10px 26px -8px rgba(5, 42, 94, .55); cursor: pointer; }
.abgc-cr-flotante[hidden] { display: none; }
.abgc-cr-flotante b { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--cr-oro); color: var(--cr-az-dd); font-size: 12px; }

/* ── Hoja del mini-carrito ────────────────────────────────────────────── */
.abgc-cr-velo { position: fixed; inset: 0; z-index: 99990; background: rgba(15, 18, 35, .5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; transition: opacity .24s ease; }
.abgc-cr-velo.es-visible { opacity: 1; }
.abgc-cr-velo[hidden], .abgc-cr-hoja[hidden] { display: none; }
.abgc-cr-hoja { position: fixed; z-index: 99991; left: 0; right: 0; bottom: 0; max-height: 88vh; max-height: 88dvh; display: flex; flex-direction: column; background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 -18px 50px rgba(5, 42, 94, .28); transform: translateY(100%); transition: transform .26s cubic-bezier(.2, .8, .2, 1); color: var(--cr-tx); font-size: 15px; line-height: 1.45; }
.abgc-cr-hoja.es-visible { transform: translateY(0); }
.abgc-cr-asa { width: 44px; height: 5px; border-radius: 99px; background: #CBD5E1; margin: 9px auto 0; flex: none; }
.abgc-cr-hoja-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 16px 10px; border-bottom: 1px solid var(--cr-linea); flex: none; }
.abgc-cr-hoja-cab h2 { margin: 0; font-size: 18px; font-weight: 800; color: var(--cr-az-dd); font-family: inherit; text-transform: none; letter-spacing: 0; }
.abgc-cr-cerrar { width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--cr-gris); color: var(--cr-tx); font-size: 24px; line-height: 1; cursor: pointer; flex: none; }
.abgc-cr-hoja-cuerpo { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 12px 16px calc(16px + env(safe-area-inset-bottom)); }
@media (min-width: 761px) {
	.abgc-cr-hoja { left: auto; right: 24px; bottom: 24px; width: 420px; max-height: calc(100vh - 48px); border-radius: 20px; transform: translateY(24px); opacity: 0; transition: transform .22s ease, opacity .22s ease; }
	.abgc-cr-hoja.es-visible { transform: translateY(0); opacity: 1; }
	.abgc-cr-asa { display: none; }
}
body.abgc-cr-abierta { overflow: hidden; }

/* ── El carrito (hoja y página, P.c4) ─────────────────────────────────── */
.abgc-cr-carrito { display: grid; gap: 12px; min-width: 0; }
.abgc-cr-aviso { margin: 0; padding: 11px 14px; border-radius: 12px; background: var(--cr-crema); border: 1px solid var(--cr-oro); font-size: 14px; color: #5C3F00; }
.abgc-cr-error { margin: 0 0 10px; padding: 11px 14px; border-radius: 12px; background: #FDECEC; border: 1px solid #F2B8B7; font-size: 14px; color: #B32E31; }
.abgc-cr-lineas { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.abgc-cr-linea { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 10px; border: 1px solid var(--cr-linea); border-radius: 14px; background: #fff; }
.abgc-cr-mini { width: 64px; height: 64px; border-radius: 12px; object-fit: cover; background: var(--cr-crema); display: block; }
.abgc-cr-info { display: grid; gap: 2px; min-width: 0; }
.abgc-cr-nom { font-size: 15px; font-weight: 700; color: var(--cr-tx); line-height: 1.25; overflow-wrap: anywhere; }
.abgc-cr-det { font-size: 13px; color: var(--cr-tx2); overflow-wrap: anywhere; }
.abgc-cr-det.abgc-cr-imp-nota { font-size: 12px; line-height: 1.35; text-align: left; } /* 2.38.2: por qué la impresión no se edita. */
.abgc-cr-llega { justify-self: start; margin-top: 2px; font-size: 12.5px; color: #7A5300; background: #FFF6DD; border-radius: 8px; padding: 2px 8px; }
.abgc-cr-acciones { display: flex; align-items: center; gap: 12px; margin-top: 6px; flex-wrap: wrap; }
.abgc-cr-paso { display: inline-flex; align-items: center; border: 1.5px solid var(--cr-linea); border-radius: 999px; overflow: hidden; }
.abgc-cr-carrito .abgc-cr-paso button { width: 38px; height: 36px; border: 0; background: #fff; color: var(--cr-az); font-size: 20px; font-weight: 700; line-height: 1; cursor: pointer; }
.abgc-cr-paso button:disabled { color: #B8C2CE; cursor: default; }
.abgc-cr-cant { min-width: 28px; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.abgc-cr-carrito .abgc-cr-quitar { border: 0; background: none; padding: 6px 0; color: var(--cr-tx2); font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; }
.abgc-cr-monto { font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.abgc-cr-totales { margin: 4px 0 0; padding: 12px 14px; display: grid; gap: 6px; border-radius: 14px; background: var(--cr-gris); }
.abgc-cr-totales div { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.abgc-cr-totales dt { color: var(--cr-tx2); }
.abgc-cr-totales dd { margin: 0; font-variant-numeric: tabular-nums; font-weight: 600; }
.abgc-cr-totales .abgc-cr-total { border-top: 1px solid var(--cr-linea); padding-top: 8px; font-size: 17px; }
.abgc-cr-totales .abgc-cr-total dt, .abgc-cr-totales .abgc-cr-total dd { color: var(--cr-tx); font-weight: 800; }
.abgc-cr-botones { display: grid; gap: 8px; }
.abgc-cr-btn { display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 20px; border-radius: 999px; border: 2px solid var(--cr-rojo); background: var(--cr-rojo); color: #fff !important; font: inherit; font-weight: 800; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important; cursor: pointer; text-align: center; }
.abgc-cr-btn:hover { background: var(--cr-rojo-d); border-color: var(--cr-rojo-d); }
.abgc-cr-btn.abgc-cr-btn-linea { background: #fff; color: var(--cr-az) !important; border-color: var(--cr-az); min-height: 46px; font-size: 13px; }
.abgc-cr-btn.abgc-cr-btn-linea:hover { background: #EEF4FC; }
.abgc-cr-nota { margin: 0; font-size: 12.5px; color: var(--cr-tx2); text-align: center; }
.abgc-cr-vacio { text-align: center; padding: 18px 8px; display: grid; gap: 6px; justify-items: center; }
.abgc-cr-vacio p { margin: 0; }

/* /cart/ como página: dos columnas en compu (líneas | resumen). */
.abgc-cr-pagina-wrap { max-width: 980px; margin: 0 auto; }
.abgc-cr-h2 { font-size: 28px; margin: 0 0 14px; color: var(--cr-az); text-transform: uppercase; }
.abgc-cr-h2 em { font-family: 'Playfair Display', Georgia, serif; font-style: italic; text-transform: none; color: var(--cr-rojo); }
@media (min-width: 821px) {
	.abgc-cr-modo-pagina { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; column-gap: 24px; }
	.abgc-cr-modo-pagina > .abgc-cr-aviso, .abgc-cr-modo-pagina > .abgc-cr-error, .abgc-cr-modo-pagina > .abgc-cr-vacio { grid-column: 1 / -1; }
	.abgc-cr-modo-pagina > .abgc-cr-lineas { grid-column: 1; grid-row: span 3; }
	.abgc-cr-modo-pagina > .abgc-cr-totales, .abgc-cr-modo-pagina > .abgc-cr-botones, .abgc-cr-modo-pagina > .abgc-cr-nota { grid-column: 2; }
	.abgc-cr-modo-pagina > .abgc-cr-totales { margin-top: 0; }
	.abgc-cr-modo-pagina .abgc-cr-linea { grid-template-columns: 84px minmax(0, 1fr) auto; padding: 14px; }
	.abgc-cr-modo-pagina .abgc-cr-mini { width: 84px; height: 84px; }
}

/* ── Checkout de la tienda (P.c5) ─────────────────────────────────────── */
/* Wolk Latam Payment pone Playfair (!important) a todo h1 del carrito y el
   checkout: los títulos del sitio vuelven a su letra (la cursiva queda en <em>). */
body.abs-woo-pag .abs .abs-hero h1,
body.abs-woo-pag .abs h1.abs-disp { font-family: var(--f-disp, 'Anton', Impact, sans-serif) !important; font-style: normal !important; }
body.abs-woo-pag .abs .abs-hero h1 em,
body.abs-woo-pag .abs h1.abs-disp em { font-family: 'Playfair Display', Georgia, serif !important; font-style: italic !important; }
.abs .abgc-cr-titulo { font-family: 'Anton', Impact, 'Arial Narrow', sans-serif; font-style: normal; font-weight: 400; letter-spacing: .01em; text-align: left; margin: 0 0 14px; font-size: 24px; /* .h2 del prototipo (c4, c5) */ color: var(--cr-az); text-transform: uppercase; line-height: 1.05; }
.abs .abgc-cr-titulo em.abs-ac { color: var(--cr-rojo); font-family: 'Playfair Display', Georgia, serif; font-style: italic; text-transform: none; }
/* Checkout en el celular: sin los rellenos que se apilan (sitio 14 + bloque 16 + columnas 16):
   el formulario usa el ancho del teléfono. */
@media (max-width: 760px) {
	.abs-woo-checkout .abs .abs-woo .wp-block-woocommerce-checkout,
	.abs-woo-checkout .abs .abs-woo .wc-block-components-sidebar-layout { padding-left: 0 !important; padding-right: 0 !important; }
}
body.abgc-sin-cupon .wc-block-components-totals-coupon,
body.abgc-sin-cupon .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
body.abgc-sin-cupon .wp-block-woocommerce-cart-order-summary-coupon-form-block { display: none !important; }
body.abgc-venta .wc-block-components-order-summary-item__image > img { border-radius: 10px; background: var(--cr-crema); object-fit: cover; }
body.abgc-venta .wc-block-components-order-summary-item__quantity { background: var(--cr-az) !important; color: #fff !important; border-color: #fff !important; }
body.abgc-venta .wc-block-components-radio-control__option { border-radius: 12px !important; }

/* ── Modal «Procesando tu pago…» (port de .wlp-sinpe-modal de Wolk) ───── */
.abgc-pp-velo { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: rgba(15, 18, 35, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; pointer-events: none; transition: opacity .22s ease; padding: 20px; }
.abgc-pp-velo.es-visible { opacity: 1; pointer-events: auto; }
.abgc-pp-modal { background: #fff; border-radius: 20px; max-width: 380px; width: 100%; padding: 30px 26px 22px; text-align: center; box-shadow: 0 24px 60px rgba(15, 18, 35, .25); transform: translateY(14px) scale(.97); transition: transform .22s ease; font-family: inherit; }
.abgc-pp-velo.es-visible .abgc-pp-modal { transform: translateY(0) scale(1); }
.abgc-pp-icono { width: 60px; height: 60px; margin: 0 auto 14px; border-radius: 50%; background: #EEF4FC; color: var(--cr-az); display: flex; align-items: center; justify-content: center; }
.abgc-pp-titulo { margin: 0 0 8px; font-size: 18px; font-weight: 800; color: var(--cr-az-dd); font-family: inherit; text-transform: none; letter-spacing: 0; }
.abgc-pp-texto { margin: 0 0 6px; font-size: 13.5px; line-height: 1.55; color: #4B5A6B; }
@keyframes abgc-pp-lupa { 0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; } 50% { transform: scale(1.12) rotate(-8deg); opacity: .85; } }
@keyframes abgc-pp-tarjeta { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(3px); } }
.abgc-pp-icono.es-lupa svg { animation: abgc-pp-lupa 1.1s ease-in-out infinite; }
.abgc-pp-icono.es-tarjeta svg { animation: abgc-pp-tarjeta 1.1s ease-in-out infinite; }
.abgc-pp-icono.es-ok { background: #E4F5EC; color: #1E7F4F; }
.abgc-pp-icono.es-error { background: #FDECEC; color: #B32E31; }
.abgc-pp-pasos { list-style: none; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--cr-linea); display: grid; gap: 8px; text-align: left; }
.abgc-pp-pasos[hidden] { display: none; }
.abgc-pp-pasos li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: #8A97A6; }
.abgc-pp-pasos i { width: 18px; height: 18px; border-radius: 50%; border: 2px solid #CBD5E1; flex: none; position: relative; }
.abgc-pp-pasos li.es-hecho { color: var(--cr-tx); }
.abgc-pp-pasos li.es-hecho i { background: #1E7F4F; border-color: #1E7F4F; }
.abgc-pp-pasos li.es-hecho i::after { content: ""; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.abgc-pp-pasos li.es-activo { color: var(--cr-az); font-weight: 700; }
.abgc-pp-pasos li.es-activo i { border-color: var(--cr-az); border-top-color: transparent; animation: abgc-cr-gira .8s linear infinite; }
.abgc-pp-cta { display: block; width: 100%; margin-top: 14px; border: none; border-radius: 12px; background: var(--cr-az); color: #fff; font-weight: 800; font-size: 14.5px; padding: 14px; cursor: pointer; font-family: inherit; }
.abgc-pp-cta[hidden] { display: none; }
.abgc-pp-cta:hover { background: var(--cr-az-d); }
body.abgc-pp-abierto { overflow: hidden; }
@media (max-width: 560px) {
	.abgc-pp-velo { align-items: flex-end; padding: 0; }
	.abgc-pp-modal { max-width: 100%; border-radius: 20px 20px 0 0; padding-bottom: calc(22px + env(safe-area-inset-bottom)); transform: translateY(100%); }
	.abgc-pp-velo.es-visible .abgc-pp-modal { transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
	.abgc-pp-velo, .abgc-pp-modal, .abgc-pp-icono svg, .abgc-pp-pasos i, .abgc-cr-hoja, .abgc-cr-velo, .abgc-cr-chip { transition: none; animation: none; }
}

/* 2.29.1: frase de agradecimiento al azar (mini-carrito, carrito y pago). */
.abgc-cr-gracias,.abgc-tv-total-bloque,.abgc-tv-fila-llega td{
	margin:12px 0 0;padding:12px 14px;border-radius:14px;background:#FDF4E8;color:#7A4B0E;
	font-size:14px;line-height:1.45;font-style:italic;text-align:center;border:0}
.abgc-cr-gracias span,.abgc-tv-total-bloque span,.abgc-tv-fila-llega td span{color:#DE3B3E;font-style:normal}

/* 2.30.1 (c4): códigos del sorteo en el carrito (aviso azul del prototipo); solo con un sorteo abierto. */
.abgc-cr-codigos { margin: 10px 0 0; padding: 11px 14px; border-radius: 10px; border: 1px solid #C6DCF3; background: #EEF4FC; color: var(--cr-tx); font-size: 13.5px; }
.abs .abgc-cr-pedido { margin: -6px 0 14px; color: var(--cr-tx2); }

/* 2.32.3 · En la ficha de una causa (celular) el «Carrito» flotante no tapa
   la barra fija «Donar»: sube cuando la barra está a la vista. Y conserva
   su color aunque la hoja de la causa pinte los botones de otra forma. */
.abgc-cr-flotante { transition: bottom .22s ease; }
@media (max-width: 980px) {
	body:has(.abgc-barra.visible) .abgc-cr-flotante { bottom: calc(92px + env(safe-area-inset-bottom)); }
}
button.abgc-cr-flotante, button.abgc-cr-flotante:hover, button.abgc-cr-flotante:focus { background: var(--cr-az) !important; color: #fff !important; border: 0 !important; }