/* Sertina 26/10/2026 · DESCRIPCIONES LEGIBLES en las fichas (petición de Estela: «se ve como un párrafo interminable»).
   MODO PRUEBA: solo con html.sb-desc (cookie ?sertina_desc=1 que pone head.tpl; ?sertina_desc=0 la quita).
   Solo CSS sobre la descripción larga (.product-description-toggle) + sertina-desc.js, que marca títulos sueltos,
   preguntas y el bloque del operador. La base de datos no se toca. */

/* aire y lectura */
html.sb-desc body#product .product-description-toggle{line-height:1.65!important;font-size:15px!important;color:#3a3034!important}
html.sb-desc body#product .product-description-toggle p{margin:0 0 12px!important;line-height:1.65!important}
/* estilos pegados de Google Docs: solo a la vista, la BD no se toca */
html.sb-desc body#product .product-description-toggle [style]:not(img):not(iframe):not(video){font-size:inherit!important;font-family:inherit!important;color:inherit!important;line-height:inherit!important;background-color:transparent!important;white-space:normal!important}
html.sb-desc body#product .product-description-toggle strong[style],html.sb-desc body#product .product-description-toggle b[style],html.sb-desc body#product .product-description-toggle span[style*="bold"],html.sb-desc body#product .product-description-toggle span[style*="700"]{font-weight:700!important}
/* títulos de sección: aire, granate y una línea fina encima */
html.sb-desc body#product .product-description-toggle h2:not(#z),html.sb-desc body#product .product-description-toggle h3:not(#z),html.sb-desc body#product .product-description-toggle h4:not(#z),html.sb-desc body#product .product-description-toggle p.sb-desc-tit:not(#z){font-family:inherit!important;font-weight:700!important;font-size:17px!important;line-height:1.3!important;color:#8C1D3A!important;margin:26px 0 10px!important;padding:18px 0 0!important;border-top:1px solid rgba(140,29,58,.16)!important;text-transform:none!important;letter-spacing:0!important;background:none!important}
html.sb-desc body#product .product-description-toggle h2:not(#z) *,html.sb-desc body#product .product-description-toggle h3:not(#z) *,html.sb-desc body#product .product-description-toggle h4:not(#z) *,html.sb-desc body#product .product-description-toggle p.sb-desc-tit:not(#z) *{font-size:inherit!important;color:inherit!important;font-weight:inherit!important;text-decoration:none!important}
html.sb-desc body#product .product-description-toggle > :first-child:not(#z),html.sb-desc body#product .product-description-toggle > .sb-desc-primero:not(#z):not(#y){margin-top:0!important;padding-top:0!important;border-top:0!important}
html.sb-desc body#product .product-description-toggle .sb-desc-lead:not(#z){display:block!important;font-weight:700!important;text-decoration:none!important;font-size:17px!important;line-height:1.3!important;color:#8C1D3A!important;margin:14px 0 6px!important;padding:16px 0 0!important;border-top:1px solid rgba(140,29,58,.16)!important}
html.sb-desc body#product .product-description-toggle .sb-desc-lead:not(#z) *{color:inherit!important;font-size:inherit!important;text-decoration:none!important;font-weight:inherit!important}
html.sb-desc body#product .product-description-toggle > .sb-desc-primero .sb-desc-lead:not(#z):not(#y){border-top:0!important;padding-top:0!important;margin-top:0!important}
/* preguntas frecuentes: la pregunta en negrita oscura, sin línea, y la respuesta debajo */
html.sb-desc body#product .product-description-toggle .sb-desc-preg:not(#z):not(#y){font-size:15.5px!important;color:#2b2326!important;margin:16px 0 4px!important;padding:0 0 0 12px!important;border-top:0!important;border-left:3px solid rgba(140,29,58,.35)!important}
html.sb-desc body#product .product-description-toggle .sb-desc-preg + p:not(#z){padding-left:15px!important;color:#5a4c51!important}
/* listas */
html.sb-desc body#product .product-description-toggle ul{list-style:disc!important;padding-left:22px!important;margin:4px 0 14px!important}
html.sb-desc body#product .product-description-toggle ol{list-style:decimal!important;padding-left:24px!important;margin:4px 0 14px!important}
html.sb-desc body#product .product-description-toggle li{display:list-item!important;margin:4px 0!important;line-height:1.55!important}
html.sb-desc body#product .product-description-toggle li > p{margin:0!important}
html.sb-desc body#product .product-description-toggle ul.sb-desc-guion{list-style:none!important;padding-left:2px!important}
/* bloque del operador alimentario: aparte, fondo crema y letra algo más pequeña */
html.sb-desc body#product .product-description-toggle .sb-operador:not(#z){margin:22px 0 6px!important;padding:12px 14px!important;background:#FBF6EF!important;border-radius:8px!important;font-size:13px!important;line-height:1.5!important;color:#6b5f63!important}
html.sb-desc body#product .product-description-toggle .sb-operador:not(#z) > *{margin:0 0 2px!important;padding:0!important;border:0!important;font-size:13px!important;color:inherit!important}
html.sb-desc body#product .product-description-toggle .sb-operador:not(#z) > h3,html.sb-desc body#product .product-description-toggle .sb-operador:not(#z) > .sb-op-tit:not(#y){font-weight:700!important;color:#5a4c51!important;margin-bottom:4px!important}
/* el operador también puede estar en el texto corto */
html.sb-desc body#product [id^="product-description-short"] .sb-operador{margin:16px 0 0!important;padding:12px 14px!important;background:#FBF6EF!important;border-radius:8px!important}
html.sb-desc body#product [id^="product-description-short"] .sb-operador > *{margin:0 0 2px!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;font-size:13px!important;line-height:1.5!important;color:#6b5f63!important;font-weight:400!important}
html.sb-desc body#product [id^="product-description-short"] .sb-operador > .sb-op-tit{font-weight:700!important;color:#5a4c51!important}
/* huecos vacíos pegados */
html.sb-desc body#product .product-description-toggle p:empty,html.sb-desc body#product .product-description-toggle p.sb-vacio{display:none!important}
html.sb-desc body#product .product-description-toggle img{max-width:100%!important;height:auto!important;border-radius:8px}