/* APM WhatsApp Consulta */
.apm-wac-wrap{margin:8px 0 0;line-height:1}
.apm-wac-wrap-single{margin:12px 0 18px;clear:both}
.apm-wac,
.apm-wac.button{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	background:#25D366!important;border:0!important;color:#fff!important;
	text-decoration:none!important;text-transform:uppercase;font-weight:700;letter-spacing:.02em;
	border-radius:4px;box-shadow:0 2px 6px rgba(37,211,102,.35);
	padding:9px 16px;font-size:13px;line-height:1.2;min-height:0;
	transition:background-color .2s,box-shadow .2s;cursor:pointer;max-width:100%;
	-webkit-tap-highlight-color:transparent;
}
.apm-wac:hover,.apm-wac:focus{background:#1ebe5b!important;color:#fff!important;box-shadow:0 4px 12px rgba(37,211,102,.45)}
.apm-wac span{color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apm-wac .apm-wac-t-short{display:none}
.apm-wac .apm-wac-ico{width:18px;height:18px;flex:0 0 18px;fill:#fff;color:#fff}
.apm-wac-single,.apm-wac-single.button{font-size:15px;padding:12px 22px}
.apm-wac-single .apm-wac-ico{width:22px;height:22px;flex-basis:22px}

/* Flatsome: mismo alto y tipografía que su botón "Añadir al carrito" */
.apm-wac.button{margin:0!important}
.apm-wac.button.is-small{padding:0 1.2em;min-height:2.5em;line-height:2.4em;font-size:.8em}
.box-text .apm-wac-wrap{margin-top:.6em}

/* Efecto "latido": crece y se achica suavemente */
@keyframes apmWacPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.apm-wac-pulse{animation:apmWacPulse 1.6s ease-in-out infinite;will-change:transform;transform-origin:center}
.apm-wac-pulse:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.apm-wac-pulse{animation:none}}

/* Celulares: el botón ocupa el ancho de la tarjeta para que el texto quepa en una línea */
@media (max-width:549px){
	.apm-wac-wrap-card .apm-wac{display:flex;width:100%;padding-left:8px;padding-right:8px;font-size:11px;gap:6px}
	.apm-wac-wrap-card .apm-wac .apm-wac-ico{width:16px;height:16px;flex-basis:16px}
	.apm-wac-wrap-card .apm-wac .apm-wac-t-full{display:none}
	.apm-wac-wrap-card .apm-wac .apm-wac-t-short{display:inline}
	.apm-wac-wrap-single .apm-wac{display:flex;width:100%}
}

/* V1.1: botón fuera de la tarjeta (debajo de su borde, centrado, con márgenes) */
.apm-wac-wrap-out{display:block;clear:both;text-align:center;margin:12px 0 4px;padding:0;line-height:1}
.apm-wac-has-out>.apm-wac-wrap-out{margin:12px 0 0;flex:0 0 auto}
/* Mismo tamaño de letra que tenía dentro de la tarjeta (allí el texto es 0.9em) */
.apm-wac-wrap-out .apm-wac.button.is-small{font-size:.72em;padding:0 1em}
.apm-wac-wrap-out .apm-wac{position:relative;z-index:1}
/* Todas las tarjetas de una fila con el mismo alto: los botones quedan alineados */
.product-small.col.apm-wac-has-out{display:flex;flex-direction:column}
.product-small.col.apm-wac-has-out>.col-inner{flex:1 1 auto}
/* Si el texto largo no entra en el ancho de la columna, se usa el texto corto */
.apm-wac-wrap-out .apm-wac.is-short .apm-wac-t-full{display:none}
.apm-wac-wrap-out .apm-wac.is-short .apm-wac-t-short{display:inline}
@media (max-width:549px){
	.apm-wac-wrap-out{margin-top:10px}
	.apm-wac-wrap-out .apm-wac.button.is-small{font-size:11px}
}
