/* Asistente del blog — inc/blog-asistente.php (2026-10-24). Identidad Petróleo + Latón. */
.sh-asist{
	--a-pet:var(--petroleo-700,#0F3B3A); --a-pet9:var(--petroleo-900,#08201F); --a-lat:var(--laton,#D29B3D);
	--a-cal:var(--cal,#F3F2EF); --a-lino:var(--lino,#DEDCD6); --a-ink:var(--grafito,#1C2422); --a-mut:var(--salvia,#5A6B68);
	position:fixed; z-index:9990; right:calc(20px + env(safe-area-inset-right,0px)); bottom:calc(20px + env(safe-area-inset-bottom,0px));
	width:330px; max-width:calc(100vw - 32px); max-height:min(560px, calc(100vh - 120px)); overflow:auto;
	background:#fff; color:var(--a-ink); border:1px solid var(--a-lino); border-top:3px solid var(--a-lat); border-radius:6px;
	box-shadow:0 12px 32px rgba(8,32,31,.18); padding:16px 18px 16px; font-family:var(--font-sans,Inter,system-ui,sans-serif); font-size:14px; line-height:1.45;
	opacity:0; transform:translateY(12px); transition:opacity .22s ease, transform .22s ease;
}
.sh-asist[hidden]{display:none!important}
.sh-asist.is-on{opacity:1; transform:none}
.sh-asist-x{
	position:absolute; top:6px; right:6px; width:40px; height:40px; border:0; background:transparent; color:var(--a-ink);
	font-size:28px; line-height:1; cursor:pointer; border-radius:4px;
}
.sh-asist-x:hover{background:var(--a-cal)}
.sh-asist :focus-visible{outline:2px solid var(--a-lat); outline-offset:2px}
.sh-asist-eyebrow{margin:0 0 2px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--a-mut); font-weight:600}
.sh-asist-tit{margin:0 36px 12px 0; font-family:var(--font-heading,Fraunces,Georgia,serif); font-size:19px; line-height:1.25; color:var(--a-pet); font-weight:600; text-wrap:balance}
.sh-asist-opts{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.sh-asist-op{
	min-height:44px; padding:8px 10px; border:1.5px solid var(--a-lino); background:var(--a-cal); color:var(--a-ink);
	border-radius:4px; font:inherit; font-weight:500; font-size:13px; text-align:left; cursor:pointer;
}
.sh-asist-op:hover{border-color:var(--a-pet)}
.sh-asist-op[data-op="paredes"]{grid-column:1 / -1}
.sh-asist-form,.sh-asist-otro{display:flex; flex-direction:column; gap:8px; margin-top:8px}
.sh-asist input[name=texto],.sh-asist input[name=contacto]{
	width:100%; min-height:44px; padding:10px 12px; border:1.5px solid var(--a-lino); border-radius:4px; font:inherit; color:var(--a-ink); background:#fff; box-sizing:border-box;
}
.sh-asist-btn{
	min-height:44px; border:1.5px solid var(--a-pet); background:var(--a-lat); color:var(--a-pet9); border-radius:4px;
	font:inherit; font-weight:600; cursor:pointer;
}
.sh-asist-btn:disabled{opacity:.6; cursor:wait}
.sh-asist-hp{position:absolute!important; left:-9999px!important; width:1px; height:1px; opacity:0}
.sh-asist-sr{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.sh-asist-msg{margin:8px 0 0; font-size:13px; color:var(--a-mut)}
.sh-asist-prods{list-style:none; margin:0 0 6px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}
.sh-asist-prods a{display:flex; flex-direction:column; gap:3px; text-decoration:none; color:var(--a-ink); min-width:0}
.sh-asist-prods img{width:100%; aspect-ratio:1/1; object-fit:cover; border:1px solid var(--a-lino); border-radius:4px; background:var(--a-cal)}
.sh-asist-pn{font-size:12px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.sh-asist-pp{font-size:13px; font-weight:700; color:var(--rojo-precio,#B3251F); font-variant-numeric:tabular-nums}
.sh-asist-mas{display:inline-block; margin:2px 0 10px; font-size:13px; color:var(--a-pet); font-weight:600}
.sh-asist-txt{margin:0 0 10px}
.sh-asist-wa{
	display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; border-radius:4px;
	background:var(--wa-green,#25D366); color:#08201F; font-weight:600; text-decoration:none; margin-bottom:10px;
}
.sh-asist-explora{font-size:12.5px; color:var(--a-mut); line-height:1.6}
.sh-asist-explora a{color:var(--a-pet); font-weight:600; text-decoration:underline; text-underline-offset:2px}
.sh-asist-sig,.sh-asist-saltar{
	margin-top:10px; padding:6px 0; border:0; background:transparent; color:var(--a-pet); font:inherit; font-weight:600; cursor:pointer; text-decoration:underline; text-underline-offset:2px;
}
.sh-asist-ok{display:flex; gap:8px; align-items:flex-start; font-size:12.5px; color:var(--a-mut)}
.sh-asist-ok input{margin-top:3px; width:18px; height:18px; flex:0 0 auto}
.sh-asist-ok a{color:var(--a-pet)}

/* Móvil: franja inferior, máximo 30% de la pantalla (el contenido se desplaza dentro). */
@media (max-width:640px){
	.sh-asist{
		left:0; right:0; bottom:0; width:auto; max-width:none; max-height:30vh; border-radius:10px 10px 0 0;
		border-left:0; border-right:0; border-bottom:0;
		padding:12px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));
	}
	.sh-asist-tit{font-size:16px; margin-bottom:8px}
	.sh-asist-x{width:44px; height:44px; top:2px; right:4px}
	.sh-asist-opts{gap:6px}
	.sh-asist-op{min-height:40px; font-size:12.5px}
	.sh-asist-prods{grid-template-columns:repeat(3,64px); gap:10px}
	.sh-asist-pn{display:none}
	.sh-asist-pp{font-size:12px}
	.sh-asist-mas{margin-bottom:6px}
}
@media (prefers-reduced-motion:reduce){ .sh-asist{transition:none} }