/* ══════════════════════════════════════════════════════════════════════
   Estilos de /pregunta-frecuentes-singer/ (post 1381). El archivo nació
   solo para el sidebar; abajo se le añadió el tratamiento de la columna
   principal. Se encola únicamente en esta página (is_page(1381), ver
   inc/preguntas-frecuentes-sidebar.php).
   ══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════
   Sidebar "CATEGORÍAS" en /pregunta-frecuentes-singer/ (post 1381) —
   SOLO en esta página (is_page(1381), ver
   inc/preguntas-frecuentes-sidebar.php), sin tocar
   woo-left-sidebar-page.css (compartido con las 19 fichas de producto y
   Servicio Técnico). Mismo patrón exacto ya usado y aprobado en
   Sobre Nosotros / Academia / Historia: caja gris clara, línea fucsia
   corta bajo el título, filas sin bullets separadas por líneas finas.
   ══════════════════════════════════════════════════════════════════════ */
body.page-id-1381 .oz-woo-left-layout__sidebar .widget_product_categories {
	background: #f7f7f7;
	padding: 18px 20px;
	margin-bottom: 22px;
}

body.page-id-1381 .oz-woo-left-layout__sidebar .widget_product_categories .widget-title {
	margin: 0 0 12px;
	padding: 0 0 10px;
	border-bottom: 2px solid #ff0047;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #111827;
}

body.page-id-1381 .oz-woo-left-layout__sidebar .widget_product_categories ul.product-categories {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

body.page-id-1381 .oz-woo-left-layout__sidebar .widget_product_categories ul.product-categories li {
	margin-bottom: 0;
	padding: 9px 0;
	border-bottom: 1px solid #e0e0e0;
}

body.page-id-1381 .oz-woo-left-layout__sidebar .widget_product_categories ul.product-categories li:last-child {
	border-bottom: 0;
}

body.page-id-1381 .oz-woo-left-layout__sidebar .widget_product_categories ul.product-categories li a {
	font-size: 14px;
	color: #374151;
	text-decoration: none;
}

body.page-id-1381 .oz-woo-left-layout__sidebar .widget_product_categories ul.product-categories li a:hover {
	color: #ff0047;
}

body.page-id-1381 .oz-woo-left-layout__sidebar .widget_product_categories ul.product-categories li a::before {
	content: none;
}

/* ══════════════════════════════════════════════════════════════════════
   Columna principal: bloque de introducción
   ----------------------------------------------------------------------
   El contenido lo pinta el maquetador (oz-pb-*) como tres bloques de texto
   sueltos —h2, h3 y tres párrafos— con padding y margin a 0 en cada
   .oz-pb-spacing-scope. Sin ritmo vertical ni medida de lectura, todo
   quedaba amontonado y a todo el ancho de la columna.

   El ritmo se da desde los márgenes de los propios h2/h3/p, que el
   maquetador no controla. Cada selector lleva .oz-pb-block--text en la
   cadena para sumar una clase más que las reglas de global.css (el CSS
   autogenerado del plugin, que empata en especificidad con la forma
   corta): así el resultado no depende del orden de carga entre ambos
   archivos, que el plugin reescribe en cada guardado.
   ══════════════════════════════════════════════════════════════════════ */

body.page-id-1381 .oz-woo-left-layout__main {
	padding: 8px 0 40px;
}

body.page-id-1381 .oz-woo-left-layout__main .oz-pb-block--text .oz-pb-text {
	/* Medida de lectura cómoda. El centrado del texto lo trae el maquetador
	   como style en línea, así que no se toca: solo se acota el ancho. */
	max-width: 62ch;
	margin-left: auto;
	margin-right: auto;
}

body.page-id-1381 .oz-woo-left-layout__main .oz-pb-block--text .oz-pb-text h2 {
	margin: 0 0 14px;
	font-size: clamp(26px, 3.2vw, 34px);
	line-height: 1.2;
	font-weight: 700;
	color: #111827;
}

/* Filete fucsia corto bajo el título: mismo recurso que la caja del sidebar,
   aquí centrado, para que la columna tenga un punto de anclaje visual. */
body.page-id-1381 .oz-woo-left-layout__main .oz-pb-block--text .oz-pb-text h2::after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	margin: 14px auto 0;
	border-radius: 2px;
	background: #ff0047;
}

body.page-id-1381 .oz-woo-left-layout__main .oz-pb-block--text .oz-pb-text h3 {
	margin: 0 0 4px;
	font-size: clamp(17px, 2vw, 20px);
	line-height: 1.35;
	font-weight: 600;
	color: #374151;
}

body.page-id-1381 .oz-woo-left-layout__main .oz-pb-block--text .oz-pb-text p {
	margin: 0 0 14px;
	line-height: 1.7;
	color: #4b5563;
}

/* El <br> del contenido partía la frase por la mitad; con la medida ya
   acotada dejaba una segunda línea muy corta. Se neutraliza para que el
   párrafo fluya solo — el texto no se modifica. */
body.page-id-1381 .oz-woo-left-layout__main .oz-pb-block--text .oz-pb-text p br {
	display: none;
}

/* El teléfono gratuito es la única acción concreta de la página: se destaca
   en la misma caja gris que usa el sidebar, en vez de quedar como un párrafo
   más perdido al final. */
body.page-id-1381 .oz-woo-left-layout__main .oz-pb-block--text .oz-pb-text p:last-child {
	margin: 26px 0 0;
	padding: 16px 20px;
	border-radius: 8px;
	background: #f7f7f7;
	color: #374151;
	font-weight: 500;
}