/* PARACARE — sidebar producto / orientación sticky v5 consolidado */

.pc-product-sidebar {
	align-self: start;
}

.pc-product-sidebar__sticky {
	display: grid;
	gap: 1rem;
}

.pc-side-card {
	background: var(--pc-surface);
	border: 1px solid var(--pc-border);
	border-radius: var(--pc-radius-md);
	padding: 1rem;
}

.pc-category-list {
	display: grid;
	gap: .45rem;
}

.pc-category-list a {
	padding: .72rem .8rem;
	border-radius: 12px;
	background: var(--pc-surface-soft);
	border: 1px solid transparent;
	font-weight: 650;
	font-size: .9rem;
}

.pc-category-list a:hover {
	border-color: color-mix(in srgb,var(--pc-accent) 32%,var(--pc-border));
	background: var(--pc-surface);
}

/* =========================================================
	   1. CORRECCIÓN ESTRUCTURAL DEL SIDEBAR
	   ESTO ES LO QUE HACE FUNCIONAR STICKY
	   ========================================================= */

	@media (min-width: 980px) {

		body.single-producto
		.pc-product-content-grid {
			align-items: stretch !important;
			overflow: visible !important;
		}

		body.single-producto
		.pc-product-sidebar {
			align-self: stretch !important;

			height: 100% !important;
			min-height: 100% !important;

			overflow: visible !important;
		}

		body.single-producto
		.pc-product-sidebar__sticky {
			display: block !important;

			position: relative !important;
			top: auto !important;

			height: 100% !important;
			min-height: 100% !important;

			overflow: visible !important;
		}

		/* Categorías normales */
		body.single-producto
		.pc-product-sidebar
		.pc-side-card {
			margin-bottom: 16px !important;
		}

		/* SOLO PARACARE STICKY */
		body.single-producto
		.pc-product-sidebar
		.pc-company-card {
			position: sticky !important;

			top: 92px !important;

			align-self: start !important;

			z-index: 10 !important;
		}

	}


	/* =========================================================
	   2. TARJETA
	   ========================================================= */

	body.single-producto .pc-company-card {
		overflow: hidden !important;

		margin: 0 !important;
		padding: 24px 20px 20px !important;

		background:
			linear-gradient(
				155deg,
				color-mix(in srgb, var(--pc-accent) 72%, var(--pc-surface)) 0%,
				var(--pc-accent) 48%,
				var(--pc-accent-hover) 100%
			) !important;

		border: 0 !important;
		border-radius: 26px !important;

		color: var(--pc-white) !important;

		box-shadow: var(--pc-shadow-md) !important;
	}


	/* =========================================================
	   3. PARACARE
	   ========================================================= */

	body.single-producto
	.pc-company-card
	.pc-eyebrow {
		display: flex !important;
		align-items: center !important;

		width: 100% !important;

		margin: 0 0 22px !important;
		padding: 0 0 14px !important;

		background: transparent !important;

		clip-path: none !important;

		border-bottom:
			1px solid
			rgba(255,255,255,.48) !important;

		color: var(--pc-white) !important;
		-webkit-text-fill-color: var(--pc-white) !important;

		font-size: 13px !important;
		font-weight: 850 !important;
		line-height: 1 !important;

		letter-spacing: .17em !important;
		text-transform: uppercase !important;
	}


	body.single-producto
	.pc-company-card
	.pc-eyebrow::before {
		content: none !important;
		display: none !important;
	}


	body.single-producto
	.pc-company-card
	.pc-eyebrow::after {
		content: "" !important;

		display: block !important;

		width: 34px !important;
		height: 3px !important;

		margin-left: 12px !important;

		background:
			rgba(255,255,255,.94) !important;

		border-radius: 999px !important;
	}


	/* =========================================================
	   4. TÍTULO
	   ========================================================= */

	body.single-producto
	.pc-company-card h3 {
		margin: 0 0 11px !important;

		color: var(--pc-white) !important;
		-webkit-text-fill-color: var(--pc-white) !important;

		font-size:
			clamp(22px, 2.3vw, 28px) !important;

		font-weight: 800 !important;
		line-height: 1.12 !important;

		letter-spacing: -.025em !important;
	}


	/* =========================================================
	   5. TEXTO
	   ========================================================= */

	body.single-producto
	.pc-company-card > p {
		margin: 0 0 19px !important;

		color:
			rgba(255,255,255,.94) !important;

		-webkit-text-fill-color:
			rgba(255,255,255,.94) !important;

		font-size: 15px !important;
		font-weight: 500 !important;
		line-height: 1.5 !important;
	}


	/* =========================================================
	   6. DATOS CONTACTO
	   ========================================================= */

	body.single-producto
	.pc-company-contact {
		display: grid !important;

		gap: 7px !important;

		margin: 0 0 17px !important;
	}


	body.single-producto
	.pc-company-contact > div {
		display: flex !important;
		align-items: center !important;

		width: 100% !important;
		min-width: 0 !important;

		gap: 10px !important;

		margin: 0 !important;
		padding: 7px 9px !important;

		background:
			rgba(255,255,255,.11) !important;

		border:
			1px solid
			rgba(255,255,255,.20) !important;

		border-radius: 12px !important;

		/* Oculta ⌖ ☎ ✉ antiguos */
		font-size: 0 !important;

		color: transparent !important;
	}


	body.single-producto
	.pc-company-contact > div > span {
		display: block !important;

		flex: 1 1 auto !important;

		min-width: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		color: var(--pc-white) !important;
		-webkit-text-fill-color: var(--pc-white) !important;

		font-size: 13px !important;
		font-weight: 650 !important;
		line-height: 1.35 !important;

		word-break: normal !important;
		overflow-wrap: anywhere !important;
	}


	/* =========================================================
	   7. ICONOS
	   ========================================================= */

	body.single-producto
	.pc-company-contact > div::before {
		content: "" !important;

		display: block !important;

		width: 32px !important;
		height: 32px !important;

		flex: 0 0 32px !important;

		background-color:
			rgba(255,255,255,.14) !important;

		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 16px 16px !important;

		border:
			1px solid
			rgba(255,255,255,.25) !important;

		border-radius: 9px !important;
	}


	/* Dirección */
	body.single-producto
	.pc-company-contact
	> div:nth-child(1)::before {
		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") !important;
	}


	/* Teléfono */
	body.single-producto
	.pc-company-contact
	> div:nth-child(2)::before {
		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") !important;
	}


	/* Correo */
	body.single-producto
	.pc-company-contact
	> div:nth-child(3)::before {
		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E") !important;
	}


	/* =========================================================
	   8. BOTONES
	   ========================================================= */

	body.single-producto
	.pc-company-actions {
		display: flex !important;

		flex-wrap: wrap !important;

		align-items: center !important;
		justify-content: flex-start !important;

		gap: 8px !important;

		margin: 0 !important;
	}


	body.single-producto
	.pc-company-actions
	.pc-btn {
		display: inline-flex !important;

		align-items: center !important;
		justify-content: center !important;

		flex: 0 0 auto !important;

		width: auto !important;
		min-width: 0 !important;

		height: 36px !important;
		min-height: 36px !important;
		max-height: 36px !important;

		padding: 0 14px !important;

		gap: 7px !important;

		border-radius: 999px !important;

		font-size: 12px !important;
		font-weight: 750 !important;
		line-height: 1 !important;

		text-decoration: none !important;

		white-space: nowrap !important;

		box-shadow: none !important;
	}


	/* =========================================================
	   9. WHATSAPP
	   BORDE BLANCO / SIN FONDO
	   ========================================================= */

	body.single-producto
	.pc-company-actions
	.pc-btn--whatsapp {
		background: transparent !important;

		border:
			1.5px solid var(--pc-white) !important;

		color: var(--pc-white) !important;
		-webkit-text-fill-color: var(--pc-white) !important;
	}


	body.single-producto
	.pc-company-actions
	.pc-btn--whatsapp::before {
		content: "" !important;

		width: 16px !important;
		height: 16px !important;

		flex: 0 0 16px !important;

		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32 101.5 32 1.9 131.6 1.9 254c0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67-157Z'/%3E%3C/svg%3E") !important;

		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: contain !important;
	}


	body.single-producto
	.pc-company-actions
	.pc-btn--whatsapp:hover {
		background:
			rgba(255,255,255,.12) !important;
	}


	/* =========================================================
	   10. CONTACTO
	   ========================================================= */

	body.single-producto
	.pc-company-actions
	.pc-btn--ghost {
		background: var(--pc-surface) !important;

		border:
			1.5px solid var(--pc-surface) !important;

		color: var(--pc-accent-hover) !important;
		-webkit-text-fill-color: var(--pc-accent-hover) !important;
	}


	body.single-producto
	.pc-company-actions
	.pc-btn--ghost::before {
		content: "" !important;

		width: 15px !important;
		height: 15px !important;

		flex: 0 0 15px !important;

		background-color:
			var(--pc-accent-hover) !important;

		-webkit-mask:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 3 8 5 8-5V6l-8 5-8-5v1Z'/%3E%3C/svg%3E")
			center / contain no-repeat !important;

		mask:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm0 3 8 5 8-5V6l-8 5-8-5v1Z'/%3E%3C/svg%3E")
			center / contain no-repeat !important;
	}


	body.single-producto
	.pc-company-actions
	.pc-btn--ghost:link,
	body.single-producto
	.pc-company-actions
	.pc-btn--ghost:visited,
	body.single-producto
	.pc-company-actions
	.pc-btn--ghost:hover,
	body.single-producto
	.pc-company-actions
	.pc-btn--ghost:focus {
		color: var(--pc-accent-hover) !important;
		-webkit-text-fill-color: var(--pc-accent-hover) !important;
	}


	body.single-producto
	.pc-company-actions
	.pc-btn--ghost:hover {
		background: var(--pc-accent-soft) !important;
	}


	/* =========================================================
	   11. MÓVIL / TABLET
	   NO STICKY
	   ========================================================= */

	@media (max-width: 979px) {

		body.single-producto
		.pc-product-sidebar {
			height: auto !important;
			min-height: 0 !important;
		}

		body.single-producto
		.pc-product-sidebar__sticky {
			height: auto !important;
			min-height: 0 !important;
		}

		body.single-producto
		.pc-company-card {
			position: relative !important;
			top: auto !important;
		}

	}


	@media (max-width: 600px) {

		body.single-producto
		.pc-company-card {
			padding:
				20px 16px 16px !important;

			border-radius:
				22px !important;
		}


		body.single-producto
		.pc-company-card
		.pc-eyebrow {
			margin-bottom:
				18px !important;

			padding-bottom:
				12px !important;

			font-size:
				11px !important;
		}


		body.single-producto
		.pc-company-card h3 {
			font-size:
				22px !important;
		}


		body.single-producto
		.pc-company-card > p {
			font-size:
				14px !important;
		}


		body.single-producto
		.pc-company-actions
		.pc-btn {
			height: 34px !important;
			min-height: 34px !important;
			max-height: 34px !important;

			padding:
				0 11px !important;

			font-size:
				11px !important;
		}

	}

/* Blindaje de contraste frente a estilos del parent theme */
body.single-producto .pc-company-card .pc-btn--whatsapp,
body.single-producto .pc-company-card .pc-btn--whatsapp:link,
body.single-producto .pc-company-card .pc-btn--whatsapp:visited,
body.single-producto .pc-company-card .pc-btn--whatsapp:hover,
body.single-producto .pc-company-card .pc-btn--whatsapp:focus,
body.single-producto .pc-company-card .pc-btn--whatsapp:active{color:var(--pc-white)!important;-webkit-text-fill-color:var(--pc-white)!important}
body.single-producto .pc-company-card .pc-btn--ghost,
body.single-producto .pc-company-card .pc-btn--ghost:link,
body.single-producto .pc-company-card .pc-btn--ghost:visited,
body.single-producto .pc-company-card .pc-btn--ghost:hover,
body.single-producto .pc-company-card .pc-btn--ghost:focus,
body.single-producto .pc-company-card .pc-btn--ghost:active{color:var(--pc-accent-hover)!important;-webkit-text-fill-color:var(--pc-accent-hover)!important}