/* Estilos mínimos para la tabla de Técnicas de Impresión */
.wpti-wrapper{margin-top:18px;max-width:900px;margin-left:auto;margin-right:auto;padding:0 12px;text-align:left}

/* Anular mayúsculas aplicadas por el tema a las pestañas de producto */
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li a,
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .wc-tabs li a{
	text-transform:uppercase !important;
}
/* Tabla mucho más pequeña: tamaño fijo reducido para que no ocupe demasiado espacio */
/* Aumenté el ancho base de la tabla para que sea más ancha en desktop
	(aprox. el doble horizontalmente respecto al valor previo) */
.wpti-table{width:340px;max-width:680px;min-width:240px;border-collapse:collapse;background:#fff;border:1px solid #e5e5e5;margin:12px auto 6px auto;float:none;display:table}

/* Reglas más específicas para evitar que estilos del tema vuelvan a centrar la tabla */
.wpti-wrapper > .wpti-table{float:none !important; margin:12px auto 6px auto !important}
.wpti-table th,.wpti-table td{padding:12px 16px;border-bottom:1px solid #eee;text-align:left;vertical-align:middle;font-family:inherit}
.wpti-table thead th{background:#f6f6f6;color:#666;font-weight:600;text-transform:none !important;font-size:14px;padding:10px 16px}
.wpti-thumb{max-width:40px;height:auto;display:block}
.wpti-no-image{color:#888}
.wpti-name{width:60%}
.wpti-preview{width:40%}
.wpti-note{font-size:12px;color:#666;margin-top:12px;clear:both;text-align:center}

/* Hacer la tabla responsive en pantallas pequeñas
   - No ocultar el thead: mantener los títulos (vista previa / nombre) visibles
   - Reducir paddings y tamaños para que se vea igual pero más chico
   - Permitir scroll horizontal si el contenido no entra */
@media (max-width:600px){
	.wpti-wrapper{padding:0 8px;overflow-x:auto}
	.wpti-table{width:auto;min-width:280px;max-width:100%;float:none;display:table}
	.wpti-table th,.wpti-table td{padding:8px 10px;font-size:13px}
	.wpti-table thead th{display:table-cell;font-size:12px;padding:6px 10px}
	.wpti-name, .wpti-preview{width:auto}
	.wpti-note{font-size:11px}
}