/* ============================================================================
   ESTILOS DE GRUPO BIO
   ----------------------------------------------------------------------------
   Editá ESTE archivo para ajustar el diseño propio del sitio (contacto,
   checkout, precio doble por volumen, etc.). Es un archivo suelto y fácil de
   tocar: no está mezclado con el tema.

   Ubicación:  wp-content/mu-plugins/grupobio-core/assets/estilos.css
   Se sube por FTP a la misma ruta en el servidor.

   DESPUÉS DE EDITAR: en el admin, LiteSpeed Cache → Toolbox → Purge All
   (o esperá unos minutos a que expire la caché).

   Índice:
     1. Variables (colores y medidas más usadas — cambialas acá)
     2. Página de Contacto
     3. Campo "Tipo de comprobante" (checkout / Mi cuenta → Direcciones)
     4. Precio doble por volumen (minorista / mayorista): card, ficha, carrito
     5. Botón "Continuar con Google" (login / registro)
     6. Página "Pedido recibido": aviso + botón de WhatsApp del cliente
   ============================================================================ */


/* ============================================================================
   1. VARIABLES  —  los valores más comunes, cambialos y listo
   ============================================================================ */
:root{
	--gb-verde:        #2F6B36;   /* verde principal: botones, acentos, activos */
	--gb-verde-osc:    #255429;   /* verde oscuro: hover de botones */
	--gb-verde-claro:  #e9f2e9;   /* verde muy suave: fondos de íconos y tarjetas */
	--gb-tinta:        #1a1a1a;   /* color del texto principal */
	--gb-borde:        #e5e7eb;   /* color de los bordes de tarjetas */

	/* --- Card de precio doble en la tienda --- */
	--gb-tarifa-radio:    10px;        /* redondeo de las cajas Minorista / Mayorista */
	--gb-tarifa-padding:  8px 10px;    /* espacio interno de cada caja de tarifa */
	--gb-tarifa-gap:      6px;         /* separación entre las dos cajas */
	--gb-tarifa-ico:      26px;        /* diámetro del círculo del ícono */
	--gb-tarifa-nom:      .8rem;       /* tamaño de "Minorista" / "Mayorista" */
	--gb-tarifa-rango:    .7rem;       /* tamaño de "1 – 999 und." */
	--gb-tarifa-precio:   .95rem;      /* tamaño del precio "S/ 0.40" */
	--gb-lote-sub:        .8rem;       /* tamaño de "Paquete de N unidades" */
}


/* ============================================================================
   2. PÁGINA DE CONTACTO
   Estructura: grupo flex .gb-contacto > .gb-contacto__form + .gb-contacto__datos
   ============================================================================ */
.gb-contacto{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:40px;
}
.gb-contacto > .wp-block-group{ margin:0; }
.gb-contacto__form{ flex:1 1 440px; }
.gb-contacto__datos{ flex:1 1 380px; }

.gb-contacto h2{
	margin:0 0 14px;
	padding-left:14px;
	border-left:4px solid var(--gb-verde);
	font-size:1.5rem;
	line-height:1.2;
	color:var(--gb-tinta);
}
.gb-contacto__form > p{
	margin:0 0 20px;
	max-width:46ch;
	color:#555;
}

/* ---- Formulario CF7 como tarjeta ---- */
.gb-contacto .gb-form{
	padding:26px;
	border:1px solid var(--gb-borde);
	border-radius:14px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.gb-form .gb-form-row{ display:flex; gap:16px; }
.gb-form label{
	display:block;
	flex:1 1 0;
	margin:0 0 14px;
	font-size:.9rem;
	font-weight:600;
	color:var(--gb-tinta);
}
.gb-form .wpcf7-form-control-wrap{ display:block; margin-top:6px; }
.gb-form input:not([type=checkbox]):not([type=submit]),
.gb-form textarea{
	width:100%;
	box-sizing:border-box;
	padding:10px 12px;
	border:1px solid #d1d5db;
	border-radius:9px;
	font:inherit;
	color:var(--gb-tinta);
	background:#fff;
	transition:border-color .15s,box-shadow .15s;
}
.gb-form input:not([type=checkbox]):not([type=submit]):focus,
.gb-form textarea:focus{
	outline:none;
	border-color:var(--gb-verde);
	box-shadow:0 0 0 3px rgba(47,107,54,.15);
}
.gb-form textarea{ min-height:130px; resize:vertical; }

.gb-form .gb-check{
	display:block;
	margin:2px 0 18px;
	font-size:.88rem;
	color:#555;
}
.gb-form .gb-check a{ color:var(--gb-verde); text-decoration:underline; }

.gb-form .wpcf7-submit{
	-webkit-appearance:none;
	appearance:none;
	min-height:0;
	padding:12px 28px;
	border:0;
	border-radius:9px;
	background:var(--gb-verde);
	color:#fff;
	font:inherit;
	font-weight:700;
	letter-spacing:.02em;
	text-transform:uppercase;
	cursor:pointer;
	transition:background .15s;
}
.gb-form .wpcf7-submit:hover{ background:var(--gb-verde-osc); }

/* ---- Datos de contacto: tarjetas ---- */
.gb-contacto-datos{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:16px;
	margin:0 0 20px;
}
.gb-contacto-item{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:16px;
	border:1px solid var(--gb-borde);
	border-radius:12px;
	background:#fff;
}
.gb-contacto-item .gb-ico{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:50%;
	background:var(--gb-verde-claro);
	color:var(--gb-verde);
}
.gb-contacto-item > span:last-child{
	font-size:.92rem;
	line-height:1.45;
	color:#444;
	word-break:break-word;
}
.gb-contacto-item strong{
	display:block;
	margin-bottom:2px;
	font-size:.72rem;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--gb-tinta);
}
.gb-contacto-item a{ color:var(--gb-verde); }
.gb-contacto-item a:hover{ text-decoration:underline; }

/* ---- Botones (bloque Gutenberg) de la página de contacto ---- */
.gb-contacto__datos .wp-block-buttons{ gap:12px; }
.gb-contacto__datos .wp-block-button__link{
	padding:12px 24px;
	border-radius:9px;
	font-weight:700;
	letter-spacing:.02em;
	text-transform:uppercase;
}
.gb-contacto__datos .wp-block-button:not(.is-style-outline) .wp-block-button__link{
	background:var(--gb-verde);
	color:#fff;
}
.gb-contacto__datos .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{
	background:var(--gb-verde-osc);
}
.gb-contacto__datos .wp-block-button.is-style-outline .wp-block-button__link{
	border:2px solid var(--gb-verde);
	background:transparent;
	color:var(--gb-verde);
}
.gb-contacto__datos .wp-block-button.is-style-outline .wp-block-button__link:hover{
	background:var(--gb-verde-claro);
}

@media (max-width:781px){
	.gb-contacto{ gap:28px; }
	.gb-contacto .gb-form{ padding:20px; }
	.gb-form .gb-form-row{ flex-direction:column; gap:0; }
	.gb-contacto-datos{ grid-template-columns:1fr; }
}


/* ============================================================================
   3. CAMPO "TIPO DE COMPROBANTE"  (Boleta / Factura / Nota de Venta)
   Aparece en el checkout y en Mi cuenta → Direcciones.
     - Oculta el asterisco que WooCommerce repite en cada opción.
     - Pone radio + texto en una fila (salían apilados).
   ============================================================================ */
#billing_tipo_comprobante_field > label{
	display:block;
	margin-bottom:6px;
}
#billing_tipo_comprobante_field .woocommerce-input-wrapper{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	row-gap:6px;
}
#billing_tipo_comprobante_field .woocommerce-input-wrapper input.input-radio{
	width:auto;
	margin:0 6px 0 0;
	vertical-align:middle;
}
#billing_tipo_comprobante_field .woocommerce-input-wrapper label.radio{
	display:inline-flex;
	align-items:center;
	margin:0 22px 0 0;
	font-weight:400;
	cursor:pointer;
}
#billing_tipo_comprobante_field .woocommerce-input-wrapper label.radio .required{
	display:none;
}

/* Checkout: encabezado "creá tu cuenta" para invitados */
.gb-checkout-cuenta{
	margin:0 0 22px;
	padding:16px 18px;
	border:1px solid var(--gb-verde);
	border-left-width:4px;
	border-radius:10px;
	background:var(--gb-verde-claro);
}
.gb-checkout-cuenta h3{
	margin:0 0 4px;
	font-size:1.05rem;
	color:var(--gb-verde-osc);
}
.gb-checkout-cuenta p{
	margin:0;
	font-size:.9rem;
	color:#3a3a3a;
}
/* Que el bloque de "crear cuenta / contraseña" del checkout se note */
.woocommerce-account-fields,
.woocommerce-form-login{
	margin-bottom:18px;
}
.woocommerce-account-fields .create-account{
	padding:12px 14px;
	border:1px solid var(--gb-borde);
	border-radius:10px;
	background:#fff;
}


/* ============================================================================
   4. PRECIO DOBLE POR VOLUMEN  (minorista / mayorista)
   Card de la tienda, ficha de producto y carrito.  Ver producto-lote.php
   ============================================================================ */

/* "Paquete de N unidades" bajo el título */
.gb-lote-sub{
	margin:2px 0 6px;
	font-size:var(--gb-lote-sub);
	color:#777;
	line-height:1.3;
}

/* Los contenedores del precio en la card de Woodmart a veces no son full width;
   con precio doble los forzamos para que las cajas de tarifa lleguen al borde. */
.gb-lote-card .wrapp-product-price,
.gb-lote-card .wrap-price,
.gb-lote-card .price{
	display:block;
	width:100%;
}

/* --- Las dos cajas de tarifa --- */
.gb-tarifas{
	display:flex;
	flex-direction:column;
	gap:var(--gb-tarifa-gap);
	width:100%;
	font-weight:400;
}
.price .gb-tarifas{ font-size:1rem; }

.gb-tarifa{
	display:flex;
	align-items:center;
	gap:9px;
	width:100%;
	box-sizing:border-box;
	padding:var(--gb-tarifa-padding);
	border:1px solid var(--gb-borde);
	border-radius:var(--gb-tarifa-radio);
	background:#fff;
	transition:border-color .15s,background-color .15s;
}
.gb-tarifa.is-active{
	border-color:var(--gb-verde);
	background:var(--gb-verde-claro);
}
.gb-tarifa-ico{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:var(--gb-tarifa-ico);
	height:var(--gb-tarifa-ico);
	border-radius:50%;
	background:var(--gb-verde-claro);
	color:var(--gb-verde);
}
.gb-tarifa.is-active .gb-tarifa-ico{ background:#fff; }
.gb-tarifa-txt{
	display:flex;
	flex-direction:column;
	line-height:1.25;
	min-width:0;
	flex:1;
}
.gb-tarifa-nom{
	font-size:var(--gb-tarifa-nom);
	font-weight:700;
	color:var(--gb-tinta);
}
.gb-tarifa-rango{
	font-size:var(--gb-tarifa-rango);
	color:#8a8a8a;
}
.gb-tarifa-precio{
	flex-shrink:0;
	font-size:var(--gb-tarifa-precio);
	font-weight:700;
	color:var(--gb-tinta);
	white-space:nowrap;
}
.gb-tarifa-precio .gb-cu,
.gb-precio-unidad .gb-cu,
.gb-cu{
	font-size:.68rem;
	font-weight:400;
	color:#8a8a8a;
}
.gb-precio-unidad .amount{ font-weight:700; }

/* --- Card de producto: stepper arriba (separado), botón "Añadir" abajo ---
   Aplica a TODOS los productos. La plantilla content-product-fw-button.php
   del tema hijo arma:
     .wd-add-btn.gb-add-btn-split
        .gb-qty-group   ( .quantity  [+ .gb-qty-label "paquete(s)" solo si precio doble] )
        .gb-btn-group   ( a.button "Añadir" )

   Variables editables del botón:
     --gb-btn-bg        color de fondo
     --gb-btn-bg-hover  color de fondo al pasar el mouse
     --gb-btn-color     color del texto
     --gb-btn-radio     redondeo
------------------------------------------------------------------------------ */
:root{
	--gb-btn-bg:        #2F6B36;
	--gb-btn-bg-hover:  #255429;
	--gb-btn-color:     #fff;
	--gb-btn-radio:     12px;
}

.wd-add-btn.gb-add-btn-split{
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:8px;
	position:static;           /* anula el contexto de "quantity overlap" */
}
.gb-add-btn-split .gb-qty-group{
	display:flex;
	flex-direction:column;
	align-items:stretch;   /* el stepper ocupa todo el ancho de la card */
	gap:3px;
}
/* Woodmart pone el stepper en position:absolute (modo overlap); acá lo
   volvemos a un stepper normal, visible y a todo el ancho. */
.wd-quantity-overlap .gb-add-btn-split .quantity,
.gb-add-btn-split .quantity{
	position:static;
	height:auto;
	filter:none;
	transform:none;
	inset:auto;
	display:flex;          /* era inline-flex → no se estiraba */
	width:100%;
}
/* Botones − / +  e  input de cantidad */
.gb-add-btn-split .quantity .btn.minus,
.gb-add-btn-split .quantity .btn.plus,
.gb-add-btn-split .quantity input{
	min-height:40px !important;
}
.gb-add-btn-split .quantity .btn.minus,
.gb-add-btn-split .quantity .btn.plus{
	flex:0 0 40px;
	width:40px;
	min-width:40px;
}
/* El input ocupa todo el espacio libre entre − y +  */
.gb-add-btn-split .quantity input.qty{
	flex:1 1 auto;
	width:auto;
	min-width:0;
	background-color:#fff !important;
	color:#000 !important;
	border:1px solid #7fc13a !important;   /* verde claro del borde del input */
}

/* --- Botón "Añadir": verde, redondeado, hover simple --- */
.gb-add-btn-split .gb-btn-group{ width:100%; }
.gb-add-btn-split .gb-btn-group > a.button{
	display:block;
	width:100%;
	max-width:100%;
	text-align:center;
	padding:0;
	overflow:visible;
	border-radius:var(--gb-btn-radio);
	background-color:var(--gb-btn-bg);
	box-shadow:none;
	color:var(--gb-btn-color);
	transition:background-color .18s ease;
}
.gb-add-btn-split .gb-btn-group > a.button:hover,
.gb-add-btn-split .gb-btn-group > a.button:focus-visible{
	background-color:var(--gb-btn-bg-hover);
	box-shadow:none;
	color:var(--gb-btn-color);
}
/* Texto del botón */
.gb-add-btn-split .gb-btn-group > a.button .wd-action-text{
	display:block;
	padding:2px 2px;
	color:var(--gb-btn-color);
	font-weight:700;
	border-radius:var(--gb-btn-radio);
}
/* Quitar el efecto de Woodmart (el texto que se desliza y aparece un ícono) */
.gb-add-btn-split .gb-btn-group > a.button .wd-action-icon,
.gb-add-btn-split .gb-btn-group > a.button:before{
	display:none !important;
}
.gb-add-btn-split .gb-btn-group > a.button:hover .wd-action-text,
.gb-add-btn-split .gb-btn-group > a.button span{
	transform:none !important;
	opacity:1 !important;
}
/* Estado "cargando" al agregar */
.gb-add-btn-split .gb-btn-group > a.button.loading{ opacity:.7; }

/* Etiqueta "paquete(s)" bajo el stepper (loop y ficha) */
.gb-qty-label{
	display:block;
	margin-top:3px;
	font-size:.72rem;
	color:#8a8a8a;
	text-align:center;
}
.gb-add-btn-split .gb-qty-label--loop{ margin:0; }

/* --- Ficha de producto: bloque de precio doble (va debajo de la descripción) --- */
.gb-lote-precio{
	margin:16px 0 20px;
	max-width:440px;
}
.gb-lote-precio .gb-tarifas{ font-size:1rem; }
.gb-lote-precio .gb-tarifa{ padding:10px 12px; }
.gb-lote-precio .gb-tarifa-nom{ font-size:.9rem; }
.gb-lote-precio .gb-tarifa-rango{ font-size:.78rem; }
.gb-lote-precio .gb-tarifa-precio{ font-size:1.05rem; }

/* Total en vivo según la cantidad elegida */
.gb-lote-total{
	margin:12px 0 0;
	padding:9px 13px;
	border-radius:10px;
	background:var(--gb-verde-claro);
	color:var(--gb-verde-osc);
	font-size:.9rem;
	line-height:1.4;
}
.gb-lote-total strong{ font-weight:700; }

/* Texto explicativo en la ficha de producto */
.gb-lote-detalle{
	margin:.7em 0 0;
	font-size:.85rem;
	color:#666;
	line-height:1.5;
}

/* --- Ficha: form.cart apilado (stepper / "paquete(s)" / botón), como la card --- */
body.gb-lote-single form.cart{
	flex-direction:column;
	align-items:stretch;
	max-width:360px;
	gap:5px;
}
body.gb-lote-single form.cart .quantity{
	display:flex;
	width:100%;
}
body.gb-lote-single form.cart .quantity .btn{
	flex:0 0 44px;
	min-height:44px !important;
}
body.gb-lote-single form.cart .quantity input.qty{
	flex:1;
	min-height:44px !important;
	background:#fff !important;
	color:#000 !important;
	border:1px solid #7fc13a !important;
}
body.gb-lote-single form.cart .gb-qty-label{
	order:2;
	text-align:center;
	margin:1px 0 6px;
}
body.gb-lote-single form.cart .single_add_to_cart_button{
	order:3;
	width:100%;
	/* que Woodmart pinte el botón con NUESTROS colores/redondeo */
	--btn-accented-bgcolor:var(--gb-btn-bg);
	--btn-accented-bgcolor-hover:var(--gb-btn-bg-hover);
	--btn-accented-color:var(--gb-btn-color);
	--btn-accented-color-hover:var(--gb-btn-color);
	--btn-accented-brd-radius:var(--gb-btn-radio);
	--btn-accented-box-shadow:none;
	--btn-accented-box-shadow-hover:none;
}

/* Carrito: etiqueta de tarifa bajo el nombre del producto */
.gb-lote-tag{
	display:block;
	margin-top:4px;
	font-size:.8rem;
	color:#777;
	font-weight:400;
}

/* Móvil: la caja de tarifa apila todo hacia abajo — el precio pasa a su
   propia fila debajo del rango (en ancho de card estrecha no entra al lado). */
@media (max-width:540px){
	.gb-tarifa{
		flex-wrap:wrap;
		align-items:center;
		gap:2px 8px;
		padding:8px 10px;
	}
	.gb-tarifa-ico{ width:20px; height:20px; }
	.gb-tarifa-ico svg{ width:13px; height:13px; }
	.gb-tarifa-txt{ flex:1 1 auto; }
	.gb-tarifa-rango{ white-space:normal; }
	.gb-tarifa-precio{
		flex:1 1 100%;
		margin-top:4px;
		padding-top:4px;
		border-top:1px dashed var(--gb-borde);
		font-size:.95rem;
		text-align:left;
		white-space:nowrap;
	}
	.gb-lote-precio .gb-tarifa-precio{ font-size:1rem; }
}


/* ============================================================================
   5. BOTÓN "CONTINUAR CON GOOGLE"  (login / registro con Google de Woodmart)
   ----------------------------------------------------------------------------
   Woodmart pinta el botón azul con su ícono propio. Acá lo pasamos al estilo
   estándar de Google: botón blanco, borde gris, texto oscuro y la "G" de
   colores. Aplica en el menú de cuenta, en /mi-cuenta/ y en el checkout.
   ============================================================================ */
.wd-social-login{
	gap:10px;
}
.wd-social-login .btn{
	flex:1 1 100%;            /* una fila por botón, ancho completo */
}

/* Separador "o ingresá con" */
.wd-login-divider{
	margin:18px 0 12px;
	text-align:center;
	font-size:.8rem;
	color:#777;
	text-transform:none;
}

/* Botón Google en blanco */
.wd-social-login .login-goo-link.btn{
	--btn-color:            var(--gb-tinta);
	--btn-bgcolor:          #fff;
	--btn-bgcolor-hover:    #f7f8f8;
	--btn-box-shadow-hover: none;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:0 16px 0 46px;
	border:1px solid #dadce0;
	border-radius:var(--gb-btn-radio, 12px);
	font-weight:600;
	letter-spacing:0;
	text-transform:none;
	color:var(--gb-tinta);
	background:#fff;
}
.wd-social-login .login-goo-link.btn:hover{
	background:#f7f8f8;
	border-color:#d2d5da;
	color:var(--gb-tinta);
}
/* "G" de colores de Google — SVG embebido, no depende del tema */
.wd-social-login .login-goo-link.btn:before{
	content:"";
	position:absolute;
	inset-inline-start:14px;
	top:50%;
	transform:translateY(-50%);
	width:20px;
	height:20px;
	background:no-repeat center/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E");
}

/* Ocultá el botón de Facebook si algún día se configura sin querer usarlo:
   dejalo comentado. Para activarlo, quitá los //.
.wd-social-login .login-fb-link{ display:none; }
*/


/* ============================================================================
   6. PÁGINA "PEDIDO RECIBIDO"  (thankyou.php)
   ----------------------------------------------------------------------------
   .gb-aviso-pedido    → cuadro verde "Su pedido ha sido registrado."
   .gb-wa-pedido        → tarjeta con el botón de WhatsApp del CLIENTE
   ============================================================================ */
.gb-aviso-pedido{
	margin:16px 0;
	padding:16px 18px;
	border:1px solid var(--gb-verde);
	border-radius:12px;
	background:var(--gb-verde-claro);
}
.gb-aviso-pedido__titulo{
	margin:0 0 4px;
	font-size:1.05rem;
	font-weight:700;
	color:var(--gb-verde-osc);
}
.gb-aviso-pedido__desc{
	margin:0;
	color:var(--gb-tinta);
}

.gb-wa-pedido{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:14px;
	margin:16px 0;
	padding:16px 18px;
	border:1px solid var(--gb-borde);
	border-radius:12px;
	background:#fff;
	box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.gb-wa-pedido__icono{
	flex:0 0 auto;
	width:44px;
	height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#e7f9ee;
	color:#25D366;
}
.gb-wa-pedido__texto{
	flex:1 1 220px;
	min-width:0;
}
.gb-wa-pedido__titulo{
	margin:0 0 2px;
	font-weight:700;
	color:var(--gb-tinta);
}
.gb-wa-pedido__desc{
	margin:0;
	font-size:.88rem;
	color:#666;
}
.gb-wa-pedido__btn{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:#25D366;
	color:#fff;
	padding:12px 22px;
	border-radius:999px;
	text-decoration:none;
	font-weight:700;
	font-size:.95rem;
	white-space:nowrap;
	box-shadow:0 3px 10px rgba(37,211,102,.35);
	transition:background-color .15s ease, transform .1s ease;
}
.gb-wa-pedido__btn:hover{
	background:#1ebe59;
	color:#fff;
	transform:translateY(-1px);
}
.gb-wa-pedido__btn:active{ transform:translateY(0); }

/* Móvil: todo apilado y el botón a lo ancho, más fácil de tocar. */
@media (max-width:480px){
	.gb-wa-pedido{ flex-direction:column; align-items:stretch; text-align:center; }
	.gb-wa-pedido__icono{ margin:0 auto; }
	.gb-wa-pedido__btn{ justify-content:center; width:100%; }
}