/* ==========================================================
   PARACARE — PRODUCT CARD LOADING STATES
   Shared skeleton + image shimmer for product cards.
   Loaded only on product-card contexts.
   ========================================================== */

@keyframes pc-shimmer-move{
	0%{background-position:200% 0}
	100%{background-position:-200% 0}
}

.pc-shimmer,
.pc-product-card__image.is-pc-image-loading::after,
.pc-related-card__media.is-pc-image-loading::after{
	background:linear-gradient(90deg,#eef3f5 20%,#f8fafb 42%,#eef3f5 64%);
	background-size:220% 100%;
	animation:pc-shimmer-move 1.2s linear infinite;
}

.pc-product-card__image.is-pc-image-loading,
.pc-related-card__media.is-pc-image-loading{
	position:relative;
	overflow:hidden;
	background:#f5f8f9;
}

.pc-product-card__image.is-pc-image-loading::after,
.pc-related-card__media.is-pc-image-loading::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:2;
	pointer-events:none;
}

.pc-product-card__image.is-pc-image-loading img,
.pc-related-card__media.is-pc-image-loading img{
	opacity:.18;
}

.pc-product-skeleton{
	display:flex;
	flex-direction:column;
	overflow:hidden;
	min-width:0;
	border:1px solid var(--pc-border,#dce7ee);
	border-radius:14px;
	background:#fff;
}

.pc-product-skeleton__image{
	display:block;
	width:100%;
	aspect-ratio:1.5/1;
	border-bottom:1px solid #edf2f4;
}

.pc-product-skeleton__body{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:7px;
	padding:12px 13px 13px;
}

.pc-product-skeleton__body i{
	display:block;
	height:9px;
	border-radius:999px;
}

.pc-product-skeleton__meta{width:34%}
.pc-product-skeleton__title{width:88%;height:13px!important}
.pc-product-skeleton__title--short{width:66%}
.pc-product-skeleton__text{width:94%}
.pc-product-skeleton__text--short{width:73%}

.pc-product-skeleton__actions{
	display:flex;
	justify-content:space-between;
	gap:16px;
	margin-top:auto;
	padding-top:8px;
}

.pc-product-skeleton__actions i{
	width:60px;
	height:10px;
}

/* El catálogo conserva exactamente la geometría de su grilla mientras carga. */
.pc-archive-page .pc-product-skeleton{
	min-height:280px;
}

@media(max-width:699px){
	.pc-product-skeleton{
		display:grid;
		grid-template-columns:104px minmax(0,1fr);
		min-height:116px;
		padding:9px 0;
		border:0;
		border-bottom:1px solid #e8eef1;
		border-radius:0;
		box-shadow:none;
	}

	.pc-product-skeleton__image{
		width:96px;
		height:96px;
		align-self:center;
		aspect-ratio:auto;
		border:1px solid #edf2f4;
		border-radius:12px;
	}

	.pc-product-skeleton__body{
		justify-content:center;
		padding:7px 0 7px 8px;
	}
}

@media(prefers-reduced-motion:reduce){
	.pc-shimmer,
	.pc-product-card__image.is-pc-image-loading::after,
	.pc-related-card__media.is-pc-image-loading::after{
		animation:none;
	}
}

/* Archive mobile uses the same 88px geometry as its real product rows. */
@media(max-width:699px){
	.pc-archive-page .pc-product-skeleton{grid-template-columns:88px minmax(0,1fr);min-height:104px;padding:8px 0}
	.pc-archive-page .pc-product-skeleton__image{width:88px;height:88px;border-radius:10px}
	.pc-archive-page .pc-product-skeleton__body{padding:6px 0 6px 10px}
}